Erweiterung der Produktpflege

This commit is contained in:
2026-08-27 15:31:50 +02:00
parent b2ce536723
commit cdf7a538c1
240 changed files with 8264 additions and 6420 deletions
@@ -0,0 +1 @@
{"root":["../../src/app.tsx","../../src/layout.tsx","../../src/keycloak.ts","../../src/main.tsx","../../src/api/product.api.ts","../../src/api/productgroup.api.ts","../../src/api/propertytype.api.ts","../../src/api/propertytypegroup.api.ts","../../src/api/value.api.ts","../../src/components/footer.tsx","../../src/components/navbar.tsx","../../src/components/products/productdetail.tsx","../../src/components/products/productformdialog.tsx","../../src/components/products/productgrid.tsx","../../src/components/products/productgrouptree.tsx","../../src/components/products/products.tsx","../../src/components/properties/entityformdialog.tsx","../../src/components/properties/properties.tsx","../../src/components/properties/propertytypegrid.tsx","../../src/components/properties/propertytypegrouptree.tsx","../../src/components/properties/valuegrid.tsx","../../src/data/product.ts","../../src/data/productgroup.ts","../../src/data/property.ts","../../src/data/propertytype.ts","../../src/data/propertytypegrouptable.ts","../../src/data/value.ts","../../src/pages/homepage.tsx","../../src/pages/notfoundpage.tsx"],"version":"6.0.3"}
@@ -0,0 +1 @@
{"root":["../../vite.config.ts"],"version":"6.0.3"}
@@ -1,6 +1,6 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-Cf0_3N9N.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Add.mjs
var import_jsx_runtime = require_jsx_runtime();
var Add_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
@@ -0,0 +1,8 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Check.mjs
var import_jsx_runtime = require_jsx_runtime();
var Check_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }), "Check");
//#endregion
export { Check_default as default };
@@ -0,0 +1 @@
{"version":3,"file":"@mui_icons-material_Check.js","names":[],"sources":["../../@mui/icons-material/Check.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\n}), 'Check');"],"mappings":";;;;;AAIA,IAAA,gBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,oDACL,CAAC,GAAG,OAAO"}
@@ -1,6 +1,6 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-Cf0_3N9N.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Delete.mjs
var import_jsx_runtime = require_jsx_runtime();
var Delete_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z" }), "Delete");
@@ -0,0 +1,8 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Description.mjs
var import_jsx_runtime = require_jsx_runtime();
var Description_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z" }), "Description");
//#endregion
export { Description_default as default };
@@ -0,0 +1 @@
{"version":3,"file":"@mui_icons-material_Description.js","names":[],"sources":["../../@mui/icons-material/Description.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 16H8v-2h8zm0-4H8v-2h8zm-3-5V3.5L18.5 9z\"\n}), 'Description');"],"mappings":";;;;;AAIA,IAAA,sBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,qHACL,CAAC,GAAG,aAAa"}
@@ -0,0 +1,8 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Folder.mjs
var import_jsx_runtime = require_jsx_runtime();
var Folder_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z" }), "Folder");
//#endregion
export { Folder_default as default };
@@ -0,0 +1 @@
{"version":3,"file":"@mui_icons-material_Folder.js","names":[],"sources":["../../@mui/icons-material/Folder.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z\"\n}), 'Folder');"],"mappings":";;;;;AAIA,IAAA,iBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,yFACL,CAAC,GAAG,QAAQ"}
@@ -1,6 +1,6 @@
"use client";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-Cf0_3N9N.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/icons-material/Search.mjs
var import_jsx_runtime = require_jsx_runtime();
var Search_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" }), "Search");
@@ -1,2 +1,2 @@
import { i as useTabContext, n as getPanelId, r as getTabId, t as TabContext } from "./TabContext-CMSSKNSg.js";
import { i as useTabContext, n as getPanelId, r as getTabId, t as TabContext } from "./TabContext-D4t-wY-9.js";
export { TabContext as default, getPanelId, getTabId, useTabContext };
@@ -1,9 +1,9 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-CMSSKNSg.js";
import { t as Tabs } from "./Tabs-CL3Bsg3w.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-D4t-wY-9.js";
import { t as Tabs } from "./Tabs-DcooAgFR.js";
//#region node_modules/@mui/lab/TabList/TabList.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,11 +1,11 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-CMSSKNSg.js";
import { t as useThemeProps } from "./useThemeProps-Bj7e_GBH.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useThemeProps } from "./useThemeProps-B4A_cZzq.js";
import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-D4t-wY-9.js";
//#region node_modules/@mui/lab/TabPanel/tabPanelClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
import { n as appBarClasses, r as getAppBarUtilityClass, t as AppBar } from "./AppBar-Bh40cLP3.js";
import { n as appBarClasses, r as getAppBarUtilityClass, t as AppBar } from "./AppBar-jnTHxJHg.js";
export { appBarClasses, AppBar as default, getAppBarUtilityClass };
@@ -1,2 +1,2 @@
import { n as boxClasses, t as Box } from "./Box-B_dRI49O.js";
import { n as boxClasses, t as Box } from "./Box-C4LEZQ4f.js";
export { boxClasses, Box as default };
@@ -1,2 +1,2 @@
import { a as getButtonUtilityClass, i as buttonClasses, t as Button } from "./Button-A8lGDA7s.js";
import { a as getButtonUtilityClass, i as buttonClasses, t as Button } from "./Button-Digmcb9Y.js";
export { buttonClasses, Button as default, getButtonUtilityClass };
@@ -0,0 +1,2 @@
import { n as checkboxClasses, r as getCheckboxUtilityClass, t as Checkbox } from "./Checkbox-B8Jxz6oa.js";
export { checkboxClasses, Checkbox as default, getCheckboxUtilityClass };
@@ -0,0 +1,2 @@
import { n as chipClasses, r as getChipUtilityClass, t as Chip } from "./Chip-gPTfo2jJ.js";
export { chipClasses, Chip as default, getChipUtilityClass };
@@ -1,2 +1,2 @@
import { n as dialogClasses, r as getDialogUtilityClass, t as Dialog } from "./Dialog-C0FlcikN.js";
import { n as dialogClasses, r as getDialogUtilityClass, t as Dialog } from "./Dialog-CmKf_mUC.js";
export { Dialog as default, dialogClasses, getDialogUtilityClass };
@@ -1,2 +1,2 @@
import { n as dialogActionsClasses, r as getDialogActionsUtilityClass, t as DialogActions } from "./DialogActions-CUx3ntEf.js";
import { n as dialogActionsClasses, r as getDialogActionsUtilityClass, t as DialogActions } from "./DialogActions-BnJCnobA.js";
export { DialogActions as default, dialogActionsClasses, getDialogActionsUtilityClass };
@@ -1,2 +1,2 @@
import { n as dialogContentClasses, r as getDialogContentUtilityClass, t as DialogContent } from "./DialogContent-CLqjPIAp.js";
import { n as dialogContentClasses, r as getDialogContentUtilityClass, t as DialogContent } from "./DialogContent-CxE2I2pF.js";
export { DialogContent as default, dialogContentClasses, getDialogContentUtilityClass };
@@ -1,3 +1,3 @@
import { n as getDialogTitleUtilityClass, t as dialogTitleClasses } from "./dialogTitleClasses-CMIZgy_C.js";
import { t as DialogTitle } from "./DialogTitle-ec9jPt95.js";
import { n as getDialogTitleUtilityClass, t as dialogTitleClasses } from "./dialogTitleClasses-BMWdNl2E.js";
import { t as DialogTitle } from "./DialogTitle-Bdeq_m4v.js";
export { DialogTitle as default, dialogTitleClasses, getDialogTitleUtilityClass };
@@ -0,0 +1,3 @@
import { n as formControlClasses, r as getFormControlUtilityClasses, t as FormControl } from "./FormControl-BBWMdsor.js";
import { t as useFormControl } from "./useFormControl-DsSCzWhM.js";
export { FormControl as default, formControlClasses, getFormControlUtilityClasses, useFormControl };
@@ -1,2 +1,2 @@
import { n as getIconButtonUtilityClass, r as iconButtonClasses, t as IconButton } from "./IconButton-DrMmxSzf.js";
import { n as getIconButtonUtilityClass, r as iconButtonClasses, t as IconButton } from "./IconButton-D15NphpU.js";
export { IconButton as default, getIconButtonUtilityClass, iconButtonClasses };
@@ -1,3 +1,3 @@
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-Bz0x_Nya.js";
import { t as InputAdornment } from "./InputAdornment-69lRAvLa.js";
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-ClNggkd0.js";
import { t as InputAdornment } from "./InputAdornment-oDPNkEQ8.js";
export { InputAdornment as default, getInputAdornmentUtilityClass, inputAdornmentClasses };
@@ -0,0 +1,3 @@
import { t as InputLabel } from "./InputLabel-CMR3xNb9.js";
import { n as inputLabelClasses, t as getInputLabelUtilityClasses } from "./inputLabelClasses-SE8nfTj6.js";
export { InputLabel as default, getInputLabelUtilityClasses, inputLabelClasses };
@@ -0,0 +1,2 @@
import { n as getListItemTextUtilityClass, r as listItemTextClasses, t as ListItemText } from "./ListItemText-DDPPBz7v.js";
export { ListItemText as default, getListItemTextUtilityClass, listItemTextClasses };
@@ -0,0 +1,2 @@
import { o as getMenuItemUtilityClass, s as menuItemClasses, t as MenuItem } from "./MenuItem-CKw_jkNA.js";
export { MenuItem as default, getMenuItemUtilityClass, menuItemClasses };
@@ -0,0 +1,2 @@
import { n as getPaperUtilityClass, r as paperClasses, t as Paper } from "./Paper-Dp73HJFm.js";
export { Paper as default, getPaperUtilityClass, paperClasses };
@@ -0,0 +1,3 @@
import { C as getSelectUtilityClasses, _ as getOpenInteractionType, g as isEmpty, h as areEqualValues, t as Select, w as selectClasses } from "./Select-CDDaUIdG.js";
import { i as useSelectFocusSource, r as SelectFocusSourceProvider } from "./MenuListContext-DsdfkY0h.js";
export { SelectFocusSourceProvider, areEqualValues, Select as default, getOpenInteractionType, getSelectUtilityClasses, isEmpty, selectClasses, useSelectFocusSource };
@@ -1,2 +1,2 @@
import { n as Stack, t as stackClasses } from "./Stack-DfNZ6tKE.js";
import { n as Stack, t as stackClasses } from "./Stack-BfolKqSt.js";
export { Stack as default, stackClasses };
@@ -1,2 +1,2 @@
import { n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-Bi21REoM.js";
import { n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-B6VtUp_e.js";
export { Tab as default, getTabUtilityClass, tabClasses };
@@ -0,0 +1,2 @@
import { n as getTableUtilityClass, r as tableClasses, t as Table } from "./Table-CfuqII2r.js";
export { Table as default, getTableUtilityClass, tableClasses };
@@ -0,0 +1,2 @@
import { n as getTableBodyUtilityClass, r as tableBodyClasses, t as TableBody } from "./TableBody-BFcGSiqz.js";
export { TableBody as default, getTableBodyUtilityClass, tableBodyClasses };
@@ -0,0 +1,2 @@
import { n as getTableCellUtilityClass, r as tableCellClasses, t as TableCell } from "./TableCell-i2k-ycqG.js";
export { TableCell as default, getTableCellUtilityClass, tableCellClasses };
@@ -0,0 +1,2 @@
import { n as getTableContainerUtilityClass, r as tableContainerClasses, t as TableContainer } from "./TableContainer-Dy7QCpgP.js";
export { TableContainer as default, getTableContainerUtilityClass, tableContainerClasses };
@@ -0,0 +1,2 @@
import { n as getTableHeadUtilityClass, r as tableHeadClasses, t as TableHead } from "./TableHead-CXVJkJ1r.js";
export { TableHead as default, getTableHeadUtilityClass, tableHeadClasses };
@@ -0,0 +1,2 @@
import { n as getTableRowUtilityClass, r as tableRowClasses, t as TableRow } from "./TableRow-B3taH--s.js";
export { TableRow as default, getTableRowUtilityClass, tableRowClasses };
@@ -1,2 +1,2 @@
import { n as getTextFieldUtilityClass, r as textFieldClasses, t as TextField } from "./TextField-wEDqqayk.js";
import { n as getTextFieldUtilityClass, r as textFieldClasses, t as TextField } from "./TextField-B9yWAr45.js";
export { TextField as default, getTextFieldUtilityClass, textFieldClasses };
@@ -1,2 +1,2 @@
import { n as getTooltipUtilityClass, r as tooltipClasses, t as Tooltip } from "./Tooltip-AC4fJPMm.js";
import { n as getTooltipUtilityClass, r as tooltipClasses, t as Tooltip } from "./Tooltip-CkNB0kn8.js";
export { Tooltip as default, getTooltipUtilityClass, tooltipClasses };
@@ -1,2 +1,2 @@
import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-BDkJLIDE.js";
import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-D0X9-lHE.js";
export { Typography as default, getTypographyUtilityClass, typographyClasses };
+77 -69
View File
@@ -1,35 +1,85 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_react_dom } from "./react-dom.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, S as useRtl, W as css, X as _extends, lt as capitalize, ut as clsx } from "./identifier-Db3dwgA7.js";
import { a as resolveProps, l as composeClasses, s as shouldForwardProp, t as styled } from "./styled-ry4r-NKP.js";
import { I as FormControl, _ as MenuList, i as Select, it as TextareaAutosize, k as InputLabel, rt as inputBaseClasses, t as TextField, tt as InputBase } from "./TextField-wEDqqayk.js";
import { t as styled$1 } from "./styled-D1aQQGyn.js";
import { t as getThemeProps } from "./getThemeProps-2wnaMjK_.js";
import { a as useForkRef, o as useEnhancedEffect, r as useEventCallback, t as useLazyRef } from "./useLazyRef-BFAG-x_s.js";
import { i as HTMLElementType } from "./elementAcceptingRef-rYQ5gbK-.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, S as useRtl, W as css, X as _extends, lt as capitalize, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { a as resolveProps, l as composeClasses, s as shouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { I as inputBaseClasses, L as TextareaAutosize, P as InputBase, m as MenuList, t as Select } from "./Select-CDDaUIdG.js";
import { t as styled$1 } from "./styled-DWwWVzfz.js";
import { t as getThemeProps } from "./getThemeProps-CQCiKSav.js";
import { a as useEnhancedEffect, i as useLazyRef, n as useEventCallback } from "./useForkRef-DuMrXAkd.js";
import { i as HTMLElementType } from "./elementAcceptingRef-77cdI4ys.js";
import { t as useId } from "./useId-BvBa7DUQ.js";
import { n as useTheme } from "./chainPropTypes-DS_z862G.js";
import { t as createSvgIcon$1 } from "./createSvgIcon-Cf0_3N9N.js";
import { a as refType, n as useTimeout, r as useOnMount } from "./useTimeout-Bjk18o42.js";
import { a as debounce } from "./useEnhancedEffect-Des-x0LJ.js";
import { t as Tabs } from "./Tabs-CL3Bsg3w.js";
import { i as FocusTrap, t as Modal } from "./Modal-rlYNDt8_.js";
import { t as FormControl } from "./FormControl-BBWMdsor.js";
import { n as useTheme } from "./chainPropTypes-XO9WdMvJ.js";
import { t as createSvgIcon$1 } from "./createSvgIcon-BpU1QI3F.js";
import { a as createSelectorMemoized$1, i as createSelector$1, n as reactMajor_default, o as lruMemoize, r as require_shim, s as _objectWithoutPropertiesLoose, t as useStore } from "./useStore-b7LHpDhD.js";
import { t as CircularProgress } from "./CircularProgress-CZv3_Pmq.js";
import { i as FocusTrap, t as Modal } from "./Modal-DWsHkJKP.js";
import { i as debounce } from "./ownerWindow-kpiLX9WV.js";
import { n as ownerDocument } from "./setRef-3K5nZ4il.js";
import { t as Tab } from "./Tab-Bi21REoM.js";
import { B as Badge, E as ListItemText$1, F as FormControlLabel$1, I as Divider$1, M as LinearProgress, O as listItemTextClasses, T as MenuItem, U as Autocomplete, W as Chip, _ as Switch, b as Skeleton, i as TablePagination, k as ListItemIcon, lt as formControlLabelClasses, o as tablePaginationClasses, t as ToggleButton, z as ClickAwayListener } from "./ToggleButton-wH2nia4o.js";
import { t as Checkbox$1 } from "./Checkbox-ygBLxZxd.js";
import { t as Paper } from "./Paper-BN2CUK32.js";
import { t as CircularProgress } from "./CircularProgress-Tc2SKes6.js";
import { r as iconButtonClasses, t as IconButton } from "./IconButton-DrMmxSzf.js";
import { i as Popper, t as Tooltip } from "./Tooltip-AC4fJPMm.js";
import { t as Button } from "./Button-A8lGDA7s.js";
import { t as Grow } from "./Grow-DmlBpZfC.js";
import { n as inputAdornmentClasses } from "./inputAdornmentClasses-Bz0x_Nya.js";
import { t as InputAdornment$1 } from "./InputAdornment-69lRAvLa.js";
import { a as createSelector$1, c as warnOnce, d as _objectWithoutPropertiesLoose, i as require_shim, l as fastObjectShallowCompare, n as Store, o as createSelectorMemoized$1, r as useStore, s as lruMemoize, t as EventManager, u as reactMajor_default } from "./EventManager-DC286UGQ.js";
import { i as refType, n as useTimeout, r as useOnMount } from "./useTimeout-B1CAuCte.js";
import { t as useForkRef } from "./useForkRef-HczILPyd2.js";
import { t as Checkbox$1 } from "./Checkbox-B8Jxz6oa.js";
import { A as Autocomplete, D as Badge, E as ClickAwayListener, G as formControlLabelClasses, T as Divider$1, b as ListItemIcon, f as Switch, h as Skeleton, i as TablePagination, o as tablePaginationClasses, t as ToggleButton, w as FormControlLabel$1, x as LinearProgress } from "./ToggleButton-Bonr1B5S.js";
import { t as TextField } from "./TextField-B9yWAr45.js";
import { t as InputLabel } from "./InputLabel-CMR3xNb9.js";
import { t as MenuItem } from "./MenuItem-CKw_jkNA.js";
import { i as Store, n as warnOnce, r as fastObjectShallowCompare, t as EventManager } from "./EventManager-DwsMevd9.js";
import { t as Tabs } from "./Tabs-DcooAgFR.js";
import { t as Paper } from "./Paper-Dp73HJFm.js";
import { r as iconButtonClasses, t as IconButton } from "./IconButton-D15NphpU.js";
import { i as Popper, t as Tooltip } from "./Tooltip-CkNB0kn8.js";
import { t as require_react_dom } from "./react-dom.js";
import { t as Chip } from "./Chip-gPTfo2jJ.js";
import { t as Button } from "./Button-Digmcb9Y.js";
import { t as Grow } from "./Grow-koF1pM0a.js";
import { n as inputAdornmentClasses } from "./inputAdornmentClasses-ClNggkd0.js";
import { t as InputAdornment$1 } from "./InputAdornment-oDPNkEQ8.js";
import { r as listItemTextClasses, t as ListItemText$1 } from "./ListItemText-DDPPBz7v.js";
import { t as Tab } from "./Tab-B6VtUp_e.js";
//#region node_modules/@mui/x-internals/store/useStoreEffect.mjs
var noop$2 = () => {};
/**
* An Effect implementation for the Store. This should be used for side-effects only. To
* compute and store derived state, use `createSelectorMemoized` instead.
*/
function useStoreEffect(store, selector, effect) {
const instance = useLazyRef(initialize, {
store,
selector
}).current;
instance.effect = effect;
useOnMount(instance.onMount);
}
function initialize(params) {
const { store, selector } = params;
let previousState = selector(store.state);
const instance = {
effect: noop$2,
dispose: null,
subscribe: () => {
instance.dispose ??= store.subscribe((state) => {
const nextState = selector(state);
if (!Object.is(previousState, nextState)) {
const prev = previousState;
previousState = nextState;
instance.effect(prev, nextState);
}
});
},
onMount: () => {
instance.subscribe();
return () => {
instance.dispose?.();
instance.dispose = null;
};
}
};
instance.subscribe();
return instance;
}
//#endregion
//#region node_modules/@mui/x-internals/forwardRef/forwardRef.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var forwardRef = (render) => {
@@ -2186,48 +2236,6 @@ function roundToDecimalPlaces(value, decimals) {
return Math.round(value * 10 ** decimals) / 10 ** decimals;
}
//#endregion
//#region node_modules/@mui/x-internals/store/useStoreEffect.mjs
var noop$2 = () => {};
/**
* An Effect implementation for the Store. This should be used for side-effects only. To
* compute and store derived state, use `createSelectorMemoized` instead.
*/
function useStoreEffect(store, selector, effect) {
const instance = useLazyRef(initialize, {
store,
selector
}).current;
instance.effect = effect;
useOnMount(instance.onMount);
}
function initialize(params) {
const { store, selector } = params;
let previousState = selector(store.state);
const instance = {
effect: noop$2,
dispose: null,
subscribe: () => {
instance.dispose ??= store.subscribe((state) => {
const nextState = selector(state);
if (!Object.is(previousState, nextState)) {
const prev = previousState;
previousState = nextState;
instance.effect(prev, nextState);
}
});
},
onMount: () => {
instance.subscribe();
return () => {
instance.dispose?.();
instance.dispose = null;
};
}
};
instance.subscribe();
return instance;
}
//#endregion
//#region node_modules/@mui/x-virtualizer/features/dimensions.mjs
var OSCILLATION_FLIP_WINDOW_MS = 100;
var EMPTY_DIMENSIONS$1 = {
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
import { a as TreeItemIconContainer, c as getTreeItemUtilityClass, i as TreeItemGroupTransition, l as treeItemClasses, n as TreeItemCheckbox, o as TreeItemLabel, r as TreeItemContent, s as TreeItemRoot, t as TreeItem } from "./TreeItem-BxWETNDk.js";
export { TreeItem, TreeItemCheckbox, TreeItemContent, TreeItemGroupTransition, TreeItemIconContainer, TreeItemLabel, TreeItemRoot, getTreeItemUtilityClass, treeItemClasses };
@@ -0,0 +1,379 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
import { t as Paper } from "./Paper-Dp73HJFm.js";
import { t as IconButton } from "./IconButton-D15NphpU.js";
import { t as Close_default } from "./Close-B5eRwVOo.js";
//#region node_modules/@mui/material/Alert/alertClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getAlertUtilityClass(slot) {
return generateUtilityClass("MuiAlert", slot);
}
var alertClasses = generateUtilityClasses("MuiAlert", [
"root",
"action",
"icon",
"message",
"filled",
"colorSuccess",
"colorInfo",
"colorWarning",
"colorError",
"outlined",
"standard"
]);
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/SuccessOutlined.mjs
var import_jsx_runtime = require_jsx_runtime();
var SuccessOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }), "SuccessOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ReportProblemOutlined.mjs
/**
* @ignore - internal component.
*/
var ReportProblemOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" }), "ReportProblemOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ErrorOutline.mjs
/**
* @ignore - internal component.
*/
var ErrorOutline_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "ErrorOutline");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/InfoOutlined.mjs
/**
* @ignore - internal component.
*/
var InfoOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z" }), "InfoOutlined");
//#endregion
//#region node_modules/@mui/material/Alert/Alert.mjs
var useUtilityClasses = (ownerState) => {
const { variant, color, severity, classes } = ownerState;
const slots = {
root: [
"root",
`color${capitalize_default(color || severity)}`,
`${variant}`
],
icon: ["icon"],
message: ["message"],
action: ["action"]
};
return composeClasses(slots, getAlertUtilityClass, classes);
};
var AlertRoot = styled(Paper, {
name: "MuiAlert",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.root, styles[ownerState.variant]];
}
})(memoTheme(({ theme }) => {
const getColor = theme.palette.mode === "light" ? theme.darken : theme.lighten;
const getBackgroundColor = theme.palette.mode === "light" ? theme.lighten : theme.darken;
return {
...theme.typography.body2,
backgroundColor: "transparent",
display: "flex",
padding: "6px 16px",
variants: [
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "standard"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, .9),
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "outlined"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
border: `1px solid ${(theme.vars || theme).palette[color].light}`,
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["dark"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "filled"
},
style: {
fontWeight: theme.typography.fontWeightMedium,
...theme.vars ? {
color: theme.vars.palette.Alert[`${color}FilledColor`],
backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
} : {
backgroundColor: theme.palette.mode === "dark" ? theme.palette[color].dark : theme.palette[color].main,
color: theme.palette.getContrastText(theme.palette[color].main)
}
}
}))
]
};
}));
var AlertIcon = styled("div", {
name: "MuiAlert",
slot: "Icon"
})({
marginRight: 12,
padding: "7px 0",
display: "flex",
fontSize: 22,
opacity: .9
});
var AlertMessage = styled("div", {
name: "MuiAlert",
slot: "Message"
})({
padding: "8px 0",
minWidth: 0,
overflow: "auto"
});
var AlertAction = styled("div", {
name: "MuiAlert",
slot: "Action"
})({
display: "flex",
alignItems: "flex-start",
padding: "4px 0 0 16px",
marginLeft: "auto",
marginRight: -8
});
var defaultIconMapping = {
success: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(SuccessOutlined_default, { fontSize: "inherit" }),
warning: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ReportProblemOutlined_default, { fontSize: "inherit" }),
error: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ErrorOutline_default, { fontSize: "inherit" }),
info: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InfoOutlined_default, { fontSize: "inherit" })
};
var Alert = /*#__PURE__*/ import_react.forwardRef(function Alert(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAlert"
});
const { action, children, className, closeText = "Close", color, icon, iconMapping = defaultIconMapping, onClose, role = "alert", severity = "success", slotProps = {}, slots = {}, variant = "standard", ...other } = props;
const ownerState = {
...props,
color,
severity,
variant,
colorSeverity: color || severity
};
const classes = useUtilityClasses(ownerState);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref,
shouldForwardComponentProp: true,
className: clsx(classes.root, className),
elementType: AlertRoot,
externalForwardedProps: {
...externalForwardedProps,
...other
},
ownerState,
additionalProps: {
role,
elevation: 0
}
});
const [IconSlot, iconSlotProps] = useSlot("icon", {
className: classes.icon,
elementType: AlertIcon,
externalForwardedProps,
ownerState
});
const [MessageSlot, messageSlotProps] = useSlot("message", {
className: classes.message,
elementType: AlertMessage,
externalForwardedProps,
ownerState
});
const [ActionSlot, actionSlotProps] = useSlot("action", {
className: classes.action,
elementType: AlertAction,
externalForwardedProps,
ownerState
});
const [CloseButtonSlot, closeButtonProps] = useSlot("closeButton", {
elementType: IconButton,
externalForwardedProps,
ownerState
});
const [CloseIconSlot, closeIconProps] = useSlot("closeIcon", {
elementType: Close_default,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
...rootSlotProps,
children: [
icon !== false ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(IconSlot, {
...iconSlotProps,
children: icon || iconMapping[severity] || defaultIconMapping[severity]
}) : null,
/*#__PURE__*/ (0, import_jsx_runtime.jsx)(MessageSlot, {
...messageSlotProps,
children
}),
action != null ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: action
}) : null,
action == null && onClose ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseButtonSlot, {
size: "small",
"aria-label": closeText,
title: closeText,
color: "inherit",
onClick: onClose,
...closeButtonProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseIconSlot, {
fontSize: "small",
...closeIconProps
})
})
}) : null
]
});
});
Alert.propTypes = {
/**
* The action to display. It renders after the message, at the end of the alert.
*/
action: import_prop_types.default.node,
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* Override the default label for the *close popup* icon button.
*
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
* @default 'Close'
*/
closeText: import_prop_types.default.string,
/**
* The color of the component. Unless provided, the value is taken from the `severity` prop.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* Override the icon displayed before the children.
* Unless provided, the icon is mapped to the value of the `severity` prop.
* Set to `false` to remove the `icon`.
*/
icon: import_prop_types.default.node,
/**
* The component maps the `severity` prop to a range of different icons,
* for instance success to `<SuccessOutlined>`.
* If you wish to change this mapping, you can provide your own.
* Alternatively, you can use the `icon` prop to override the icon displayed.
*/
iconMapping: import_prop_types.default.shape({
error: import_prop_types.default.node,
info: import_prop_types.default.node,
success: import_prop_types.default.node,
warning: import_prop_types.default.node
}),
/**
* Callback fired when the component requests to be closed.
* When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
* @param {React.SyntheticEvent} event The event source of the callback.
*/
onClose: import_prop_types.default.func,
/**
* The ARIA role attribute of the element.
* @default 'alert'
*/
role: import_prop_types.default.string,
/**
* The severity of the alert. This defines the color and icon used.
* @default 'success'
*/
severity: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
action: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeButton: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeIcon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
icon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
message: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
action: import_prop_types.default.elementType,
closeButton: import_prop_types.default.elementType,
closeIcon: import_prop_types.default.elementType,
icon: import_prop_types.default.elementType,
message: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
* @default 'standard'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
]), import_prop_types.default.string])
};
//#endregion
export { alertClasses as n, getAlertUtilityClass as r, Alert as t };
File diff suppressed because one or more lines are too long
@@ -1,769 +0,0 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, l as duration, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { i as useReducedMotion, n as useForkRef_default } from "./useLazyRef-BFAG-x_s.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { n as useTheme } from "./chainPropTypes-DS_z862G.js";
import { t as createSvgIcon } from "./createSvgIcon-Cf0_3N9N.js";
import { o as normalizedTransitionCallback, r as getTransitionProps } from "./utils-BCVtNTPx.js";
import { t as useSlot } from "./useSlot-DwQopxnD.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-soVrg9KC.js";
import { r as Close_default } from "./Checkbox-ygBLxZxd.js";
import { t as Transition } from "./Transition-CTO78YMk.js";
import { t as Paper } from "./Paper-BN2CUK32.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as IconButton } from "./IconButton-DrMmxSzf.js";
//#region node_modules/@mui/material/Collapse/collapseClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getCollapseUtilityClass(slot) {
return generateUtilityClass("MuiCollapse", slot);
}
var collapseClasses = generateUtilityClasses("MuiCollapse", [
"root",
"horizontal",
"vertical",
"entered",
"hidden",
"wrapper",
"wrapperInner"
]);
//#endregion
//#region node_modules/@mui/material/Collapse/Collapse.mjs
var import_jsx_runtime = require_jsx_runtime();
var EMPTY_OBJECT = {};
var useUtilityClasses$1 = (ownerState) => {
const { orientation, classes } = ownerState;
return composeClasses({
root: ["root", orientation],
entered: ["entered"],
hidden: ["hidden"],
wrapper: ["wrapper", orientation],
wrapperInner: ["wrapperInner", orientation]
}, getCollapseUtilityClass, classes);
};
var CollapseRoot = styled("div", {
name: "MuiCollapse",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.orientation],
ownerState.state === "entered" && styles.entered,
ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && styles.hidden
];
}
})(memoTheme(({ theme }) => ({
height: 0,
overflow: "hidden",
transition: theme.transitions.create("height"),
variants: [
{
props: { orientation: "horizontal" },
style: {
height: "auto",
width: 0,
transition: theme.transitions.create("width")
}
},
{
props: { state: "entered" },
style: {
height: "auto",
overflow: "visible"
}
},
{
props: {
state: "entered",
orientation: "horizontal"
},
style: { width: "auto" }
},
{
props: ({ ownerState }) => ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px",
style: { visibility: "hidden" }
}
]
})));
var CollapseWrapper = styled("div", {
name: "MuiCollapse",
slot: "Wrapper"
})({
display: "flex",
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
var CollapseWrapperInner = styled("div", {
name: "MuiCollapse",
slot: "WrapperInner"
})({
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
/**
* The Collapse transition is used by the
* [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
*/
var Collapse = /*#__PURE__*/ import_react.forwardRef(function Collapse(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCollapse"
});
const { addEndListener, children, className, collapsedSize: collapsedSizeProp = "0px", component, disablePrefersReducedMotion = false, easing, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, orientation = "vertical", slots = EMPTY_OBJECT, slotProps = EMPTY_OBJECT, style, timeout = duration.standard, TransitionComponent = Transition, ...other } = props;
const ownerState = {
...props,
orientation,
collapsedSize: collapsedSizeProp
};
const classes = useUtilityClasses$1(ownerState);
const theme = useTheme();
const wrapperRef = import_react.useRef(null);
const autoTransitionDuration = import_react.useRef(null);
const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
const isHorizontal = orientation === "horizontal";
const size = isHorizontal ? "width" : "height";
const reducedMotion = useReducedMotion(theme.motion.reducedMotion, disablePrefersReducedMotion);
const nodeRef = import_react.useRef(null);
const handleRef = useForkRef_default(ref, nodeRef);
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? "clientWidth" : "clientHeight"] : 0;
const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "absolute";
node.style[size] = collapsedSize;
if (onEnter) onEnter(node, isAppearing);
});
const handleEntering = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
const wrapperSize = getWrapperSize();
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "";
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "enter" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = `${wrapperSize}px`;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onEntering) onEntering(node, isAppearing);
});
const handleEntered = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
node.style[size] = "auto";
if (onEntered) onEntered(node, isAppearing);
});
const handleExit = normalizedTransitionCallback(nodeRef, (node) => {
node.style[size] = `${getWrapperSize()}px`;
if (onExit) onExit(node);
});
const handleExited = normalizedTransitionCallback(nodeRef, onExited);
const handleExiting = normalizedTransitionCallback(nodeRef, (node) => {
const wrapperSize = getWrapperSize();
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "exit" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = collapsedSize;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onExiting) onExiting(node);
});
const handleAddEndListener = addEndListener ? (next) => {
addEndListener(nodeRef.current, next);
} : void 0;
const externalForwardedProps = {
slots,
slotProps,
component
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref: handleRef,
className: clsx(classes.root, className),
elementType: CollapseRoot,
externalForwardedProps,
ownerState,
additionalProps: { style: {
[isHorizontal ? "minWidth" : "minHeight"]: collapsedSize,
...style
} }
});
const [WrapperSlot, wrapperSlotProps] = useSlot("wrapper", {
ref: wrapperRef,
className: classes.wrapper,
elementType: CollapseWrapper,
externalForwardedProps,
ownerState
});
const [WrapperInnerSlot, wrapperInnerSlotProps] = useSlot("wrapperInner", {
className: classes.wrapperInner,
elementType: CollapseWrapperInner,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TransitionComponent, {
in: inProp,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: handleAddEndListener,
getAutoTimeout: timeout === "auto" ? () => autoTransitionDuration.current : void 0,
reduceMotion: reducedMotion.shouldReduceMotion,
nodeRef,
timeout: timeout === "auto" ? null : timeout,
...other,
children: (state, { ownerState: incomingOwnerState, ...restChildProps }) => {
const stateOwnerState = {
...ownerState,
state
};
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(RootSlot, {
...rootSlotProps,
className: clsx(rootSlotProps.className, {
"entered": classes.entered,
"exited": !inProp && collapsedSize === "0px" && classes.hidden
}[state]),
ownerState: stateOwnerState,
...restChildProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperSlot, {
...wrapperSlotProps,
ownerState: stateOwnerState,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperInnerSlot, {
...wrapperInnerSlotProps,
ownerState: stateOwnerState,
children
})
})
});
}
});
});
Collapse.propTypes = {
/**
* Add a custom transition end trigger.
* Use it when you need custom logic to decide when the transition has ended.
* Note: Timeouts are still used as a fallback if provided.
*
* @param {HTMLElement} node The transitioning DOM node.
* @param {Function} done Call this when the transition has finished.
*/
addEndListener: import_prop_types.default.func,
/**
* The content node to be collapsed.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The width (horizontal) or height (vertical) of the container when collapsed.
* @default '0px'
*/
collapsedSize: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: elementTypeAcceptingRef_default,
/**
* If `true`, the transition ignores `theme.motion.reducedMotion` and keeps its normal timing.
* @default false
*/
disablePrefersReducedMotion: import_prop_types.default.bool,
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
*/
easing: import_prop_types.default.oneOfType([import_prop_types.default.shape({
enter: import_prop_types.default.string,
exit: import_prop_types.default.string
}), import_prop_types.default.string]),
/**
* If `true`, the component will transition in.
*/
in: import_prop_types.default.bool,
/**
* @ignore
*/
onEnter: import_prop_types.default.func,
/**
* @ignore
*/
onEntered: import_prop_types.default.func,
/**
* @ignore
*/
onEntering: import_prop_types.default.func,
/**
* @ignore
*/
onExit: import_prop_types.default.func,
/**
* @ignore
*/
onExited: import_prop_types.default.func,
/**
* @ignore
*/
onExiting: import_prop_types.default.func,
/**
* The transition orientation.
* @default 'vertical'
*/
orientation: import_prop_types.default.oneOf(["horizontal", "vertical"]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapper: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapperInner: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
root: import_prop_types.default.elementType,
wrapper: import_prop_types.default.elementType,
wrapperInner: import_prop_types.default.elementType
}),
/**
* @ignore
*/
style: import_prop_types.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
*
* Set to 'auto' to automatically calculate transition time based on height.
* @default duration.standard
*/
timeout: import_prop_types.default.oneOfType([
import_prop_types.default.oneOf(["auto"]),
import_prop_types.default.number,
import_prop_types.default.shape({
appear: import_prop_types.default.number,
enter: import_prop_types.default.number,
exit: import_prop_types.default.number
})
])
};
if (Collapse) Collapse.muiSupportAuto = true;
//#endregion
//#region node_modules/@mui/material/Alert/alertClasses.mjs
function getAlertUtilityClass(slot) {
return generateUtilityClass("MuiAlert", slot);
}
var alertClasses = generateUtilityClasses("MuiAlert", [
"root",
"action",
"icon",
"message",
"filled",
"colorSuccess",
"colorInfo",
"colorWarning",
"colorError",
"outlined",
"standard"
]);
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/SuccessOutlined.mjs
/**
* @ignore - internal component.
*/
var SuccessOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }), "SuccessOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ReportProblemOutlined.mjs
/**
* @ignore - internal component.
*/
var ReportProblemOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" }), "ReportProblemOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ErrorOutline.mjs
/**
* @ignore - internal component.
*/
var ErrorOutline_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "ErrorOutline");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/InfoOutlined.mjs
/**
* @ignore - internal component.
*/
var InfoOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z" }), "InfoOutlined");
//#endregion
//#region node_modules/@mui/material/Alert/Alert.mjs
var useUtilityClasses = (ownerState) => {
const { variant, color, severity, classes } = ownerState;
const slots = {
root: [
"root",
`color${capitalize_default(color || severity)}`,
`${variant}`
],
icon: ["icon"],
message: ["message"],
action: ["action"]
};
return composeClasses(slots, getAlertUtilityClass, classes);
};
var AlertRoot = styled(Paper, {
name: "MuiAlert",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.root, styles[ownerState.variant]];
}
})(memoTheme(({ theme }) => {
const getColor = theme.palette.mode === "light" ? theme.darken : theme.lighten;
const getBackgroundColor = theme.palette.mode === "light" ? theme.lighten : theme.darken;
return {
...theme.typography.body2,
backgroundColor: "transparent",
display: "flex",
padding: "6px 16px",
variants: [
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "standard"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, .9),
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "outlined"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
border: `1px solid ${(theme.vars || theme).palette[color].light}`,
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["dark"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "filled"
},
style: {
fontWeight: theme.typography.fontWeightMedium,
...theme.vars ? {
color: theme.vars.palette.Alert[`${color}FilledColor`],
backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
} : {
backgroundColor: theme.palette.mode === "dark" ? theme.palette[color].dark : theme.palette[color].main,
color: theme.palette.getContrastText(theme.palette[color].main)
}
}
}))
]
};
}));
var AlertIcon = styled("div", {
name: "MuiAlert",
slot: "Icon"
})({
marginRight: 12,
padding: "7px 0",
display: "flex",
fontSize: 22,
opacity: .9
});
var AlertMessage = styled("div", {
name: "MuiAlert",
slot: "Message"
})({
padding: "8px 0",
minWidth: 0,
overflow: "auto"
});
var AlertAction = styled("div", {
name: "MuiAlert",
slot: "Action"
})({
display: "flex",
alignItems: "flex-start",
padding: "4px 0 0 16px",
marginLeft: "auto",
marginRight: -8
});
var defaultIconMapping = {
success: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(SuccessOutlined_default, { fontSize: "inherit" }),
warning: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ReportProblemOutlined_default, { fontSize: "inherit" }),
error: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ErrorOutline_default, { fontSize: "inherit" }),
info: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InfoOutlined_default, { fontSize: "inherit" })
};
var Alert = /*#__PURE__*/ import_react.forwardRef(function Alert(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAlert"
});
const { action, children, className, closeText = "Close", color, icon, iconMapping = defaultIconMapping, onClose, role = "alert", severity = "success", slotProps = {}, slots = {}, variant = "standard", ...other } = props;
const ownerState = {
...props,
color,
severity,
variant,
colorSeverity: color || severity
};
const classes = useUtilityClasses(ownerState);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref,
shouldForwardComponentProp: true,
className: clsx(classes.root, className),
elementType: AlertRoot,
externalForwardedProps: {
...externalForwardedProps,
...other
},
ownerState,
additionalProps: {
role,
elevation: 0
}
});
const [IconSlot, iconSlotProps] = useSlot("icon", {
className: classes.icon,
elementType: AlertIcon,
externalForwardedProps,
ownerState
});
const [MessageSlot, messageSlotProps] = useSlot("message", {
className: classes.message,
elementType: AlertMessage,
externalForwardedProps,
ownerState
});
const [ActionSlot, actionSlotProps] = useSlot("action", {
className: classes.action,
elementType: AlertAction,
externalForwardedProps,
ownerState
});
const [CloseButtonSlot, closeButtonProps] = useSlot("closeButton", {
elementType: IconButton,
externalForwardedProps,
ownerState
});
const [CloseIconSlot, closeIconProps] = useSlot("closeIcon", {
elementType: Close_default,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
...rootSlotProps,
children: [
icon !== false ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(IconSlot, {
...iconSlotProps,
children: icon || iconMapping[severity] || defaultIconMapping[severity]
}) : null,
/*#__PURE__*/ (0, import_jsx_runtime.jsx)(MessageSlot, {
...messageSlotProps,
children
}),
action != null ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: action
}) : null,
action == null && onClose ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseButtonSlot, {
size: "small",
"aria-label": closeText,
title: closeText,
color: "inherit",
onClick: onClose,
...closeButtonProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseIconSlot, {
fontSize: "small",
...closeIconProps
})
})
}) : null
]
});
});
Alert.propTypes = {
/**
* The action to display. It renders after the message, at the end of the alert.
*/
action: import_prop_types.default.node,
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* Override the default label for the *close popup* icon button.
*
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
* @default 'Close'
*/
closeText: import_prop_types.default.string,
/**
* The color of the component. Unless provided, the value is taken from the `severity` prop.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* Override the icon displayed before the children.
* Unless provided, the icon is mapped to the value of the `severity` prop.
* Set to `false` to remove the `icon`.
*/
icon: import_prop_types.default.node,
/**
* The component maps the `severity` prop to a range of different icons,
* for instance success to `<SuccessOutlined>`.
* If you wish to change this mapping, you can provide your own.
* Alternatively, you can use the `icon` prop to override the icon displayed.
*/
iconMapping: import_prop_types.default.shape({
error: import_prop_types.default.node,
info: import_prop_types.default.node,
success: import_prop_types.default.node,
warning: import_prop_types.default.node
}),
/**
* Callback fired when the component requests to be closed.
* When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
* @param {React.SyntheticEvent} event The event source of the callback.
*/
onClose: import_prop_types.default.func,
/**
* The ARIA role attribute of the element.
* @default 'alert'
*/
role: import_prop_types.default.string,
/**
* The severity of the alert. This defines the color and icon used.
* @default 'success'
*/
severity: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
action: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeButton: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeIcon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
icon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
message: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
action: import_prop_types.default.elementType,
closeButton: import_prop_types.default.elementType,
closeIcon: import_prop_types.default.elementType,
icon: import_prop_types.default.elementType,
message: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
* @default 'standard'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
]), import_prop_types.default.string])
};
//#endregion
export { collapseClasses as a, Collapse as i, alertClasses as n, getCollapseUtilityClass as o, getAlertUtilityClass as r, Alert as t };
File diff suppressed because one or more lines are too long
@@ -1,14 +1,14 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { t as Paper } from "./Paper-BN2CUK32.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as Paper } from "./Paper-Dp73HJFm.js";
//#region node_modules/@mui/material/AppBar/appBarClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,9 +1,9 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, H as styled, L as ClassNameGenerator, Z as styleFunctionSx_default, n as createTheme, t as identifier_default, ut as clsx } from "./identifier-Db3dwgA7.js";
import { t as useTheme } from "./useTheme-DkkwbUco.js";
import { F as generateUtilityClasses, H as styled, L as ClassNameGenerator, Z as styleFunctionSx_default, n as createTheme, t as identifier_default, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useTheme } from "./useTheme-c_7N7PR0.js";
//#region node_modules/@mui/system/createBox/createBox.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
@@ -1 +1 @@
{"version":3,"file":"Box-B_dRI49O.js","names":["styleFunctionSx","THEME_ID","PropTypes"],"sources":["../../@mui/system/createBox/createBox.mjs","../../@mui/material/Box/boxClasses.mjs","../../@mui/material/Box/Box.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx from \"../styleFunctionSx/index.mjs\";\nimport useTheme from \"../useTheme/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n const {\n themeId,\n defaultTheme,\n defaultClassName = 'MuiBox-root',\n generateClassName\n } = options;\n const BoxRoot = styled('div', {\n shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n })(styleFunctionSx);\n const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n const theme = useTheme(defaultTheme);\n const {\n className,\n component = 'div',\n ...other\n } = inProps;\n return /*#__PURE__*/_jsx(BoxRoot, {\n as: component,\n ref: ref,\n className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n theme: themeId ? theme[themeId] || theme : theme,\n ...other\n });\n });\n return Box;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from \"../className/index.mjs\";\nimport { createTheme } from \"../styles/index.mjs\";\nimport THEME_ID from \"../styles/identifier.mjs\";\nimport boxClasses from \"./boxClasses.mjs\";\nconst defaultTheme = createTheme();\nconst Box = createBox({\n themeId: THEME_ID,\n defaultTheme,\n defaultClassName: boxClasses.root,\n generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;"],"mappings":";;;;;;;;;AAQA,SAAwB,UAAU,UAAU,CAAC,GAAG;CAC9C,MAAM,EACJ,SACA,cACA,mBAAmB,eACnB,sBACE;CACJ,MAAM,UAAU,OAAO,OAAO,EAC5B,oBAAmB,SAAQ,SAAS,WAAW,SAAS,QAAQ,SAAS,KAC3E,CAAC,CAAC,CAACA,uBAAe;CAgBlB,OAAO,6BAfwB,WAAW,SAAS,IAAI,SAAS,KAAK;EACnE,MAAM,QAAQ,SAAS,YAAY;EACnC,MAAM,EACJ,WACA,YAAY,OACZ,GAAG,UACD;EACJ,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,SAAS;GAChC,IAAI;GACC;GACL,WAAW,KAAK,WAAW,oBAAoB,kBAAkB,gBAAgB,IAAI,gBAAgB;GACrG,OAAO,UAAU,MAAM,YAAY,QAAQ;GAC3C,GAAG;EACL,CAAC;CACH,CACS;AACX;;;;ACjCA,IAAM,aAAa,uBAAuB,UAAU,CAAC,MAAM,CAAC;;;ACO5D,IAAM,eAAe,YAAY;AACjC,IAAM,MAAM,UAAU;CACpB,SAASC;CACT;CACA,kBAAkB,WAAW;CAC7B,mBAAmB,mBAAmB;AACxC,CAAC;AACuC,IAAI,YAAmC;;;;CAQ7E,UAAUC,kBAAAA,QAAU;;;;;CAKpB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
{"version":3,"file":"Box-C4LEZQ4f.js","names":["styleFunctionSx","THEME_ID","PropTypes"],"sources":["../../@mui/system/createBox/createBox.mjs","../../@mui/material/Box/boxClasses.mjs","../../@mui/material/Box/Box.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx from \"../styleFunctionSx/index.mjs\";\nimport useTheme from \"../useTheme/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n const {\n themeId,\n defaultTheme,\n defaultClassName = 'MuiBox-root',\n generateClassName\n } = options;\n const BoxRoot = styled('div', {\n shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n })(styleFunctionSx);\n const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n const theme = useTheme(defaultTheme);\n const {\n className,\n component = 'div',\n ...other\n } = inProps;\n return /*#__PURE__*/_jsx(BoxRoot, {\n as: component,\n ref: ref,\n className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n theme: themeId ? theme[themeId] || theme : theme,\n ...other\n });\n });\n return Box;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from \"../className/index.mjs\";\nimport { createTheme } from \"../styles/index.mjs\";\nimport THEME_ID from \"../styles/identifier.mjs\";\nimport boxClasses from \"./boxClasses.mjs\";\nconst defaultTheme = createTheme();\nconst Box = createBox({\n themeId: THEME_ID,\n defaultTheme,\n defaultClassName: boxClasses.root,\n generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;"],"mappings":";;;;;;;;;AAQA,SAAwB,UAAU,UAAU,CAAC,GAAG;CAC9C,MAAM,EACJ,SACA,cACA,mBAAmB,eACnB,sBACE;CACJ,MAAM,UAAU,OAAO,OAAO,EAC5B,oBAAmB,SAAQ,SAAS,WAAW,SAAS,QAAQ,SAAS,KAC3E,CAAC,CAAC,CAACA,uBAAe;CAgBlB,OAAO,6BAfwB,WAAW,SAAS,IAAI,SAAS,KAAK;EACnE,MAAM,QAAQ,SAAS,YAAY;EACnC,MAAM,EACJ,WACA,YAAY,OACZ,GAAG,UACD;EACJ,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,SAAS;GAChC,IAAI;GACC;GACL,WAAW,KAAK,WAAW,oBAAoB,kBAAkB,gBAAgB,IAAI,gBAAgB;GACrG,OAAO,UAAU,MAAM,YAAY,QAAQ;GAC3C,GAAG;EACL,CAAC;CACH,CACS;AACX;;;;ACjCA,IAAM,aAAa,uBAAuB,UAAU,CAAC,MAAM,CAAC;;;ACO5D,IAAM,eAAe,YAAY;AACjC,IAAM,MAAM,UAAU;CACpB,SAASC;CACT;CACA,kBAAkB,WAAW;CAC7B,mBAAmB,mBAAmB;AACxC,CAAC;AACuC,IAAI,YAAmC;;;;CAQ7E,UAAUC,kBAAAA,QAAU;;;;;CAKpB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
@@ -1,17 +1,17 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { a as resolveProps, l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { a as resolveProps, l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-Bsl8ZUTz.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as CircularProgress } from "./CircularProgress-Tc2SKes6.js";
import { t as CircularProgress } from "./CircularProgress-CZv3_Pmq.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-C5OJwznt.js";
//#region node_modules/@mui/material/Button/buttonClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,14 +1,14 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, W as css, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { i as useReducedMotion, n as useForkRef_default, t as useLazyRef } from "./useLazyRef-BFAG-x_s.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { n as useTheme } from "./chainPropTypes-DS_z862G.js";
import { a as refType, i as useEventCallback_default, n as useTimeout, r as useOnMount } from "./useTimeout-Bjk18o42.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-soVrg9KC.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, W as css, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { i as useLazyRef, r as useReducedMotion, t as useForkRef_default } from "./useForkRef-DuMrXAkd.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { n as useTheme } from "./chainPropTypes-XO9WdMvJ.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-Bh_-xFc3.js";
import { a as useEventCallback_default, i as refType, n as useTimeout, r as useOnMount } from "./useTimeout-B1CAuCte.js";
import { t as isFocusVisible } from "./isFocusVisible-AAJ6xeny.js";
//#region node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,46 +1,22 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { t as createSvgIcon } from "./createSvgIcon-Cf0_3N9N.js";
import { t as useSlot } from "./useSlot-DwQopxnD.js";
import { t as useControlled_default } from "./useControlled-COuwyMRm.js";
import { t as mergeSlotProps } from "./mergeSlotProps-BYHIo2Vv.js";
import { t as ButtonBase } from "./ButtonBase-Bsl8ZUTz.js";
import { t as useFormControl } from "./useFormControl-DsSCzWhM.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
//#region node_modules/@mui/material/Checkbox/checkboxClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getCheckboxUtilityClass(slot) {
return generateUtilityClass("MuiCheckbox", slot);
}
var checkboxClasses = generateUtilityClasses("MuiCheckbox", [
"root",
"checked",
"disabled",
"indeterminate",
"colorPrimary",
"colorSecondary",
"sizeSmall",
"sizeMedium"
]);
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/Close.mjs
/**
* @ignore - internal component.
*
* Alias to `Clear`.
*/
var Close_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close");
//#endregion
import { t as useControlled_default } from "./useControlled-COuwyMRm.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
import { t as mergeSlotProps } from "./mergeSlotProps-D_Ldcnck.js";
import { t as useFormControl } from "./useFormControl-DsSCzWhM.js";
import { t as ButtonBase } from "./ButtonBase-C5OJwznt.js";
//#region node_modules/@mui/material/internal/switchBaseClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getSwitchBaseUtilityClass(slot) {
return generateUtilityClass("PrivateSwitchBase", slot);
}
@@ -54,6 +30,7 @@ generateUtilityClasses("PrivateSwitchBase", [
]);
//#endregion
//#region node_modules/@mui/material/internal/SwitchBase.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses$1 = (ownerState) => {
const { classes, checked, disabled, edge } = ownerState;
const slots = {
@@ -345,6 +322,21 @@ var CheckBox_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("
*/
var IndeterminateCheckBox_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
//#endregion
//#region node_modules/@mui/material/Checkbox/checkboxClasses.mjs
function getCheckboxUtilityClass(slot) {
return generateUtilityClass("MuiCheckbox", slot);
}
var checkboxClasses = generateUtilityClasses("MuiCheckbox", [
"root",
"checked",
"disabled",
"indeterminate",
"colorPrimary",
"colorSecondary",
"sizeSmall",
"sizeMedium"
]);
//#endregion
//#region node_modules/@mui/material/Checkbox/Checkbox.mjs
var useUtilityClasses = (ownerState) => {
const { classes, indeterminate, color, size } = ownerState;
@@ -573,4 +565,4 @@ Checkbox.propTypes = {
value: import_prop_types.default.any
};
//#endregion
export { getCheckboxUtilityClass as a, checkboxClasses as i, SwitchBase as n, Close_default as r, Checkbox as t };
export { SwitchBase as i, checkboxClasses as n, getCheckboxUtilityClass as r, Checkbox as t };
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,559 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useForkRef_default } from "./useForkRef-DuMrXAkd.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as unsupportedProp_default } from "./unsupportedProp-Djr2P2KR.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
import { t as ButtonBase } from "./ButtonBase-C5OJwznt.js";
//#region node_modules/@mui/material/internal/svg-icons/Cancel.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_jsx_runtime = require_jsx_runtime();
var Cancel_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" }), "Cancel");
//#endregion
//#region node_modules/@mui/material/Chip/chipClasses.mjs
function getChipUtilityClass(slot) {
return generateUtilityClass("MuiChip", slot);
}
var chipClasses = generateUtilityClasses("MuiChip", [
"root",
"sizeSmall",
"sizeMedium",
"colorDefault",
"colorError",
"colorInfo",
"colorPrimary",
"colorSecondary",
"colorSuccess",
"colorWarning",
"disabled",
"clickable",
"deletable",
"outlined",
"filled",
"avatar",
"icon",
"label",
"deleteIcon",
"focusVisible"
]);
//#endregion
//#region node_modules/@mui/material/Chip/Chip.mjs
var useUtilityClasses = (ownerState) => {
const { classes, disabled, size, color, onDelete, clickable, variant } = ownerState;
const slots = {
root: [
"root",
variant,
disabled && "disabled",
`size${capitalize_default(size)}`,
`color${capitalize_default(color)}`,
clickable && "clickable",
onDelete && "deletable"
],
label: ["label"],
avatar: ["avatar"],
icon: ["icon"],
deleteIcon: ["deleteIcon"]
};
return composeClasses(slots, getChipUtilityClass, classes);
};
var ChipRoot = styled("div", {
name: "MuiChip",
slot: "Root",
shouldForwardProp: (prop) => rootShouldForwardProp(prop) && prop !== "focusableWhenDisabled" && prop !== "skipFocusWhenDisabled",
overridesResolver: (props, styles) => {
const { ownerState } = props;
const { color, clickable, onDelete, size, variant } = ownerState;
return [
{ [`& .${chipClasses.avatar}`]: styles.avatar },
{ [`& .${chipClasses.icon}`]: styles.icon },
{ [`& .${chipClasses.deleteIcon}`]: styles.deleteIcon },
styles.root,
styles[`size${capitalize_default(size)}`],
styles[`color${capitalize_default(color)}`],
clickable && styles.clickable,
onDelete && styles.deletable,
styles[variant]
];
}
})(memoTheme(({ theme }) => {
const textColor = theme.palette.mode === "light" ? theme.palette.grey[700] : theme.palette.grey[300];
return {
maxWidth: "100%",
fontFamily: theme.typography.fontFamily,
fontSize: theme.typography.pxToRem(13),
display: "inline-flex",
alignItems: "center",
justifyContent: "center",
height: 32,
lineHeight: 1.5,
color: (theme.vars || theme).palette.text.primary,
backgroundColor: (theme.vars || theme).palette.action.selected,
borderRadius: 16,
whiteSpace: "nowrap",
...getTransitionStyles(theme, ["background-color", "box-shadow"]),
cursor: "unset",
outline: 0,
textDecoration: "none",
border: 0,
padding: 0,
verticalAlign: "middle",
boxSizing: "border-box",
[`&.${chipClasses.disabled}`]: {
opacity: (theme.vars || theme).palette.action.disabledOpacity,
pointerEvents: "none"
},
[`& .${chipClasses.avatar}`]: {
marginLeft: 5,
marginRight: -6,
width: 24,
height: 24,
color: theme.vars ? theme.vars.palette.Chip.defaultAvatarColor : textColor,
fontSize: theme.typography.pxToRem(12)
},
[`& .${chipClasses.icon}`]: {
marginLeft: 5,
marginRight: -6
},
[`& .${chipClasses.deleteIcon}`]: {
WebkitTapHighlightColor: "transparent",
color: theme.alpha((theme.vars || theme).palette.text.primary, .26),
fontSize: 22,
cursor: "pointer",
margin: "0 5px 0 -6px",
"&:hover": { color: theme.alpha((theme.vars || theme).palette.text.primary, .4) }
},
variants: [
{
props: { color: "primary" },
style: { [`& .${chipClasses.avatar}`]: {
color: (theme.vars || theme).palette.primary.contrastText,
backgroundColor: (theme.vars || theme).palette.primary.dark
} }
},
{
props: { color: "secondary" },
style: { [`& .${chipClasses.avatar}`]: {
color: (theme.vars || theme).palette.secondary.contrastText,
backgroundColor: (theme.vars || theme).palette.secondary.dark
} }
},
{
props: { size: "small" },
style: {
height: 24,
[`& .${chipClasses.avatar}`]: {
marginLeft: 4,
marginRight: -4,
width: 18,
height: 18,
fontSize: theme.typography.pxToRem(10)
},
[`& .${chipClasses.icon}`]: {
fontSize: 18,
marginLeft: 4,
marginRight: -4
},
[`& .${chipClasses.deleteIcon}`]: {
fontSize: 16,
marginRight: 4,
marginLeft: -4
}
}
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["contrastText"])).map(([color]) => {
return {
props: { color },
style: {
backgroundColor: (theme.vars || theme).palette[color].main,
color: (theme.vars || theme).palette[color].contrastText,
[`& .${chipClasses.deleteIcon}`]: {
color: theme.alpha((theme.vars || theme).palette[color].contrastText, .7),
"&:hover, &:active": { color: (theme.vars || theme).palette[color].contrastText }
}
}
};
}),
{
props: (props) => props.iconColor === props.color,
style: { [`& .${chipClasses.icon}`]: { color: theme.vars ? theme.vars.palette.Chip.defaultIconColor : textColor } }
},
{
props: (props) => props.iconColor === props.color && props.color !== "default",
style: { [`& .${chipClasses.icon}`]: { color: "inherit" } }
},
{
props: { onDelete: true },
style: { [`&.${chipClasses.focusVisible}`]: { backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`) } }
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["dark"])).map(([color]) => {
return {
props: {
color,
onDelete: true
},
style: { [`&.${chipClasses.focusVisible}`]: { background: (theme.vars || theme).palette[color].dark } }
};
}),
{
props: { clickable: true },
style: {
userSelect: "none",
WebkitTapHighlightColor: "transparent",
cursor: "pointer",
"&:hover": { backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`) },
[`&.${chipClasses.focusVisible}`]: { backgroundColor: theme.alpha((theme.vars || theme).palette.action.selected, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`) },
"&:active": { boxShadow: (theme.vars || theme).shadows[1] }
}
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["dark"])).map(([color]) => ({
props: {
color,
clickable: true
},
style: { [`&:hover, &.${chipClasses.focusVisible}`]: { backgroundColor: (theme.vars || theme).palette[color].dark } }
})),
{
props: { variant: "outlined" },
style: {
backgroundColor: "transparent",
border: theme.vars ? `1px solid ${theme.vars.palette.Chip.defaultBorder}` : `1px solid ${theme.palette.mode === "light" ? theme.palette.grey[400] : theme.palette.grey[700]}`,
[`&.${chipClasses.clickable}:hover`]: { backgroundColor: (theme.vars || theme).palette.action.hover },
[`&.${chipClasses.focusVisible}`]: { backgroundColor: (theme.vars || theme).palette.action.focus },
[`& .${chipClasses.avatar}`]: { marginLeft: 4 },
[`& .${chipClasses.icon}`]: { marginLeft: 4 },
[`& .${chipClasses.deleteIcon}`]: { marginRight: 5 }
}
},
{
props: {
size: "small",
variant: "outlined"
},
style: {
[`& .${chipClasses.avatar}`]: { marginLeft: 2 },
[`& .${chipClasses.icon}`]: { marginLeft: 2 },
[`& .${chipClasses.deleteIcon}`]: { marginRight: 3 }
}
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
props: {
variant: "outlined",
color
},
style: {
color: (theme.vars || theme).palette[color].main,
border: `1px solid ${theme.alpha((theme.vars || theme).palette[color].main, .7)}`,
[`&.${chipClasses.clickable}:hover`]: { backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity) },
[`&.${chipClasses.focusVisible}`]: { backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.focusOpacity) },
[`& .${chipClasses.deleteIcon}`]: {
color: theme.alpha((theme.vars || theme).palette[color].main, .7),
"&:hover, &:active": { color: (theme.vars || theme).palette[color].main }
}
}
}))
]
};
}));
var ChipLabel = styled("span", {
name: "MuiChip",
slot: "Label"
})({
overflow: "hidden",
textOverflow: "ellipsis",
paddingLeft: 12,
paddingRight: 12,
whiteSpace: "nowrap",
variants: [
{
props: { variant: "outlined" },
style: {
paddingLeft: 11,
paddingRight: 11
}
},
{
props: { size: "small" },
style: {
paddingLeft: 8,
paddingRight: 8
}
},
{
props: {
size: "small",
variant: "outlined"
},
style: {
paddingLeft: 7,
paddingRight: 7
}
}
]
});
function isDeleteKeyboardEvent(keyboardEvent) {
return keyboardEvent.key === "Backspace" || keyboardEvent.key === "Delete";
}
/**
* Chips represent complex entities in small blocks, such as a contact.
*/
var Chip = /*#__PURE__*/ import_react.forwardRef(function Chip(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiChip"
});
const { avatar: avatarProp, className, clickable: clickableProp, color = "default", component: ComponentProp, deleteIcon: deleteIconProp, disabled = false, icon: iconProp, label, onClick, onDelete, onKeyDown, onKeyUp, size = "medium", variant = "filled", tabIndex, skipFocusWhenDisabled = false, slots = {}, slotProps = {}, ...other } = props;
const { nativeButton, ...buttonBaseProps } = other;
const chipRef = import_react.useRef(null);
const handleRef = useForkRef_default(chipRef, ref);
const handleDeleteIconClick = (event) => {
event.stopPropagation();
onDelete(event);
};
const handleKeyDown = (event) => {
if (event.currentTarget === event.target && isDeleteKeyboardEvent(event)) event.preventDefault();
if (onKeyDown) onKeyDown(event);
};
const handleKeyUp = (event) => {
if (event.currentTarget === event.target) {
if (onDelete && isDeleteKeyboardEvent(event)) onDelete(event);
}
if (onKeyUp) onKeyUp(event);
};
const clickable = clickableProp !== false && onClick ? true : clickableProp;
const component = clickable || onDelete ? ButtonBase : ComponentProp || "div";
const ownerState = {
...props,
component,
disabled,
size,
color,
iconColor: /*#__PURE__*/ import_react.isValidElement(iconProp) ? iconProp.props.color || color : color,
onDelete: !!onDelete,
clickable,
variant
};
const classes = useUtilityClasses(ownerState);
const moreProps = component === ButtonBase ? {
component: ComponentProp || "div",
internalNativeButton: false,
focusVisibleClassName: classes.focusVisible,
...onDelete && { disableRipple: true },
...nativeButton !== void 0 && { nativeButton }
} : {};
let deleteIcon = null;
if (onDelete) deleteIcon = deleteIconProp && /*#__PURE__*/ import_react.isValidElement(deleteIconProp) ? /*#__PURE__*/ import_react.cloneElement(deleteIconProp, {
className: clsx(deleteIconProp.props.className, classes.deleteIcon),
onClick: handleDeleteIconClick
}) : /*#__PURE__*/ (0, import_jsx_runtime.jsx)(Cancel_default, {
className: classes.deleteIcon,
onClick: handleDeleteIconClick
});
let avatar = null;
if (avatarProp && /*#__PURE__*/ import_react.isValidElement(avatarProp)) avatar = /*#__PURE__*/ import_react.cloneElement(avatarProp, { className: clsx(classes.avatar, avatarProp.props.className) });
let icon = null;
if (iconProp && /*#__PURE__*/ import_react.isValidElement(iconProp)) icon = /*#__PURE__*/ import_react.cloneElement(iconProp, { className: clsx(classes.icon, iconProp.props.className) });
if (avatar && icon) console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootProps] = useSlot("root", {
elementType: ChipRoot,
externalForwardedProps: {
...externalForwardedProps,
...buttonBaseProps
},
ownerState,
shouldForwardComponentProp: true,
ref: handleRef,
className: clsx(classes.root, className),
additionalProps: {
disabled: clickable && disabled ? true : void 0,
tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
...moreProps
},
getSlotProps: (handlers) => ({
...handlers,
onClick: (event) => {
handlers.onClick?.(event);
onClick?.(event);
},
onKeyDown: (event) => {
handlers.onKeyDown?.(event);
handleKeyDown(event);
},
onKeyUp: (event) => {
handlers.onKeyUp?.(event);
handleKeyUp(event);
}
})
});
const [LabelSlot, labelProps] = useSlot("label", {
elementType: ChipLabel,
externalForwardedProps,
ownerState,
className: classes.label
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
as: component,
...rootProps,
children: [
avatar || icon,
/*#__PURE__*/ (0, import_jsx_runtime.jsx)(LabelSlot, {
...labelProps,
children: label
}),
deleteIcon
]
});
});
Chip.propTypes = {
/**
* The Avatar element to display.
*/
avatar: import_prop_types.default.element,
/**
* This prop isn't supported.
* Use the `component` prop if you need to change the children structure.
*/
children: unsupportedProp_default,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* If `true`, the chip will appear clickable, and will raise when pressed,
* even if the onClick prop is not defined.
* If `false`, the chip will not appear clickable, even if onClick prop is defined.
* This can be used, for example,
* along with the component prop to indicate an anchor Chip is clickable.
* Note: this controls the UI and does not affect the onClick event.
*/
clickable: import_prop_types.default.bool,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'default'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"default",
"primary",
"secondary",
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* Override the default delete icon element. Shown only if `onDelete` is set.
*/
deleteIcon: import_prop_types.default.element,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types.default.bool,
/**
* Icon element.
*/
icon: import_prop_types.default.element,
/**
* The content of the component.
*/
label: import_prop_types.default.node,
/**
* If `true`, the component is expected to resolve to a native `<button>` element.
* When omitted, custom components inherit the default button semantics of the current wrapper.
* Set to `true` when a custom component resolves to a native `<button>`, or `false`
* when it resolves to a non-button host.
*/
nativeButton: import_prop_types.default.bool,
/**
* @ignore
*/
onClick: import_prop_types.default.func,
/**
* Callback fired when the delete icon is clicked.
* If set, the delete icon will be shown.
*/
onDelete: import_prop_types.default.func,
/**
* @ignore
*/
onKeyDown: import_prop_types.default.func,
/**
* @ignore
*/
onKeyUp: import_prop_types.default.func,
/**
* The size of the component.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["medium", "small"]), import_prop_types.default.string]),
/**
* If `true`, allows the disabled chip to escape focus.
* If `false`, allows the disabled chip to receive focus.
* @default false
*/
skipFocusWhenDisabled: import_prop_types.default.bool,
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
label: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
label: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* @ignore
*/
tabIndex: import_prop_types.default.number,
/**
* The variant to use.
* @default 'filled'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["filled", "outlined"]), import_prop_types.default.string])
};
//#endregion
export { chipClasses as n, getChipUtilityClass as r, Chip as t };
File diff suppressed because one or more lines are too long
@@ -1,13 +1,13 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, W as css, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { t as chainPropTypes } from "./chainPropTypes-DS_z862G.js";
import { F as generateUtilityClasses, G as keyframes, I as generateUtilityClass, W as css, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as chainPropTypes } from "./chainPropTypes-XO9WdMvJ.js";
import { i as getTransitionStyles, t as getReducedMotionStyles } from "./utils-BCVtNTPx.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
//#region node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
@@ -0,0 +1,7 @@
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as createSvgIcon } from "./createSvgIcon-BpU1QI3F.js";
//#region node_modules/@mui/material/internal/svg-icons/Close.mjs
var import_jsx_runtime = require_jsx_runtime();
var Close_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close");
//#endregion
export { Close_default as t };
@@ -0,0 +1 @@
{"version":3,"file":"Close-B5eRwVOo.js","names":[],"sources":["../../@mui/material/internal/svg-icons/Close.mjs"],"sourcesContent":["'use client';\n\nimport createSvgIcon from \"../../utils/createSvgIcon.mjs\";\n\n/**\n * @ignore - internal component.\n *\n * Alias to `Clear`.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"mappings":";;;;AAUA,IAAA,gBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,wGACL,CAAC,GAAG,OAAO"}
@@ -0,0 +1,400 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, l as duration, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { r as useReducedMotion, t as useForkRef_default } from "./useForkRef-DuMrXAkd.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { n as useTheme } from "./chainPropTypes-XO9WdMvJ.js";
import { o as normalizedTransitionCallback, r as getTransitionProps } from "./utils-BCVtNTPx.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-Bh_-xFc3.js";
import { t as Transition } from "./Transition-ChzjZIqj.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
//#region node_modules/@mui/material/Collapse/collapseClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getCollapseUtilityClass(slot) {
return generateUtilityClass("MuiCollapse", slot);
}
var collapseClasses = generateUtilityClasses("MuiCollapse", [
"root",
"horizontal",
"vertical",
"entered",
"hidden",
"wrapper",
"wrapperInner"
]);
//#endregion
//#region node_modules/@mui/material/Collapse/Collapse.mjs
var import_jsx_runtime = require_jsx_runtime();
var EMPTY_OBJECT = {};
var useUtilityClasses = (ownerState) => {
const { orientation, classes } = ownerState;
return composeClasses({
root: ["root", orientation],
entered: ["entered"],
hidden: ["hidden"],
wrapper: ["wrapper", orientation],
wrapperInner: ["wrapperInner", orientation]
}, getCollapseUtilityClass, classes);
};
var CollapseRoot = styled("div", {
name: "MuiCollapse",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.orientation],
ownerState.state === "entered" && styles.entered,
ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && styles.hidden
];
}
})(memoTheme(({ theme }) => ({
height: 0,
overflow: "hidden",
transition: theme.transitions.create("height"),
variants: [
{
props: { orientation: "horizontal" },
style: {
height: "auto",
width: 0,
transition: theme.transitions.create("width")
}
},
{
props: { state: "entered" },
style: {
height: "auto",
overflow: "visible"
}
},
{
props: {
state: "entered",
orientation: "horizontal"
},
style: { width: "auto" }
},
{
props: ({ ownerState }) => ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px",
style: { visibility: "hidden" }
}
]
})));
var CollapseWrapper = styled("div", {
name: "MuiCollapse",
slot: "Wrapper"
})({
display: "flex",
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
var CollapseWrapperInner = styled("div", {
name: "MuiCollapse",
slot: "WrapperInner"
})({
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
/**
* The Collapse transition is used by the
* [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
*/
var Collapse = /*#__PURE__*/ import_react.forwardRef(function Collapse(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCollapse"
});
const { addEndListener, children, className, collapsedSize: collapsedSizeProp = "0px", component, disablePrefersReducedMotion = false, easing, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, orientation = "vertical", slots = EMPTY_OBJECT, slotProps = EMPTY_OBJECT, style, timeout = duration.standard, TransitionComponent = Transition, ...other } = props;
const ownerState = {
...props,
orientation,
collapsedSize: collapsedSizeProp
};
const classes = useUtilityClasses(ownerState);
const theme = useTheme();
const wrapperRef = import_react.useRef(null);
const autoTransitionDuration = import_react.useRef(null);
const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
const isHorizontal = orientation === "horizontal";
const size = isHorizontal ? "width" : "height";
const reducedMotion = useReducedMotion(theme.motion.reducedMotion, disablePrefersReducedMotion);
const nodeRef = import_react.useRef(null);
const handleRef = useForkRef_default(ref, nodeRef);
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? "clientWidth" : "clientHeight"] : 0;
const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "absolute";
node.style[size] = collapsedSize;
if (onEnter) onEnter(node, isAppearing);
});
const handleEntering = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
const wrapperSize = getWrapperSize();
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "";
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "enter" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = `${wrapperSize}px`;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onEntering) onEntering(node, isAppearing);
});
const handleEntered = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
node.style[size] = "auto";
if (onEntered) onEntered(node, isAppearing);
});
const handleExit = normalizedTransitionCallback(nodeRef, (node) => {
node.style[size] = `${getWrapperSize()}px`;
if (onExit) onExit(node);
});
const handleExited = normalizedTransitionCallback(nodeRef, onExited);
const handleExiting = normalizedTransitionCallback(nodeRef, (node) => {
const wrapperSize = getWrapperSize();
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "exit" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = collapsedSize;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onExiting) onExiting(node);
});
const handleAddEndListener = addEndListener ? (next) => {
addEndListener(nodeRef.current, next);
} : void 0;
const externalForwardedProps = {
slots,
slotProps,
component
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref: handleRef,
className: clsx(classes.root, className),
elementType: CollapseRoot,
externalForwardedProps,
ownerState,
additionalProps: { style: {
[isHorizontal ? "minWidth" : "minHeight"]: collapsedSize,
...style
} }
});
const [WrapperSlot, wrapperSlotProps] = useSlot("wrapper", {
ref: wrapperRef,
className: classes.wrapper,
elementType: CollapseWrapper,
externalForwardedProps,
ownerState
});
const [WrapperInnerSlot, wrapperInnerSlotProps] = useSlot("wrapperInner", {
className: classes.wrapperInner,
elementType: CollapseWrapperInner,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TransitionComponent, {
in: inProp,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: handleAddEndListener,
getAutoTimeout: timeout === "auto" ? () => autoTransitionDuration.current : void 0,
reduceMotion: reducedMotion.shouldReduceMotion,
nodeRef,
timeout: timeout === "auto" ? null : timeout,
...other,
children: (state, { ownerState: incomingOwnerState, ...restChildProps }) => {
const stateOwnerState = {
...ownerState,
state
};
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(RootSlot, {
...rootSlotProps,
className: clsx(rootSlotProps.className, {
"entered": classes.entered,
"exited": !inProp && collapsedSize === "0px" && classes.hidden
}[state]),
ownerState: stateOwnerState,
...restChildProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperSlot, {
...wrapperSlotProps,
ownerState: stateOwnerState,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperInnerSlot, {
...wrapperInnerSlotProps,
ownerState: stateOwnerState,
children
})
})
});
}
});
});
Collapse.propTypes = {
/**
* Add a custom transition end trigger.
* Use it when you need custom logic to decide when the transition has ended.
* Note: Timeouts are still used as a fallback if provided.
*
* @param {HTMLElement} node The transitioning DOM node.
* @param {Function} done Call this when the transition has finished.
*/
addEndListener: import_prop_types.default.func,
/**
* The content node to be collapsed.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The width (horizontal) or height (vertical) of the container when collapsed.
* @default '0px'
*/
collapsedSize: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: elementTypeAcceptingRef_default,
/**
* If `true`, the transition ignores `theme.motion.reducedMotion` and keeps its normal timing.
* @default false
*/
disablePrefersReducedMotion: import_prop_types.default.bool,
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
*/
easing: import_prop_types.default.oneOfType([import_prop_types.default.shape({
enter: import_prop_types.default.string,
exit: import_prop_types.default.string
}), import_prop_types.default.string]),
/**
* If `true`, the component will transition in.
*/
in: import_prop_types.default.bool,
/**
* @ignore
*/
onEnter: import_prop_types.default.func,
/**
* @ignore
*/
onEntered: import_prop_types.default.func,
/**
* @ignore
*/
onEntering: import_prop_types.default.func,
/**
* @ignore
*/
onExit: import_prop_types.default.func,
/**
* @ignore
*/
onExited: import_prop_types.default.func,
/**
* @ignore
*/
onExiting: import_prop_types.default.func,
/**
* The transition orientation.
* @default 'vertical'
*/
orientation: import_prop_types.default.oneOf(["horizontal", "vertical"]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapper: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapperInner: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
root: import_prop_types.default.elementType,
wrapper: import_prop_types.default.elementType,
wrapperInner: import_prop_types.default.elementType
}),
/**
* @ignore
*/
style: import_prop_types.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
*
* Set to 'auto' to automatically calculate transition time based on height.
* @default duration.standard
*/
timeout: import_prop_types.default.oneOfType([
import_prop_types.default.oneOf(["auto"]),
import_prop_types.default.number,
import_prop_types.default.shape({
appear: import_prop_types.default.number,
enter: import_prop_types.default.number,
exit: import_prop_types.default.number
})
])
};
if (Collapse) Collapse.muiSupportAuto = true;
//#endregion
export { collapseClasses as n, getCollapseUtilityClass as r, Collapse as t };
File diff suppressed because one or more lines are too long
@@ -1,8 +1,8 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { a as resolveProps } from "./styled-ry4r-NKP.js";
import { a as resolveProps } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
//#region node_modules/@mui/system/DefaultPropsProvider/DefaultPropsProvider.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1 +1 @@
{"version":3,"file":"DefaultPropsProvider-C8vOQ3_j.js","names":["DefaultPropsProvider","PropTypes","useDefaultProps","SystemDefaultPropsProvider","PropTypes","useSystemDefaultProps"],"sources":["../../@mui/system/DefaultPropsProvider/DefaultPropsProvider.mjs","../../@mui/material/DefaultPropsProvider/DefaultPropsProvider.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport resolveProps from '@mui/utils/resolveProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PropsContext = /*#__PURE__*/React.createContext(undefined);\nfunction DefaultPropsProvider({\n value,\n children\n}) {\n return /*#__PURE__*/_jsx(PropsContext.Provider, {\n value: value,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object\n} : void 0;\nfunction getThemeProps(params) {\n const {\n theme,\n name,\n props\n } = params;\n if (!theme || !theme.components || !theme.components[name]) {\n return props;\n }\n const config = theme.components[name];\n if (config.defaultProps) {\n // compatible with v5 signature\n return resolveProps(config.defaultProps, props, theme.components.mergeClassNameAndStyle);\n }\n if (!config.styleOverrides && !config.variants) {\n // v6 signature, no property 'defaultProps'\n return resolveProps(config, props, theme.components.mergeClassNameAndStyle);\n }\n return props;\n}\nexport function useDefaultProps({\n props,\n name\n}) {\n const ctx = React.useContext(PropsContext);\n return getThemeProps({\n props,\n name,\n theme: {\n components: ctx\n }\n });\n}\nexport default DefaultPropsProvider;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction DefaultPropsProvider(props) {\n return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, {\n ...props\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object.isRequired\n} : void 0;\nexport default DefaultPropsProvider;\nexport function useDefaultProps(params) {\n return useSystemDefaultProps(params);\n}"],"mappings":";;;;;;;;;AAMA,IAAM,eAA4B,2BAAM,cAAc,KAAA,CAAS;AAC/D,SAASA,uBAAqB,EAC5B,OACA,YACC;CACD,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,aAAa,UAAU;EACvC;EACG;CACZ,CAAC;AACH;AACwC,uBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU;AACnB;AACA,SAAS,cAAc,QAAQ;CAC7B,MAAM,EACJ,OACA,MACA,UACE;CACJ,IAAI,CAAC,SAAS,CAAC,MAAM,cAAc,CAAC,MAAM,WAAW,OACnD,OAAO;CAET,MAAM,SAAS,MAAM,WAAW;CAChC,IAAI,OAAO,cAET,OAAO,aAAa,OAAO,cAAc,OAAO,MAAM,WAAW,sBAAsB;CAEzF,IAAI,CAAC,OAAO,kBAAkB,CAAC,OAAO,UAEpC,OAAO,aAAa,QAAQ,OAAO,MAAM,WAAW,sBAAsB;CAE5E,OAAO;AACT;AACA,SAAgBC,kBAAgB,EAC9B,OACA,QACC;CAED,OAAO,cAAc;EACnB;EACA;EACA,OAAO,EACL,YAAA,aALc,WAAW,YAKX,EAChB;CACF,CAAC;AACH;;;ACxDA,SAAS,qBAAqB,OAAO;CACnC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAKC,wBAA4B,EACnD,GAAG,MACL,CAAC;AACH;AACwC,qBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU,OAAO;AAC1B;AAEA,SAAgB,gBAAgB,QAAQ;CACtC,OAAOC,kBAAsB,MAAM;AACrC"}
{"version":3,"file":"DefaultPropsProvider-C26UnlMi.js","names":["DefaultPropsProvider","PropTypes","useDefaultProps","SystemDefaultPropsProvider","PropTypes","useSystemDefaultProps"],"sources":["../../@mui/system/DefaultPropsProvider/DefaultPropsProvider.mjs","../../@mui/material/DefaultPropsProvider/DefaultPropsProvider.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport resolveProps from '@mui/utils/resolveProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PropsContext = /*#__PURE__*/React.createContext(undefined);\nfunction DefaultPropsProvider({\n value,\n children\n}) {\n return /*#__PURE__*/_jsx(PropsContext.Provider, {\n value: value,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object\n} : void 0;\nfunction getThemeProps(params) {\n const {\n theme,\n name,\n props\n } = params;\n if (!theme || !theme.components || !theme.components[name]) {\n return props;\n }\n const config = theme.components[name];\n if (config.defaultProps) {\n // compatible with v5 signature\n return resolveProps(config.defaultProps, props, theme.components.mergeClassNameAndStyle);\n }\n if (!config.styleOverrides && !config.variants) {\n // v6 signature, no property 'defaultProps'\n return resolveProps(config, props, theme.components.mergeClassNameAndStyle);\n }\n return props;\n}\nexport function useDefaultProps({\n props,\n name\n}) {\n const ctx = React.useContext(PropsContext);\n return getThemeProps({\n props,\n name,\n theme: {\n components: ctx\n }\n });\n}\nexport default DefaultPropsProvider;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction DefaultPropsProvider(props) {\n return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, {\n ...props\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object.isRequired\n} : void 0;\nexport default DefaultPropsProvider;\nexport function useDefaultProps(params) {\n return useSystemDefaultProps(params);\n}"],"mappings":";;;;;;;;;AAMA,IAAM,eAA4B,2BAAM,cAAc,KAAA,CAAS;AAC/D,SAASA,uBAAqB,EAC5B,OACA,YACC;CACD,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,aAAa,UAAU;EACvC;EACG;CACZ,CAAC;AACH;AACwC,uBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU;AACnB;AACA,SAAS,cAAc,QAAQ;CAC7B,MAAM,EACJ,OACA,MACA,UACE;CACJ,IAAI,CAAC,SAAS,CAAC,MAAM,cAAc,CAAC,MAAM,WAAW,OACnD,OAAO;CAET,MAAM,SAAS,MAAM,WAAW;CAChC,IAAI,OAAO,cAET,OAAO,aAAa,OAAO,cAAc,OAAO,MAAM,WAAW,sBAAsB;CAEzF,IAAI,CAAC,OAAO,kBAAkB,CAAC,OAAO,UAEpC,OAAO,aAAa,QAAQ,OAAO,MAAM,WAAW,sBAAsB;CAE5E,OAAO;AACT;AACA,SAAgBC,kBAAgB,EAC9B,OACA,QACC;CAED,OAAO,cAAc;EACnB;EACA;EACA,OAAO,EACL,YAAA,aALc,WAAW,YAKX,EAChB;CACF,CAAC;AACH;;;ACxDA,SAAS,qBAAqB,OAAO;CACnC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAKC,wBAA4B,EACnD,GAAG,MACL,CAAC;AACH;AACwC,qBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU,OAAO;AAC1B;AAEA,SAAgB,gBAAgB,QAAQ;CACtC,OAAOC,kBAAsB,MAAM;AACrC"}
@@ -1,17 +1,17 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as useId } from "./useId-BvBa7DUQ.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { n as useTheme } from "./chainPropTypes-DS_z862G.js";
import { t as useSlot } from "./useSlot-DwQopxnD.js";
import { a as FOCUSABLE_ATTRIBUTE, c as Backdrop, d as Fade, t as Modal } from "./Modal-rlYNDt8_.js";
import { t as Paper } from "./Paper-BN2CUK32.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { n as useTheme } from "./chainPropTypes-XO9WdMvJ.js";
import { a as FOCUSABLE_ATTRIBUTE, c as Backdrop, d as Fade, t as Modal } from "./Modal-DWsHkJKP.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
import { t as Paper } from "./Paper-Dp73HJFm.js";
import { t as DialogContext } from "./DialogContext-DQ3YWebh.js";
//#region node_modules/@mui/material/Dialog/dialogClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
@@ -1,10 +1,10 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
//#region node_modules/@mui/material/DialogActions/dialogActionsClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,12 +1,12 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { t as dialogTitleClasses } from "./dialogTitleClasses-CMIZgy_C.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as dialogTitleClasses } from "./dialogTitleClasses-BMWdNl2E.js";
//#region node_modules/@mui/material/DialogContent/dialogContentClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,13 +1,13 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as Typography } from "./Typography-BDkJLIDE.js";
import { ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as Typography } from "./Typography-D0X9-lHE.js";
import { t as DialogContext } from "./DialogContext-DQ3YWebh.js";
import { n as getDialogTitleUtilityClass } from "./dialogTitleClasses-CMIZgy_C.js";
import { n as getDialogTitleUtilityClass } from "./dialogTitleClasses-BMWdNl2E.js";
//#region node_modules/@mui/material/DialogTitle/DialogTitle.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1 +1 @@
{"version":3,"file":"DialogTitle-ec9jPt95.js","names":["PropTypes"],"sources":["../../@mui/material/DialogTitle/DialogTitle.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport Typography from \"../Typography/index.mjs\";\nimport { styled } from \"../zero-styled/index.mjs\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.mjs\";\nimport { getDialogTitleUtilityClass } from \"./dialogTitleClasses.mjs\";\nimport DialogContext from \"../Dialog/DialogContext.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, getDialogTitleUtilityClass, classes);\n};\nconst DialogTitleRoot = styled(Typography, {\n name: 'MuiDialogTitle',\n slot: 'Root'\n})({\n padding: '16px 24px',\n flex: '0 0 auto'\n});\nconst DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiDialogTitle'\n });\n const {\n className,\n id: idProp,\n ...other\n } = props;\n const ownerState = props;\n const classes = useUtilityClasses(ownerState);\n const {\n titleId = idProp\n } = React.useContext(DialogContext);\n return /*#__PURE__*/_jsx(DialogTitleRoot, {\n component: \"h2\",\n className: clsx(classes.root, className),\n ownerState: ownerState,\n ref: ref,\n variant: \"h6\",\n id: idProp ?? titleId,\n ...other\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? DialogTitle.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string,\n /**\n * @ignore\n */\n id: PropTypes.string,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default DialogTitle;"],"mappings":";;;;;;;;;;;;;;AAYA,IAAM,qBAAoB,eAAc;CACtC,MAAM,EACJ,YACE;CAIJ,OAAO,eAAe,EAFpB,MAAM,CAAC,MAAM,EAEW,GAAG,4BAA4B,OAAO;AAClE;AACA,IAAM,kBAAkB,OAAO,YAAY;CACzC,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,SAAS;CACT,MAAM;AACR,CAAC;AACD,IAAM,cAA2B,2BAAM,WAAW,SAAS,YAAY,SAAS,KAAK;CACnF,MAAM,QAAQ,gBAAgB;EAC5B,OAAO;EACP,MAAM;CACR,CAAC;CACD,MAAM,EACJ,WACA,IAAI,QACJ,GAAG,UACD;CACJ,MAAM,aAAa;CACnB,MAAM,UAAU,kBAAkB,UAAU;CAC5C,MAAM,EACJ,UAAU,WAAA,aACF,WAAW,aAAa;CAClC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,iBAAiB;EACxC,WAAW;EACX,WAAW,KAAK,QAAQ,MAAM,SAAS;EAC3B;EACP;EACL,SAAS;EACT,IAAI,UAAU;EACd,GAAG;CACL,CAAC;AACH,CAAC;AACuC,YAAY,YAAmC;;;;CAQrF,UAAUA,kBAAAA,QAAU;;;;CAIpB,SAASA,kBAAAA,QAAU;;;;CAInB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU;;;;CAId,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
{"version":3,"file":"DialogTitle-Bdeq_m4v.js","names":["PropTypes"],"sources":["../../@mui/material/DialogTitle/DialogTitle.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport Typography from \"../Typography/index.mjs\";\nimport { styled } from \"../zero-styled/index.mjs\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.mjs\";\nimport { getDialogTitleUtilityClass } from \"./dialogTitleClasses.mjs\";\nimport DialogContext from \"../Dialog/DialogContext.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, getDialogTitleUtilityClass, classes);\n};\nconst DialogTitleRoot = styled(Typography, {\n name: 'MuiDialogTitle',\n slot: 'Root'\n})({\n padding: '16px 24px',\n flex: '0 0 auto'\n});\nconst DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiDialogTitle'\n });\n const {\n className,\n id: idProp,\n ...other\n } = props;\n const ownerState = props;\n const classes = useUtilityClasses(ownerState);\n const {\n titleId = idProp\n } = React.useContext(DialogContext);\n return /*#__PURE__*/_jsx(DialogTitleRoot, {\n component: \"h2\",\n className: clsx(classes.root, className),\n ownerState: ownerState,\n ref: ref,\n variant: \"h6\",\n id: idProp ?? titleId,\n ...other\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? DialogTitle.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string,\n /**\n * @ignore\n */\n id: PropTypes.string,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default DialogTitle;"],"mappings":";;;;;;;;;;;;;;AAYA,IAAM,qBAAoB,eAAc;CACtC,MAAM,EACJ,YACE;CAIJ,OAAO,eAAe,EAFpB,MAAM,CAAC,MAAM,EAEW,GAAG,4BAA4B,OAAO;AAClE;AACA,IAAM,kBAAkB,OAAO,YAAY;CACzC,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,SAAS;CACT,MAAM;AACR,CAAC;AACD,IAAM,cAA2B,2BAAM,WAAW,SAAS,YAAY,SAAS,KAAK;CACnF,MAAM,QAAQ,gBAAgB;EAC5B,OAAO;EACP,MAAM;CACR,CAAC;CACD,MAAM,EACJ,WACA,IAAI,QACJ,GAAG,UACD;CACJ,MAAM,aAAa;CACnB,MAAM,UAAU,kBAAkB,UAAU;CAC5C,MAAM,EACJ,UAAU,WAAA,aACF,WAAW,aAAa;CAClC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,iBAAiB;EACxC,WAAW;EACX,WAAW,KAAK,QAAQ,MAAM,SAAS;EAC3B;EACP;EACL,SAAS;EACT,IAAI,UAAU;EACd,GAAG;CACL,CAAC;AACH,CAAC;AACuC,YAAY,YAAmC;;;;CAQrF,UAAUA,kBAAAA,QAAU;;;;CAIpB,SAASA,kBAAAA,QAAU;;;;CAInB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU;;;;CAId,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,150 @@
import { X as _extends } from "./identifier-Bqz1gV6c.js";
import { t as useStore } from "./useStore-b7LHpDhD.js";
//#region node_modules/@mui/x-internals/store/Store.mjs
var Store = class Store {
static create(state) {
return new Store(state);
}
constructor(state) {
this.state = state;
this.listeners = /* @__PURE__ */ new Set();
this.updateTick = 0;
}
subscribe = (fn) => {
this.listeners.add(fn);
return () => {
this.listeners.delete(fn);
};
};
/**
* Returns the current state snapshot. Meant for usage with `useSyncExternalStore`.
* If you want to access the state, use the `state` property instead.
*/
getSnapshot = () => {
return this.state;
};
setState(newState) {
this.state = newState;
this.updateTick += 1;
const currentTick = this.updateTick;
const it = this.listeners.values();
let result;
while (result = it.next(), !result.done) {
if (currentTick !== this.updateTick) return;
const listener = result.value;
listener(newState);
}
}
update(changes) {
for (const key in changes) if (!Object.is(this.state[key], changes[key])) {
this.setState(_extends({}, this.state, changes));
return;
}
}
set(key, value) {
if (!Object.is(this.state[key], value)) this.setState(_extends({}, this.state, { [key]: value }));
}
use = (selector, a1, a2, a3) => {
return useStore(this, selector, a1, a2, a3);
};
};
//#endregion
//#region node_modules/@mui/x-internals/fastObjectShallowCompare/fastObjectShallowCompare.mjs
var is = Object.is;
/**
* Fast shallow compare for objects.
* @returns true if objects are equal.
*/
function fastObjectShallowCompare(a, b) {
if (a === b) return true;
if (!(a instanceof Object) || !(b instanceof Object)) return false;
let aLength = 0;
let bLength = 0;
for (const key in a) {
aLength += 1;
if (!is(a[key], b[key])) return false;
if (!(key in b)) return false;
}
for (const _ in b) bLength += 1;
return aLength === bLength;
}
//#endregion
//#region node_modules/@mui/x-internals/warning/warning.mjs
var warnedOnceCache = /* @__PURE__ */ new Set();
/**
* Logs a message to the console on development mode. The warning will only be logged once.
*
* The message is the log's cache key. Two identical messages will only be logged once.
*
* This function is a no-op in production.
*
* @param message the message to log
* @param gravity the gravity of the warning. Defaults to `'warning'`.
* @returns
*/
function warnOnce(message, gravity = "warning") {
const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
if (!warnedOnceCache.has(cleanMessage)) {
warnedOnceCache.add(cleanMessage);
if (gravity === "error") console.error(cleanMessage);
else console.warn(cleanMessage);
}
}
//#endregion
//#region node_modules/@mui/x-internals/EventManager/EventManager.mjs
var EventManager = class {
maxListeners = 20;
warnOnce = false;
events = {};
on(eventName, listener, options = {}) {
let collection = this.events[eventName];
if (!collection) {
collection = {
highPriority: /* @__PURE__ */ new Map(),
regular: /* @__PURE__ */ new Map()
};
this.events[eventName] = collection;
}
if (options.isFirst) collection.highPriority.set(listener, true);
else collection.regular.set(listener, true);
{
const collectionSize = collection.highPriority.size + collection.regular.size;
if (collectionSize > this.maxListeners && !this.warnOnce) {
this.warnOnce = true;
console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join("\n"));
}
}
}
removeListener(eventName, listener) {
if (this.events[eventName]) {
this.events[eventName].regular.delete(listener);
this.events[eventName].highPriority.delete(listener);
}
}
removeAllListeners() {
this.events = {};
}
emit(eventName, ...args) {
const collection = this.events[eventName];
if (!collection) return;
const highPriorityListeners = Array.from(collection.highPriority.keys());
const regularListeners = Array.from(collection.regular.keys());
for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
const listener = highPriorityListeners[i];
if (collection.highPriority.has(listener)) listener.apply(this, args);
}
for (let i = 0; i < regularListeners.length; i += 1) {
const listener = regularListeners[i];
if (collection.regular.has(listener)) listener.apply(this, args);
}
}
once(eventName, listener) {
const that = this;
this.on(eventName, function oneTimeListener(...args) {
that.removeListener(eventName, oneTimeListener);
listener.apply(that, args);
});
}
};
//#endregion
export { Store as i, warnOnce as n, fastObjectShallowCompare as r, EventManager as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,317 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { r as FormControlContext } from "./useFormControl-DsSCzWhM.js";
import { n as isFilled, t as isAdornedStart } from "./utils-BHH6aY1A.js";
//#region node_modules/@mui/utils/isMuiElement/isMuiElement.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
function isMuiElement(element, muiNames) {
return /*#__PURE__*/ import_react.isValidElement(element) && muiNames.indexOf(element.type.muiName ?? element.type?._payload?.value?.muiName) !== -1;
}
//#endregion
//#region node_modules/@mui/material/utils/isMuiElement.mjs
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var isMuiElement_default = isMuiElement;
//#endregion
//#region node_modules/@mui/material/FormControl/formControlClasses.mjs
function getFormControlUtilityClasses(slot) {
return generateUtilityClass("MuiFormControl", slot);
}
var formControlClasses = generateUtilityClasses("MuiFormControl", [
"root",
"marginNone",
"marginNormal",
"marginDense",
"fullWidth",
"disabled"
]);
//#endregion
//#region node_modules/@mui/material/FormControl/FormControl.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { classes, margin, fullWidth } = ownerState;
const slots = { root: [
"root",
margin !== "none" && `margin${capitalize_default(margin)}`,
fullWidth && "fullWidth"
] };
return composeClasses(slots, getFormControlUtilityClasses, classes);
};
var FormControlRoot = styled("div", {
name: "MuiFormControl",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[`margin${capitalize_default(ownerState.margin)}`],
ownerState.fullWidth && styles.fullWidth
];
}
})({
display: "inline-flex",
flexDirection: "column",
position: "relative",
minWidth: 0,
padding: 0,
margin: 0,
border: 0,
verticalAlign: "top",
variants: [
{
props: { margin: "normal" },
style: {
marginTop: 16,
marginBottom: 8
}
},
{
props: { margin: "dense" },
style: {
marginTop: 8,
marginBottom: 4
}
},
{
props: { fullWidth: true },
style: { width: "100%" }
}
]
});
/**
* Provides context such as filled/focused/error/required for form inputs.
* Relying on the context provides high flexibility and ensures that the state always stays
* consistent across the children of the `FormControl`.
* This context is used by the following components:
*
* - FormLabel
* - FormHelperText
* - Input
* - InputLabel
*
* You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).
*
* ```jsx
* <FormControl>
* <InputLabel htmlFor="my-input">Email address</InputLabel>
* <Input id="my-input" aria-describedby="my-helper-text" />
* <FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
* </FormControl>
* ```
*
* ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.
* For instance, only one input can be focused at the same time, the state shouldn't be shared.
*/
var FormControl = /*#__PURE__*/ import_react.forwardRef(function FormControl(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiFormControl"
});
const { children, className, color = "primary", component = "div", disabled = false, error = false, focused: visuallyFocused, fullWidth = false, hiddenLabel = false, margin = "none", required = false, size = "medium", variant = "outlined", ...other } = props;
const ownerState = {
...props,
color,
component,
disabled,
error,
fullWidth,
hiddenLabel,
margin,
required,
size,
variant
};
const classes = useUtilityClasses(ownerState);
const [adornedStart, setAdornedStart] = import_react.useState(() => {
let initialAdornedStart = false;
if (children) import_react.Children.forEach(children, (child) => {
if (!isMuiElement_default(child, ["Input", "Select"])) return;
const input = isMuiElement_default(child, ["Select"]) ? child.props.input : child;
if (input && isAdornedStart(input.props)) initialAdornedStart = true;
});
return initialAdornedStart;
});
const [filled, setFilled] = import_react.useState(() => {
let initialFilled = false;
if (children) import_react.Children.forEach(children, (child) => {
if (!isMuiElement_default(child, ["Input", "Select"])) return;
if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) initialFilled = true;
});
return initialFilled;
});
const [focusedState, setFocused] = import_react.useState(false);
if (disabled && focusedState) setFocused(false);
const focused = visuallyFocused !== void 0 && !disabled ? visuallyFocused : focusedState;
let registerEffect;
const registeredInput = import_react.useRef(false);
registerEffect = () => {
if (registeredInput.current) console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join("\n"));
registeredInput.current = true;
return () => {
registeredInput.current = false;
};
};
const onFilled = import_react.useCallback(() => {
setFilled(true);
}, []);
const onEmpty = import_react.useCallback(() => {
setFilled(false);
}, []);
const childContext = import_react.useMemo(() => {
return {
adornedStart,
setAdornedStart,
color,
disabled,
error,
filled,
focused,
fullWidth,
hiddenLabel,
size,
onBlur: () => {
setFocused(false);
},
onFocus: () => {
setFocused(true);
},
onEmpty,
onFilled,
registerEffect,
required,
variant
};
}, [
adornedStart,
color,
disabled,
error,
filled,
focused,
fullWidth,
hiddenLabel,
registerEffect,
onEmpty,
onFilled,
required,
size,
variant
]);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FormControlContext.Provider, {
value: childContext,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FormControlRoot, {
as: component,
ownerState,
className: clsx(classes.root, className),
ref,
...other,
children
})
});
});
FormControl.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"primary",
"secondary",
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* If `true`, the label, input and helper text should be displayed in a disabled state.
* @default false
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the label is displayed in an error state.
* @default false
*/
error: import_prop_types.default.bool,
/**
* If `true`, the component is displayed in focused state.
*/
focused: import_prop_types.default.bool,
/**
* If `true`, the component will take up the full width of its container.
* @default false
*/
fullWidth: import_prop_types.default.bool,
/**
* If `true`, the label is hidden.
* This is used to increase density for a `FilledInput`.
* Be sure to add `aria-label` to the `input` element.
* @default false
*/
hiddenLabel: import_prop_types.default.bool,
/**
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
* @default 'none'
*/
margin: import_prop_types.default.oneOf([
"dense",
"none",
"normal"
]),
/**
* If `true`, the label will indicate that the `input` is required.
* @default false
*/
required: import_prop_types.default.bool,
/**
* The size of the component.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["medium", "small"]), import_prop_types.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
* @default 'outlined'
*/
variant: import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
])
};
//#endregion
export { isMuiElement as a, isMuiElement_default as i, formControlClasses as n, getFormControlUtilityClasses as r, FormControl as t };
File diff suppressed because one or more lines are too long
@@ -1,12 +1,12 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { i as useReducedMotion, n as useForkRef_default } from "./useLazyRef-BFAG-x_s.js";
import { r as getReactElementRef, t as elementAcceptingRef } from "./elementAcceptingRef-rYQ5gbK-.js";
import { n as useTheme } from "./chainPropTypes-DS_z862G.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { r as useReducedMotion, t as useForkRef_default } from "./useForkRef-DuMrXAkd.js";
import { r as getReactElementRef, t as elementAcceptingRef } from "./elementAcceptingRef-77cdI4ys.js";
import { n as useTheme } from "./chainPropTypes-XO9WdMvJ.js";
import { n as getTransitionChildStyle, o as normalizedTransitionCallback, r as getTransitionProps, s as reflow } from "./utils-BCVtNTPx.js";
import { t as Transition } from "./Transition-CTO78YMk.js";
import { t as Transition } from "./Transition-ChzjZIqj.js";
//#region node_modules/@mui/material/Grow/Grow.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,18 +1,18 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { t as chainPropTypes } from "./chainPropTypes-DS_z862G.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as chainPropTypes } from "./chainPropTypes-XO9WdMvJ.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-Bsl8ZUTz.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as CircularProgress } from "./CircularProgress-Tc2SKes6.js";
import { t as CircularProgress } from "./CircularProgress-CZv3_Pmq.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-C5OJwznt.js";
//#region node_modules/@mui/material/IconButton/iconButtonClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1,15 +1,15 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { ut as clsx } from "./identifier-Db3dwgA7.js";
import { l as composeClasses, t as styled } from "./styled-ry4r-NKP.js";
import { t as capitalize_default } from "./capitalize-DESO4t23.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C8vOQ3_j.js";
import { t as memoTheme } from "./memoTheme-Ciuals54.js";
import { ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { r as FormControlContext, t as useFormControl } from "./useFormControl-DsSCzWhM.js";
import { t as Typography } from "./Typography-BDkJLIDE.js";
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-Bz0x_Nya.js";
import { t as Typography } from "./Typography-D0X9-lHE.js";
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-ClNggkd0.js";
//#region node_modules/@mui/material/InputAdornment/InputAdornment.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -0,0 +1,441 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as capitalize_default } from "./capitalize-CAiNKy2l.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { n as useFormControlState } from "./useFormControl-DsSCzWhM.js";
import { t as getInputLabelUtilityClasses } from "./inputLabelClasses-SE8nfTj6.js";
//#region node_modules/@mui/material/FormLabel/formLabelClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getFormLabelUtilityClasses(slot) {
return generateUtilityClass("MuiFormLabel", slot);
}
var formLabelClasses = generateUtilityClasses("MuiFormLabel", [
"root",
"colorSecondary",
"focused",
"disabled",
"error",
"filled",
"required",
"asterisk"
]);
//#endregion
//#region node_modules/@mui/material/FormLabel/FormLabel.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses$1 = (ownerState) => {
const { classes, color, focused, disabled, error, filled, required } = ownerState;
const slots = {
root: [
"root",
`color${capitalize_default(color)}`,
disabled && "disabled",
error && "error",
filled && "filled",
focused && "focused",
required && "required"
],
asterisk: ["asterisk", error && "error"]
};
return composeClasses(slots, getFormLabelUtilityClasses, classes);
};
var FormLabelRoot = styled("label", {
name: "MuiFormLabel",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
ownerState.color === "secondary" && styles.colorSecondary,
ownerState.filled && styles.filled
];
}
})(memoTheme(({ theme }) => ({
color: (theme.vars || theme).palette.text.secondary,
...theme.typography.body1,
lineHeight: "1.4375em",
padding: 0,
position: "relative",
variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
props: { color },
style: { [`&.${formLabelClasses.focused}`]: { color: (theme.vars || theme).palette[color].main } }
})), {
props: {},
style: {
[`&.${formLabelClasses.disabled}`]: { color: (theme.vars || theme).palette.text.disabled },
[`&.${formLabelClasses.error}`]: { color: (theme.vars || theme).palette.error.main }
}
}]
})));
var AsteriskComponent = styled("span", {
name: "MuiFormLabel",
slot: "Asterisk"
})(memoTheme(({ theme }) => ({ [`&.${formLabelClasses.error}`]: { color: (theme.vars || theme).palette.error.main } })));
var FormLabel = /*#__PURE__*/ import_react.forwardRef(function FormLabel(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiFormLabel"
});
const { children, className, color, component = "label", disabled, error, filled, focused, required, ...other } = props;
const [fcs] = useFormControlState({
props,
states: [
"color",
"required",
"focused",
"disabled",
"error",
"filled"
]
});
const ownerState = {
...props,
color: fcs.color || "primary",
component,
disabled: fcs.disabled,
error: fcs.error,
filled: fcs.filled,
focused: fcs.focused,
required: fcs.required
};
const classes = useUtilityClasses$1(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(FormLabelRoot, {
as: component,
ownerState,
className: clsx(classes.root, className),
ref,
...other,
children: [children, fcs.required && /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(AsteriskComponent, {
ownerState,
"aria-hidden": true,
className: classes.asterisk,
children: [" ", "*"]
})]
});
});
FormLabel.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"primary",
"secondary",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* If `true`, the label should be displayed in a disabled state.
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the label is displayed in an error state.
*/
error: import_prop_types.default.bool,
/**
* If `true`, the label should use filled classes key.
*/
filled: import_prop_types.default.bool,
/**
* If `true`, the input of this label is focused (used by `FormGroup` components).
*/
focused: import_prop_types.default.bool,
/**
* If `true`, the label will indicate that the `input` is required.
*/
required: import_prop_types.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
//#region node_modules/@mui/material/InputLabel/InputLabel.mjs
var useUtilityClasses = (ownerState) => {
const { classes, formControl, size, shrink, disableAnimation, variant, required } = ownerState;
const slots = {
root: [
"root",
formControl && "formControl",
!disableAnimation && "animated",
shrink && "shrink",
size && size !== "medium" && `size${capitalize_default(size)}`,
variant
],
asterisk: [required && "asterisk"]
};
const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);
return {
...classes,
...composedClasses
};
};
var InputLabelRoot = styled(FormLabel, {
shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes",
name: "MuiInputLabel",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
{ [`& .${formLabelClasses.asterisk}`]: styles.asterisk },
styles.root,
ownerState.formControl && styles.formControl,
ownerState.size === "small" && styles.sizeSmall,
ownerState.shrink && styles.shrink,
!ownerState.disableAnimation && styles.animated,
ownerState.focused && styles.focused,
styles[ownerState.variant]
];
}
})(memoTheme(({ theme }) => ({
display: "block",
transformOrigin: "top left",
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis",
maxWidth: "100%",
variants: [
{
props: ({ ownerState }) => ownerState.formControl,
style: {
position: "absolute",
left: 0,
top: 0,
transform: "translate(0, 20px) scale(1)"
}
},
{
props: { size: "small" },
style: { transform: "translate(0, 17px) scale(1)" }
},
{
props: ({ ownerState }) => ownerState.shrink,
style: {
transform: "translate(0, -1.5px) scale(0.75)",
transformOrigin: "top left",
maxWidth: "133%"
}
},
{
props: ({ ownerState }) => !ownerState.disableAnimation,
style: { ...getTransitionStyles(theme, [
"color",
"transform",
"max-width"
], {
duration: theme.transitions.duration.shorter,
easing: theme.transitions.easing.easeOut
}) }
},
{
props: { variant: "filled" },
style: {
zIndex: 1,
pointerEvents: "none",
transform: "translate(12px, 16px) scale(1)",
maxWidth: "calc(100% - 24px)"
}
},
{
props: {
variant: "filled",
size: "small"
},
style: { transform: "translate(12px, 13px) scale(1)" }
},
{
props: ({ variant, ownerState }) => variant === "filled" && ownerState.shrink,
style: {
userSelect: "none",
pointerEvents: "auto",
transform: "translate(12px, 7px) scale(0.75)",
maxWidth: "calc(133% - 24px)"
}
},
{
props: ({ variant, ownerState, size }) => variant === "filled" && ownerState.shrink && size === "small",
style: { transform: "translate(12px, 4px) scale(0.75)" }
},
{
props: { variant: "outlined" },
style: {
zIndex: 1,
pointerEvents: "none",
transform: "translate(14px, 16px) scale(1)",
maxWidth: "calc(100% - 24px)"
}
},
{
props: {
variant: "outlined",
size: "small"
},
style: { transform: "translate(14px, 9px) scale(1)" }
},
{
props: ({ variant, ownerState }) => variant === "outlined" && ownerState.shrink,
style: {
userSelect: "none",
pointerEvents: "auto",
maxWidth: "calc(133% - 32px)",
transform: "translate(14px, -9px) scale(0.75)"
}
}
]
})));
var InputLabel = /*#__PURE__*/ import_react.forwardRef(function InputLabel(inProps, ref) {
const props = useDefaultProps({
name: "MuiInputLabel",
props: inProps
});
const { disableAnimation = false, margin, shrink: shrinkProp, variant, className, ...other } = props;
const [fcs, muiFormControl] = useFormControlState({
props,
states: [
"size",
"variant",
"required",
"focused"
]
});
let shrink = shrinkProp;
if (typeof shrink === "undefined" && muiFormControl) shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;
const ownerState = {
...props,
disableAnimation,
formControl: muiFormControl,
shrink,
size: fcs.size,
variant: fcs.variant,
required: fcs.required,
focused: fcs.focused
};
const classes = useUtilityClasses(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InputLabelRoot, {
"data-shrink": shrink,
ref,
className: clsx(classes.root, className),
...other,
ownerState,
classes
});
});
InputLabel.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"primary",
"secondary",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* If `true`, the transition animation is disabled.
* @default false
*/
disableAnimation: import_prop_types.default.bool,
/**
* If `true`, the component is disabled.
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the label is displayed in an error state.
*/
error: import_prop_types.default.bool,
/**
* If `true`, the `input` of this label is focused.
*/
focused: import_prop_types.default.bool,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin: import_prop_types.default.oneOf(["dense"]),
/**
* if `true`, the label will indicate that the `input` is required.
*/
required: import_prop_types.default.bool,
/**
* If `true`, the label is shrunk.
*/
shrink: import_prop_types.default.bool,
/**
* The size of the component.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["medium", "small"]), import_prop_types.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
*/
variant: import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
])
};
//#endregion
export { getFormLabelUtilityClasses as a, formLabelClasses as i, FormLabel as n, FormLabelRoot as r, InputLabel as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,9 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
/**
* @ignore - internal component.
*/
var ListContext = /*#__PURE__*/ (/* @__PURE__ */ __toESM(require_react(), 1)).createContext({});
ListContext.displayName = "ListContext";
//#endregion
export { ListContext as t };
@@ -0,0 +1 @@
{"version":3,"file":"ListContext-BlonKYw6.js","names":[],"sources":["../../@mui/material/List/ListContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * @ignore - internal component.\n */\nconst ListContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n ListContext.displayName = 'ListContext';\n}\nexport default ListContext;"],"mappings":";;;;;AAOA,IAAM,cAA2B,yDAAA,EAAA,CAAM,cAAc,CAAC,CAAC;AAErD,YAAY,cAAc"}
@@ -0,0 +1,201 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as useSlot } from "./useSlot-Cg0qr-dR.js";
import { r as typographyClasses, t as Typography } from "./Typography-D0X9-lHE.js";
import { t as ListContext } from "./ListContext-BlonKYw6.js";
//#region node_modules/@mui/material/ListItemText/listItemTextClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getListItemTextUtilityClass(slot) {
return generateUtilityClass("MuiListItemText", slot);
}
var listItemTextClasses = generateUtilityClasses("MuiListItemText", [
"root",
"multiline",
"dense",
"inset",
"primary",
"secondary"
]);
//#endregion
//#region node_modules/@mui/material/ListItemText/ListItemText.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { classes, inset, primary, secondary, dense } = ownerState;
return composeClasses({
root: [
"root",
inset && "inset",
dense && "dense",
primary && secondary && "multiline"
],
primary: ["primary"],
secondary: ["secondary"]
}, getListItemTextUtilityClass, classes);
};
var ListItemTextRoot = styled("div", {
name: "MuiListItemText",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
{ [`& .${listItemTextClasses.primary}`]: styles.primary },
{ [`& .${listItemTextClasses.secondary}`]: styles.secondary },
styles.root,
ownerState.inset && styles.inset,
ownerState.primary && ownerState.secondary && styles.multiline,
ownerState.dense && styles.dense
];
}
})({
flex: "1 1 auto",
minWidth: 0,
marginTop: 4,
marginBottom: 4,
[`.${typographyClasses.root}:where(& .${listItemTextClasses.primary})`]: { display: "block" },
[`.${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: { display: "block" },
variants: [{
props: ({ ownerState }) => ownerState.primary && ownerState.secondary,
style: {
marginTop: 6,
marginBottom: 6
}
}, {
props: ({ ownerState }) => ownerState.inset,
style: { paddingLeft: 56 }
}]
});
var ListItemText = /*#__PURE__*/ import_react.forwardRef(function ListItemText(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiListItemText"
});
const { children, className, disableTypography = false, inset = false, primary: primaryProp, secondary: secondaryProp, slots = {}, slotProps = {}, ...other } = props;
const { dense } = import_react.useContext(ListContext);
let primary = primaryProp != null ? primaryProp : children;
let secondary = secondaryProp;
const ownerState = {
...props,
disableTypography,
inset,
primary: !!primary,
secondary: !!secondary,
dense
};
const classes = useUtilityClasses(ownerState);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
className: clsx(classes.root, className),
elementType: ListItemTextRoot,
externalForwardedProps: {
...externalForwardedProps,
...other
},
ownerState,
ref
});
const [PrimarySlot, primarySlotProps] = useSlot("primary", {
className: classes.primary,
elementType: Typography,
externalForwardedProps,
ownerState
});
const [SecondarySlot, secondarySlotProps] = useSlot("secondary", {
className: classes.secondary,
elementType: Typography,
externalForwardedProps,
ownerState
});
if (primary != null && primary.type !== Typography && !disableTypography) primary = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(PrimarySlot, {
variant: dense ? "body2" : "body1",
component: primarySlotProps?.variant ? void 0 : "span",
...primarySlotProps,
children: primary
});
if (secondary != null && secondary.type !== Typography && !disableTypography) secondary = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(SecondarySlot, {
variant: "body2",
color: "textSecondary",
...secondarySlotProps,
children: secondary
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
...rootSlotProps,
children: [primary, secondary]
});
});
ListItemText.propTypes = {
/**
* Alias for the `primary` prop.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* If `true`, the children won't be wrapped by a Typography component.
* This can be useful to render an alternative Typography variant by wrapping
* the `children` (or `primary`) text, and optional `secondary` text
* with the Typography component.
* @default false
*/
disableTypography: import_prop_types.default.bool,
/**
* If `true`, the children are indented.
* This should be used if there is no left avatar or left icon.
* @default false
*/
inset: import_prop_types.default.bool,
/**
* The main content element.
*/
primary: import_prop_types.default.node,
/**
* The secondary content element.
*/
secondary: import_prop_types.default.node,
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
primary: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
secondary: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
primary: import_prop_types.default.elementType,
root: import_prop_types.default.elementType,
secondary: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
export { getListItemTextUtilityClass as n, listItemTextClasses as r, ListItemText as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,306 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { F as generateUtilityClasses, I as generateUtilityClass, ut as clsx } from "./identifier-Bqz1gV6c.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-Dq11esuZ.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useForkRef_default } from "./useForkRef-DuMrXAkd.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-C26UnlMi.js";
import { t as memoTheme } from "./memoTheme-C-VUQpgo.js";
import { t as useEnhancedEffect_default } from "./useEnhancedEffect-TVXdCr88.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-C5OJwznt.js";
import { n as useRovingTabIndexItem } from "./useRovingTabIndex-CcaPcnaK.js";
import { t as ListContext } from "./ListContext-BlonKYw6.js";
import { r as listItemTextClasses } from "./ListItemText-DDPPBz7v.js";
import { a as focusWithVisible, i as useSelectFocusSource, n as useMenuListContext } from "./MenuListContext-DsdfkY0h.js";
//#region node_modules/@mui/material/MenuItem/menuItemClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getMenuItemUtilityClass(slot) {
return generateUtilityClass("MuiMenuItem", slot);
}
var menuItemClasses = generateUtilityClasses("MuiMenuItem", [
"root",
"focusVisible",
"dense",
"disabled",
"divider",
"gutters",
"selected"
]);
//#endregion
//#region node_modules/@mui/material/Divider/dividerClasses.mjs
function getDividerUtilityClass(slot) {
return generateUtilityClass("MuiDivider", slot);
}
var dividerClasses = generateUtilityClasses("MuiDivider", [
"root",
"absolute",
"fullWidth",
"inset",
"middle",
"flexItem",
"vertical",
"withChildren",
"textAlignRight",
"textAlignLeft",
"wrapper",
"wrapperVertical"
]);
//#endregion
//#region node_modules/@mui/material/ListItemIcon/listItemIconClasses.mjs
function getListItemIconUtilityClass(slot) {
return generateUtilityClass("MuiListItemIcon", slot);
}
var listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
//#endregion
//#region node_modules/@mui/material/MenuItem/MenuItem.mjs
var import_jsx_runtime = require_jsx_runtime();
var overridesResolver = (props, styles) => {
const { ownerState } = props;
return [
styles.root,
ownerState.dense && styles.dense,
ownerState.divider && styles.divider,
!ownerState.disableGutters && styles.gutters
];
};
var useUtilityClasses = (ownerState) => {
const { disabled, dense, divider, disableGutters, selected, classes } = ownerState;
const composedClasses = composeClasses({ root: [
"root",
dense && "dense",
disabled && "disabled",
!disableGutters && "gutters",
divider && "divider",
selected && "selected"
] }, getMenuItemUtilityClass, classes);
return {
...classes,
...composedClasses
};
};
var MenuItemRoot = styled(ButtonBase, {
shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes",
name: "MuiMenuItem",
slot: "Root",
overridesResolver
})(memoTheme(({ theme }) => ({
...theme.typography.body1,
display: "flex",
justifyContent: "flex-start",
alignItems: "center",
position: "relative",
textDecoration: "none",
minHeight: 48,
paddingTop: 6,
paddingBottom: 6,
boxSizing: "border-box",
whiteSpace: "nowrap",
"&:hover": {
textDecoration: "none",
backgroundColor: (theme.vars || theme).palette.action.hover,
"@media (hover: none)": { backgroundColor: "transparent" }
},
[`&.${menuItemClasses.selected}`]: {
backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity),
[`&.${menuItemClasses.focusVisible}`]: { backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.focusOpacity}`) }
},
[`&.${menuItemClasses.selected}:hover`]: {
backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, `${(theme.vars || theme).palette.action.selectedOpacity} + ${(theme.vars || theme).palette.action.hoverOpacity}`),
"@media (hover: none)": { backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.selectedOpacity) }
},
[`&.${menuItemClasses.focusVisible}`]: { backgroundColor: (theme.vars || theme).palette.action.focus },
[`&.${menuItemClasses.disabled}`]: { opacity: (theme.vars || theme).palette.action.disabledOpacity },
[`& + .${dividerClasses.root}`]: {
marginTop: theme.spacing(1),
marginBottom: theme.spacing(1)
},
[`& + .${dividerClasses.inset}`]: { marginLeft: 52 },
[`& .${listItemTextClasses.root}`]: {
marginTop: 0,
marginBottom: 0
},
[`& .${listItemTextClasses.inset}`]: { paddingLeft: 36 },
[`& .${listItemIconClasses.root}`]: { minWidth: 36 },
variants: [
{
props: ({ ownerState }) => !ownerState.disableGutters,
style: {
paddingLeft: 16,
paddingRight: 16
}
},
{
props: ({ ownerState }) => ownerState.divider,
style: {
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
backgroundClip: "padding-box"
}
},
{
props: ({ ownerState }) => !ownerState.dense,
style: { [theme.breakpoints.up("sm")]: { minHeight: "auto" } }
},
{
props: ({ ownerState }) => ownerState.dense,
style: {
minHeight: 32,
paddingTop: 4,
paddingBottom: 4,
...theme.typography.body2,
[`& .${listItemIconClasses.root} svg`]: { fontSize: "1.25rem" }
}
}
]
})));
var MenuItem = /*#__PURE__*/ import_react.forwardRef(function MenuItem(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiMenuItem"
});
const { autoFocus: shouldAutoFocusOnMount = false, component = "li", dense = false, divider = false, disableGutters = false, focusVisibleClassName, role = "menuitem", tabIndex: tabIndexProp, className, ...other } = props;
const ariaChecked = role === "menuitemcheckbox" || role === "menuitemradio" ? Boolean(props.selected) : void 0;
const focusSource = useSelectFocusSource();
const context = import_react.useContext(ListContext);
const childContext = import_react.useMemo(() => ({
dense: dense || context.dense || false,
disableGutters
}), [
context.dense,
dense,
disableGutters
]);
const menuListContext = useMenuListContext();
const rovingItemId = useId_default();
const suppressFocusVisible = menuListContext.suppressInitialFocusVisible;
const itemsFocusableWhenDisabled = menuListContext.itemsFocusableWhenDisabled;
const menuItemRef = import_react.useRef(null);
useEnhancedEffect_default(() => {
if (shouldAutoFocusOnMount) {
if (menuItemRef.current) focusWithVisible(menuItemRef.current, focusSource);
else console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered.");
}
}, [shouldAutoFocusOnMount]);
const ownerState = {
...props,
dense: childContext.dense,
divider,
disableGutters
};
const classes = useUtilityClasses(props);
const { root, ...forwardedClasses } = classes;
const rovingItemProps = useRovingTabIndexItem({
id: rovingItemId,
ref,
disabled: props.disabled,
focusableWhenDisabled: itemsFocusableWhenDisabled,
selected: props.selected
});
const handleRef = useForkRef_default(menuItemRef, rovingItemProps.ref);
let tabIndex;
if (tabIndexProp !== void 0) tabIndex = tabIndexProp;
else if (menuListContext.variant === "selectedMenu") tabIndex = rovingItemProps.tabIndex;
else if (!props.disabled || itemsFocusableWhenDisabled) tabIndex = -1;
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ListContext.Provider, {
value: childContext,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(MenuItemRoot, {
ref: handleRef,
role,
"aria-checked": ariaChecked,
tabIndex,
component,
internalNativeButton: false,
focusableWhenDisabled: itemsFocusableWhenDisabled,
suppressFocusVisible,
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
className: clsx(classes.root, className),
...other,
ownerState,
classes: forwardedClasses
})
});
});
MenuItem.propTypes = {
/**
* If `true`, the list item is focused during the first mount.
* Focus will also be triggered if the value changes from false to true.
* @default false
*/
autoFocus: import_prop_types.default.bool,
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
* The prop defaults to the value inherited from the parent Menu component.
* @default false
*/
dense: import_prop_types.default.bool,
/**
* @ignore
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the left and right padding is removed.
* @default false
*/
disableGutters: import_prop_types.default.bool,
/**
* If `true`, a 1px light border is added to the bottom of the menu item.
* @default false
*/
divider: import_prop_types.default.bool,
/**
* This prop can help identify which element has keyboard focus.
* The class name will be applied when the element gains the focus through keyboard interaction.
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
* if needed.
*/
focusVisibleClassName: import_prop_types.default.string,
/**
* @ignore
*/
role: import_prop_types.default.string,
/**
* If `true`, the component is selected.
* For `menuitemcheckbox` and `menuitemradio` roles, this also drives `aria-checked`.
* @default false
*/
selected: import_prop_types.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* @default 0
*/
tabIndex: import_prop_types.default.number
};
//#endregion
export { getDividerUtilityClass as a, dividerClasses as i, getListItemIconUtilityClass as n, getMenuItemUtilityClass as o, listItemIconClasses as r, menuItemClasses as s, MenuItem as t };

Some files were not shown because too many files have changed in this diff Show More