diff --git a/buildtime/client/README.md b/buildtime/client/README.md index 505f2c0e5..634123692 100644 --- a/buildtime/client/README.md +++ b/buildtime/client/README.md @@ -49,6 +49,7 @@ npm install @mui/material @emotion/react @emotion/styled npm install @fontsource-variable/inter npm install @mui/icons-material npm install @mui/x-data-grid +npm install @mui/x-tree-view npm install @mui/lab ``` diff --git a/buildtime/client/material-editor/node_modules/.package-lock.json b/buildtime/client/material-editor/node_modules/.package-lock.json index b9ce5f7ba..bab55b941 100644 --- a/buildtime/client/material-editor/node_modules/.package-lock.json +++ b/buildtime/client/material-editor/node_modules/.package-lock.json @@ -1011,6 +1011,45 @@ "react": "^17.0.0 || ^18.0.0 || ^19.0.0" } }, + "node_modules/@mui/x-tree-view": { + "version": "9.11.0", + "resolved": "https://registry.npmjs.org/@mui/x-tree-view/-/x-tree-view-9.11.0.tgz", + "integrity": "sha512-ZJcnlOr3LwQF9n+xa/4Xh0w8wDCY250smbLGmRzK107ClifYSDTR8/IrRQg8yKBwpDYWDQZW85t0voQcverk1g==", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.29.7", + "@base-ui/utils": "^0.3.1", + "@mui/utils": "^9.3.0", + "@mui/x-internals": "^9.11.0", + "@types/react-transition-group": "^4.4.12", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "react-transition-group": "^4.4.5" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@emotion/react": "^11.9.0", + "@emotion/styled": "^11.8.1", + "@mui/material": "^7.3.0 || ^9.0.0", + "@mui/system": "^7.3.0 || ^9.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/react": { + "optional": true + }, + "@emotion/styled": { + "optional": true + } + } + }, "node_modules/@mui/x-virtualizer": { "version": "0.6.3", "resolved": "https://registry.npmjs.org/@mui/x-virtualizer/-/x-virtualizer-0.6.3.tgz", @@ -1054,21 +1093,18 @@ "url": "https://opencollective.com/popperjs" } }, - "node_modules/@rolldown/binding-linux-x64-gnu": { + "node_modules/@rolldown/binding-win32-x64-msvc": { "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.4.tgz", - "integrity": "sha512-4/GyVjmhR+Tc6HLJvwc1sOhPqAZtySiSMesOZyX6JQ5XBxoTDEMKQzvo07NIK6nTon/SivlZqvhzvuVBNQhObQ==", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.4.tgz", + "integrity": "sha512-UwSDJOg3dqCAejWdxclJjCsh3Qq4vLYMDxmyHqo1btz3stK2VqgwNd3mm5tuIwzSlGIQ/1H9Hr+Zn09mrezNqQ==", "cpu": [ "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ - "linux" + "win32" ], "engines": { "node": "^20.19.0 || >=22.12.0" @@ -2325,21 +2361,18 @@ "lightningcss-win32-x64-msvc": "1.33.0" } }, - "node_modules/lightningcss-linux-x64-gnu": { + "node_modules/lightningcss-win32-x64-msvc": { "version": "1.33.0", - "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz", - "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz", + "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==", "cpu": [ "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MPL-2.0", "optional": true, "os": [ - "linux" + "win32" ], "engines": { "node": ">= 12.0.0" diff --git a/buildtime/client/material-editor/node_modules/.tmp/tsconfig.app.tsbuildinfo b/buildtime/client/material-editor/node_modules/.tmp/tsconfig.app.tsbuildinfo new file mode 100644 index 000000000..5d6f3affc --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.tmp/tsconfig.app.tsbuildinfo @@ -0,0 +1 @@ +{"root":["../../src/app.tsx","../../src/layout.tsx","../../src/keycloak.ts","../../src/main.tsx","../../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/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/propertytype.ts","../../src/data/propertytypegrouptable.ts","../../src/data/value.ts","../../src/pages/homepage.tsx","../../src/pages/notfoundpage.tsx"],"errors":true,"version":"6.0.3"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.tmp/tsconfig.node.tsbuildinfo b/buildtime/client/material-editor/node_modules/.tmp/tsconfig.node.tsbuildinfo new file mode 100644 index 000000000..6d2646611 --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.tmp/tsconfig.node.tsbuildinfo @@ -0,0 +1 @@ +{"root":["../../vite.config.ts"],"version":"6.0.3"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js new file mode 100644 index 000000000..91ec21172 --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js @@ -0,0 +1,8 @@ +"use client"; +import { t as require_jsx_runtime } from "./react_jsx-runtime.js"; +import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.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"); +//#endregion +export { Add_default as default }; diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js.map b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js.map new file mode 100644 index 000000000..7082d5f0c --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Add.js.map @@ -0,0 +1 @@ +{"version":3,"file":"@mui_icons-material_Add.js","names":[],"sources":["../../@mui/icons-material/Add.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: \"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\"\n}), 'Add');"],"mappings":";;;;;AAIA,IAAA,cAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,oCACL,CAAC,GAAG,KAAK"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js new file mode 100644 index 000000000..c9d64a9da --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js @@ -0,0 +1,8 @@ +"use client"; +import { t as require_jsx_runtime } from "./react_jsx-runtime.js"; +import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.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"); +//#endregion +export { Delete_default as default }; diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js.map b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js.map new file mode 100644 index 000000000..69b79410b --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Delete.js.map @@ -0,0 +1 @@ +{"version":3,"file":"@mui_icons-material_Delete.js","names":[],"sources":["../../@mui/icons-material/Delete.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: \"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z\"\n}), 'Delete');"],"mappings":";;;;;AAIA,IAAA,iBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,2EACL,CAAC,GAAG,QAAQ"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js new file mode 100644 index 000000000..89286fbf5 --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js @@ -0,0 +1,8 @@ +"use client"; +import { t as require_jsx_runtime } from "./react_jsx-runtime.js"; +import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.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"); +//#endregion +export { Search_default as default }; diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js.map b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js.map new file mode 100644 index 000000000..89b21c2a5 --- /dev/null +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_icons-material_Search.js.map @@ -0,0 +1 @@ +{"version":3,"file":"@mui_icons-material_Search.js","names":[],"sources":["../../@mui/icons-material/Search.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: \"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\"\n}), 'Search');"],"mappings":";;;;;AAIA,IAAA,iBAAe,cAA2B,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,EACrD,GAAG,oOACL,CAAC,GAAG,QAAQ"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabContext.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabContext.js index 72b4cfded..81918ed97 100644 --- a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabContext.js +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabContext.js @@ -1,2 +1,2 @@ -import { i as useTabContext, n as getPanelId, r as getTabId, t as TabContext } from "./TabContext-D4t-wY-9.js"; +import { i as useTabContext, n as getPanelId, r as getTabId, t as TabContext } from "./TabContext-CMSSKNSg.js"; export { TabContext as default, getPanelId, getTabId, useTabContext }; diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabList.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabList.js index 1f571734e..d3ccd5ad5 100644 --- a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabList.js +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabList.js @@ -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_prop_types } from "./prop-types-C5owi9-6.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-DPR7niDH.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-Bl3pJg4E.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); diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js index c6003c8d7..f196625a9 100644 --- a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js @@ -1,12 +1,11 @@ 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 { D as generateUtilityClasses, O as generateUtilityClass, tt as clsx } from "./identifier-pRD-G8ad.js"; -import { c as composeClasses, t as styled } from "./styled-igcOhZNb.js"; import { t as require_jsx_runtime } from "./react_jsx-runtime.js"; -import { t as useThemeProps } from "./useThemeProps-YMBeHD5b.js"; -import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-D4t-wY-9.js"; -import "./styles-BWi6MI3j.js"; +import { t as require_prop_types } from "./prop-types-C5owi9-6.js"; +import { N as generateUtilityClasses, P as generateUtilityClass, ct as clsx } from "./identifier-BCIMFiRn.js"; +import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js"; +import { i as useTabContext, n as getPanelId, r as getTabId } from "./TabContext-CMSSKNSg.js"; +import { t as useThemeProps } from "./useThemeProps-BY-PscMe.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); diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js.map b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js.map index 538a2c292..2419460c8 100644 --- a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js.map +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_lab_TabPanel.js.map @@ -1 +1 @@ -{"version":3,"file":"@mui_lab_TabPanel.js","names":["PropTypes"],"sources":["../../@mui/lab/TabPanel/tabPanelClasses.mjs","../../@mui/lab/TabPanel/TabPanel.mjs"],"sourcesContent":["import generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nexport function getTabPanelUtilityClass(slot) {\n return generateUtilityClass('MuiTabPanel', slot);\n}\nconst tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root', 'hidden']);\nexport default tabPanelClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { getTabPanelUtilityClass } from \"./tabPanelClasses.mjs\";\nimport { getPanelId, getTabId, useTabContext } from \"../TabContext/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n hidden\n } = ownerState;\n const slots = {\n root: ['root', hidden && 'hidden']\n };\n return composeClasses(slots, getTabPanelUtilityClass, classes);\n};\nconst TabPanelRoot = styled('div', {\n name: 'MuiTabPanel',\n slot: 'Root'\n})(({\n theme\n}) => ({\n padding: theme.spacing(3)\n}));\nconst TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTabPanel'\n });\n const {\n children,\n className,\n value,\n keepMounted = false,\n ...other\n } = props;\n const ownerState = {\n ...props\n };\n const classes = useUtilityClasses(ownerState);\n const context = useTabContext();\n if (context === null) {\n throw new TypeError('No TabContext provided');\n }\n const id = getPanelId(context, value);\n const tabId = getTabId(context, value);\n return /*#__PURE__*/_jsx(TabPanelRoot, {\n \"aria-labelledby\": tabId,\n className: clsx(classes.root, className),\n hidden: value !== context.value,\n id: id,\n ref: ref,\n role: \"tabpanel\",\n ownerState: ownerState,\n ...other,\n children: (keepMounted || value === context.value) && children\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? TabPanel.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 * Always keep the children in the DOM.\n * @default false\n */\n keepMounted: PropTypes.bool,\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 /**\n * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when\n * no `value` was passed to `Tab`.\n */\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n} : void 0;\nexport default TabPanel;"],"mappings":";;;;;;;;;;;;AAEA,SAAgB,wBAAwB,MAAM;CAC5C,OAAO,qBAAqB,eAAe,IAAI;AACjD;AACA,IAAM,kBAAkB,uBAAuB,eAAe,CAAC,QAAQ,QAAQ,CAAC;;;;ACKhF,IAAM,qBAAoB,eAAc;CACtC,MAAM,EACJ,SACA,WACE;CAIJ,OAAO,eAAe,EAFpB,MAAM,CAAC,QAAQ,UAAU,QAAQ,EAET,GAAG,yBAAyB,OAAO;AAC/D;AACA,IAAM,eAAe,OAAO,OAAO;CACjC,MAAM;CACN,MAAM;AACR,CAAC,CAAC,EAAE,EACF,aACK,EACL,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AACF,IAAM,WAAwB,2BAAM,WAAW,SAAS,SAAS,SAAS,KAAK;CAC7E,MAAM,QAAQ,cAAc;EAC1B,OAAO;EACP,MAAM;CACR,CAAC;CACD,MAAM,EACJ,UACA,WACA,OACA,cAAc,OACd,GAAG,UACD;CACJ,MAAM,aAAa,EACjB,GAAG,MACL;CACA,MAAM,UAAU,kBAAkB,UAAU;CAC5C,MAAM,UAAU,cAAc;CAC9B,IAAI,YAAY,MACd,MAAM,IAAI,UAAU,wBAAwB;CAE9C,MAAM,KAAK,WAAW,SAAS,KAAK;CACpC,MAAM,QAAQ,SAAS,SAAS,KAAK;CACrC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,cAAc;EACrC,mBAAmB;EACnB,WAAW,KAAK,QAAQ,MAAM,SAAS;EACvC,QAAQ,UAAU,QAAQ;EACtB;EACC;EACL,MAAM;EACM;EACZ,GAAG;EACH,WAAW,eAAe,UAAU,QAAQ,UAAU;CACxD,CAAC;AACH,CAAC;AACuC,SAAS,YAAmC;;;;CAQlF,UAAUA,kBAAAA,QAAU;;;;CAIpB,SAASA,kBAAAA,QAAU;;;;CAInB,WAAWA,kBAAAA,QAAU;;;;;CAKrB,aAAaA,kBAAAA,QAAU;;;;CAIvB,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;;;;;CAKtJ,OAAOA,kBAAAA,QAAU,UAAU,CAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AACnE"} \ No newline at end of file +{"version":3,"file":"@mui_lab_TabPanel.js","names":["PropTypes"],"sources":["../../@mui/lab/TabPanel/tabPanelClasses.mjs","../../@mui/lab/TabPanel/TabPanel.mjs"],"sourcesContent":["import generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nexport function getTabPanelUtilityClass(slot) {\n return generateUtilityClass('MuiTabPanel', slot);\n}\nconst tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root', 'hidden']);\nexport default tabPanelClasses;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { getTabPanelUtilityClass } from \"./tabPanelClasses.mjs\";\nimport { getPanelId, getTabId, useTabContext } from \"../TabContext/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n hidden\n } = ownerState;\n const slots = {\n root: ['root', hidden && 'hidden']\n };\n return composeClasses(slots, getTabPanelUtilityClass, classes);\n};\nconst TabPanelRoot = styled('div', {\n name: 'MuiTabPanel',\n slot: 'Root'\n})(({\n theme\n}) => ({\n padding: theme.spacing(3)\n}));\nconst TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTabPanel'\n });\n const {\n children,\n className,\n value,\n keepMounted = false,\n ...other\n } = props;\n const ownerState = {\n ...props\n };\n const classes = useUtilityClasses(ownerState);\n const context = useTabContext();\n if (context === null) {\n throw new TypeError('No TabContext provided');\n }\n const id = getPanelId(context, value);\n const tabId = getTabId(context, value);\n return /*#__PURE__*/_jsx(TabPanelRoot, {\n \"aria-labelledby\": tabId,\n className: clsx(classes.root, className),\n hidden: value !== context.value,\n id: id,\n ref: ref,\n role: \"tabpanel\",\n ownerState: ownerState,\n ...other,\n children: (keepMounted || value === context.value) && children\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? TabPanel.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 * Always keep the children in the DOM.\n * @default false\n */\n keepMounted: PropTypes.bool,\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 /**\n * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when\n * no `value` was passed to `Tab`.\n */\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n} : void 0;\nexport default TabPanel;"],"mappings":";;;;;;;;;;;AAEA,SAAgB,wBAAwB,MAAM;CAC5C,OAAO,qBAAqB,eAAe,IAAI;AACjD;AACA,IAAM,kBAAkB,uBAAuB,eAAe,CAAC,QAAQ,QAAQ,CAAC;;;;ACKhF,IAAM,qBAAoB,eAAc;CACtC,MAAM,EACJ,SACA,WACE;CAIJ,OAAO,eAAe,EAFpB,MAAM,CAAC,QAAQ,UAAU,QAAQ,EAET,GAAG,yBAAyB,OAAO;AAC/D;AACA,IAAM,eAAe,OAAO,OAAO;CACjC,MAAM;CACN,MAAM;AACR,CAAC,CAAC,EAAE,EACF,aACK,EACL,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AACF,IAAM,WAAwB,2BAAM,WAAW,SAAS,SAAS,SAAS,KAAK;CAC7E,MAAM,QAAQ,cAAc;EAC1B,OAAO;EACP,MAAM;CACR,CAAC;CACD,MAAM,EACJ,UACA,WACA,OACA,cAAc,OACd,GAAG,UACD;CACJ,MAAM,aAAa,EACjB,GAAG,MACL;CACA,MAAM,UAAU,kBAAkB,UAAU;CAC5C,MAAM,UAAU,cAAc;CAC9B,IAAI,YAAY,MACd,MAAM,IAAI,UAAU,wBAAwB;CAE9C,MAAM,KAAK,WAAW,SAAS,KAAK;CACpC,MAAM,QAAQ,SAAS,SAAS,KAAK;CACrC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,cAAc;EACrC,mBAAmB;EACnB,WAAW,KAAK,QAAQ,MAAM,SAAS;EACvC,QAAQ,UAAU,QAAQ;EACtB;EACC;EACL,MAAM;EACM;EACZ,GAAG;EACH,WAAW,eAAe,UAAU,QAAQ,UAAU;CACxD,CAAC;AACH,CAAC;AACuC,SAAS,YAAmC;;;;CAQlF,UAAUA,kBAAAA,QAAU;;;;CAIpB,SAASA,kBAAAA,QAAU;;;;CAInB,WAAWA,kBAAAA,QAAU;;;;;CAKrB,aAAaA,kBAAAA,QAAU;;;;CAIvB,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;;;;;CAKtJ,OAAOA,kBAAAA,QAAU,UAAU,CAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AACnE"} \ No newline at end of file diff --git a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_material.js b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_material.js index 8ec6812ed..92bcb6ac1 100644 --- a/buildtime/client/material-editor/node_modules/.vite/deps/@mui_material.js +++ b/buildtime/client/material-editor/node_modules/.vite/deps/@mui_material.js @@ -1,24 +1,65 @@ -import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js"; +import { n as __exportAll, 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 { A as createTheme$1, B as createCache, C as lighten, D as generateUtilityClasses, E as clamp, F as Global, G as getPath, H as styleFunctionSx_default, I as css, J as resolveBreakpointValues, K as handleBreakpoints, L as keyframes, N as internal_serializeStyles, O as generateUtilityClass, Q as require_react_is, R as CacheProvider, S as hslToRgb, T as rgbToHex, U as createUnarySpacing, V as StyleSheet, W as getValue, X as deepmerge, Y as createBreakpoints, _ as decomposeColor, a as shouldSkipGeneratingVar, b as getLuminance, c as createTransitions, d as createTypography, et as capitalize, f as createMixins, g as darken, h as alpha, i as excludeVariablesFromRoot, j as createSpacing, k as ClassNameGenerator, l as duration, m as useRtl, n as createTheme, o as createColorScheme, p as RtlProvider, q as mergeBreakpointsInOrder, r as createThemeWithVars, s as getOverlayAlpha, t as identifier_default, tt as clsx, u as easing, v as emphasize, w as recomposeColor, x as hexToRgb, y as getContrastRatio, z as ThemeContext$1 } from "./identifier-pRD-G8ad.js"; -import { a as resolveProps, c as composeClasses, i as defaultTheme$3, n as rootShouldForwardProp, o as createStyled, r as slotShouldForwardProp, t as styled } from "./styled-igcOhZNb.js"; -import { t as require_jsx_runtime } from "./react_jsx-runtime.js"; -import { n as useThemeWithoutDefault, t as useTheme$2 } from "./useTheme-BA1VhxUt.js"; -import { n as boxClasses, t as Box } from "./Box-CQOAuykB.js"; -import { n as useThemeProps$1, r as getThemeProps, t as useThemeProps } from "./useThemeProps-YMBeHD5b.js"; -import { C as useForkRef, S as useReducedMotion, T as useEnhancedEffect, _ as useEventCallback_default, a as useRovingTabIndexContext, b as ownerDocument, c as getButtonBaseUtilityClass, d as Timeout, f as useTimeout, g as useForkRef_default, h as elementTypeAcceptingRef_default, i as RovingTabIndexContext, l as getTouchRippleUtilityClass, m as isFocusVisible, n as useRovingTabIndexItem, o as ButtonBase, p as useLazyRef, r as useRovingTabIndexRoot, s as buttonBaseClasses, t as isItemFocusable, u as touchRippleClasses, v as useEventCallback, w as refType, y as setRef } from "./useRovingTabIndex-BXoGac0D.js"; -import { i as DefaultPropsProvider, n as useDefaultProps, r as memoTheme, t as capitalize_default } from "./capitalize-DTn_UgGy.js"; -import { n as useTheme, t as chainPropTypes } from "./chainPropTypes-CAm0AXCI.js"; -import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js"; -import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-mjTUKeB0.js"; -import { C as debounce$1, D as isHostComponent, E as isEventHandler, S as debounce_default, T as extractEventHandlers, _ as getActiveElement_default, a as isLayoutSupported, b as getSvgIconUtilityClass, c as TabScrollButton, d as KeyboardArrowRight_default, f as KeyboardArrowLeft_default, g as ownerDocument_default, h as ownerWindow, i as useSlot, l as getTabScrollButtonUtilityClass, m as ownerWindow_default, n as contains_default, o as getTabsUtilityClass, p as useEnhancedEffect_default, r as contains$1, s as tabsClasses, t as Tabs, u as tabScrollButtonClasses, v as createSvgIcon, w as useSlotProps, x as svgIconClasses, y as SvgIcon } from "./Tabs-DPR7niDH.js"; -import { a as getTranslateOffsets, i as getTransitionStyles, n as getTransitionChildStyle, o as normalizedTransitionCallback, r as getTransitionProps, s as reflow, t as getReducedMotionStyles } from "./utils-BCVtNTPx.js"; -import { i as unsupportedProp_default, n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-C2eNQv8y.js"; -import { t as experimental_sx } from "./styles-BWi6MI3j.js"; -import { t as colors_exports } from "./colors-BCmNAyTD.js"; -import { a as getPaperUtilityClass, i as Paper, n as appBarClasses, o as paperClasses, r as getAppBarUtilityClass, s as integerPropType, t as AppBar } from "./AppBar-DiVPdr4t.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 { A as recomposeColor, C as decomposeColor, D as hexToRgb, E as getLuminance, F as ClassNameGenerator, G as ThemeContext$1, H as css, I as createTheme$1, K as createCache, L as createSpacing, M as clamp, N as generateUtilityClasses, O as hslToRgb, P as generateUtilityClass, Q as getPath, S as darken, T as getContrastRatio, U as keyframes, W as CacheProvider, Y as styleFunctionSx_default, _ as red, a as shouldSkipGeneratingVar, at as require_react_is, b as common, c as createTransitions, ct as clsx, d as createTypography, f as createMixins, g as orange, h as blue, i as excludeVariablesFromRoot, j as rgbToHex, k as lighten, l as duration, m as lightBlue, n as createTheme, nt as createBreakpoints, o as createColorScheme, p as green, q as StyleSheet, r as createThemeWithVars, rt as deepmerge, s as getOverlayAlpha, st as capitalize, t as identifier_default, u as easing, v as purple, w as emphasize, x as alpha, y as grey } from "./identifier-BCIMFiRn.js"; +import { l as composeClasses, n as rootShouldForwardProp, r as slotShouldForwardProp, t as styled } from "./styled-6tX-8l05.js"; +import { t as capitalize_default } from "./capitalize-C5eNvjpN.js"; +import { $ as filledInputClasses, A as Input, B as getSelectUtilityClasses, C as getOpenInteractionType, D as listClasses, E as getListUtilityClass, F as FormHelperText, G as getNativeSelectUtilityClasses, H as ArrowDropDown_default, I as FormControl, J as inputClasses, K as nativeSelectClasses, L as formControlClasses, M as inputLabelClasses, N as FormLabel, O as ListContext, P as FormLabelRoot, Q as getFormHelperTextUtilityClasses, R as getFormControlUtilityClasses, S as isEmpty, T as List, U as getOutlinedInputUtilityClass, V as selectClasses, W as outlinedInputClasses, X as getFormLabelUtilityClasses, Y as formLabelClasses, Z as formHelperTextClasses, _ as MenuList, a as OutlinedInput, at as isMuiElement_default, b as useSelectFocusSource, c as getMenuUtilityClass, ct as isMuiElement, d as PopoverPaper, et as getFilledInputUtilityClass, f as PopoverRoot, g as popoverClasses, h as getPopoverUtilityClass, i as Select, it as TextareaAutosize, j as getInputLabelUtilityClasses, k as InputLabel, l as menuClasses, lt as GlobalStyles$2, m as getOffsetTop, n as getTextFieldUtilityClass, nt as getInputBaseUtilityClass, o as NativeSelectInput, ot as globalCss, p as getOffsetLeft, q as getInputUtilityClass, r as textFieldClasses, rt as inputBaseClasses, s as Menu, st as GlobalStyles, t as TextField, tt as InputBase, u as Popover, ut as GlobalStyles$3, x as areEqualValues, y as SelectFocusSourceProvider, z as FilledInput } from "./TextField-BLvydd7W.js"; +import { n as useThemeWithoutDefault, t as useTheme$2 } from "./useTheme-DYH12Ax_.js"; +import { n as boxClasses, t as Box } from "./Box-CejWg7IO.js"; +import { t as styled$1 } from "./styled-4WW7iiVd.js"; +import { t as getThemeProps } from "./getThemeProps-mtx5XCJA.js"; +import { t as useThemeProps$1 } from "./useThemeProps-B3jPO4rl.js"; +import { a as useForkRef, i as useReducedMotion, n as useForkRef_default, o as useEnhancedEffect, r as useEventCallback } from "./useLazyRef-BFAG-x_s.js"; +import { a as exactProp, i as HTMLElementType, n as Portal, r as getReactElementRef, t as elementAcceptingRef } from "./elementAcceptingRef-NQ-KkIxI.js"; +import { n as RtlProvider, r as useRtl, t as useSlotProps } from "./useSlotProps-C_wWtWkZ.js"; +import { n as DefaultPropsProvider, t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js"; +import { t as useId } from "./useId-BvBa7DUQ.js"; +import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js"; +import { n as Stack, t as stackClasses } from "./Stack-BLVENwM2.js"; +import { n as useTheme, t as chainPropTypes } from "./chainPropTypes-CuuywaSz.js"; +import { i as svgIconClasses, n as SvgIcon, r as getSvgIconUtilityClass, t as createSvgIcon } from "./createSvgIcon-BulCaVae.js"; +import { a as getTranslateOffsets, i as getTransitionStyles, n as getTransitionChildStyle, o as normalizedTransitionCallback, r as getTransitionProps, s as reflow, t as getReducedMotionStyles } from "./utils-BCVtNTPx.js"; +import { i as useEventCallback_default, n as useTimeout } from "./useTimeout-Bjk18o42.js"; +import { i as extractEventHandlers, s as isHostComponent, t as useSlot } from "./useSlot-BqY3lobE.js"; +import { i as debounce_default, n as ownerWindow_default, r as ownerDocument_default, t as useEnhancedEffect_default } from "./useEnhancedEffect-Des-x0LJ.js"; +import { a as getTabScrollButtonUtilityClass, i as TabScrollButton, n as getTabsUtilityClass, o as tabScrollButtonClasses, r as tabsClasses, t as Tabs } from "./Tabs-Bl3pJg4E.js"; +import { c as Backdrop, d as Fade, f as createChainedFunction, i as FocusTrap, l as backdropClasses, n as getModalUtilityClass, o as ModalManager, r as modalClasses, t as Modal, u as getBackdropUtilityClass } from "./Modal-Dc_q3zOI.js"; +import { i as getActiveElement_default, t as contains_default } from "./contains-Ck5lZg53.js"; +import { n as ownerDocument, t as setRef } from "./setRef-3K5nZ4il.js"; +import { t as useId_default } from "./useId-UEgN89h0.js"; +import { i as unsupportedProp_default, n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-D9ho7_MY.js"; +import { n as useControlled, t as useControlled_default } from "./useControlled-COuwyMRm.js"; +import { t as mergeSlotProps } from "./mergeSlotProps-BrPQ7QvQ.js"; +import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-ByxAWoSf.js"; +import { t as isFocusVisible } from "./isFocusVisible-AAJ6xeny.js"; +import { a as touchRippleClasses, i as getTouchRippleUtilityClass, n as buttonBaseClasses, r as getButtonBaseUtilityClass, t as ButtonBase } from "./ButtonBase-DAGRPe3U.js"; +import { t as isLayoutSupported } from "./isLayoutSupported-FzbrxmDf.js"; +import { i as RovingTabIndexContext, n as useRovingTabIndexItem, r as useRovingTabIndexRoot } from "./useRovingTabIndex-DnGkRX59.js"; +import { $ as convertLength, A as getListItemIconUtilityClass, B as Badge, C as LastPage_default, D as getListItemTextUtilityClass, E as ListItemText, F as FormControlLabel, G as chipClasses, H as getBadgeUtilityClass, I as Divider, J as getListSubheaderUtilityClass, K as getChipUtilityClass, L as dividerClasses, M as LinearProgress, N as getLinearProgressUtilityClass, O as listItemTextClasses, P as linearProgressClasses, Q as alignProperty, R as getDividerUtilityClass, S as skeletonClasses, T as MenuItem, U as Autocomplete, V as badgeClasses, W as Chip, X as createFilterOptions, Y as listSubheaderClasses, Z as useAutocomplete, _ as Switch, a as getTablePaginationUtilityClass, at as getToggleButtonUtilityClass, b as Skeleton, c as tablePaginationActionsClasses, ct as menuItemClasses, d as toolbarClasses, dt as autocompleteClasses, et as fontGrid, f as TableCell, ft as getAutocompleteUtilityClass, g as TableContext, h as Tablelvl2Context, i as TablePagination, it as toUnitless, j as listItemIconClasses, k as ListItemIcon, l as Toolbar, lt as formControlLabelClasses, m as tableCellClasses, n as ToggleButtonGroupButtonContext, nt as isUnitless, o as tablePaginationClasses, ot as toggleButtonClasses, p as getTableCellUtilityClass, q as ListSubheader, r as ToggleButtonGroupContext, rt as responsiveProperty, s as TablePaginationActions, st as getMenuItemUtilityClass, t as ToggleButton, tt as getUnit, u as getToolbarUtilityClass, ut as getFormControlLabelUtilityClasses, v as getSwitchUtilityClass, w as FirstPage_default, x as getSkeletonUtilityClass, y as switchClasses, z as ClickAwayListener } from "./ToggleButton-BvgFYNT2.js"; +import { a as getCheckboxUtilityClass, i as checkboxClasses, n as SwitchBase, t as Checkbox } from "./Checkbox-CK4yFuSM.js"; +import { n as useFormControlState, t as useFormControl } from "./useFormControl-DsSCzWhM.js"; +import { t as useThemeProps } from "./useThemeProps-BY-PscMe.js"; +import { t as Transition } from "./Transition-CTO78YMk.js"; +import { a as collapseClasses, i as Collapse, n as alertClasses, o as getCollapseUtilityClass, r as getAlertUtilityClass, t as Alert } from "./Alert-DHjnebpl.js"; +import { i as integerPropType, n as getPaperUtilityClass, r as paperClasses, t as Paper } from "./Paper-Bm5qdnED.js"; +import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js"; +import { n as circularProgressClasses, r as getCircularProgressUtilityClass, t as CircularProgress } from "./CircularProgress-Vd69ti-e.js"; +import { n as getIconButtonUtilityClass, r as iconButtonClasses, t as IconButton } from "./IconButton-CiUjgOk6.js"; +import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-sl4NL4Ms.js"; +import { n as appBarClasses, r as getAppBarUtilityClass, t as AppBar } from "./AppBar-cWle_5Cg.js"; +import { a as getPopperUtilityClass, i as Popper, n as getTooltipUtilityClass, o as popperClasses, r as tooltipClasses, t as Tooltip } from "./Tooltip-D8ZXNHWc.js"; +import { a as getButtonUtilityClass, i as buttonClasses, n as ButtonGroupButtonContext, r as ButtonGroupContext, t as Button } from "./Button-CAa1Vq5I.js"; +import { n as dialogClasses, r as getDialogUtilityClass, t as Dialog } from "./Dialog-BfFT1J_Q.js"; +import { n as dialogActionsClasses, r as getDialogActionsUtilityClass, t as DialogActions } from "./DialogActions-CAa7GY5n.js"; +import { n as dialogContentClasses, r as getDialogContentUtilityClass, t as DialogContent } from "./DialogContent--srXz0Ob.js"; +import { n as getDialogTitleUtilityClass, t as dialogTitleClasses } from "./dialogTitleClasses-C2YA1vqw.js"; +import { t as DialogTitle } from "./DialogTitle-CKIHJWMV.js"; +import { t as Grow } from "./Grow-B9Vp6uWA.js"; +import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-Dwv419w9.js"; +import { t as InputAdornment } from "./InputAdornment-Cjw-UDdb.js"; //#region node_modules/@mui/styled-engine/StyledEngineProvider/StyledEngineProvider.mjs var import_react = /* @__PURE__ */ __toESM(require_react(), 1); var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1); @@ -122,71 +163,6 @@ StyledEngineProvider.propTypes = { injectFirst: import_prop_types.default.bool }; //#endregion -//#region node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.mjs -function isEmpty$2(obj) { - return obj === void 0 || obj === null || Object.keys(obj).length === 0; -} -function GlobalStyles$3(props) { - const { styles, defaultTheme = {} } = props; - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(Global, { styles: typeof styles === "function" ? (themeInput) => styles(isEmpty$2(themeInput) ? defaultTheme : themeInput) : styles }); -} -GlobalStyles$3.propTypes = { - defaultTheme: import_prop_types.default.object, - styles: import_prop_types.default.oneOfType([ - import_prop_types.default.array, - import_prop_types.default.string, - import_prop_types.default.object, - import_prop_types.default.func - ]) -}; -//#endregion -//#region node_modules/@mui/system/GlobalStyles/GlobalStyles.mjs -function wrapGlobalLayer(styles) { - const serialized = internal_serializeStyles(styles); - if (styles !== serialized && serialized.styles) { - if (!serialized.styles.match(/^@layer\s+[^{]*$/)) serialized.styles = `@layer global{${serialized.styles}}`; - return serialized; - } - return styles; -} -function GlobalStyles$2({ styles, themeId, defaultTheme = {} }) { - const upperTheme = useTheme$2(defaultTheme); - const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme; - let globalStyles = typeof styles === "function" ? styles(resolvedTheme) : styles; - if (resolvedTheme.modularCssLayers) { - if (Array.isArray(globalStyles)) globalStyles = globalStyles.map((styleArg) => { - if (typeof styleArg === "function") return wrapGlobalLayer(styleArg(resolvedTheme)); - return wrapGlobalLayer(styleArg); - }); - else globalStyles = wrapGlobalLayer(globalStyles); - } - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(GlobalStyles$3, { styles: globalStyles }); -} -GlobalStyles$2.propTypes = { - /** - * @ignore - */ - defaultTheme: import_prop_types.default.object, - /** - * @ignore - */ - styles: import_prop_types.default.oneOfType([ - import_prop_types.default.array, - import_prop_types.default.func, - import_prop_types.default.number, - import_prop_types.default.object, - import_prop_types.default.string, - import_prop_types.default.bool - ]), - /** - * @ignore - */ - themeId: import_prop_types.default.string -}; -//#endregion -//#region node_modules/@mui/system/styled/styled.mjs -var styled$1 = createStyled(); -//#endregion //#region node_modules/@mui/system/useMediaQuery/useMediaQuery.mjs function useMediaQueryOld(query, defaultMatches, matchMedia, ssrMatchMedia, noSsr) { const [match, setMatch] = import_react.useState(() => { @@ -280,19 +256,6 @@ function unstable_createUseMediaQuery(params = {}) { } unstable_createUseMediaQuery(); //#endregion -//#region node_modules/@mui/utils/exactProp/exactProp.mjs -var specialProperty = "exact-prop: ​"; -function exactProp(propTypes) { - return { - ...propTypes, - [specialProperty]: (props) => { - const unsupportedProps = Object.keys(props).filter((prop) => !propTypes.hasOwnProperty(prop)); - if (unsupportedProps.length > 0) return /* @__PURE__ */ new Error(`The following props are not supported: ${unsupportedProps.map((prop) => `\`${prop}\``).join(", ")}. Please remove them.`); - return null; - } - }; -} -//#endregion //#region node_modules/@mui/private-theming/useTheme/ThemeContext.mjs var ThemeContext = /*#__PURE__*/ import_react.createContext(null); ThemeContext.displayName = "ThemeContext"; @@ -354,34 +317,6 @@ ThemeProvider$2.propTypes = { }; ThemeProvider$2.propTypes = exactProp(ThemeProvider$2.propTypes); //#endregion -//#region node_modules/@mui/utils/useId/useId.mjs -var globalId = 0; -function useGlobalId(idOverride) { - const [defaultId, setDefaultId] = import_react.useState(idOverride); - const id = idOverride || defaultId; - import_react.useEffect(() => { - if (defaultId == null) { - globalId += 1; - setDefaultId(`mui-${globalId}`); - } - }, [defaultId]); - return id; -} -var maybeReactUseId = { ...import_react }.useId; -/** -* -* @example
-* @param idOverride -* @returns {string} -*/ -function useId(idOverride) { - if (maybeReactUseId !== void 0) { - const reactId = maybeReactUseId(); - return idOverride ?? reactId; - } - return useGlobalId(idOverride); -} -//#endregion //#region node_modules/@mui/system/ThemeProvider/useLayerOrder.mjs /** * This hook returns a `GlobalStyles` component that sets the CSS layer order (for server-side rendering). @@ -564,7 +499,7 @@ function InitColorSchemeScript$1(options) { } //#endregion //#region node_modules/@mui/system/cssVars/localStorageManager.mjs -function noop$2() {} +function noop$1() {} var localStorageManager = ({ key, storageWindow }) => { if (!storageWindow && typeof window !== "undefined") storageWindow = window; return { @@ -583,7 +518,7 @@ var localStorageManager = ({ key, storageWindow }) => { } catch {} }, subscribe: (handler) => { - if (!storageWindow) return noop$2; + if (!storageWindow) return noop$1; const listener = (event) => { const value = event.newValue; if (event.key === key) handler(value); @@ -597,7 +532,7 @@ var localStorageManager = ({ key, storageWindow }) => { }; //#endregion //#region node_modules/@mui/system/cssVars/useCurrentColorScheme.mjs -function noop$1() {} +function noop() {} function getSystemMode(mode) { if (typeof window !== "undefined" && typeof window.matchMedia === "function" && mode === "system") { if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark"; @@ -753,13 +688,13 @@ function useCurrentColorScheme(options) { "dark", "system" ].includes(value)) setMode(value || defaultMode); - }) || noop$1; + }) || noop; const unsubscribeLight = lightStorage?.subscribe((value) => { if (!value || joinedColorSchemes.match(value)) setColorScheme({ light: value }); - }) || noop$1; + }) || noop; const unsubscribeDark = darkStorage?.subscribe((value) => { if (!value || joinedColorSchemes.match(value)) setColorScheme({ dark: value }); - }) || noop$1; + }) || noop; return () => { unsubscribeMode(); unsubscribeLight(); @@ -1045,8 +980,8 @@ function createCssVarsProvider(options) { } //#endregion //#region node_modules/@mui/system/Container/createContainer.mjs -var defaultTheme$2 = createTheme$1(); -var defaultCreateStyledComponent$2 = styled$1("div", { +var defaultTheme$1 = createTheme$1(); +var defaultCreateStyledComponent$1 = styled$1("div", { name: "MuiContainer", slot: "Root", overridesResolver: (props, styles) => { @@ -1059,12 +994,12 @@ var defaultCreateStyledComponent$2 = styled$1("div", { ]; } }); -var useThemePropsDefault$2 = (inProps) => useThemeProps$1({ +var useThemePropsDefault$1 = (inProps) => useThemeProps$1({ props: inProps, name: "MuiContainer", - defaultTheme: defaultTheme$2 + defaultTheme: defaultTheme$1 }); -var useUtilityClasses$107 = (ownerState, componentName) => { +var useUtilityClasses$59 = (ownerState, componentName) => { const getContainerUtilityClass = (slot) => { return generateUtilityClass(componentName, slot); }; @@ -1078,7 +1013,7 @@ var useUtilityClasses$107 = (ownerState, componentName) => { return composeClasses(slots, getContainerUtilityClass, classes); }; function createContainer(options = {}) { - const { createStyledComponent = defaultCreateStyledComponent$2, useThemeProps = useThemePropsDefault$2, componentName = "MuiContainer" } = options; + const { createStyledComponent = defaultCreateStyledComponent$1, useThemeProps = useThemePropsDefault$1, componentName = "MuiContainer" } = options; const ContainerRoot = createStyledComponent(({ theme, ownerState }) => ({ width: "100%", marginLeft: "auto", @@ -1111,7 +1046,7 @@ function createContainer(options = {}) { fixed, maxWidth }; - const classes = useUtilityClasses$107(ownerState, componentName); + const classes = useUtilityClasses$59(ownerState, componentName); return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ContainerRoot, { as: component, ownerState, @@ -1148,11 +1083,6 @@ function createContainer(options = {}) { return Container; } //#endregion -//#region node_modules/@mui/utils/isMuiElement/isMuiElement.mjs -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/system/Grid/traverseBreakpoints.mjs var filterBreakpointKeys = (breakpointsKeys, responsiveKeys) => breakpointsKeys.filter((key) => responsiveKeys.includes(key)); var traverseBreakpoints = (breakpoints, responsive, iterator) => { @@ -1308,20 +1238,20 @@ var generateDirectionClasses = (direction) => { }; //#endregion //#region node_modules/@mui/system/Grid/createGrid.mjs -var defaultTheme$1 = createTheme$1(); -var defaultCreateStyledComponent$1 = styled$1("div", { +var defaultTheme = createTheme$1(); +var defaultCreateStyledComponent = styled$1("div", { name: "MuiGrid", slot: "Root" }); -function useThemePropsDefault$1(props) { +function useThemePropsDefault(props) { return useThemeProps$1({ props, name: "MuiGrid", - defaultTheme: defaultTheme$1 + defaultTheme }); } function createGrid(options = {}) { - const { createStyledComponent = defaultCreateStyledComponent$1, useThemeProps = useThemePropsDefault$1, useTheme = useTheme$2, componentName = "MuiGrid" } = options; + const { createStyledComponent = defaultCreateStyledComponent, useThemeProps = useThemePropsDefault, useTheme = useTheme$2, componentName = "MuiGrid" } = options; const useUtilityClasses = (ownerState, theme) => { const { container, direction, spacing, wrap, size } = ownerState; const slots = { root: [ @@ -1463,191 +1393,6 @@ function createGrid(options = {}) { return Grid; } //#endregion -//#region node_modules/@mui/system/Stack/createStack.mjs -var defaultTheme = createTheme$1(); -var defaultCreateStyledComponent = styled$1("div", { - name: "MuiStack", - slot: "Root" -}); -function useThemePropsDefault(props) { - return useThemeProps$1({ - props, - name: "MuiStack", - defaultTheme - }); -} -/** -* Return an array with the separator React element interspersed between -* each React node of the input children. -* -* > joinChildren([1,2,3], 0) -* [1,0,2,0,3] -*/ -function joinChildren(children, separator) { - const childrenArray = import_react.Children.toArray(children).filter(Boolean); - return childrenArray.reduce((output, child, index) => { - output.push(child); - if (index < childrenArray.length - 1) output.push(/*#__PURE__*/ import_react.cloneElement(separator, { key: `separator-${index}` })); - return output; - }, []); -} -var getSideFromDirection = (direction) => { - return { - row: "Left", - "row-reverse": "Right", - column: "Top", - "column-reverse": "Bottom" - }[direction]; -}; -var style = ({ ownerState, theme }) => { - let styles = { - display: "flex", - flexDirection: "column", - ...handleBreakpoints({ theme }, resolveBreakpointValues({ - values: ownerState.direction, - breakpoints: theme.breakpoints.values - }), (propValue) => ({ flexDirection: propValue })) - }; - if (ownerState.spacing) { - const transformer = createUnarySpacing(theme); - const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => { - if (typeof ownerState.spacing === "object" && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === "object" && ownerState.direction[breakpoint] != null) acc[breakpoint] = true; - return acc; - }, {}); - const directionValues = resolveBreakpointValues({ - values: ownerState.direction, - base - }); - const spacingValues = resolveBreakpointValues({ - values: ownerState.spacing, - base - }); - if (typeof directionValues === "object") Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => { - if (!directionValues[breakpoint]) { - const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : "column"; - directionValues[breakpoint] = previousDirectionValue; - } - }); - const styleFromPropValue = (propValue, breakpoint) => { - if (ownerState.useFlexGap) return { gap: getValue(transformer, propValue) }; - return { - "& > :not(style):not(style)": { margin: 0 }, - "& > :not(style) ~ :not(style)": { [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue) } - }; - }; - styles = deepmerge(styles, handleBreakpoints({ theme }, spacingValues, styleFromPropValue)); - } - styles = mergeBreakpointsInOrder(theme.breakpoints, styles); - return styles; -}; -function createStack(options = {}) { - const { createStyledComponent = defaultCreateStyledComponent, useThemeProps = useThemePropsDefault, componentName = "MuiStack" } = options; - const useUtilityClasses = () => { - return composeClasses({ root: ["root"] }, (slot) => generateUtilityClass(componentName, slot), {}); - }; - const StackRoot = createStyledComponent(style); - const Stack = /*#__PURE__*/ import_react.forwardRef(function Grid(inProps, ref) { - const { component = "div", direction = "column", spacing = 0, divider, children, className, useFlexGap = false, ...other } = useThemeProps(inProps); - const ownerState = { - direction, - spacing, - useFlexGap - }; - const classes = useUtilityClasses(); - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(StackRoot, { - as: component, - ownerState, - ref, - className: clsx(classes.root, className), - ...other, - children: divider ? joinChildren(children, divider) : children - }); - }); - Stack.propTypes = { - children: import_prop_types.default.node, - direction: import_prop_types.default.oneOfType([ - import_prop_types.default.oneOf([ - "column-reverse", - "column", - "row-reverse", - "row" - ]), - import_prop_types.default.arrayOf(import_prop_types.default.oneOf([ - "column-reverse", - "column", - "row-reverse", - "row" - ])), - import_prop_types.default.object - ]), - divider: import_prop_types.default.node, - spacing: import_prop_types.default.oneOfType([ - import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string])), - import_prop_types.default.number, - import_prop_types.default.object, - import_prop_types.default.string - ]), - 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 - ]) - }; - return Stack; -} -//#endregion -//#region node_modules/@mui/material/GlobalStyles/GlobalStyles.mjs -function GlobalStyles(props) { - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(GlobalStyles$2, { - ...props, - defaultTheme: defaultTheme$3, - themeId: identifier_default - }); -} -GlobalStyles.propTypes = { -/** -* The styles you want to apply globally. -*/ -styles: import_prop_types.default.oneOfType([ - import_prop_types.default.array, - import_prop_types.default.func, - import_prop_types.default.number, - import_prop_types.default.object, - import_prop_types.default.string, - import_prop_types.default.bool -]) }; -//#endregion -//#region node_modules/@mui/material/zero-styled/index.mjs -function globalCss(styles) { - return function GlobalStylesWrapper(props) { - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(GlobalStyles, { styles: typeof styles === "function" ? (theme) => styles({ - theme, - ...props - }) : styles }); - }; -} -//#endregion -//#region node_modules/@mui/utils/createChainedFunction/createChainedFunction.mjs -/** -* Safe chained function. -* -* Will only create a new function if needed, -* otherwise will pass back existing functions or null. -*/ -function createChainedFunction(...funcs) { - return funcs.reduce((acc, func) => { - if (func == null) return acc; - return function chainedFunction(...args) { - acc.apply(this, args); - func.apply(this, args); - }; - }, () => {}); -} -//#endregion //#region node_modules/@mui/material/utils/createChainedFunction.mjs var createChainedFunction_default = createChainedFunction; //#endregion @@ -1664,9 +1409,6 @@ function deprecatedPropType(validator, reason) { //#region node_modules/@mui/material/utils/deprecatedPropType.mjs var deprecatedPropType_default = deprecatedPropType; //#endregion -//#region node_modules/@mui/material/utils/isMuiElement.mjs -var isMuiElement_default = isMuiElement; -//#endregion //#region node_modules/@mui/utils/requirePropFactory/requirePropFactory.mjs function requirePropFactory(componentNameInError, Component) { const prevPropTypes = Component ? { ...Component.propTypes } : null; @@ -1689,91 +1431,6 @@ var requirePropFactory_default = requirePropFactory; //#region node_modules/@mui/material/utils/setRef.mjs var setRef_default = setRef; //#endregion -//#region node_modules/@mui/material/utils/useId.mjs -var useId_default = useId; -//#endregion -//#region node_modules/@mui/utils/useControlled/useControlled.mjs -function useControlled(props) { - const { controlled, default: defaultProp, name, state = "value" } = props; - const { current: isControlled } = import_react.useRef(controlled !== void 0); - const [valueState, setValue] = import_react.useState(defaultProp); - const value = isControlled ? controlled : valueState; - { - import_react.useEffect(() => { - if (isControlled !== (controlled !== void 0)) console.error([ - `MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`, - "Elements should not switch from uncontrolled to controlled (or vice versa).", - `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`, - "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", - "More info: https://fb.me/react-controlled-components" - ].join("\n")); - }, [ - state, - name, - controlled - ]); - const { current: defaultValue } = import_react.useRef(defaultProp); - import_react.useEffect(() => { - if (!isControlled && JSON.stringify(defaultProp) !== JSON.stringify(defaultValue)) console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`].join("\n")); - }, [JSON.stringify(defaultProp)]); - } - return [value, import_react.useCallback((newValue) => { - if (!isControlled) setValue(newValue); - }, [])]; -} -//#endregion -//#region node_modules/@mui/material/utils/useControlled.mjs -var useControlled_default = useControlled; -//#endregion -//#region node_modules/@mui/material/utils/mergeSlotProps.mjs -function mergeSlotProps(externalSlotProps, defaultSlotProps) { - if (!externalSlotProps) return defaultSlotProps; - function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) { - const handlers = {}; - Object.keys(defaultSlotPropsValue).forEach((key) => { - if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === "function") handlers[key] = (...args) => { - externalSlotPropsValue[key](...args); - defaultSlotPropsValue[key](...args); - }; - }); - return handlers; - } - if (typeof externalSlotProps === "function" || typeof defaultSlotProps === "function") return (ownerState) => { - const defaultSlotPropsValue = typeof defaultSlotProps === "function" ? defaultSlotProps(ownerState) : defaultSlotProps; - const externalSlotPropsValue = typeof externalSlotProps === "function" ? externalSlotProps({ - ...ownerState, - ...defaultSlotPropsValue - }) : externalSlotProps; - const className = clsx(ownerState?.className, defaultSlotPropsValue?.className, externalSlotPropsValue?.className); - const handlers = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue); - return { - ...defaultSlotPropsValue, - ...externalSlotPropsValue, - ...handlers, - ...!!className && { className }, - ...defaultSlotPropsValue?.style && externalSlotPropsValue?.style && { style: { - ...defaultSlotPropsValue.style, - ...externalSlotPropsValue.style - } }, - ...defaultSlotPropsValue?.sx && externalSlotPropsValue?.sx && { sx: [...Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx], ...Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx]] } - }; - }; - const typedDefaultSlotProps = defaultSlotProps; - const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps); - const className = clsx(typedDefaultSlotProps?.className, externalSlotProps?.className); - return { - ...defaultSlotProps, - ...externalSlotProps, - ...handlers, - ...!!className && { className }, - ...typedDefaultSlotProps?.style && externalSlotProps?.style && { style: { - ...typedDefaultSlotProps.style, - ...externalSlotProps.style - } }, - ...typedDefaultSlotProps?.sx && externalSlotProps?.sx && { sx: [...Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx], ...Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx]] } - }; -} -//#endregion //#region node_modules/@mui/material/utils/index.mjs var unstable_ClassNameGenerator = { configure: (generator) => { console.warn([ @@ -1859,963 +1516,6 @@ var accordionSummaryClasses = generateUtilityClasses("MuiAccordionSummary", [ "expandIconWrapper" ]); //#endregion -//#region node_modules/@mui/material/Autocomplete/autocompleteClasses.mjs -function getAutocompleteUtilityClass(slot) { - return generateUtilityClass("MuiAutocomplete", slot); -} -var autocompleteClasses = generateUtilityClasses("MuiAutocomplete", [ - "root", - "expanded", - "fullWidth", - "focused", - "focusVisible", - "tag", - "tagSizeSmall", - "tagSizeMedium", - "hasPopupIcon", - "hasClearIcon", - "inputRoot", - "input", - "inputFocused", - "endAdornment", - "clearIndicator", - "popupIndicator", - "popupIndicatorOpen", - "popper", - "popperDisablePortal", - "paper", - "listbox", - "loading", - "noOptions", - "status", - "option", - "groupLabel", - "groupUl" -]); -//#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/TextareaAutosize/TextareaAutosize.mjs -function getStyleValue(value) { - return parseInt(value, 10) || 0; -} -var styles$4 = { shadow: { - visibility: "hidden", - position: "absolute", - overflow: "hidden", - height: 0, - top: 0, - left: 0, - transform: "translateZ(0)" -} }; -function isObjectEmpty(object) { - for (const _ in object) return false; - return true; -} -function isEmpty$1(obj) { - return isObjectEmpty(obj) || obj.outerHeightStyle === 0 && !obj.overflowing; -} -/** -* -* Demos: -* -* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/) -* -* API: -* -* - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/) -*/ -var TextareaAutosize = /*#__PURE__*/ import_react.forwardRef(function TextareaAutosize(props, forwardedRef) { - const { onChange, maxRows, minRows = 1, style, value, ...other } = props; - const { current: isControlled } = import_react.useRef(value != null); - const textareaRef = import_react.useRef(null); - const handleRef = useForkRef(forwardedRef, textareaRef); - const heightRef = import_react.useRef(null); - const hiddenTextareaRef = import_react.useRef(null); - const calculateTextareaStyles = import_react.useCallback(() => { - const textarea = textareaRef.current; - const hiddenTextarea = hiddenTextareaRef.current; - if (!textarea || !hiddenTextarea) return; - const computedStyle = ownerWindow(textarea).getComputedStyle(textarea); - if (computedStyle.width === "0px") return { - outerHeightStyle: 0, - overflowing: false - }; - hiddenTextarea.style.width = computedStyle.width; - hiddenTextarea.value = textarea.value || props.placeholder || "x"; - if (hiddenTextarea.value.slice(-1) === "\n") hiddenTextarea.value += " "; - const boxSizing = computedStyle.boxSizing; - const padding = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop); - const border = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth); - const innerHeight = hiddenTextarea.scrollHeight; - hiddenTextarea.value = "x"; - const singleRowHeight = hiddenTextarea.scrollHeight; - let outerHeight = innerHeight; - if (minRows) outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight); - if (maxRows) outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight); - outerHeight = Math.max(outerHeight, singleRowHeight); - return { - outerHeightStyle: outerHeight + (boxSizing === "border-box" ? padding + border : 0), - overflowing: Math.abs(outerHeight - innerHeight) <= 1 - }; - }, [ - maxRows, - minRows, - props.placeholder - ]); - const didHeightChange = useEventCallback(() => { - const textarea = textareaRef.current; - const textareaStyles = calculateTextareaStyles(); - if (!textarea || !textareaStyles || isEmpty$1(textareaStyles)) return false; - const outerHeightStyle = textareaStyles.outerHeightStyle; - return heightRef.current != null && heightRef.current !== outerHeightStyle; - }); - const syncHeight = import_react.useCallback(() => { - const textarea = textareaRef.current; - const textareaStyles = calculateTextareaStyles(); - if (!textarea || !textareaStyles || isEmpty$1(textareaStyles)) return; - const outerHeightStyle = textareaStyles.outerHeightStyle; - if (heightRef.current !== outerHeightStyle) { - heightRef.current = outerHeightStyle; - textarea.style.height = `${outerHeightStyle}px`; - } - textarea.style.overflow = textareaStyles.overflowing ? "hidden" : ""; - }, [calculateTextareaStyles]); - const frameRef = import_react.useRef(-1); - useEnhancedEffect(() => { - const debouncedHandleResize = debounce$1(syncHeight); - const textarea = textareaRef?.current; - if (!textarea) return; - const containerWindow = ownerWindow(textarea); - containerWindow.addEventListener("resize", debouncedHandleResize); - let resizeObserver; - if (typeof ResizeObserver !== "undefined") { - resizeObserver = new ResizeObserver(() => { - if (didHeightChange()) { - resizeObserver.unobserve(textarea); - cancelAnimationFrame(frameRef.current); - syncHeight(); - frameRef.current = requestAnimationFrame(() => { - resizeObserver.observe(textarea); - }); - } - }); - resizeObserver.observe(textarea); - } - return () => { - debouncedHandleResize.clear(); - cancelAnimationFrame(frameRef.current); - containerWindow.removeEventListener("resize", debouncedHandleResize); - if (resizeObserver) resizeObserver.disconnect(); - }; - }, [ - calculateTextareaStyles, - syncHeight, - didHeightChange - ]); - useEnhancedEffect(() => { - syncHeight(); - }); - const handleChange = (event) => { - if (!isControlled) syncHeight(); - const textarea = event.target; - const countOfCharacters = textarea.value.length; - const isLastCharacterNewLine = textarea.value.endsWith("\n"); - const isEndOfTheLine = textarea.selectionStart === countOfCharacters; - if (isLastCharacterNewLine && isEndOfTheLine) textarea.setSelectionRange(countOfCharacters, countOfCharacters); - if (onChange) onChange(event); - }; - return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [/*#__PURE__*/ (0, import_jsx_runtime.jsx)("textarea", { - value, - onChange: handleChange, - ref: handleRef, - rows: minRows, - style, - ...other - }), /*#__PURE__*/ (0, import_jsx_runtime.jsx)("textarea", { - "aria-hidden": true, - className: props.className, - readOnly: true, - ref: hiddenTextareaRef, - tabIndex: -1, - style: { - ...styles$4.shadow, - ...style, - paddingTop: 0, - paddingBottom: 0 - } - })] }); -}); -TextareaAutosize.propTypes = { - /** - * @ignore - */ - className: import_prop_types.default.string, - /** - * Maximum number of rows to display. - */ - maxRows: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * Minimum number of rows to display. - * @default 1 - */ - minRows: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * @ignore - */ - onChange: import_prop_types.default.func, - /** - * @ignore - */ - placeholder: import_prop_types.default.string, - /** - * @ignore - */ - style: import_prop_types.default.object, - /** - * @ignore - */ - value: import_prop_types.default.oneOfType([ - import_prop_types.default.arrayOf(import_prop_types.default.string), - import_prop_types.default.number, - import_prop_types.default.string - ]) -}; -//#endregion -//#region node_modules/@mui/material/FormControl/FormControlContext.mjs -/** -* @ignore - internal component. -*/ -var FormControlContext = /*#__PURE__*/ import_react.createContext(void 0); -FormControlContext.displayName = "FormControlContext"; -//#endregion -//#region node_modules/@mui/material/FormControl/useFormControl.mjs -function useFormControl() { - return import_react.useContext(FormControlContext); -} -function useFormControlState({ props, states }) { - const muiFormControl = import_react.useContext(FormControlContext); - const result = {}; - states.forEach((state) => { - const value = props[state]; - result[state] = value === void 0 && muiFormControl ? muiFormControl[state] : value; - }); - return [result, muiFormControl]; -} -//#endregion -//#region node_modules/@mui/material/InputBase/utils.mjs -function hasValue(value) { - return value != null && !(Array.isArray(value) && value.length === 0); -} -function isFilled(obj, SSR = false) { - return obj && (hasValue(obj.value) && obj.value !== "" || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ""); -} -function isAdornedStart(obj) { - return obj.startAdornment; -} -//#endregion -//#region node_modules/@mui/material/InputBase/inputBaseClasses.mjs -function getInputBaseUtilityClass(slot) { - return generateUtilityClass("MuiInputBase", slot); -} -var inputBaseClasses = generateUtilityClasses("MuiInputBase", [ - "root", - "formControl", - "focused", - "disabled", - "adornedStart", - "adornedEnd", - "error", - "sizeSmall", - "multiline", - "colorSecondary", - "fullWidth", - "hiddenLabel", - "readOnly", - "input", - "inputTypeSearch" -]); -//#endregion -//#region node_modules/@mui/material/InputBase/InputBase.mjs -var _InputGlobalStyles; -var MUI_AUTO_FILL = "mui-auto-fill"; -var MUI_AUTO_FILL_CANCEL = "mui-auto-fill-cancel"; -var rootOverridesResolver = (props, styles) => { - const { ownerState } = props; - return [ - styles.root, - ownerState.formControl && styles.formControl, - ownerState.startAdornment && styles.adornedStart, - ownerState.endAdornment && styles.adornedEnd, - ownerState.error && styles.error, - ownerState.size === "small" && styles.sizeSmall, - ownerState.multiline && styles.multiline, - ownerState.color && styles[`color${capitalize_default(ownerState.color)}`], - ownerState.fullWidth && styles.fullWidth, - ownerState.hiddenLabel && styles.hiddenLabel - ]; -}; -var inputOverridesResolver = (props, styles) => { - const { ownerState } = props; - return [styles.input, ownerState.type === "search" && styles.inputTypeSearch]; -}; -var useUtilityClasses$106 = (ownerState) => { - const { classes, color, disabled, error, endAdornment, focused, formControl, fullWidth, hiddenLabel, multiline, readOnly, size, startAdornment, type } = ownerState; - const slots = { - root: [ - "root", - `color${capitalize_default(color)}`, - disabled && "disabled", - error && "error", - fullWidth && "fullWidth", - focused && "focused", - formControl && "formControl", - size && size !== "medium" && `size${capitalize_default(size)}`, - multiline && "multiline", - startAdornment && "adornedStart", - endAdornment && "adornedEnd", - hiddenLabel && "hiddenLabel", - readOnly && "readOnly" - ], - input: [ - "input", - disabled && "disabled", - type === "search" && "inputTypeSearch", - readOnly && "readOnly" - ] - }; - return composeClasses(slots, getInputBaseUtilityClass, classes); -}; -var InputBaseRoot = styled("div", { - name: "MuiInputBase", - slot: "Root", - overridesResolver: rootOverridesResolver -})(memoTheme(({ theme }) => ({ - ...theme.typography.body1, - color: (theme.vars || theme).palette.text.primary, - lineHeight: "1.4375em", - boxSizing: "border-box", - position: "relative", - cursor: "text", - display: "inline-flex", - alignItems: "center", - [`&.${inputBaseClasses.disabled}`]: { - color: (theme.vars || theme).palette.text.disabled, - cursor: "default" - }, - variants: [ - { - props: ({ ownerState }) => ownerState.multiline, - style: { padding: "4px 0 5px" } - }, - { - props: ({ ownerState, size }) => ownerState.multiline && size === "small", - style: { paddingTop: 1 } - }, - { - props: ({ ownerState }) => ownerState.fullWidth, - style: { width: "100%" } - } - ] -}))); -var InputBaseInput = styled("input", { - name: "MuiInputBase", - slot: "Input", - overridesResolver: inputOverridesResolver -})(memoTheme(({ theme }) => { - const light = theme.palette.mode === "light"; - const placeholder = { - color: "currentColor", - ...theme.vars ? { opacity: theme.vars.opacity.inputPlaceholder } : { opacity: light ? .42 : .5 }, - ...getTransitionStyles(theme, "opacity", { duration: theme.transitions.duration.shorter }) - }; - const placeholderHidden = { opacity: "0 !important" }; - const placeholderVisible = theme.vars ? { opacity: theme.vars.opacity.inputPlaceholder } : { opacity: light ? .42 : .5 }; - return { - font: "inherit", - letterSpacing: "inherit", - color: "currentColor", - padding: "4px 0 5px", - border: 0, - boxSizing: "content-box", - background: "none", - height: "1.4375em", - margin: 0, - WebkitTapHighlightColor: "transparent", - display: "block", - minWidth: 0, - width: "100%", - "&::-webkit-input-placeholder": placeholder, - "&::-moz-placeholder": placeholder, - "&::-ms-input-placeholder": placeholder, - "&:focus": { outline: 0 }, - "&:invalid": { boxShadow: "none" }, - "&::-webkit-search-decoration": { WebkitAppearance: "none" }, - [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: { - "&::-webkit-input-placeholder": placeholderHidden, - "&::-moz-placeholder": placeholderHidden, - "&::-ms-input-placeholder": placeholderHidden, - "&:focus::-webkit-input-placeholder": placeholderVisible, - "&:focus::-moz-placeholder": placeholderVisible, - "&:focus::-ms-input-placeholder": placeholderVisible - }, - [`&.${inputBaseClasses.disabled}`]: { - opacity: 1, - WebkitTextFillColor: (theme.vars || theme).palette.text.disabled - }, - variants: [ - { - props: ({ ownerState }) => !ownerState.disableInjectingGlobalStyles, - style: { - animationName: MUI_AUTO_FILL_CANCEL, - animationDuration: "10ms", - "&:-webkit-autofill": { - animationDuration: "5000s", - animationName: MUI_AUTO_FILL - } - } - }, - { - props: { size: "small" }, - style: { paddingTop: 1 } - }, - { - props: ({ ownerState }) => ownerState.multiline, - style: { - height: "auto", - resize: "none", - padding: 0, - paddingTop: 0 - } - }, - { - props: { type: "search" }, - style: { MozAppearance: "textfield" } - } - ] - }; -})); -var InputGlobalStyles = globalCss({ - [`@keyframes ${MUI_AUTO_FILL}`]: { from: { animationName: MUI_AUTO_FILL } }, - [`@keyframes ${MUI_AUTO_FILL_CANCEL}`]: { from: { animationName: MUI_AUTO_FILL_CANCEL } } -}); -/** -* `InputBase` contains as few styles as possible. -* It aims to be a simple building block for creating an input. -* It contains a load of style reset and some state logic. -*/ -var InputBase = /*#__PURE__*/ import_react.forwardRef(function InputBase(inProps, ref) { - const props = useDefaultProps({ - props: inProps, - name: "MuiInputBase" - }); - const { "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, autoComplete, autoFocus, className, color, defaultValue, disabled, disableInjectingGlobalStyles, endAdornment, error, fullWidth = false, id, inputComponent = "input", inputProps: inputPropsProp = {}, inputRef: inputRefProp, margin, maxRows, minRows, multiline = false, name, onBlur, onChange, onClick, onFocus, onKeyDown, onKeyUp, placeholder, readOnly, renderSuffix, rows, size, slotProps = {}, slots = {}, startAdornment, type = "text", value: valueProp, ...other } = props; - const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp; - const { current: isControlled } = import_react.useRef(value != null); - const inputRef = import_react.useRef(); - const handleInputRefWarning = import_react.useCallback((instance) => { - if (instance && instance.nodeName !== "INPUT" && !instance.focus) console.error([ - "MUI: You have provided a `inputComponent` to the input component", - "that does not correctly handle the `ref` prop.", - "Make sure the `ref` prop is called with a HTMLInputElement." - ].join("\n")); - }, []); - const handleInputRef = useForkRef_default(inputRef, inputRefProp, inputPropsProp.ref, handleInputRefWarning); - const [focused, setFocused] = import_react.useState(false); - const [fcs, muiFormControl] = useFormControlState({ - props, - states: [ - "color", - "disabled", - "error", - "hiddenLabel", - "size", - "required", - "filled" - ] - }); - import_react.useEffect(() => { - if (muiFormControl) return muiFormControl.registerEffect(); - }, [muiFormControl]); - fcs.focused = muiFormControl ? muiFormControl.focused : focused; - import_react.useEffect(() => { - if (!muiFormControl && disabled && focused) { - setFocused(false); - if (onBlur) onBlur(); - } - }, [ - muiFormControl, - disabled, - focused, - onBlur - ]); - const onFilled = muiFormControl && muiFormControl.onFilled; - const onEmpty = muiFormControl && muiFormControl.onEmpty; - const checkDirty = import_react.useCallback((obj) => { - if (isFilled(obj)) { - if (onFilled) onFilled(); - } else if (onEmpty) onEmpty(); - }, [onFilled, onEmpty]); - useEnhancedEffect_default(() => { - if (isControlled) checkDirty({ value }); - }, [ - value, - checkDirty, - isControlled - ]); - useEnhancedEffect_default(() => { - if (!autoFocus) return; - const input = inputRef.current; - if (!input) return; - const doc = ownerDocument_default(input); - const activeElement = getActiveElement_default(doc); - const noElementFocused = activeElement == null || activeElement === doc.body || activeElement === doc.documentElement; - if (input === activeElement) { - if (muiFormControl && muiFormControl.onFocus) muiFormControl.onFocus(); - else setFocused(true); - } else if (noElementFocused) input.focus(); - }, [autoFocus]); - const handleFocus = (event) => { - if (onFocus) onFocus(event); - if (inputPropsProp.onFocus) inputPropsProp.onFocus(event); - if (muiFormControl && muiFormControl.onFocus) muiFormControl.onFocus(event); - else setFocused(true); - }; - const handleBlur = (event) => { - if (onBlur) onBlur(event); - if (inputPropsProp.onBlur) inputPropsProp.onBlur(event); - if (muiFormControl && muiFormControl.onBlur) muiFormControl.onBlur(event); - else setFocused(false); - }; - const handleChange = (event, ...args) => { - if (!isControlled) { - const element = event.target || inputRef.current; - if (element == null) throw new Error("MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info."); - checkDirty({ value: element.value }); - } - if (inputPropsProp.onChange) inputPropsProp.onChange(event, ...args); - if (onChange) onChange(event, ...args); - }; - import_react.useEffect(() => { - checkDirty(inputRef.current); - }, []); - const handleClick = (event) => { - if (inputRef.current && event.currentTarget === event.target) inputRef.current.focus(); - if (onClick) onClick(event); - }; - let InputComponent = inputComponent; - let inputProps = inputPropsProp; - if (multiline && InputComponent === "input") { - if (rows) { - if (minRows || maxRows) console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."); - inputProps = { - type: void 0, - minRows: rows, - maxRows: rows, - ...inputProps - }; - } else inputProps = { - type: void 0, - maxRows, - minRows, - ...inputProps - }; - InputComponent = TextareaAutosize; - } - const handleAutoFill = (event) => { - checkDirty(event.animationName === MUI_AUTO_FILL_CANCEL ? inputRef.current : { value: "x" }); - }; - import_react.useEffect(() => { - if (muiFormControl) muiFormControl.setAdornedStart(Boolean(startAdornment)); - }, [muiFormControl, startAdornment]); - const ownerState = { - ...props, - color: fcs.color || "primary", - disabled: fcs.disabled, - endAdornment, - error: fcs.error, - focused: fcs.focused, - formControl: muiFormControl, - fullWidth, - hiddenLabel: fcs.hiddenLabel, - multiline, - size: fcs.size, - startAdornment, - type - }; - const classes = useUtilityClasses$106(ownerState); - const Root = slots.root || InputBaseRoot; - const rootProps = slotProps.root || {}; - const Input = slots.input || InputBaseInput; - inputProps = { - ...inputProps, - ...slotProps.input - }; - return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [!disableInjectingGlobalStyles && typeof InputGlobalStyles === "function" && (_InputGlobalStyles || (_InputGlobalStyles = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InputGlobalStyles, {}))), /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(Root, { - ...rootProps, - ref, - onClick: handleClick, - ...other, - ...!isHostComponent(Root) && { ownerState: { - ...ownerState, - ...rootProps.ownerState - } }, - className: clsx(classes.root, rootProps.className, className, readOnly && "MuiInputBase-readOnly"), - children: [ - startAdornment, - /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FormControlContext.Provider, { - value: null, - children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(Input, { - "aria-invalid": fcs.error, - "aria-describedby": ariaDescribedby, - "aria-label": ariaLabel, - autoComplete, - autoFocus, - defaultValue, - disabled: fcs.disabled, - id, - onAnimationStart: handleAutoFill, - name, - placeholder, - readOnly, - required: fcs.required, - rows, - value, - onKeyDown, - onKeyUp, - type, - ...inputProps, - ...!isHostComponent(Input) && { - as: InputComponent, - ownerState: { - ...ownerState, - ...inputProps.ownerState - } - }, - ref: handleInputRef, - className: clsx(classes.input, inputProps.className, readOnly && "MuiInputBase-readOnly"), - onBlur: handleBlur, - onChange: handleChange, - onFocus: handleFocus - }) - }), - endAdornment, - renderSuffix ? renderSuffix({ - ...fcs, - startAdornment - }) : null - ] - })] }); -}); -InputBase.propTypes = { - /** - * @ignore - */ - "aria-describedby": import_prop_types.default.string, - /** - * @ignore - */ - "aria-label": import_prop_types.default.string, - /** - * This prop helps users to fill forms faster, especially on mobile devices. - * The name can be confusing, as it's more like an autofill. - * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill). - */ - autoComplete: import_prop_types.default.string, - /** - * If `true`, the `input` element is focused during the first mount. - */ - autoFocus: import_prop_types.default.bool, - /** - * 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). - * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component. - */ - color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([ - "primary", - "secondary", - "error", - "info", - "success", - "warning" - ]), import_prop_types.default.string]), - /** - * The default value. Use when the component is not controlled. - */ - defaultValue: import_prop_types.default.any, - /** - * If `true`, the component is disabled. - * The prop defaults to the value (`false`) inherited from the parent FormControl component. - */ - disabled: import_prop_types.default.bool, - /** - * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application. - * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once. - * @default false - */ - disableInjectingGlobalStyles: import_prop_types.default.bool, - /** - * End `InputAdornment` for this component. - */ - endAdornment: import_prop_types.default.node, - /** - * If `true`, the `input` will indicate an error. - * The prop defaults to the value (`false`) inherited from the parent FormControl component. - */ - error: import_prop_types.default.bool, - /** - * If `true`, the `input` will take up the full width of its container. - * @default false - */ - fullWidth: import_prop_types.default.bool, - /** - * The id of the `input` element. - */ - id: import_prop_types.default.string, - /** - * The component used for the `input` element. - * Either a string to use a HTML element or a component. - * @default 'input' - */ - inputComponent: elementTypeAcceptingRef_default, - /** - * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element. - * @default {} - */ - inputProps: import_prop_types.default.object, - /** - * Pass a ref to the `input` element. - */ - inputRef: refType, - /** - * If `dense`, will adjust vertical spacing. This is normally obtained via context from - * FormControl. - * The prop defaults to the value (`'none'`) inherited from the parent FormControl component. - */ - margin: import_prop_types.default.oneOf(["dense", "none"]), - /** - * Maximum number of rows to display when multiline option is set to true. - */ - maxRows: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * Minimum number of rows to display when multiline option is set to true. - */ - minRows: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered. - * @default false - */ - multiline: import_prop_types.default.bool, - /** - * Name attribute of the `input` element. - */ - name: import_prop_types.default.string, - /** - * Callback fired when the `input` is blurred. - * - * Notice that the first argument (event) might be undefined. - */ - onBlur: import_prop_types.default.func, - /** - * Callback fired when the value is changed. - * - * @param {React.ChangeEvent} event The event source of the callback. - * You can pull out the new value by accessing `event.target.value` (string). - */ - onChange: import_prop_types.default.func, - /** - * @ignore - */ - onClick: import_prop_types.default.func, - /** - * @ignore - */ - onFocus: import_prop_types.default.func, - /** - * Callback fired when the `input` doesn't satisfy its constraints. - */ - onInvalid: import_prop_types.default.func, - /** - * @ignore - */ - onKeyDown: import_prop_types.default.func, - /** - * @ignore - */ - onKeyUp: import_prop_types.default.func, - /** - * The short hint displayed in the `input` before the user enters a value. - */ - placeholder: import_prop_types.default.string, - /** - * It prevents the user from changing the value of the field - * (not from interacting with the field). - */ - readOnly: import_prop_types.default.bool, - /** - * @ignore - */ - renderSuffix: import_prop_types.default.func, - /** - * If `true`, the `input` element is required. - * The prop defaults to the value (`false`) inherited from the parent FormControl component. - */ - required: import_prop_types.default.bool, - /** - * Number of rows to display when multiline option is set to true. - */ - rows: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * The size of the component. - */ - size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["medium", "small"]), import_prop_types.default.string]), - /** - * The extra props for the slot components. - * You can override the existing props or add new ones. - * - * @default {} - */ - slotProps: import_prop_types.default.shape({ - input: import_prop_types.default.object, - root: import_prop_types.default.object - }), - /** - * The components used for each slot inside. - * - * @default {} - */ - slots: import_prop_types.default.shape({ - input: import_prop_types.default.elementType, - root: import_prop_types.default.elementType - }), - /** - * Start `InputAdornment` for this component. - */ - startAdornment: import_prop_types.default.node, - /** - * 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 - ]), - /** - * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types). - * @default 'text' - */ - type: import_prop_types.default.string, - /** - * The value of the `input` element, required for a controlled component. - */ - value: import_prop_types.default.any -}; -//#endregion -//#region node_modules/@mui/material/FilledInput/filledInputClasses.mjs -function getFilledInputUtilityClass(slot) { - return generateUtilityClass("MuiFilledInput", slot); -} -var filledInputClasses = { - ...inputBaseClasses, - ...generateUtilityClasses("MuiFilledInput", [ - "root", - "underline", - "input", - "adornedStart", - "adornedEnd", - "sizeSmall", - "multiline", - "hiddenLabel" - ]) -}; -//#endregion -//#region node_modules/@mui/material/FormControlLabel/formControlLabelClasses.mjs -function getFormControlLabelUtilityClasses(slot) { - return generateUtilityClass("MuiFormControlLabel", slot); -} -var formControlLabelClasses = generateUtilityClasses("MuiFormControlLabel", [ - "root", - "labelPlacementStart", - "labelPlacementEnd", - "labelPlacementTop", - "labelPlacementBottom", - "disabled", - "label", - "error", - "required", - "asterisk" -]); -//#endregion -//#region node_modules/@mui/material/FormHelperText/formHelperTextClasses.mjs -function getFormHelperTextUtilityClasses(slot) { - return generateUtilityClass("MuiFormHelperText", slot); -} -var formHelperTextClasses = generateUtilityClasses("MuiFormHelperText", [ - "root", - "error", - "disabled", - "sizeSmall", - "sizeMedium", - "contained", - "focused", - "filled", - "required" -]); -//#endregion -//#region node_modules/@mui/material/FormLabel/formLabelClasses.mjs -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/Input/inputClasses.mjs -function getInputUtilityClass(slot) { - return generateUtilityClass("MuiInput", slot); -} -var inputClasses = { - ...inputBaseClasses, - ...generateUtilityClasses("MuiInput", [ - "root", - "underline", - "input" - ]) -}; -//#endregion //#region node_modules/@mui/material/ListItemButton/listItemButtonClasses.mjs function getListItemButtonUtilityClass(slot) { return generateUtilityClass("MuiListItemButton", slot); @@ -2831,54 +1531,6 @@ var listItemButtonClasses = generateUtilityClasses("MuiListItemButton", [ "selected" ]); //#endregion -//#region node_modules/@mui/material/MenuItem/menuItemClasses.mjs -function getMenuItemUtilityClass(slot) { - return generateUtilityClass("MuiMenuItem", slot); -} -var menuItemClasses = generateUtilityClasses("MuiMenuItem", [ - "root", - "focusVisible", - "dense", - "disabled", - "divider", - "gutters", - "selected" -]); -//#endregion -//#region node_modules/@mui/material/NativeSelect/nativeSelectClasses.mjs -function getNativeSelectUtilityClasses(slot) { - return generateUtilityClass("MuiNativeSelect", slot); -} -var nativeSelectClasses = generateUtilityClasses("MuiNativeSelect", [ - "root", - "select", - "multiple", - "filled", - "outlined", - "standard", - "disabled", - "icon", - "iconOpen", - "iconFilled", - "iconOutlined", - "iconStandard", - "nativeInput", - "error" -]); -//#endregion -//#region node_modules/@mui/material/OutlinedInput/outlinedInputClasses.mjs -function getOutlinedInputUtilityClass(slot) { - return generateUtilityClass("MuiOutlinedInput", slot); -} -var outlinedInputClasses = { - ...inputBaseClasses, - ...generateUtilityClasses("MuiOutlinedInput", [ - "root", - "notchedOutline", - "input" - ]) -}; -//#endregion //#region node_modules/@mui/material/Radio/radioClasses.mjs function getRadioUtilityClass(slot) { return generateUtilityClass("MuiRadio", slot); @@ -2926,23 +1578,6 @@ var sliderClasses = generateUtilityClasses("MuiSlider", [ "vertical" ]); //#endregion -//#region node_modules/@mui/material/ToggleButton/toggleButtonClasses.mjs -function getToggleButtonUtilityClass(slot) { - return generateUtilityClass("MuiToggleButton", slot); -} -var toggleButtonClasses = generateUtilityClasses("MuiToggleButton", [ - "root", - "disabled", - "selected", - "standard", - "primary", - "secondary", - "sizeSmall", - "sizeMedium", - "sizeLarge", - "fullWidth" -]); -//#endregion //#region node_modules/@mui/material/styles/enhanceHighContrast.mjs var defaultHcTokens = { disabled: "GrayText", @@ -3259,88 +1894,6 @@ function createStyles(styles) { return styles; } //#endregion -//#region node_modules/@mui/material/styles/cssUtils.mjs -function isUnitless(value) { - return String(parseFloat(value)).length === String(value).length; -} -function getUnit(input) { - return String(input).match(/[\d.\-+]*\s*(.*)/)[1] || ""; -} -function toUnitless(length) { - return parseFloat(length); -} -function convertLength(baseFontSize) { - return (length, toUnit) => { - const fromUnit = getUnit(length); - if (fromUnit === toUnit) return length; - let pxLength = toUnitless(length); - if (fromUnit !== "px") { - if (fromUnit === "em") pxLength = toUnitless(length) * toUnitless(baseFontSize); - else if (fromUnit === "rem") pxLength = toUnitless(length) * toUnitless(baseFontSize); - } - let outputLength = pxLength; - if (toUnit !== "px") { - if (toUnit === "em") outputLength = pxLength / toUnitless(baseFontSize); - else if (toUnit === "rem") outputLength = pxLength / toUnitless(baseFontSize); - else return length; - } - return parseFloat(outputLength.toFixed(5)) + toUnit; - }; -} -function alignProperty({ size, grid }) { - const sizeBelow = size - size % grid; - const sizeAbove = sizeBelow + grid; - return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove; -} -function fontGrid({ lineHeight, pixels, htmlFontSize }) { - return pixels / (lineHeight * htmlFontSize); -} -/** -* generate a responsive version of a given CSS property -* @example -* responsiveProperty({ -* cssProperty: 'fontSize', -* min: 15, -* max: 20, -* unit: 'px', -* breakpoints: [300, 600], -* }) -* -* // this returns -* -* { -* fontSize: '15px', -* '@media (min-width:300px)': { -* fontSize: '17.5px', -* }, -* '@media (min-width:600px)': { -* fontSize: '20px', -* }, -* } -* @param {Object} params -* @param {string} params.cssProperty - The CSS property to be made responsive -* @param {number} params.min - The smallest value of the CSS property -* @param {number} params.max - The largest value of the CSS property -* @param {string} [params.unit] - The unit to be used for the CSS property -* @param {Array.number} [params.breakpoints] - An array of breakpoints -* @param {number} [params.alignStep] - Round scaled value to fall under this grid -* @returns {Object} responsive styles for {params.cssProperty} -*/ -function responsiveProperty({ cssProperty, min, max, unit = "rem", breakpoints = [ - 600, - 900, - 1200 -], transform = null }) { - const output = { [cssProperty]: `${min}${unit}` }; - const factor = (max - min) / breakpoints[breakpoints.length - 1]; - breakpoints.forEach((breakpoint) => { - let value = min + factor * breakpoint; - if (transform !== null) value = transform(value); - output[`@media (min-width:${breakpoint}px)`] = { [cssProperty]: `${Math.round(value * 1e4) / 1e4}${unit}` }; - }); - return output; -} -//#endregion //#region node_modules/@mui/material/styles/responsiveFontSizes.mjs function responsiveFontSizes(themeInput, options = {}) { const { breakpoints = [ @@ -3623,735 +2176,250 @@ function deprecatedExtendTheme(...args) { return createThemeWithVars(...args); } //#endregion -//#region node_modules/@mui/utils/useValueAsRef/useValueAsRef.mjs -/** -* Copied from `@base-ui/utils/useValueAsRef`. -* -* Stores the latest value in a stable ref. The ref updates after React commits, -* so effects and delayed callbacks can read the current value without depending -* on it and rerunning. -*/ -function useValueAsRef(value) { - const latest = useLazyRef(() => createValueRef(value)).current; - latest.next = value; - useEnhancedEffect(latest.effect); - return latest; -} -function createValueRef(value) { - const latest = { - current: value, - next: value, - effect: () => { - latest.current = latest.next; - } - }; - return latest; +//#region node_modules/@mui/material/styles/index.mjs +function experimental_sx() { + throw new Error("MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.For more details, see https://github.com/mui/material-ui/pull/35150."); } //#endregion -//#region node_modules/react-transition-group/esm/TransitionGroupContext.js -var TransitionGroupContext_default = import_react.createContext(null); -//#endregion -//#region node_modules/@mui/material/internal/Transition.mjs -function resolveTimeouts(timeout) { - if (timeout == null) return { - appear: void 0, - enter: void 0, - exit: void 0 - }; - if (typeof timeout === "number") return { - appear: timeout, - enter: timeout, - exit: timeout - }; - const enter = timeout.enter; - const exit = timeout.exit; - return { - appear: timeout.appear !== void 0 ? timeout.appear : enter, - enter, - exit - }; -} -/** -* Resolves the authored completion timeout for the current transition phase. -* Auto durations are read by the caller at scheduling time so Grow/Collapse -* can pass the latest measured value without storing it in React state. -*/ -function getCompletionTimeout(params) { - if (params.autoTimeout != null) return params.autoTimeout; - const resolved = resolveTimeouts(params.timeout); - if (params.currentStatus === "entering") return params.isAppearing ? resolved.appear ?? resolved.enter ?? null : resolved.enter ?? null; - return resolved.exit ?? null; -} -function Transition(props) { - const { in: inProp = false, appear = false, enter = true, exit = true, mountOnEnter = false, unmountOnExit = false, timeout, addEndListener, reduceMotion = false, getAutoTimeout, nodeRef, onEnter, onEntering, onEntered, onExit, onExiting, onExited, children, ...childProps } = props; - const parentGroup = import_react.useContext(TransitionGroupContext_default); - const shouldEnterOnMount = parentGroup && !parentGroup.isMounting ? enter : appear; - const [status, setStatus] = import_react.useState(() => { - if (inProp) return shouldEnterOnMount ? "exited" : "entered"; - if (mountOnEnter || unmountOnExit) return "unmounted"; - return "exited"; - }); - const statusRef = import_react.useRef(status); - statusRef.current = status; - if (inProp && status === "unmounted") { - statusRef.current = "exited"; - setStatus("exited"); - } - const shouldAppearOnMountRef = import_react.useRef(inProp && shouldEnterOnMount); - const mountedRef = import_react.useRef(false); - const nextCallbackRef = import_react.useRef(null); - const lastFiredStatusRef = import_react.useRef(status); - const isAppearingRef = import_react.useRef(false); - const transitionReduceMotionRef = import_react.useRef(reduceMotion); - const propsRef = useValueAsRef({ - timeout, - addEndListener, - reduceMotion, - getAutoTimeout, - onEnter, - onEntering, - onEntered, - onExit, - onExiting, - onExited, - enter, - exit, - mountOnEnter, - unmountOnExit, - nodeRef, - parentGroup - }); - const cancelPendingCallback = import_react.useCallback(() => { - if (nextCallbackRef.current !== null) { - nextCallbackRef.current.cancel(); - nextCallbackRef.current = null; - } - }, []); - const makeCallback = import_react.useCallback((handler) => { - let active = true; - const wrapped = () => { - if (active) { - active = false; - nextCallbackRef.current = null; - handler(); - } - }; - wrapped.cancel = () => { - active = false; - }; - nextCallbackRef.current = wrapped; - return wrapped; - }, []); - const scheduleTransitionEnd = import_react.useCallback((nextStatus, currentStatus) => { - let timeoutId; - const clearTimer = () => { - if (timeoutId !== void 0) { - clearTimeout(timeoutId); - timeoutId = void 0; - } - }; - const done = makeCallback(() => { - clearTimer(); - statusRef.current = nextStatus; - setStatus(nextStatus); - }); - const cancelDone = done.cancel; - done.cancel = () => { - clearTimer(); - cancelDone(); - }; - const node = propsRef.current.nodeRef.current; - const listener = propsRef.current.addEndListener; - const hasAutoTimeout = propsRef.current.getAutoTimeout !== void 0; - const autoTimeout = propsRef.current.getAutoTimeout?.(); - const authoredTimeout = getCompletionTimeout({ - currentStatus, - isAppearing: isAppearingRef.current, - timeout: propsRef.current.timeout, - autoTimeout - }); - const transitionReduceMotion = transitionReduceMotionRef.current; - const fallbackTimeout = authoredTimeout ?? (transitionReduceMotion && hasAutoTimeout ? 0 : null); - const scheduleTimer = (value) => { - timeoutId = setTimeout(done, value); - }; - if (!node) { - console.warn([ - "MUI: The transition child does not expose a DOM element.", - "Make sure the child accepts a ref and forwards it to the underlying DOM element.", - "The transition animation cannot be observed without a DOM element and will be skipped." - ].join("\n")); - scheduleTimer(0); - return; - } - if (listener) { - if (fallbackTimeout != null) scheduleTimer(transitionReduceMotion ? 0 : fallbackTimeout); - if (listener.length >= 2) listener(node, done); - else listener(done); - return; - } - scheduleTimer(transitionReduceMotion ? 0 : authoredTimeout ?? 0); - }, [makeCallback, propsRef]); - const performEnter = import_react.useCallback((mounting) => { - const current = propsRef.current; - const isAppearing = current.parentGroup ? current.parentGroup.isMounting : mounting; - isAppearingRef.current = isAppearing; - if (!mounting && !current.enter) { - statusRef.current = "entered"; - setStatus("entered"); - return; - } - transitionReduceMotionRef.current = current.reduceMotion; - current.onEnter?.(isAppearing); - statusRef.current = "entering"; - setStatus("entering"); - }, [propsRef]); - const performExit = import_react.useCallback(() => { - const current = propsRef.current; - if (!current.exit) { - statusRef.current = "exited"; - setStatus("exited"); - return; - } - transitionReduceMotionRef.current = current.reduceMotion; - current.onExit?.(); - statusRef.current = "exiting"; - setStatus("exiting"); - }, [propsRef]); - const updateStatus = import_react.useCallback((mounting, nextStatus) => { - cancelPendingCallback(); - if (nextStatus === "entering") { - const current = propsRef.current; - if (current.mountOnEnter || current.unmountOnExit) { - const node = current.nodeRef.current; - if (node) reflow(node); - } - performEnter(mounting); - } else performExit(); - }, [ - cancelPendingCallback, - performEnter, - performExit, - propsRef - ]); - useEnhancedEffect(() => { - mountedRef.current = true; - if (shouldAppearOnMountRef.current) { - shouldAppearOnMountRef.current = false; - updateStatus(true, "entering"); - } - return () => { - mountedRef.current = false; - cancelPendingCallback(); - }; - }, [cancelPendingCallback, updateStatus]); - useEnhancedEffect(() => { - if (!mountedRef.current) return; - const current = statusRef.current; - if (inProp) { - if (current !== "entering" && current !== "entered") updateStatus(false, "entering"); - } else if (current === "entering" || current === "entered") updateStatus(false, "exiting"); - else if (current === "exited" && unmountOnExit) { - statusRef.current = "unmounted"; - setStatus("unmounted"); - } - }, [ - inProp, - status, - unmountOnExit, - updateStatus - ]); - useEnhancedEffect(() => { - if (status === "unmounted" || lastFiredStatusRef.current === "unmounted") { - lastFiredStatusRef.current = status; - return; - } - const statusChanged = lastFiredStatusRef.current !== status; - if (statusChanged) lastFiredStatusRef.current = status; - const current = propsRef.current; - if (status === "entering") { - if (statusChanged) current.onEntering?.(isAppearingRef.current); - if (nextCallbackRef.current === null && statusRef.current === status) scheduleTransitionEnd("entered", "entering"); - } else if (status === "exiting") { - if (statusChanged) current.onExiting?.(); - if (nextCallbackRef.current === null && statusRef.current === status) scheduleTransitionEnd("exited", "exiting"); - } else if (status === "entered" && statusChanged) current.onEntered?.(isAppearingRef.current); - else if (status === "exited" && statusChanged) current.onExited?.(); - }, [ - propsRef, - scheduleTransitionEnd, - status - ]); - if (status === "unmounted") return null; - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TransitionGroupContext_default.Provider, { - value: null, - children: children(status, childProps) - }); -} -Transition.propTypes = { - /** - * @ignore - */ - addEndListener: import_prop_types.default.func, - /** - * @ignore - */ - appear: import_prop_types.default.bool, - /** - * @ignore - */ - children: import_prop_types.default.func.isRequired, - /** - * @ignore - */ - enter: import_prop_types.default.bool, - /** - * @ignore - */ - exit: import_prop_types.default.bool, - /** - * @ignore - */ - getAutoTimeout: import_prop_types.default.func, - /** - * @ignore - */ - in: import_prop_types.default.bool, - /** - * @ignore - */ - mountOnEnter: import_prop_types.default.bool, - /** - * @ignore - */ - nodeRef: import_prop_types.default.shape({ current: (props, propName) => { - if (props[propName] == null) return null; - if (typeof props[propName] !== "object" || props[propName].nodeType !== 1) return /* @__PURE__ */ new Error(`Expected prop '${propName}' to be of type Element`); - return null; - } }).isRequired, - /** - * @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, - /** - * @ignore - */ - reduceMotion: import_prop_types.default.bool, - /** - * @ignore - */ - timeout: import_prop_types.default.oneOfType([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 - })]), - /** - * @ignore - */ - unmountOnExit: import_prop_types.default.bool +//#region node_modules/@mui/material/colors/pink.mjs +var pink = { + 50: "#fce4ec", + 100: "#f8bbd0", + 200: "#f48fb1", + 300: "#f06292", + 400: "#ec407a", + 500: "#e91e63", + 600: "#d81b60", + 700: "#c2185b", + 800: "#ad1457", + 900: "#880e4f", + A100: "#ff80ab", + A200: "#ff4081", + A400: "#f50057", + A700: "#c51162" }; //#endregion -//#region node_modules/@mui/material/Collapse/collapseClasses.mjs -function getCollapseUtilityClass(slot) { - return generateUtilityClass("MuiCollapse", slot); -} -var collapseClasses = generateUtilityClasses("MuiCollapse", [ - "root", - "horizontal", - "vertical", - "entered", - "hidden", - "wrapper", - "wrapperInner" -]); +//#region node_modules/@mui/material/colors/deepPurple.mjs +var deepPurple = { + 50: "#ede7f6", + 100: "#d1c4e9", + 200: "#b39ddb", + 300: "#9575cd", + 400: "#7e57c2", + 500: "#673ab7", + 600: "#5e35b1", + 700: "#512da8", + 800: "#4527a0", + 900: "#311b92", + A100: "#b388ff", + A200: "#7c4dff", + A400: "#651fff", + A700: "#6200ea" +}; //#endregion -//#region node_modules/@mui/material/Collapse/Collapse.mjs -var EMPTY_OBJECT = {}; -var useUtilityClasses$105 = (ownerState) => { - const { orientation, classes } = ownerState; - return composeClasses({ - root: ["root", orientation], - entered: ["entered"], - hidden: ["hidden"], - wrapper: ["wrapper", orientation], - wrapperInner: ["wrapperInner", orientation] - }, getCollapseUtilityClass, classes); +//#region node_modules/@mui/material/colors/indigo.mjs +var indigo = { + 50: "#e8eaf6", + 100: "#c5cae9", + 200: "#9fa8da", + 300: "#7986cb", + 400: "#5c6bc0", + 500: "#3f51b5", + 600: "#3949ab", + 700: "#303f9f", + 800: "#283593", + 900: "#1a237e", + A100: "#8c9eff", + A200: "#536dfe", + A400: "#3d5afe", + A700: "#304ffe" }; -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$105(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 - }) - ]) +//#endregion +//#region node_modules/@mui/material/colors/cyan.mjs +var cyan = { + 50: "#e0f7fa", + 100: "#b2ebf2", + 200: "#80deea", + 300: "#4dd0e1", + 400: "#26c6da", + 500: "#00bcd4", + 600: "#00acc1", + 700: "#0097a7", + 800: "#00838f", + 900: "#006064", + A100: "#84ffff", + A200: "#18ffff", + A400: "#00e5ff", + A700: "#00b8d4" }; -if (Collapse) Collapse.muiSupportAuto = true; +//#endregion +//#region node_modules/@mui/material/colors/teal.mjs +var teal = { + 50: "#e0f2f1", + 100: "#b2dfdb", + 200: "#80cbc4", + 300: "#4db6ac", + 400: "#26a69a", + 500: "#009688", + 600: "#00897b", + 700: "#00796b", + 800: "#00695c", + 900: "#004d40", + A100: "#a7ffeb", + A200: "#64ffda", + A400: "#1de9b6", + A700: "#00bfa5" +}; +//#endregion +//#region node_modules/@mui/material/colors/lightGreen.mjs +var lightGreen = { + 50: "#f1f8e9", + 100: "#dcedc8", + 200: "#c5e1a5", + 300: "#aed581", + 400: "#9ccc65", + 500: "#8bc34a", + 600: "#7cb342", + 700: "#689f38", + 800: "#558b2f", + 900: "#33691e", + A100: "#ccff90", + A200: "#b2ff59", + A400: "#76ff03", + A700: "#64dd17" +}; +//#endregion +//#region node_modules/@mui/material/colors/lime.mjs +var lime = { + 50: "#f9fbe7", + 100: "#f0f4c3", + 200: "#e6ee9c", + 300: "#dce775", + 400: "#d4e157", + 500: "#cddc39", + 600: "#c0ca33", + 700: "#afb42b", + 800: "#9e9d24", + 900: "#827717", + A100: "#f4ff81", + A200: "#eeff41", + A400: "#c6ff00", + A700: "#aeea00" +}; +//#endregion +//#region node_modules/@mui/material/colors/yellow.mjs +var yellow = { + 50: "#fffde7", + 100: "#fff9c4", + 200: "#fff59d", + 300: "#fff176", + 400: "#ffee58", + 500: "#ffeb3b", + 600: "#fdd835", + 700: "#fbc02d", + 800: "#f9a825", + 900: "#f57f17", + A100: "#ffff8d", + A200: "#ffff00", + A400: "#ffea00", + A700: "#ffd600" +}; +//#endregion +//#region node_modules/@mui/material/colors/amber.mjs +var amber = { + 50: "#fff8e1", + 100: "#ffecb3", + 200: "#ffe082", + 300: "#ffd54f", + 400: "#ffca28", + 500: "#ffc107", + 600: "#ffb300", + 700: "#ffa000", + 800: "#ff8f00", + 900: "#ff6f00", + A100: "#ffe57f", + A200: "#ffd740", + A400: "#ffc400", + A700: "#ffab00" +}; +//#endregion +//#region node_modules/@mui/material/colors/deepOrange.mjs +var deepOrange = { + 50: "#fbe9e7", + 100: "#ffccbc", + 200: "#ffab91", + 300: "#ff8a65", + 400: "#ff7043", + 500: "#ff5722", + 600: "#f4511e", + 700: "#e64a19", + 800: "#d84315", + 900: "#bf360c", + A100: "#ff9e80", + A200: "#ff6e40", + A400: "#ff3d00", + A700: "#dd2c00" +}; +//#endregion +//#region node_modules/@mui/material/colors/brown.mjs +var brown = { + 50: "#efebe9", + 100: "#d7ccc8", + 200: "#bcaaa4", + 300: "#a1887f", + 400: "#8d6e63", + 500: "#795548", + 600: "#6d4c41", + 700: "#5d4037", + 800: "#4e342e", + 900: "#3e2723", + A100: "#d7ccc8", + A200: "#bcaaa4", + A400: "#8d6e63", + A700: "#5d4037" +}; +//#endregion +//#region node_modules/@mui/material/colors/blueGrey.mjs +var blueGrey = { + 50: "#eceff1", + 100: "#cfd8dc", + 200: "#b0bec5", + 300: "#90a4ae", + 400: "#78909c", + 500: "#607d8b", + 600: "#546e7a", + 700: "#455a64", + 800: "#37474f", + 900: "#263238", + A100: "#cfd8dc", + A200: "#b0bec5", + A400: "#78909c", + A700: "#455a64" +}; +//#endregion +//#region node_modules/@mui/material/colors/index.mjs +var colors_exports = /* @__PURE__ */ __exportAll({ + amber: () => amber, + blue: () => blue, + blueGrey: () => blueGrey, + brown: () => brown, + common: () => common, + cyan: () => cyan, + deepOrange: () => deepOrange, + deepPurple: () => deepPurple, + green: () => green, + grey: () => grey, + indigo: () => indigo, + lightBlue: () => lightBlue, + lightGreen: () => lightGreen, + lime: () => lime, + orange: () => orange, + pink: () => pink, + purple: () => purple, + red: () => red, + teal: () => teal, + yellow: () => yellow +}); //#endregion //#region node_modules/@mui/material/Accordion/AccordionContext.mjs /** @@ -4377,7 +2445,7 @@ var accordionClasses = generateUtilityClasses("MuiAccordion", [ //#endregion //#region node_modules/@mui/material/Accordion/Accordion.mjs var import_react_is = require_react_is(); -var useUtilityClasses$104 = (ownerState) => { +var useUtilityClasses$58 = (ownerState) => { const { classes, square, expanded, disabled, disableGutters } = ownerState; return composeClasses({ root: [ @@ -4496,7 +2564,7 @@ var Accordion = /*#__PURE__*/ import_react.forwardRef(function Accordion(inProps disableGutters, expanded }; - const classes = useUtilityClasses$104(ownerState); + const classes = useUtilityClasses$58(ownerState); const externalForwardedProps = { slots, slotProps @@ -4639,7 +2707,7 @@ function getAccordionActionsUtilityClass(slot) { var accordionActionsClasses = generateUtilityClasses("MuiAccordionActions", ["root", "spacing"]); //#endregion //#region node_modules/@mui/material/AccordionActions/AccordionActions.mjs -var useUtilityClasses$103 = (ownerState) => { +var useUtilityClasses$57 = (ownerState) => { const { classes, disableSpacing } = ownerState; return composeClasses({ root: ["root", !disableSpacing && "spacing"] }, getAccordionActionsUtilityClass, classes); }; @@ -4670,7 +2738,7 @@ var AccordionActions = /*#__PURE__*/ import_react.forwardRef(function AccordionA ...props, disableSpacing }; - const classes = useUtilityClasses$103(ownerState); + const classes = useUtilityClasses$57(ownerState); return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(AccordionActionsRoot, { className: clsx(classes.root, className), ref, @@ -4717,7 +2785,7 @@ function getAccordionDetailsUtilityClass(slot) { var accordionDetailsClasses = generateUtilityClasses("MuiAccordionDetails", ["root"]); //#endregion //#region node_modules/@mui/material/AccordionDetails/AccordionDetails.mjs -var useUtilityClasses$102 = (ownerState) => { +var useUtilityClasses$56 = (ownerState) => { const { classes } = ownerState; return composeClasses({ root: ["root"] }, getAccordionDetailsUtilityClass, classes); }; @@ -4732,7 +2800,7 @@ var AccordionDetails = /*#__PURE__*/ import_react.forwardRef(function AccordionD }); const { className, ...other } = props; const ownerState = props; - const classes = useUtilityClasses$102(ownerState); + const classes = useUtilityClasses$56(ownerState); return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(AccordionDetailsRoot, { className: clsx(classes.root, className), ref, @@ -4768,7 +2836,7 @@ AccordionDetails.propTypes = { }; //#endregion //#region node_modules/@mui/material/AccordionSummary/AccordionSummary.mjs -var useUtilityClasses$101 = (ownerState) => { +var useUtilityClasses$55 = (ownerState) => { const { classes, expanded, disabled, disableGutters } = ownerState; return composeClasses({ root: [ @@ -4842,7 +2910,7 @@ var AccordionSummary = /*#__PURE__*/ import_react.forwardRef(function AccordionS disabled, disableGutters }; - const classes = useUtilityClasses$101(ownerState); + const classes = useUtilityClasses$55(ownerState); const externalForwardedProps = { slots, slotProps @@ -4958,1000 +3026,6 @@ AccordionSummary.propTypes = { ]) }; //#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/CircularProgress/circularProgressClasses.mjs -function getCircularProgressUtilityClass(slot) { - return generateUtilityClass("MuiCircularProgress", slot); -} -var circularProgressClasses = generateUtilityClasses("MuiCircularProgress", [ - "root", - "determinate", - "indeterminate", - "colorPrimary", - "colorSecondary", - "svg", - "track", - "circle", - "circleDisableShrink" -]); -//#endregion -//#region node_modules/@mui/material/CircularProgress/CircularProgress.mjs -var SIZE = 44; -var warnedMinMaxWithoutVariant$1 = false; -var warnedInvalidMinMaxValue$1 = false; -var circularRotateKeyframe = keyframes` - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -`; -var circularDashKeyframe = keyframes` - 0% { - stroke-dasharray: 1px, 200px; - stroke-dashoffset: 0; - } - - 50% { - stroke-dasharray: 100px, 200px; - stroke-dashoffset: -15px; - } - - 100% { - stroke-dasharray: 1px, 200px; - stroke-dashoffset: -126px; - } -`; -var rotateAnimation = typeof circularRotateKeyframe !== "string" ? css` - animation: ${circularRotateKeyframe} 1.4s linear infinite; - ` : null; -var dashAnimation = typeof circularDashKeyframe !== "string" ? css` - animation: ${circularDashKeyframe} 1.4s ease-in-out infinite; - ` : null; -var useUtilityClasses$100 = (ownerState) => { - const { classes, variant, color, disableShrink } = ownerState; - const slots = { - root: [ - "root", - variant, - `color${capitalize_default(color)}` - ], - svg: ["svg"], - track: ["track"], - circle: ["circle", disableShrink && "circleDisableShrink"] - }; - return composeClasses(slots, getCircularProgressUtilityClass, classes); -}; -var CircularProgressRoot = styled("span", { - name: "MuiCircularProgress", - slot: "Root", - overridesResolver: (props, styles) => { - const { ownerState } = props; - return [ - styles.root, - styles[ownerState.variant], - styles[`color${capitalize_default(ownerState.color)}`] - ]; - } -})(memoTheme(({ theme }) => { - const reducedMotionAnimationStyles = getReducedMotionStyles(theme, { animation: "none" }); - return { - display: "inline-block", - variants: [ - { - props: { variant: "determinate" }, - style: { ...getTransitionStyles(theme, "transform") } - }, - { - props: { variant: "indeterminate" }, - style: rotateAnimation || { animation: `${circularRotateKeyframe} 1.4s linear infinite` } - }, - ...reducedMotionAnimationStyles ? [{ - props: { variant: "indeterminate" }, - style: reducedMotionAnimationStyles - }] : [], - ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({ - props: { color }, - style: { color: (theme.vars || theme).palette[color].main } - })) - ] - }; -})); -var CircularProgressSVG = styled("svg", { - name: "MuiCircularProgress", - slot: "Svg" -})({ display: "block" }); -var CircularProgressCircle = styled("circle", { - name: "MuiCircularProgress", - slot: "Circle", - overridesResolver: (props, styles) => { - const { ownerState } = props; - return [styles.circle, ownerState.disableShrink && styles.circleDisableShrink]; - } -})(memoTheme(({ theme }) => { - const reducedMotionAnimationStyles = getReducedMotionStyles(theme, { animation: "none" }); - return { - stroke: "currentColor", - variants: [ - { - props: { variant: "determinate" }, - style: { ...getTransitionStyles(theme, "stroke-dashoffset") } - }, - { - props: { variant: "indeterminate" }, - style: { - strokeDasharray: "80px, 200px", - strokeDashoffset: 0 - } - }, - { - props: ({ ownerState }) => ownerState.variant === "indeterminate" && !ownerState.disableShrink, - style: dashAnimation || { animation: `${circularDashKeyframe} 1.4s ease-in-out infinite` } - }, - ...reducedMotionAnimationStyles ? [{ - props: ({ ownerState }) => ownerState.variant === "indeterminate" && !ownerState.disableShrink, - style: reducedMotionAnimationStyles - }] : [] - ] - }; -})); -var CircularProgressTrack = styled("circle", { - name: "MuiCircularProgress", - slot: "Track" -})(memoTheme(({ theme }) => ({ - stroke: "currentColor", - opacity: (theme.vars || theme).palette.action.activatedOpacity -}))); -/** -* ## ARIA -* -* If the progress bar is describing the loading progress of a particular region of a page, -* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy` -* attribute to `true` on that region until it has finished loading. -*/ -var CircularProgress = /*#__PURE__*/ import_react.forwardRef(function CircularProgress(inProps, ref) { - const props = useDefaultProps({ - props: inProps, - name: "MuiCircularProgress" - }); - const { className, color = "primary", disableShrink = false, enableTrackSlot = false, min: minProp, max: maxProp, size = 40, style, thickness = 3.6, value = props.min ?? 0, variant = "indeterminate", ...other } = props; - if (!warnedMinMaxWithoutVariant$1 && variant === "indeterminate" && (minProp !== void 0 || maxProp !== void 0)) { - console.warn(`MUI: You have provided the \`min\` or \`max\` props with an 'indeterminate' variant. These props will have no effect.`); - warnedMinMaxWithoutVariant$1 = true; - } - const min = minProp ?? 0; - const max = maxProp ?? 100; - const ownerState = { - ...props, - color, - disableShrink, - size, - thickness, - value, - variant, - enableTrackSlot - }; - const classes = useUtilityClasses$100(ownerState); - const circleStyle = {}; - const rootStyle = {}; - const rootProps = {}; - if (variant === "determinate") { - const circumference = 2 * Math.PI * ((SIZE - thickness) / 2); - if (!warnedInvalidMinMaxValue$1 && (value < min || value > max || min >= max)) { - console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${min}, max=${max}, value=${value}.`); - warnedInvalidMinMaxValue$1 = true; - } - const range = max - min; - circleStyle.strokeDasharray = circumference.toFixed(3); - circleStyle.strokeDashoffset = range > 0 ? `${((max - value) / range * circumference).toFixed(3)}px` : `${circumference.toFixed(3)}px`; - rootStyle.transform = "rotate(-90deg)"; - rootProps["aria-valuenow"] = value; - rootProps["aria-valuemin"] = min; - rootProps["aria-valuemax"] = max; - } - return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CircularProgressRoot, { - className: clsx(classes.root, className), - style: { - width: size, - height: size, - ...rootStyle, - ...style - }, - ownerState, - ref, - role: "progressbar", - ...rootProps, - ...other, - children: /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(CircularProgressSVG, { - className: classes.svg, - ownerState, - viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`, - children: [enableTrackSlot ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CircularProgressTrack, { - className: classes.track, - ownerState, - cx: SIZE, - cy: SIZE, - r: (SIZE - thickness) / 2, - fill: "none", - strokeWidth: thickness, - "aria-hidden": "true" - }) : null, /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CircularProgressCircle, { - className: classes.circle, - style: circleStyle, - ownerState, - cx: SIZE, - cy: SIZE, - r: (SIZE - thickness) / 2, - fill: "none", - strokeWidth: thickness - })] - }) - }); -}); -CircularProgress.propTypes = { - /** - * 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([ - "inherit", - "primary", - "secondary", - "error", - "info", - "success", - "warning" - ]), import_prop_types.default.string]), - /** - * If `true`, the shrink animation is disabled. - * This only works if variant is `indeterminate`. - * @default false - */ - disableShrink: chainPropTypes(import_prop_types.default.bool, (props) => { - if (props.disableShrink && props.variant && props.variant !== "indeterminate") return /* @__PURE__ */ new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."); - return null; - }), - /** - * If `true`, a track circle slot is mounted to show a subtle background for the progress. - * The `size` and `thickness` apply to the track slot to be consistent with the progress circle. - * @default false - */ - enableTrackSlot: import_prop_types.default.bool, - /** - * The maximum value for the progress indicator for the determinate variant. - * @default 100 - */ - max: import_prop_types.default.number, - /** - * The minimum value for the progress indicator for the determinate variant. - * @default 0 - */ - min: import_prop_types.default.number, - /** - * The size of the component. - * If using a number, the pixel unit is assumed. - * If using a string, you need to provide the CSS unit, for example '3rem'. - * @default 40 - */ - size: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]), - /** - * @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 thickness of the circle. - * @default 3.6 - */ - thickness: import_prop_types.default.number, - /** - * The value of the progress indicator for the determinate variant. - * Value between `min` and `max`. - * @default props.min ?? 0 - */ - value: import_prop_types.default.number, - /** - * The variant to use. - * Use indeterminate when there is no progress value. - * @default 'indeterminate' - */ - variant: import_prop_types.default.oneOf(["determinate", "indeterminate"]) -}; -//#endregion -//#region node_modules/@mui/material/IconButton/iconButtonClasses.mjs -function getIconButtonUtilityClass(slot) { - return generateUtilityClass("MuiIconButton", slot); -} -var iconButtonClasses = generateUtilityClasses("MuiIconButton", [ - "root", - "disabled", - "colorInherit", - "colorPrimary", - "colorSecondary", - "colorError", - "colorInfo", - "colorSuccess", - "colorWarning", - "edgeStart", - "edgeEnd", - "sizeSmall", - "sizeMedium", - "sizeLarge", - "loading", - "loadingIndicator", - "loadingWrapper" -]); -//#endregion -//#region node_modules/@mui/material/IconButton/IconButton.mjs -var useUtilityClasses$99 = (ownerState) => { - const { classes, disabled, color, edge, size, loading } = ownerState; - const slots = { - root: [ - "root", - loading && "loading", - disabled && "disabled", - color !== "default" && `color${capitalize_default(color)}`, - edge && `edge${capitalize_default(edge)}`, - `size${capitalize_default(size)}` - ], - loadingIndicator: ["loadingIndicator"], - loadingWrapper: ["loadingWrapper"] - }; - return composeClasses(slots, getIconButtonUtilityClass, classes); -}; -var IconButtonRoot = styled(ButtonBase, { - name: "MuiIconButton", - slot: "Root", - overridesResolver: (props, styles) => { - const { ownerState } = props; - return [ - styles.root, - ownerState.loading && styles.loading, - ownerState.color !== "default" && styles[`color${capitalize_default(ownerState.color)}`], - ownerState.edge && styles[`edge${capitalize_default(ownerState.edge)}`], - styles[`size${capitalize_default(ownerState.size)}`] - ]; - } -})(memoTheme(({ theme }) => ({ - textAlign: "center", - flex: "0 0 auto", - fontSize: theme.typography.pxToRem(24), - padding: 8, - borderRadius: "50%", - color: (theme.vars || theme).palette.action.active, - ...getTransitionStyles(theme, "background-color", { duration: theme.transitions.duration.shortest }), - variants: [ - { - props: (props) => !props.disableRipple, - style: { - "--IconButton-hoverBg": theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity), - "&:hover": { - backgroundColor: "var(--IconButton-hoverBg)", - "@media (hover: none)": { backgroundColor: "transparent" } - } - } - }, - { - props: { edge: "start" }, - style: { marginLeft: -12 } - }, - { - props: { - edge: "start", - size: "small" - }, - style: { marginLeft: -3 } - }, - { - props: { edge: "end" }, - style: { marginRight: -12 } - }, - { - props: { - edge: "end", - size: "small" - }, - style: { marginRight: -3 } - } - ] -})), memoTheme(({ theme }) => ({ - variants: [ - { - props: { color: "inherit" }, - style: { color: "inherit" } - }, - ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({ - props: { color }, - style: { - color: (theme.vars || theme).palette[color].main, - "--IconButton-hoverBg": theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity) - } - })), - { - props: { size: "small" }, - style: { - padding: 5, - fontSize: theme.typography.pxToRem(18) - } - }, - { - props: { size: "large" }, - style: { - padding: 12, - fontSize: theme.typography.pxToRem(28) - } - } - ], - [`&.${iconButtonClasses.disabled}`]: { - backgroundColor: "transparent", - color: (theme.vars || theme).palette.action.disabled - }, - [`&.${iconButtonClasses.loading}`]: { color: "transparent" } -}))); -var IconButtonLoadingIndicator = styled("span", { - name: "MuiIconButton", - slot: "LoadingIndicator" -})(({ theme }) => ({ - display: "none", - position: "absolute", - visibility: "visible", - top: "50%", - left: "50%", - transform: "translate(-50%, -50%)", - color: (theme.vars || theme).palette.action.disabled, - variants: [{ - props: { loading: true }, - style: { display: "flex" } - }] -})); -/** -* Refer to the [Icons](/material-ui/icons/) section of the documentation -* regarding the available icon options. -*/ -var IconButton = /*#__PURE__*/ import_react.forwardRef(function IconButton(inProps, ref) { - const props = useDefaultProps({ - props: inProps, - name: "MuiIconButton" - }); - const { edge = false, children, className, color = "default", disabled = false, disableFocusRipple = false, size = "medium", id: idProp, loading = null, loadingIndicator: loadingIndicatorProp, ...other } = props; - const loadingId = useId_default(idProp); - const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CircularProgress, { - "aria-labelledby": loadingId, - color: "inherit", - size: 16 - }); - const ownerState = { - ...props, - edge, - color, - disabled, - disableFocusRipple, - loading, - loadingIndicator, - size - }; - const classes = useUtilityClasses$99(ownerState); - return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(IconButtonRoot, { - id: loading ? loadingId : idProp, - className: clsx(classes.root, className), - centerRipple: true, - internalNativeButton: true, - focusRipple: !disableFocusRipple, - disabled: disabled || loading, - ref, - ...other, - ownerState, - children: [typeof loading === "boolean" && /*#__PURE__*/ (0, import_jsx_runtime.jsx)("span", { - className: classes.loadingWrapper, - style: { display: "contents" }, - children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(IconButtonLoadingIndicator, { - className: classes.loadingIndicator, - ownerState, - children: loading && loadingIndicator - }) - }), children] - }); -}); -IconButton.propTypes = { - /** - * The icon to display. - */ - children: chainPropTypes(import_prop_types.default.node, (props) => { - if (import_react.Children.toArray(props.children).some((child) => /*#__PURE__*/ import_react.isValidElement(child) && child.props.onClick)) return new Error([ - "MUI: You are providing an onClick event listener to a child of a button element.", - "Prefer applying it to the IconButton directly.", - "This guarantees that the whole