PropertyType Management abgeschlossen

This commit is contained in:
2026-08-19 14:53:15 +02:00
parent 2f328e9355
commit 2774a64edc
646 changed files with 76583 additions and 22642 deletions
+1
View File
@@ -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
```
+47 -14
View File
@@ -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"
@@ -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"}
@@ -0,0 +1 @@
{"root":["../../vite.config.ts"],"version":"6.0.3"}
@@ -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 };
@@ -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"}
@@ -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 };
@@ -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"}
@@ -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 };
@@ -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"}
@@ -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 };
@@ -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);
@@ -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);
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
import { n as appBarClasses, r as getAppBarUtilityClass, t as AppBar } from "./AppBar-DiVPdr4t.js";
import { n as appBarClasses, r as getAppBarUtilityClass, t as AppBar } from "./AppBar-cWle_5Cg.js";
export { appBarClasses, AppBar as default, getAppBarUtilityClass };
@@ -1,2 +1,2 @@
import { n as boxClasses, t as Box } from "./Box-CQOAuykB.js";
import { n as boxClasses, t as Box } from "./Box-CejWg7IO.js";
export { boxClasses, Box as default };
@@ -0,0 +1,2 @@
import { a as getButtonUtilityClass, i as buttonClasses, t as Button } from "./Button-CAa1Vq5I.js";
export { buttonClasses, Button as default, getButtonUtilityClass };
@@ -0,0 +1,2 @@
import { n as dialogClasses, r as getDialogUtilityClass, t as Dialog } from "./Dialog-BfFT1J_Q.js";
export { Dialog as default, dialogClasses, getDialogUtilityClass };
@@ -0,0 +1,2 @@
import { n as dialogActionsClasses, r as getDialogActionsUtilityClass, t as DialogActions } from "./DialogActions-CAa7GY5n.js";
export { DialogActions as default, dialogActionsClasses, getDialogActionsUtilityClass };
@@ -0,0 +1,2 @@
import { n as dialogContentClasses, r as getDialogContentUtilityClass, t as DialogContent } from "./DialogContent--srXz0Ob.js";
export { DialogContent as default, dialogContentClasses, getDialogContentUtilityClass };
@@ -0,0 +1,3 @@
import { n as getDialogTitleUtilityClass, t as dialogTitleClasses } from "./dialogTitleClasses-C2YA1vqw.js";
import { t as DialogTitle } from "./DialogTitle-CKIHJWMV.js";
export { DialogTitle as default, dialogTitleClasses, getDialogTitleUtilityClass };
@@ -0,0 +1,2 @@
import { n as getIconButtonUtilityClass, r as iconButtonClasses, t as IconButton } from "./IconButton-CiUjgOk6.js";
export { IconButton as default, getIconButtonUtilityClass, iconButtonClasses };
@@ -0,0 +1,3 @@
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-Dwv419w9.js";
import { t as InputAdornment } from "./InputAdornment-Cjw-UDdb.js";
export { InputAdornment as default, getInputAdornmentUtilityClass, inputAdornmentClasses };
@@ -0,0 +1,2 @@
import { n as Stack, t as stackClasses } from "./Stack-BLVENwM2.js";
export { Stack as default, stackClasses };
@@ -1,2 +1,2 @@
import { n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-C2eNQv8y.js";
import { n as getTabUtilityClass, r as tabClasses, t as Tab } from "./Tab-D9ho7_MY.js";
export { Tab as default, getTabUtilityClass, tabClasses };
@@ -0,0 +1,2 @@
import { n as getTextFieldUtilityClass, r as textFieldClasses, t as TextField } from "./TextField-BLvydd7W.js";
export { TextField as default, getTextFieldUtilityClass, textFieldClasses };
@@ -0,0 +1,2 @@
import { n as getTooltipUtilityClass, r as tooltipClasses, t as Tooltip } from "./Tooltip-D8ZXNHWc.js";
export { Tooltip as default, getTooltipUtilityClass, tooltipClasses };
@@ -1,2 +1,2 @@
import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-mjTUKeB0.js";
import { n as getTypographyUtilityClass, r as typographyClasses, t as Typography } from "./Typography-sl4NL4Ms.js";
export { Typography as default, getTypographyUtilityClass, typographyClasses };
@@ -1,3 +0,0 @@
import { a as red, c as common, i as orange, n as lightBlue, o as purple, r as blue, s as grey, t as green } from "./green-D6xTj620.js";
import { a as amber, c as lightGreen, d as indigo, f as deepPurple, i as deepOrange, l as teal, n as blueGrey, o as yellow, p as pink, r as brown, s as lime, u as cyan } from "./colors-BCmNAyTD.js";
export { amber, blue, blueGrey, brown, common, cyan, deepOrange, deepPurple, green, grey, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, yellow };
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,769 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { N as generateUtilityClasses, P as generateUtilityClass, ct as clsx, l as duration } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { i as useReducedMotion, n as useForkRef_default } from "./useLazyRef-BFAG-x_s.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { n as useTheme } from "./chainPropTypes-CuuywaSz.js";
import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.js";
import { o as normalizedTransitionCallback, r as getTransitionProps } from "./utils-BCVtNTPx.js";
import { t as useSlot } from "./useSlot-BqY3lobE.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-ByxAWoSf.js";
import { r as Close_default } from "./Checkbox-CK4yFuSM.js";
import { t as Transition } from "./Transition-CTO78YMk.js";
import { t as Paper } from "./Paper-Bm5qdnED.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as IconButton } from "./IconButton-CiUjgOk6.js";
//#region node_modules/@mui/material/Collapse/collapseClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getCollapseUtilityClass(slot) {
return generateUtilityClass("MuiCollapse", slot);
}
var collapseClasses = generateUtilityClasses("MuiCollapse", [
"root",
"horizontal",
"vertical",
"entered",
"hidden",
"wrapper",
"wrapperInner"
]);
//#endregion
//#region node_modules/@mui/material/Collapse/Collapse.mjs
var import_jsx_runtime = require_jsx_runtime();
var EMPTY_OBJECT = {};
var useUtilityClasses$1 = (ownerState) => {
const { orientation, classes } = ownerState;
return composeClasses({
root: ["root", orientation],
entered: ["entered"],
hidden: ["hidden"],
wrapper: ["wrapper", orientation],
wrapperInner: ["wrapperInner", orientation]
}, getCollapseUtilityClass, classes);
};
var CollapseRoot = styled("div", {
name: "MuiCollapse",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.orientation],
ownerState.state === "entered" && styles.entered,
ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px" && styles.hidden
];
}
})(memoTheme(({ theme }) => ({
height: 0,
overflow: "hidden",
transition: theme.transitions.create("height"),
variants: [
{
props: { orientation: "horizontal" },
style: {
height: "auto",
width: 0,
transition: theme.transitions.create("width")
}
},
{
props: { state: "entered" },
style: {
height: "auto",
overflow: "visible"
}
},
{
props: {
state: "entered",
orientation: "horizontal"
},
style: { width: "auto" }
},
{
props: ({ ownerState }) => ownerState.state === "exited" && !ownerState.in && ownerState.collapsedSize === "0px",
style: { visibility: "hidden" }
}
]
})));
var CollapseWrapper = styled("div", {
name: "MuiCollapse",
slot: "Wrapper"
})({
display: "flex",
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
var CollapseWrapperInner = styled("div", {
name: "MuiCollapse",
slot: "WrapperInner"
})({
width: "100%",
variants: [{
props: { orientation: "horizontal" },
style: {
width: "auto",
height: "100%"
}
}]
});
/**
* The Collapse transition is used by the
* [Vertical Stepper](/material-ui/react-stepper/#vertical-stepper) StepContent component.
*/
var Collapse = /*#__PURE__*/ import_react.forwardRef(function Collapse(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCollapse"
});
const { addEndListener, children, className, collapsedSize: collapsedSizeProp = "0px", component, disablePrefersReducedMotion = false, easing, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, orientation = "vertical", slots = EMPTY_OBJECT, slotProps = EMPTY_OBJECT, style, timeout = duration.standard, TransitionComponent = Transition, ...other } = props;
const ownerState = {
...props,
orientation,
collapsedSize: collapsedSizeProp
};
const classes = useUtilityClasses$1(ownerState);
const theme = useTheme();
const wrapperRef = import_react.useRef(null);
const autoTransitionDuration = import_react.useRef(null);
const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
const isHorizontal = orientation === "horizontal";
const size = isHorizontal ? "width" : "height";
const reducedMotion = useReducedMotion(theme.motion.reducedMotion, disablePrefersReducedMotion);
const nodeRef = import_react.useRef(null);
const handleRef = useForkRef_default(ref, nodeRef);
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? "clientWidth" : "clientHeight"] : 0;
const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "absolute";
node.style[size] = collapsedSize;
if (onEnter) onEnter(node, isAppearing);
});
const handleEntering = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
const wrapperSize = getWrapperSize();
if (wrapperRef.current && isHorizontal) wrapperRef.current.style.position = "";
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "enter" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = `${wrapperSize}px`;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onEntering) onEntering(node, isAppearing);
});
const handleEntered = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
node.style[size] = "auto";
if (onEntered) onEntered(node, isAppearing);
});
const handleExit = normalizedTransitionCallback(nodeRef, (node) => {
node.style[size] = `${getWrapperSize()}px`;
if (onExit) onExit(node);
});
const handleExited = normalizedTransitionCallback(nodeRef, onExited);
const handleExiting = normalizedTransitionCallback(nodeRef, (node) => {
const wrapperSize = getWrapperSize();
const { duration: transitionDuration, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "exit" });
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
const duration2 = theme.transitions.getAutoHeightDuration(wrapperSize);
autoTransitionDuration.current = duration2;
} else autoTransitionDuration.current = null;
const transitionTiming = reducedMotion.getTransitionTiming({
duration: autoTransitionDuration.current ?? transitionDuration,
delay: void 0
});
node.style.transitionDuration = typeof transitionTiming.duration === "string" ? transitionTiming.duration : `${transitionTiming.duration}ms`;
node.style[size] = collapsedSize;
node.style.transitionTimingFunction = transitionTimingFunction;
if (onExiting) onExiting(node);
});
const handleAddEndListener = addEndListener ? (next) => {
addEndListener(nodeRef.current, next);
} : void 0;
const externalForwardedProps = {
slots,
slotProps,
component
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref: handleRef,
className: clsx(classes.root, className),
elementType: CollapseRoot,
externalForwardedProps,
ownerState,
additionalProps: { style: {
[isHorizontal ? "minWidth" : "minHeight"]: collapsedSize,
...style
} }
});
const [WrapperSlot, wrapperSlotProps] = useSlot("wrapper", {
ref: wrapperRef,
className: classes.wrapper,
elementType: CollapseWrapper,
externalForwardedProps,
ownerState
});
const [WrapperInnerSlot, wrapperInnerSlotProps] = useSlot("wrapperInner", {
className: classes.wrapperInner,
elementType: CollapseWrapperInner,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TransitionComponent, {
in: inProp,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: handleAddEndListener,
getAutoTimeout: timeout === "auto" ? () => autoTransitionDuration.current : void 0,
reduceMotion: reducedMotion.shouldReduceMotion,
nodeRef,
timeout: timeout === "auto" ? null : timeout,
...other,
children: (state, { ownerState: incomingOwnerState, ...restChildProps }) => {
const stateOwnerState = {
...ownerState,
state
};
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(RootSlot, {
...rootSlotProps,
className: clsx(rootSlotProps.className, {
"entered": classes.entered,
"exited": !inProp && collapsedSize === "0px" && classes.hidden
}[state]),
ownerState: stateOwnerState,
...restChildProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperSlot, {
...wrapperSlotProps,
ownerState: stateOwnerState,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(WrapperInnerSlot, {
...wrapperInnerSlotProps,
ownerState: stateOwnerState,
children
})
})
});
}
});
});
Collapse.propTypes = {
/**
* Add a custom transition end trigger.
* Use it when you need custom logic to decide when the transition has ended.
* Note: Timeouts are still used as a fallback if provided.
*
* @param {HTMLElement} node The transitioning DOM node.
* @param {Function} done Call this when the transition has finished.
*/
addEndListener: import_prop_types.default.func,
/**
* The content node to be collapsed.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The width (horizontal) or height (vertical) of the container when collapsed.
* @default '0px'
*/
collapsedSize: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: elementTypeAcceptingRef_default,
/**
* If `true`, the transition ignores `theme.motion.reducedMotion` and keeps its normal timing.
* @default false
*/
disablePrefersReducedMotion: import_prop_types.default.bool,
/**
* The transition timing function.
* You may specify a single easing or a object containing enter and exit values.
*/
easing: import_prop_types.default.oneOfType([import_prop_types.default.shape({
enter: import_prop_types.default.string,
exit: import_prop_types.default.string
}), import_prop_types.default.string]),
/**
* If `true`, the component will transition in.
*/
in: import_prop_types.default.bool,
/**
* @ignore
*/
onEnter: import_prop_types.default.func,
/**
* @ignore
*/
onEntered: import_prop_types.default.func,
/**
* @ignore
*/
onEntering: import_prop_types.default.func,
/**
* @ignore
*/
onExit: import_prop_types.default.func,
/**
* @ignore
*/
onExited: import_prop_types.default.func,
/**
* @ignore
*/
onExiting: import_prop_types.default.func,
/**
* The transition orientation.
* @default 'vertical'
*/
orientation: import_prop_types.default.oneOf(["horizontal", "vertical"]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapper: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
wrapperInner: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
root: import_prop_types.default.elementType,
wrapper: import_prop_types.default.elementType,
wrapperInner: import_prop_types.default.elementType
}),
/**
* @ignore
*/
style: import_prop_types.default.object,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
*
* Set to 'auto' to automatically calculate transition time based on height.
* @default duration.standard
*/
timeout: import_prop_types.default.oneOfType([
import_prop_types.default.oneOf(["auto"]),
import_prop_types.default.number,
import_prop_types.default.shape({
appear: import_prop_types.default.number,
enter: import_prop_types.default.number,
exit: import_prop_types.default.number
})
])
};
if (Collapse) Collapse.muiSupportAuto = true;
//#endregion
//#region node_modules/@mui/material/Alert/alertClasses.mjs
function getAlertUtilityClass(slot) {
return generateUtilityClass("MuiAlert", slot);
}
var alertClasses = generateUtilityClasses("MuiAlert", [
"root",
"action",
"icon",
"message",
"filled",
"colorSuccess",
"colorInfo",
"colorWarning",
"colorError",
"outlined",
"standard"
]);
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/SuccessOutlined.mjs
/**
* @ignore - internal component.
*/
var SuccessOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" }), "SuccessOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ReportProblemOutlined.mjs
/**
* @ignore - internal component.
*/
var ReportProblemOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" }), "ReportProblemOutlined");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/ErrorOutline.mjs
/**
* @ignore - internal component.
*/
var ErrorOutline_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), "ErrorOutline");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/InfoOutlined.mjs
/**
* @ignore - internal component.
*/
var InfoOutlined_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z" }), "InfoOutlined");
//#endregion
//#region node_modules/@mui/material/Alert/Alert.mjs
var useUtilityClasses = (ownerState) => {
const { variant, color, severity, classes } = ownerState;
const slots = {
root: [
"root",
`color${capitalize_default(color || severity)}`,
`${variant}`
],
icon: ["icon"],
message: ["message"],
action: ["action"]
};
return composeClasses(slots, getAlertUtilityClass, classes);
};
var AlertRoot = styled(Paper, {
name: "MuiAlert",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.root, styles[ownerState.variant]];
}
})(memoTheme(({ theme }) => {
const getColor = theme.palette.mode === "light" ? theme.darken : theme.lighten;
const getBackgroundColor = theme.palette.mode === "light" ? theme.lighten : theme.darken;
return {
...theme.typography.body2,
backgroundColor: "transparent",
display: "flex",
padding: "6px 16px",
variants: [
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "standard"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, .9),
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["light"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "outlined"
},
style: {
color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, .6),
border: `1px solid ${(theme.vars || theme).palette[color].light}`,
[`& .${alertClasses.icon}`]: theme.vars ? { color: theme.vars.palette.Alert[`${color}IconColor`] } : { color: theme.palette[color].main }
}
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(["dark"])).map(([color]) => ({
props: {
colorSeverity: color,
variant: "filled"
},
style: {
fontWeight: theme.typography.fontWeightMedium,
...theme.vars ? {
color: theme.vars.palette.Alert[`${color}FilledColor`],
backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
} : {
backgroundColor: theme.palette.mode === "dark" ? theme.palette[color].dark : theme.palette[color].main,
color: theme.palette.getContrastText(theme.palette[color].main)
}
}
}))
]
};
}));
var AlertIcon = styled("div", {
name: "MuiAlert",
slot: "Icon"
})({
marginRight: 12,
padding: "7px 0",
display: "flex",
fontSize: 22,
opacity: .9
});
var AlertMessage = styled("div", {
name: "MuiAlert",
slot: "Message"
})({
padding: "8px 0",
minWidth: 0,
overflow: "auto"
});
var AlertAction = styled("div", {
name: "MuiAlert",
slot: "Action"
})({
display: "flex",
alignItems: "flex-start",
padding: "4px 0 0 16px",
marginLeft: "auto",
marginRight: -8
});
var defaultIconMapping = {
success: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(SuccessOutlined_default, { fontSize: "inherit" }),
warning: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ReportProblemOutlined_default, { fontSize: "inherit" }),
error: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ErrorOutline_default, { fontSize: "inherit" }),
info: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InfoOutlined_default, { fontSize: "inherit" })
};
var Alert = /*#__PURE__*/ import_react.forwardRef(function Alert(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiAlert"
});
const { action, children, className, closeText = "Close", color, icon, iconMapping = defaultIconMapping, onClose, role = "alert", severity = "success", slotProps = {}, slots = {}, variant = "standard", ...other } = props;
const ownerState = {
...props,
color,
severity,
variant,
colorSeverity: color || severity
};
const classes = useUtilityClasses(ownerState);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref,
shouldForwardComponentProp: true,
className: clsx(classes.root, className),
elementType: AlertRoot,
externalForwardedProps: {
...externalForwardedProps,
...other
},
ownerState,
additionalProps: {
role,
elevation: 0
}
});
const [IconSlot, iconSlotProps] = useSlot("icon", {
className: classes.icon,
elementType: AlertIcon,
externalForwardedProps,
ownerState
});
const [MessageSlot, messageSlotProps] = useSlot("message", {
className: classes.message,
elementType: AlertMessage,
externalForwardedProps,
ownerState
});
const [ActionSlot, actionSlotProps] = useSlot("action", {
className: classes.action,
elementType: AlertAction,
externalForwardedProps,
ownerState
});
const [CloseButtonSlot, closeButtonProps] = useSlot("closeButton", {
elementType: IconButton,
externalForwardedProps,
ownerState
});
const [CloseIconSlot, closeIconProps] = useSlot("closeIcon", {
elementType: Close_default,
externalForwardedProps,
ownerState
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
...rootSlotProps,
children: [
icon !== false ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(IconSlot, {
...iconSlotProps,
children: icon || iconMapping[severity] || defaultIconMapping[severity]
}) : null,
/*#__PURE__*/ (0, import_jsx_runtime.jsx)(MessageSlot, {
...messageSlotProps,
children
}),
action != null ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: action
}) : null,
action == null && onClose ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ActionSlot, {
...actionSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseButtonSlot, {
size: "small",
"aria-label": closeText,
title: closeText,
color: "inherit",
onClick: onClose,
...closeButtonProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CloseIconSlot, {
fontSize: "small",
...closeIconProps
})
})
}) : null
]
});
});
Alert.propTypes = {
/**
* The action to display. It renders after the message, at the end of the alert.
*/
action: import_prop_types.default.node,
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* Override the default label for the *close popup* icon button.
*
* For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
* @default 'Close'
*/
closeText: import_prop_types.default.string,
/**
* The color of the component. Unless provided, the value is taken from the `severity` prop.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* Override the icon displayed before the children.
* Unless provided, the icon is mapped to the value of the `severity` prop.
* Set to `false` to remove the `icon`.
*/
icon: import_prop_types.default.node,
/**
* The component maps the `severity` prop to a range of different icons,
* for instance success to `<SuccessOutlined>`.
* If you wish to change this mapping, you can provide your own.
* Alternatively, you can use the `icon` prop to override the icon displayed.
*/
iconMapping: import_prop_types.default.shape({
error: import_prop_types.default.node,
info: import_prop_types.default.node,
success: import_prop_types.default.node,
warning: import_prop_types.default.node
}),
/**
* Callback fired when the component requests to be closed.
* When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
* @param {React.SyntheticEvent} event The event source of the callback.
*/
onClose: import_prop_types.default.func,
/**
* The ARIA role attribute of the element.
* @default 'alert'
*/
role: import_prop_types.default.string,
/**
* The severity of the alert. This defines the color and icon used.
* @default 'success'
*/
severity: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
action: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeButton: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
closeIcon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
icon: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
message: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
action: import_prop_types.default.elementType,
closeButton: import_prop_types.default.elementType,
closeIcon: import_prop_types.default.elementType,
icon: import_prop_types.default.elementType,
message: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
* @default 'standard'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
]), import_prop_types.default.string])
};
//#endregion
export { collapseClasses as a, Collapse as i, alertClasses as n, getCollapseUtilityClass as o, getAlertUtilityClass as r, Alert as t };
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,220 +1,17 @@
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, h as alpha, s as getOverlayAlpha, 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 { 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 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 { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as Paper } from "./Paper-Bm5qdnED.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
//#region node_modules/@mui/utils/integerPropType/integerPropType.mjs
function getTypeByValue(value) {
const valueType = typeof value;
switch (valueType) {
case "number":
if (Number.isNaN(value)) return "NaN";
if (!Number.isFinite(value)) return "Infinity";
if (value !== Math.floor(value)) return "float";
return "number";
case "object":
if (value === null) return "null";
return value.constructor.name;
default: return valueType;
}
}
function requiredInteger(props, propName, componentName, location) {
const propValue = props[propName];
if (propValue == null || !Number.isInteger(propValue)) {
const propType = getTypeByValue(propValue);
return /* @__PURE__ */ new RangeError(`Invalid ${location} \`${propName}\` of type \`${propType}\` supplied to \`${componentName}\`, expected \`integer\`.`);
}
return null;
}
function validator(props, propName, componentName, location) {
if (props[propName] === void 0) return null;
return requiredInteger(props, propName, componentName, location);
}
function validatorNoop() {
return null;
}
validator.isRequired = requiredInteger;
validatorNoop.isRequired = validatorNoop;
var integerPropType = validator;
//#endregion
//#region node_modules/@mui/material/Paper/paperClasses.mjs
//#region node_modules/@mui/material/AppBar/appBarClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getPaperUtilityClass(slot) {
return generateUtilityClass("MuiPaper", slot);
}
var paperClasses = generateUtilityClasses("MuiPaper", [
"root",
"rounded",
"outlined",
"elevation",
"elevation0",
"elevation1",
"elevation2",
"elevation3",
"elevation4",
"elevation5",
"elevation6",
"elevation7",
"elevation8",
"elevation9",
"elevation10",
"elevation11",
"elevation12",
"elevation13",
"elevation14",
"elevation15",
"elevation16",
"elevation17",
"elevation18",
"elevation19",
"elevation20",
"elevation21",
"elevation22",
"elevation23",
"elevation24"
]);
//#endregion
//#region node_modules/@mui/material/Paper/Paper.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses$1 = (ownerState) => {
const { square, elevation, variant, classes } = ownerState;
const slots = { root: [
"root",
variant,
!square && "rounded",
variant === "elevation" && `elevation${elevation}`
] };
return composeClasses(slots, getPaperUtilityClass, classes);
};
var PaperRoot = styled("div", {
name: "MuiPaper",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.variant],
!ownerState.square && styles.rounded,
ownerState.variant === "elevation" && styles[`elevation${ownerState.elevation}`]
];
}
})(memoTheme(({ theme }) => ({
backgroundColor: (theme.vars || theme).palette.background.paper,
color: (theme.vars || theme).palette.text.primary,
...getTransitionStyles(theme, "box-shadow"),
variants: [
{
props: ({ ownerState }) => !ownerState.square,
style: { borderRadius: theme.shape.borderRadius }
},
{
props: { variant: "outlined" },
style: { border: `1px solid ${(theme.vars || theme).palette.divider}` }
},
{
props: { variant: "elevation" },
style: {
boxShadow: "var(--Paper-shadow)",
backgroundImage: "var(--Paper-overlay)"
}
}
]
})));
var Paper = /*#__PURE__*/ import_react.forwardRef(function Paper(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiPaper"
});
const theme = useTheme();
const { className, component = "div", elevation = 1, square = false, variant = "elevation", ...other } = props;
const ownerState = {
...props,
component,
elevation,
square,
variant
};
const classes = useUtilityClasses$1(ownerState);
if (theme.shadows[elevation] === void 0) console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join("\n"));
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(PaperRoot, {
as: component,
ownerState,
className: clsx(classes.root, className),
ref,
...other,
style: {
...variant === "elevation" && {
"--Paper-shadow": (theme.vars || theme).shadows[elevation],
...theme.vars && { "--Paper-overlay": theme.vars.overlays?.[elevation] },
...!theme.vars && theme.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${alpha("#fff", getOverlayAlpha(elevation))}, ${alpha("#fff", getOverlayAlpha(elevation))})` }
},
...other.style
}
});
});
Paper.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* Shadow depth, corresponds to `dp` in the spec.
* It accepts values between 0 and 24 inclusive.
* @default 1
*/
elevation: chainPropTypes(integerPropType, (props) => {
const { elevation, variant } = props;
if (elevation > 0 && variant === "outlined") return /* @__PURE__ */ new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
return null;
}),
/**
* If `true`, rounded corners are disabled.
* @default false
*/
square: import_prop_types.default.bool,
/**
* @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 variant to use.
* @default 'elevation'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["elevation", "outlined"]), import_prop_types.default.string])
};
//#endregion
//#region node_modules/@mui/material/AppBar/appBarClasses.mjs
function getAppBarUtilityClass(slot) {
return generateUtilityClass("MuiAppBar", slot);
}
@@ -237,6 +34,7 @@ var appBarClasses = generateUtilityClasses("MuiAppBar", [
]);
//#endregion
//#region node_modules/@mui/material/AppBar/AppBar.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { color, position, classes } = ownerState;
const slots = { root: [
@@ -455,4 +253,4 @@ AppBar.propTypes = {
])
};
//#endregion
export { getPaperUtilityClass as a, Paper as i, appBarClasses as n, paperClasses as o, getAppBarUtilityClass as r, integerPropType as s, AppBar as t };
export { appBarClasses as n, getAppBarUtilityClass as r, AppBar as t };
File diff suppressed because one or more lines are too long
@@ -1,10 +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 { D as generateUtilityClasses, H as styleFunctionSx_default, P as styled, k as ClassNameGenerator, n as createTheme, t as identifier_default, tt as clsx } from "./identifier-pRD-G8ad.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as useTheme } from "./useTheme-BA1VhxUt.js";
import "./styles-BWi6MI3j.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { B as styled, F as ClassNameGenerator, N as generateUtilityClasses, Y as styleFunctionSx_default, ct as clsx, n as createTheme, t as identifier_default } from "./identifier-BCIMFiRn.js";
import { t as useTheme } from "./useTheme-DYH12Ax_.js";
//#region node_modules/@mui/system/createBox/createBox.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
@@ -1 +1 @@
{"version":3,"file":"Box-CQOAuykB.js","names":["styleFunctionSx","THEME_ID","PropTypes"],"sources":["../../@mui/system/createBox/createBox.mjs","../../@mui/material/Box/boxClasses.mjs","../../@mui/material/Box/Box.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx from \"../styleFunctionSx/index.mjs\";\nimport useTheme from \"../useTheme/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n const {\n themeId,\n defaultTheme,\n defaultClassName = 'MuiBox-root',\n generateClassName\n } = options;\n const BoxRoot = styled('div', {\n shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n })(styleFunctionSx);\n const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n const theme = useTheme(defaultTheme);\n const {\n className,\n component = 'div',\n ...other\n } = inProps;\n return /*#__PURE__*/_jsx(BoxRoot, {\n as: component,\n ref: ref,\n className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n theme: themeId ? theme[themeId] || theme : theme,\n ...other\n });\n });\n return Box;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from \"../className/index.mjs\";\nimport { createTheme } from \"../styles/index.mjs\";\nimport THEME_ID from \"../styles/identifier.mjs\";\nimport boxClasses from \"./boxClasses.mjs\";\nconst defaultTheme = createTheme();\nconst Box = createBox({\n themeId: THEME_ID,\n defaultTheme,\n defaultClassName: boxClasses.root,\n generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;"],"mappings":";;;;;;;;;;AAQA,SAAwB,UAAU,UAAU,CAAC,GAAG;CAC9C,MAAM,EACJ,SACA,cACA,mBAAmB,eACnB,sBACE;CACJ,MAAM,UAAU,OAAO,OAAO,EAC5B,oBAAmB,SAAQ,SAAS,WAAW,SAAS,QAAQ,SAAS,KAC3E,CAAC,CAAC,CAACA,uBAAe;CAgBlB,OAAO,6BAfwB,WAAW,SAAS,IAAI,SAAS,KAAK;EACnE,MAAM,QAAQ,SAAS,YAAY;EACnC,MAAM,EACJ,WACA,YAAY,OACZ,GAAG,UACD;EACJ,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,SAAS;GAChC,IAAI;GACC;GACL,WAAW,KAAK,WAAW,oBAAoB,kBAAkB,gBAAgB,IAAI,gBAAgB;GACrG,OAAO,UAAU,MAAM,YAAY,QAAQ;GAC3C,GAAG;EACL,CAAC;CACH,CACS;AACX;;;;ACjCA,IAAM,aAAa,uBAAuB,UAAU,CAAC,MAAM,CAAC;;;ACO5D,IAAM,eAAe,YAAY;AACjC,IAAM,MAAM,UAAU;CACpB,SAASC;CACT;CACA,kBAAkB,WAAW;CAC7B,mBAAmB,mBAAmB;AACxC,CAAC;AACuC,IAAI,YAAmC;;;;CAQ7E,UAAUC,kBAAAA,QAAU;;;;;CAKpB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
{"version":3,"file":"Box-CejWg7IO.js","names":["styleFunctionSx","THEME_ID","PropTypes"],"sources":["../../@mui/system/createBox/createBox.mjs","../../@mui/material/Box/boxClasses.mjs","../../@mui/material/Box/Box.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx from \"../styleFunctionSx/index.mjs\";\nimport useTheme from \"../useTheme/index.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n const {\n themeId,\n defaultTheme,\n defaultClassName = 'MuiBox-root',\n generateClassName\n } = options;\n const BoxRoot = styled('div', {\n shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n })(styleFunctionSx);\n const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n const theme = useTheme(defaultTheme);\n const {\n className,\n component = 'div',\n ...other\n } = inProps;\n return /*#__PURE__*/_jsx(BoxRoot, {\n as: component,\n ref: ref,\n className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n theme: themeId ? theme[themeId] || theme : theme,\n ...other\n });\n });\n return Box;\n}","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from \"../className/index.mjs\";\nimport { createTheme } from \"../styles/index.mjs\";\nimport THEME_ID from \"../styles/identifier.mjs\";\nimport boxClasses from \"./boxClasses.mjs\";\nconst defaultTheme = createTheme();\nconst Box = createBox({\n themeId: THEME_ID,\n defaultTheme,\n defaultClassName: boxClasses.root,\n generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;"],"mappings":";;;;;;;;;AAQA,SAAwB,UAAU,UAAU,CAAC,GAAG;CAC9C,MAAM,EACJ,SACA,cACA,mBAAmB,eACnB,sBACE;CACJ,MAAM,UAAU,OAAO,OAAO,EAC5B,oBAAmB,SAAQ,SAAS,WAAW,SAAS,QAAQ,SAAS,KAC3E,CAAC,CAAC,CAACA,uBAAe;CAgBlB,OAAO,6BAfwB,WAAW,SAAS,IAAI,SAAS,KAAK;EACnE,MAAM,QAAQ,SAAS,YAAY;EACnC,MAAM,EACJ,WACA,YAAY,OACZ,GAAG,UACD;EACJ,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,SAAS;GAChC,IAAI;GACC;GACL,WAAW,KAAK,WAAW,oBAAoB,kBAAkB,gBAAgB,IAAI,gBAAgB;GACrG,OAAO,UAAU,MAAM,YAAY,QAAQ;GAC3C,GAAG;EACL,CAAC;CACH,CACS;AACX;;;;ACjCA,IAAM,aAAa,uBAAuB,UAAU,CAAC,MAAM,CAAC;;;ACO5D,IAAM,eAAe,YAAY;AACjC,IAAM,MAAM,UAAU;CACpB,SAASC;CACT;CACA,kBAAkB,WAAW;CAC7B,mBAAmB,mBAAmB;AACxC,CAAC;AACuC,IAAI,YAAmC;;;;CAQ7E,UAAUC,kBAAAA,QAAU;;;;;CAKpB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
@@ -0,0 +1,682 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { N as generateUtilityClasses, P as generateUtilityClass, ct as clsx } from "./identifier-BCIMFiRn.js";
import { a as resolveProps, l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-6tX-8l05.js";
import { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-DAGRPe3U.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as CircularProgress } from "./CircularProgress-Vd69ti-e.js";
//#region node_modules/@mui/material/Button/buttonClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getButtonUtilityClass(slot) {
return generateUtilityClass("MuiButton", slot);
}
var buttonClasses = generateUtilityClasses("MuiButton", [
"root",
"text",
"outlined",
"contained",
"disableElevation",
"focusVisible",
"disabled",
"colorInherit",
"colorPrimary",
"colorSecondary",
"colorSuccess",
"colorError",
"colorInfo",
"colorWarning",
"sizeMedium",
"sizeSmall",
"sizeLarge",
"fullWidth",
"startIcon",
"endIcon",
"icon",
"loading",
"loadingWrapper",
"loadingIconPlaceholder",
"loadingIndicator",
"loadingPositionCenter",
"loadingPositionStart",
"loadingPositionEnd"
]);
//#endregion
//#region node_modules/@mui/material/ButtonGroup/ButtonGroupContext.mjs
/**
* @ignore - internal component.
*/
var ButtonGroupContext = /*#__PURE__*/ import_react.createContext({});
ButtonGroupContext.displayName = "ButtonGroupContext";
//#endregion
//#region node_modules/@mui/material/ButtonGroup/ButtonGroupButtonContext.mjs
/**
* @ignore - internal component.
*/
var ButtonGroupButtonContext = /*#__PURE__*/ import_react.createContext(void 0);
ButtonGroupButtonContext.displayName = "ButtonGroupButtonContext";
//#endregion
//#region node_modules/@mui/material/Button/Button.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { color, disableElevation, fullWidth, size, variant, loading, loadingPosition, classes } = ownerState;
const slots = {
root: [
"root",
loading && "loading",
variant,
`size${capitalize_default(size)}`,
`color${capitalize_default(color)}`,
disableElevation && "disableElevation",
fullWidth && "fullWidth",
loading && `loadingPosition${capitalize_default(loadingPosition)}`
],
startIcon: ["icon", "startIcon"],
endIcon: ["icon", "endIcon"],
loadingIndicator: ["loadingIndicator"],
loadingWrapper: ["loadingWrapper"]
};
const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
return {
...classes,
...composedClasses
};
};
var commonIconStyles = [
{
props: { size: "small" },
style: { "& > *:nth-of-type(1)": { fontSize: 18 } }
},
{
props: { size: "medium" },
style: { "& > *:nth-of-type(1)": { fontSize: 20 } }
},
{
props: { size: "large" },
style: { "& > *:nth-of-type(1)": { fontSize: 22 } }
}
];
var ButtonRoot = styled(ButtonBase, {
shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes",
name: "MuiButton",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.variant],
styles[`size${capitalize_default(ownerState.size)}`],
ownerState.color === "inherit" && styles.colorInherit,
ownerState.disableElevation && styles.disableElevation,
ownerState.fullWidth && styles.fullWidth,
ownerState.loading && styles.loading
];
}
})(memoTheme(({ theme }) => {
const inheritContainedBackgroundColor = theme.palette.mode === "light" ? theme.palette.grey[300] : theme.palette.grey[800];
const inheritContainedHoverBackgroundColor = theme.palette.mode === "light" ? theme.palette.grey.A100 : theme.palette.grey[700];
return {
...theme.typography.button,
minWidth: 64,
padding: "6px 16px",
border: 0,
borderRadius: (theme.vars || theme).shape.borderRadius,
...getTransitionStyles(theme, [
"background-color",
"box-shadow",
"border-color",
"color"
], { duration: theme.transitions.duration.short }),
"&:hover": { textDecoration: "none" },
[`&.${buttonClasses.disabled}`]: { color: (theme.vars || theme).palette.action.disabled },
variants: [
{
props: { variant: "contained" },
style: {
color: `var(--variant-containedColor)`,
backgroundColor: `var(--variant-containedBg)`,
boxShadow: (theme.vars || theme).shadows[2],
"&:hover": {
boxShadow: (theme.vars || theme).shadows[4],
"@media (hover: none)": { boxShadow: (theme.vars || theme).shadows[2] }
},
"&:active": { boxShadow: (theme.vars || theme).shadows[8] },
[`&.${buttonClasses.focusVisible}`]: { boxShadow: (theme.vars || theme).shadows[6] },
[`&.${buttonClasses.disabled}`]: {
color: (theme.vars || theme).palette.action.disabled,
boxShadow: (theme.vars || theme).shadows[0],
backgroundColor: (theme.vars || theme).palette.action.disabledBackground
}
}
},
{
props: { variant: "outlined" },
style: {
padding: "5px 15px",
border: "1px solid currentColor",
borderColor: `var(--variant-outlinedBorder, currentColor)`,
backgroundColor: `var(--variant-outlinedBg)`,
color: `var(--variant-outlinedColor)`,
[`&.${buttonClasses.disabled}`]: { border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}` }
}
},
{
props: { variant: "text" },
style: {
padding: "6px 8px",
color: `var(--variant-textColor)`,
backgroundColor: `var(--variant-textBg)`
}
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
props: { color },
style: {
"--variant-textColor": (theme.vars || theme).palette[color].main,
"--variant-outlinedColor": (theme.vars || theme).palette[color].main,
"--variant-outlinedBorder": theme.alpha((theme.vars || theme).palette[color].main, .5),
"--variant-containedColor": (theme.vars || theme).palette[color].contrastText,
"--variant-containedBg": (theme.vars || theme).palette[color].main,
"@media (hover: hover)": { "&:hover": {
"--variant-containedBg": (theme.vars || theme).palette[color].dark,
"--variant-textBg": theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity),
"--variant-outlinedBorder": (theme.vars || theme).palette[color].main,
"--variant-outlinedBg": theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)
} }
}
})),
{
props: { color: "inherit" },
style: {
color: "inherit",
borderColor: "currentColor",
"--variant-containedBg": theme.vars ? theme.vars.palette.Button.inheritContainedBg : inheritContainedBackgroundColor,
"@media (hover: hover)": { "&:hover": {
"--variant-containedBg": theme.vars ? theme.vars.palette.Button.inheritContainedHoverBg : inheritContainedHoverBackgroundColor,
"--variant-textBg": theme.alpha((theme.vars || theme).palette.text.primary, (theme.vars || theme).palette.action.hoverOpacity),
"--variant-outlinedBg": theme.alpha((theme.vars || theme).palette.text.primary, (theme.vars || theme).palette.action.hoverOpacity)
} }
}
},
{
props: {
size: "small",
variant: "text"
},
style: {
padding: "4px 5px",
fontSize: theme.typography.pxToRem(13)
}
},
{
props: {
size: "large",
variant: "text"
},
style: {
padding: "8px 11px",
fontSize: theme.typography.pxToRem(15)
}
},
{
props: {
size: "small",
variant: "outlined"
},
style: {
padding: "3px 9px",
fontSize: theme.typography.pxToRem(13)
}
},
{
props: {
size: "large",
variant: "outlined"
},
style: {
padding: "7px 21px",
fontSize: theme.typography.pxToRem(15)
}
},
{
props: {
size: "small",
variant: "contained"
},
style: {
padding: "4px 10px",
fontSize: theme.typography.pxToRem(13)
}
},
{
props: {
size: "large",
variant: "contained"
},
style: {
padding: "8px 22px",
fontSize: theme.typography.pxToRem(15)
}
},
{
props: { disableElevation: true },
style: {
boxShadow: "none",
"&:hover": { boxShadow: "none" },
[`&.${buttonClasses.focusVisible}`]: { boxShadow: "none" },
"&:active": { boxShadow: "none" },
[`&.${buttonClasses.disabled}`]: { boxShadow: "none" }
}
},
{
props: { fullWidth: true },
style: { width: "100%" }
},
{
props: { loadingPosition: "center" },
style: {
...getTransitionStyles(theme, [
"background-color",
"box-shadow",
"border-color"
], { duration: theme.transitions.duration.short }),
[`&.${buttonClasses.loading}`]: { color: "transparent" }
}
}
]
};
}));
var ButtonStartIcon = styled("span", {
name: "MuiButton",
slot: "StartIcon",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.startIcon, ownerState.loading && styles.startIconLoadingStart];
}
})(({ theme }) => ({
display: "inherit",
alignItems: "center",
marginRight: 8,
marginLeft: -4,
"&::before": {
content: "\"\\200b\"",
width: 0,
overflow: "hidden"
},
variants: [
{
props: { size: "small" },
style: { marginLeft: -2 }
},
{
props: {
loadingPosition: "start",
loading: true
},
style: {
...getTransitionStyles(theme, ["opacity"], { duration: theme.transitions.duration.short }),
opacity: 0
}
},
{
props: {
loadingPosition: "start",
loading: true,
fullWidth: true
},
style: { marginRight: -8 }
},
...commonIconStyles
]
}));
var ButtonEndIcon = styled("span", {
name: "MuiButton",
slot: "EndIcon",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.endIcon, ownerState.loading && styles.endIconLoadingEnd];
}
})(({ theme }) => ({
display: "inherit",
marginRight: -4,
marginLeft: 8,
variants: [
{
props: { size: "small" },
style: { marginRight: -2 }
},
{
props: {
loadingPosition: "end",
loading: true
},
style: {
...getTransitionStyles(theme, ["opacity"], { duration: theme.transitions.duration.short }),
opacity: 0
}
},
{
props: {
loadingPosition: "end",
loading: true,
fullWidth: true
},
style: { marginLeft: -8 }
},
...commonIconStyles
]
}));
var ButtonLoadingIndicator = styled("span", {
name: "MuiButton",
slot: "LoadingIndicator"
})(({ theme }) => ({
display: "none",
position: "absolute",
visibility: "visible",
variants: [
{
props: { loading: true },
style: { display: "flex" }
},
{
props: { loadingPosition: "start" },
style: { left: 14 }
},
{
props: {
loadingPosition: "start",
size: "small"
},
style: { left: 10 }
},
{
props: {
variant: "text",
loadingPosition: "start"
},
style: { left: 6 }
},
{
props: { loadingPosition: "center" },
style: {
left: "50%",
transform: "translate(-50%)",
color: (theme.vars || theme).palette.action.disabled
}
},
{
props: { loadingPosition: "end" },
style: { right: 14 }
},
{
props: {
loadingPosition: "end",
size: "small"
},
style: { right: 10 }
},
{
props: {
variant: "text",
loadingPosition: "end"
},
style: { right: 6 }
},
{
props: {
loadingPosition: "start",
fullWidth: true
},
style: {
position: "relative",
left: -10
}
},
{
props: {
loadingPosition: "end",
fullWidth: true
},
style: {
position: "relative",
right: -10
}
}
]
}));
var ButtonLoadingIconPlaceholder = styled("span", {
name: "MuiButton",
slot: "LoadingIconPlaceholder"
})({
display: "inline-block",
width: "1em",
height: "1em"
});
var Button = /*#__PURE__*/ import_react.forwardRef(function Button(inProps, ref) {
const contextProps = import_react.useContext(ButtonGroupContext);
const buttonGroupButtonContextPositionClassName = import_react.useContext(ButtonGroupButtonContext);
const resolvedProps = resolveProps(contextProps, inProps);
const props = useDefaultProps({
props: resolvedProps,
name: "MuiButton"
});
const { children, color = "primary", component = "button", className, disabled = false, disableElevation = false, disableFocusRipple = false, endIcon: endIconProp, focusVisibleClassName, fullWidth = false, id: idProp, loading = null, loadingIndicator: loadingIndicatorProp, loadingPosition = "center", size = "medium", startIcon: startIconProp, type, variant = "text", ...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,
color,
component,
disabled,
disableElevation,
disableFocusRipple,
fullWidth,
loading,
loadingIndicator,
loadingPosition,
size,
type,
variant
};
const classes = useUtilityClasses(ownerState);
const startIcon = (startIconProp || loading && loadingPosition === "start") && /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ButtonStartIcon, {
className: classes.startIcon,
ownerState,
children: startIconProp || /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ButtonLoadingIconPlaceholder, {
className: classes.loadingIconPlaceholder,
ownerState
})
});
const endIcon = (endIconProp || loading && loadingPosition === "end") && /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ButtonEndIcon, {
className: classes.endIcon,
ownerState,
children: endIconProp || /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ButtonLoadingIconPlaceholder, {
className: classes.loadingIconPlaceholder,
ownerState
})
});
const positionClassName = buttonGroupButtonContextPositionClassName || "";
const loader = typeof loading === "boolean" ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)("span", {
className: classes.loadingWrapper,
style: { display: "contents" },
children: loading && /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ButtonLoadingIndicator, {
className: classes.loadingIndicator,
ownerState,
children: loadingIndicator
})
}) : null;
const { root, ...forwardedClasses } = classes;
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(ButtonRoot, {
ownerState,
className: clsx(contextProps.className, classes.root, className, positionClassName),
component,
disabled: disabled || loading,
focusRipple: !disableFocusRipple,
focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
ref,
internalNativeButton: true,
type,
id: loading ? loadingId : idProp,
...other,
classes: forwardedClasses,
children: [
startIcon,
loadingPosition !== "end" && loader,
children,
loadingPosition === "end" && loader,
endIcon
]
});
});
Button.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"inherit",
"primary",
"secondary",
"success",
"error",
"info",
"warning"
]), import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, no elevation is used.
* @default false
*/
disableElevation: import_prop_types.default.bool,
/**
* If `true`, the keyboard focus ripple is disabled.
* @default false
*/
disableFocusRipple: import_prop_types.default.bool,
/**
* If `true`, the ripple effect is disabled.
*
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
* @default false
*/
disableRipple: import_prop_types.default.bool,
/**
* Element placed after the children.
*/
endIcon: import_prop_types.default.node,
/**
* @ignore
*/
focusVisibleClassName: import_prop_types.default.string,
/**
* If `true`, the button will take up the full width of its container.
* @default false
*/
fullWidth: import_prop_types.default.bool,
/**
* The URL to link to when the button is clicked.
* If defined, an `a` element will be used as the root node.
*/
href: import_prop_types.default.string,
/**
* @ignore
*/
id: import_prop_types.default.string,
/**
* If `true`, the loading indicator is visible and the button is disabled.
* If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
* @default null
*/
loading: import_prop_types.default.bool,
/**
* Element placed before the children if the button is in loading state.
* The node should contain an element with `role="progressbar"` with an accessible name.
* By default, it renders a `CircularProgress` that is labeled by the button itself.
* @default <CircularProgress color="inherit" size={16} />
*/
loadingIndicator: import_prop_types.default.node,
/**
* The loading indicator can be positioned on the start, end, or the center of the button.
* @default 'center'
*/
loadingPosition: import_prop_types.default.oneOf([
"center",
"end",
"start"
]),
/**
* The size of the component.
* `small` is equivalent to the dense button styling.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"small",
"medium",
"large"
]), import_prop_types.default.string]),
/**
* Element placed before the children.
*/
startIcon: 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
]),
/**
* @ignore
*/
type: import_prop_types.default.string,
/**
* The variant to use.
* @default 'text'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"contained",
"outlined",
"text"
]), import_prop_types.default.string])
};
//#endregion
export { getButtonUtilityClass as a, buttonClasses as i, ButtonGroupButtonContext as n, ButtonGroupContext as r, Button as t };
File diff suppressed because one or more lines are too long
@@ -1,276 +1,18 @@
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, I as css, L as keyframes, 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 { n as useDefaultProps } from "./capitalize-DTn_UgGy.js";
import { n as useTheme, t as chainPropTypes } from "./chainPropTypes-CAm0AXCI.js";
//#region node_modules/@mui/utils/useEnhancedEffect/useEnhancedEffect.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
/**
* A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
* This is useful for effects that are only needed for client-side rendering but not for SSR.
*
* Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
* and confirm it doesn't apply to your use-case.
*/
var useEnhancedEffect = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
//#endregion
//#region node_modules/@mui/utils/refType/refType.mjs
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var refType = import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]);
//#endregion
//#region node_modules/@mui/utils/useForkRef/useForkRef.mjs
/**
* Merges refs into a single memoized callback ref or `null`.
*
* ```tsx
* const rootRef = React.useRef<Instance>(null);
* const refFork = useForkRef(rootRef, props.ref);
*
* return (
* <Root {...props} ref={refFork} />
* );
* ```
*
* @param {Array<React.Ref<Instance> | undefined>} refs The ref array.
* @returns {React.RefCallback<Instance> | null} The new ref callback.
*/
function useForkRef(...refs) {
const cleanupRef = import_react.useRef(void 0);
const refEffect = import_react.useCallback((instance) => {
const cleanups = refs.map((ref) => {
if (ref == null) return null;
if (typeof ref === "function") {
const refCallback = ref;
const refCleanup = refCallback(instance);
return typeof refCleanup === "function" ? refCleanup : () => {
refCallback(null);
};
}
ref.current = instance;
return () => {
ref.current = null;
};
});
return () => {
cleanups.forEach((refCleanup) => refCleanup?.());
};
}, refs);
return import_react.useMemo(() => {
if (refs.every((ref) => ref == null)) return null;
return (value) => {
if (cleanupRef.current) {
cleanupRef.current();
cleanupRef.current = void 0;
}
if (value != null) cleanupRef.current = refEffect(value);
};
}, refs);
}
//#endregion
//#region node_modules/@mui/material/transitions/useReducedMotion.mjs
var import_jsx_runtime = require_jsx_runtime();
var MEDIA_QUERY = "(prefers-reduced-motion: reduce)";
var REDUCED_MOTION_DURATION = 0;
var REDUCED_MOTION_DELAY = "0ms";
var NOOP$1 = () => {};
var getDefaultSnapshot = () => false;
var getReducedMotionSnapshot = () => true;
var subscribeNoop = () => NOOP$1;
/**
* Subscribes to the OS reduced-motion media query only when the theme mode needs it.
* React 17 reads the media query after mount, matching useMediaQuery's fallback path.
*/
function useReducedMotionMediaQueryOld(enabled) {
const [queryState, setQueryState] = import_react.useState(() => ({
enabled,
matches: enabled ? null : false
}));
let matches = queryState.matches;
if (queryState.enabled !== enabled) {
matches = null;
if (!enabled) matches = false;
}
useEnhancedEffect(() => {
const setResolvedMatches = (nextMatches) => {
setQueryState((previousState) => {
if (previousState.enabled === enabled && previousState.matches === nextMatches) return previousState;
return {
enabled,
matches: nextMatches
};
});
};
if (!enabled) {
if (queryState.enabled) setResolvedMatches(false);
return;
}
if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
setResolvedMatches(false);
return;
}
const mediaQueryList = window.matchMedia(MEDIA_QUERY);
const update = () => {
setResolvedMatches(mediaQueryList.matches);
};
update();
mediaQueryList.addEventListener("change", update);
return () => {
mediaQueryList.removeEventListener("change", update);
};
}, [enabled, queryState.enabled]);
return matches;
}
var maybeReactUseSyncExternalStore = { ...import_react }.useSyncExternalStore;
/**
* React 18+ can read the media query during client renders, so newly mounted
* transitions do not start from the SSR-safe reduced-motion default.
*/
function useReducedMotionMediaQueryNew(enabled) {
const getServerSnapshot = enabled ? getReducedMotionSnapshot : getDefaultSnapshot;
const [getSnapshot, subscribe] = import_react.useMemo(() => {
if (!enabled || typeof window === "undefined" || typeof window.matchMedia !== "function") return [getDefaultSnapshot, subscribeNoop];
const mediaQueryList = window.matchMedia(MEDIA_QUERY);
return [() => mediaQueryList.matches, (notify) => {
mediaQueryList.addEventListener("change", notify);
return () => {
mediaQueryList.removeEventListener("change", notify);
};
}];
}, [enabled]);
return maybeReactUseSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
}
var useReducedMotionMediaQuery = maybeReactUseSyncExternalStore !== void 0 ? useReducedMotionMediaQueryNew : useReducedMotionMediaQueryOld;
/**
* Resolves whether a Material UI transition should reduce motion and provides
* adjusted CSS transition timing for MUI-owned duration/delay values.
*/
function useReducedMotion(mode, disablePrefersReducedMotion) {
const prefersReducedMotion = useReducedMotionMediaQuery(!disablePrefersReducedMotion && mode === "system");
const shouldReduceMotion = !disablePrefersReducedMotion && (mode === "always" || mode === "system" && prefersReducedMotion !== false);
return import_react.useMemo(() => ({
shouldReduceMotion,
getTransitionTiming(timing) {
if (!shouldReduceMotion) return timing;
return {
duration: REDUCED_MOTION_DURATION,
delay: REDUCED_MOTION_DELAY
};
}
}), [shouldReduceMotion]);
}
//#endregion
//#region node_modules/@mui/utils/getActiveElement/getActiveElement.mjs
/**
* Gets the actual active element, traversing through shadow roots if necessary.
*
* When an element inside a shadow root has focus, `document.activeElement` returns
* the shadow host element. This function recursively traverses shadow roots to find
* the actual focused element.
*
* @param root - The document or shadow root to start the search from.
* @returns The actual focused element, or null if no element has focus.
*
* @example
* // In a shadow DOM context
* const activeElement = getActiveElement(document);
* // Returns the actual focused element inside the shadow root
*
* @example
* // Starting from a specific document
* const activeElement = getActiveElement(ownerDocument(element));
*/
function activeElement(doc) {
let element = doc.activeElement;
while (element?.shadowRoot?.activeElement != null) element = element.shadowRoot.activeElement;
return element;
}
//#endregion
//#region node_modules/@mui/utils/ownerDocument/ownerDocument.mjs
function ownerDocument(node) {
return node && node.ownerDocument || document;
}
//#endregion
//#region node_modules/@mui/utils/setRef/setRef.mjs
/**
* TODO v5: consider making it private
*
* passes {value} to {ref}
*
* WARNING: Be sure to only call this inside a callback that is passed as a ref.
* Otherwise, make sure to cleanup the previous {ref} if it changes. See
* https://github.com/mui/material-ui/issues/13539
*
* Useful if you want to expose the ref of an inner component to the public API
* while still using it inside the component.
* @param ref A ref callback or ref object. If anything falsy, this is a no-op.
*/
function setRef(ref, value) {
if (typeof ref === "function") ref(value);
else if (ref) ref.current = value;
}
//#endregion
//#region node_modules/@mui/utils/useEventCallback/useEventCallback.mjs
/**
* Inspired by https://github.com/react/react/issues/14099#issuecomment-440013892
* See RFC in https://github.com/reactjs/rfcs/pull/220
*/
function useEventCallback(fn) {
const ref = import_react.useRef(fn);
useEnhancedEffect(() => {
ref.current = fn;
});
return import_react.useRef((...args) => (0, ref.current)(...args)).current;
}
//#endregion
//#region node_modules/@mui/material/utils/useEventCallback.mjs
var useEventCallback_default = useEventCallback;
//#endregion
//#region node_modules/@mui/material/utils/useForkRef.mjs
var useForkRef_default = useForkRef;
//#endregion
//#region node_modules/@mui/utils/elementTypeAcceptingRef/elementTypeAcceptingRef.mjs
function isClassComponent(elementType) {
const { prototype = {} } = elementType;
return Boolean(prototype.isReactComponent);
}
function elementTypeAcceptingRef(props, propName, componentName, location, propFullName) {
const propValue = props[propName];
const safePropName = propFullName || propName;
if (propValue == null || typeof window === "undefined") return null;
let warningHint;
/**
* Blacklisting instead of whitelisting
*
* Blacklisting will miss some components, such as React.Fragment. Those will at least
* trigger a warning in React.
* We can't whitelist because there is no safe way to detect React.forwardRef
* or class components. "Safe" means there's no public API.
*
*/
if (typeof propValue === "function" && !isClassComponent(propValue)) warningHint = "Did you accidentally provide a plain function component instead?";
if (propValue === import_react.Fragment) warningHint = "Did you accidentally provide a React.Fragment instead?";
if (warningHint !== void 0) return /* @__PURE__ */ new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. Expected an element type that can hold a ref. ${warningHint} For more information see https://mui.com/r/caveat-with-refs-guide`);
return null;
}
var elementTypeAcceptingRef_default = chainPropTypes(import_prop_types.default.elementType, elementTypeAcceptingRef);
//#endregion
//#region node_modules/@mui/utils/isFocusVisible/isFocusVisible.mjs
/**
* Returns a boolean indicating if the event's target has :focus-visible
*/
function isFocusVisible(element) {
try {
return element.matches(":focus-visible");
} catch (error) {
if (!window.navigator.userAgent.includes("jsdom")) console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join("\n"));
}
return false;
}
//#endregion
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { H as css, N as generateUtilityClasses, P as generateUtilityClass, U as keyframes, ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { i as useReducedMotion, n as useForkRef_default, t as useLazyRef } from "./useLazyRef-BFAG-x_s.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { n as useTheme } from "./chainPropTypes-CuuywaSz.js";
import { a as refType, i as useEventCallback_default, n as useTimeout, r as useOnMount } from "./useTimeout-Bjk18o42.js";
import { t as elementTypeAcceptingRef_default } from "./elementTypeAcceptingRef-ByxAWoSf.js";
import { t as isFocusVisible } from "./isFocusVisible-AAJ6xeny.js";
//#region node_modules/@mui/material/utils/useFocusableWhenDisabled.mjs
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
function useFocusableWhenDisabled(parameters) {
const { focusableWhenDisabled, disabled, composite = false, tabIndex: tabIndexProp = 0, isNativeButton } = parameters;
const isFocusableComposite = composite && focusableWhenDisabled !== false;
@@ -298,7 +40,7 @@ function useFocusableWhenDisabled(parameters) {
}
//#endregion
//#region node_modules/@mui/material/ButtonBase/useButtonBase.mjs
var EMPTY$1 = {};
var EMPTY = {};
function useButtonBase(parameters) {
const { nativeButton, nativeButtonProp, internalNativeButton = nativeButton, allowInferredHostMismatch = false, disabled, type, hasFormAction = false, tabIndex = 0, focusableWhenDisabled: focusableWhenDisabledParam, stopEventPropagation = false, onBeforeKeyDown, onBeforeKeyUp } = parameters;
const rootRef = import_react.useRef(null);
@@ -356,7 +98,7 @@ function useButtonBase(parameters) {
type
]);
return {
getButtonProps: import_react.useCallback((externalProps = EMPTY$1) => {
getButtonProps: import_react.useCallback((externalProps = EMPTY) => {
const { onClick: externalOnClick, onKeyDown: externalOnKeyDown, onKeyUp: externalOnKeyUp, ...otherExternalProps } = externalProps;
const handleClick = (event) => {
if (stopEventPropagation) event.stopPropagation();
@@ -408,21 +150,6 @@ function useButtonBase(parameters) {
};
}
//#endregion
//#region node_modules/@mui/utils/useLazyRef/useLazyRef.mjs
var UNINITIALIZED = {};
/**
* A React.useRef() that is initialized lazily with a function. Note that it accepts an optional
* initialization argument, so the initialization function doesn't need to be an inline closure.
*
* @usage
* const ref = useLazyRef(sortColumns, columns)
*/
function useLazyRef(init, initArg) {
const ref = import_react.useRef(UNINITIALIZED);
if (ref.current === UNINITIALIZED) ref.current = init(initArg);
return ref;
}
//#endregion
//#region node_modules/@mui/material/useLazyRipple/useLazyRipple.mjs
/**
* Lazy initialization container for the Ripple instance. This improves
@@ -493,51 +220,8 @@ function createControlledPromise() {
return p;
}
//#endregion
//#region node_modules/@mui/utils/useOnMount/useOnMount.mjs
var EMPTY = [];
/**
* A React.useEffect equivalent that runs once, when the component is mounted.
*/
function useOnMount(fn) {
import_react.useEffect(fn, EMPTY);
}
//#endregion
//#region node_modules/@mui/utils/useTimeout/useTimeout.mjs
var Timeout = class Timeout {
static create() {
return new Timeout();
}
currentId = null;
/**
* Executes `fn` after `delay`, clearing any previously scheduled call.
*/
start(delay, fn) {
this.clear();
this.currentId = setTimeout(() => {
this.currentId = null;
fn();
}, delay);
}
clear = () => {
if (this.currentId !== null) {
clearTimeout(this.currentId);
this.currentId = null;
}
};
disposeEffect = () => {
return this.clear;
};
};
function useTimeout() {
const timeout = useLazyRef(Timeout.create).current;
useOnMount(timeout.disposeEffect);
return timeout;
}
//#endregion
//#region node_modules/@mui/material/ButtonBase/Ripple.mjs
/**
* @ignore - internal component.
*/
var import_jsx_runtime = require_jsx_runtime();
function Ripple(props) {
const { className, classes, pulsate = false, rippleX, rippleY, rippleSize, in: inProp, onExited, timeout } = props;
const [leaving, setLeaving] = import_react.useState(false);
@@ -835,7 +519,8 @@ var TouchRipple = /*#__PURE__*/ import_react.forwardRef(function TouchRipple(inP
props: inProps,
name: "MuiTouchRipple"
});
const reducedMotion = useReducedMotion(useTheme().motion.reducedMotion, false);
const theme = useTheme();
const reducedMotion = useReducedMotion(theme.motion.reducedMotion, false);
const { center: centerProp = false, classes = EMPTY_OBJ, className, ...other } = props;
const [rippleState, setRippleState] = import_react.useState({
items: EMPTY_ARRAY,
@@ -1370,419 +1055,4 @@ ButtonBase.propTypes = {
type: import_prop_types.default.string
};
//#endregion
//#region node_modules/@mui/utils/useRovingTabIndex/RovingTabIndexContext.mjs
var RovingTabIndexContext = /*#__PURE__*/ import_react.createContext(void 0);
RovingTabIndexContext.displayName = "RovingTabIndexContext";
function useRovingTabIndexContext() {
const context = import_react.useContext(RovingTabIndexContext);
if (context === void 0) throw new Error("MUI: RovingTabIndexContext is missing. Roving tab index items must be placed within a roving tab index provider.");
return context;
}
//#endregion
//#region node_modules/@mui/utils/fastObjectShallowCompare/fastObjectShallowCompare.mjs
var is = Object.is;
/**
* Fast shallow compare for plain objects.
* Returns `true` when both objects have the same own enumerable keys and each value is equal
* according to `Object.is()`.
*/
function fastObjectShallowCompare(a, b) {
if (a === b) return true;
if (!(a instanceof Object) || !(b instanceof Object)) return false;
let aLength = 0;
let bLength = 0;
for (const key in a) {
aLength += 1;
if (!is(a[key], b[key])) return false;
if (!(key in b)) return false;
}
for (const _ in b) bLength += 1;
return aLength === bLength;
}
//#endregion
//#region node_modules/@mui/utils/useRovingTabIndex/useRovingTabIndex.mjs
var SUPPORTED_KEYS = [
"ArrowRight",
"ArrowLeft",
"ArrowUp",
"ArrowDown",
"Home",
"End"
];
/**
* Provides roving tab index behavior for a composite container and its focusable children.
* This is useful for implementing keyboard navigation in components like menus, tabs, and lists.
* The hook manages the focus state of child elements and provides props to be spread on both the container and the items.
* The container will handle keyboard events to move focus between items based on the specified orientation and wrapping behavior.
*/
function useRovingTabIndexRoot(params) {
const { activeItemId: activeItemIdProp, getDefaultActiveItemId, orientation, isRtl = false, isItemFocusable: itemFilter = isItemFocusable, wrap = true } = params;
const [activeItemIdState, setActiveItemIdState] = import_react.useState(activeItemIdProp);
const [previousActiveItemIdProp, setPreviousActiveItemIdProp] = import_react.useState(activeItemIdProp);
let activeItemIdCandidate = activeItemIdState;
if (activeItemIdProp !== previousActiveItemIdProp) {
setPreviousActiveItemIdProp(activeItemIdProp);
if (activeItemIdProp !== void 0 && activeItemIdProp !== activeItemIdState) {
activeItemIdCandidate = activeItemIdProp;
setActiveItemIdState(activeItemIdProp);
}
}
const containerRef = import_react.useRef(null);
const itemMapRef = import_react.useRef(/* @__PURE__ */ new Map());
const [mapTick, setMapTick] = import_react.useState(0);
const orderedItems = import_react.useMemo(() => {
return getOrderedItems(itemMapRef.current);
}, [mapTick]);
const resolvedActiveItemId = resolveActiveItemId(activeItemIdCandidate, orderedItems, itemFilter, getDefaultActiveItemId);
const activeItemIdRef = import_react.useRef(resolvedActiveItemId);
activeItemIdRef.current = resolvedActiveItemId;
const getActiveItem = import_react.useCallback(() => {
const snapshot = getOrderedItems(itemMapRef.current);
return getItemById(snapshot, resolveActiveItemId(activeItemIdRef.current, snapshot, itemFilter, getDefaultActiveItemId));
}, [getDefaultActiveItemId, itemFilter]);
const getItemMap = import_react.useCallback(() => {
return itemMapRef.current;
}, []);
const registerItem = useEventCallback((item) => {
if (fastObjectShallowCompare(itemMapRef.current.get(item.id) ?? null, item)) return;
itemMapRef.current.set(item.id, item);
setMapTick((value) => value + 1);
});
const unregisterItem = useEventCallback((itemId) => {
if (itemMapRef.current.delete(itemId)) setMapTick((value) => value + 1);
});
const setActiveItemId = useEventCallback((itemId) => {
setActiveItemIdState(itemId);
});
const isItemActive = import_react.useCallback((itemId) => {
return activeItemIdRef.current === itemId;
}, []);
const focusItem = import_react.useCallback((currentIndex, direction, wrap, isItemFocusableOverride) => {
const nextItem = getNextActiveItem(getNavigableItemsSnapshot(itemMapRef.current), currentIndex, direction, wrap, isItemFocusableOverride ?? itemFilter);
if (!nextItem) return null;
nextItem.element?.focus();
setActiveItemIdState(nextItem.id);
return nextItem;
}, [itemFilter]);
const getContainerProps = import_react.useCallback((ref, onFocusProp, onKeyDownProp) => {
const onFocus = (event) => {
onFocusProp?.(event);
const snapshot = getNavigableItemsSnapshot(itemMapRef.current);
const focusedIndex = findItemIndexByElement(snapshot, event.target);
if (focusedIndex !== -1) setActiveItemIdState(snapshot[focusedIndex].id);
};
const onKeyDown = (event) => {
onKeyDownProp?.(event);
if (event.defaultPrevented || event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) return;
if (!SUPPORTED_KEYS.includes(event.key)) return;
let previousItemKey = orientation === "horizontal" ? "ArrowLeft" : "ArrowUp";
let nextItemKey = orientation === "horizontal" ? "ArrowRight" : "ArrowDown";
if (orientation === "horizontal" && isRtl) {
previousItemKey = "ArrowRight";
nextItemKey = "ArrowLeft";
}
const snapshot = getNavigableItemsSnapshot(itemMapRef.current);
const currentFocus = activeElement(ownerDocument(containerRef.current));
const isFocusOnContainer = currentFocus === containerRef.current;
let currentIndex = getCurrentActiveItemIndex(snapshot, currentFocus, activeItemIdRef.current);
let direction = "next";
switch (event.key) {
case previousItemKey:
direction = "previous";
event.preventDefault();
if (isFocusOnContainer) currentIndex = snapshot.length;
break;
case nextItemKey:
event.preventDefault();
if (isFocusOnContainer) currentIndex = -1;
break;
case "Home":
event.preventDefault();
currentIndex = -1;
break;
case "End":
event.preventDefault();
direction = "previous";
currentIndex = snapshot.length;
break;
default: return;
}
focusItem(currentIndex, direction, wrap);
};
return {
onFocus,
onKeyDown,
ref: handleRefs(ref, (elementNode) => {
containerRef.current = elementNode;
})
};
}, [
focusItem,
isRtl,
orientation,
wrap
]);
const focusNext = import_react.useCallback((isItemFocusableOverride) => {
const snapshot = getNavigableItemsSnapshot(itemMapRef.current);
const currentFocus = activeElement(ownerDocument(containerRef.current));
const currentIndex = currentFocus === containerRef.current ? -1 : getCurrentActiveItemIndex(snapshot, currentFocus, activeItemIdRef.current);
return focusItem(currentIndex, "next", true, isItemFocusableOverride)?.id ?? null;
}, [focusItem]);
return import_react.useMemo(() => ({
activeItemId: resolvedActiveItemId,
focusNext,
getActiveItem,
getContainerProps,
getItemMap,
isItemActive,
registerItem,
setActiveItemId,
unregisterItem
}), [
resolvedActiveItemId,
focusNext,
getActiveItem,
getContainerProps,
getItemMap,
isItemActive,
registerItem,
setActiveItemId,
unregisterItem
]);
}
function useRovingTabIndexItem(params) {
const { activeItemId, registerItem, unregisterItem } = useRovingTabIndexContext();
const elementRef = import_react.useRef(null);
const item = import_react.useMemo(() => ({
disabled: params.disabled ?? false,
element: null,
focusableWhenDisabled: params.focusableWhenDisabled ?? false,
id: params.id,
selected: params.selected ?? false,
textValue: params.textValue
}), [
params.disabled,
params.focusableWhenDisabled,
params.id,
params.selected,
params.textValue
]);
const latestItemRef = import_react.useRef(item);
latestItemRef.current = item;
const handleElementRef = import_react.useCallback((element) => {
elementRef.current = element;
if (element == null) {
queueMicrotask(() => {
if (elementRef.current == null) unregisterItem(params.id);
});
return;
}
registerItem({
...latestItemRef.current,
element
});
}, [
params.id,
registerItem,
unregisterItem
]);
const mergedRef = useForkRef(params.ref, handleElementRef);
useEnhancedEffect(() => {
if (!elementRef.current) return;
registerItem({
...item,
element: elementRef.current
});
}, [item, registerItem]);
useEnhancedEffect(() => {
const itemId = params.id;
return () => {
unregisterItem(itemId);
};
}, [params.id, unregisterItem]);
return {
ref: mergedRef,
tabIndex: activeItemId === params.id ? 0 : -1
};
}
/**
* Resolves which item id should own the roving tab stop for the current render.
*
* This is the top-level decision point for "who gets `tabIndex=0` right now?".
* For example:
* - `Tabs` sometimes passes `selectedValue` as `activeItemId` so the selected tab becomes
* the tab stop when focus enters the list from outside.
* - `MenuList` leaves `activeItemId` undefined and relies on the default-item logic below
* so that menu-specific rules decide which menu item should initially own the tab stop.
*
* @param activeItemId The item id supplied through the root hook's `activeItemId` option.
* `undefined` means "the caller did not ask for a specific item, use the default-item
* logic instead". `null` means "there is intentionally no preferred item, so also fall
* back to the default-item logic".
* @param items The ordered registered items currently in the roving set.
* @param isFocusable A predicate that decides whether an item may receive roving focus.
* @param getDefaultActiveItemId Optional caller-provided function that picks the preferred
* default item when `activeItemId` is not driving the tab stop directly.
* @returns The id of the item that should own `tabIndex=0`, or `null` if no item is focusable.
*/
function resolveActiveItemId(activeItemId, items, isFocusable, getDefaultActiveItemId) {
if (activeItemId != null) return resolveRequestedItemId(activeItemId, items, isFocusable);
return resolveDefaultItemId(items, isFocusable, getDefaultActiveItemId);
}
/**
* Resolves the item id supplied through the root hook's `activeItemId` option.
*
* This path is used when a component such as `Tabs` or `MenuList` wants roving focus to
* follow a specific logical item. For example, `Tabs` can pass the selected tab's value as
* `activeItemId` so that the selected tab owns `tabIndex=0` when focus enters the list.
*
* @param requestedItemId The item id passed to the root hook's `activeItemId` option.
* @param items The ordered registered items currently in the roving set.
* @param isFocusable A predicate that decides whether an item may receive roving focus.
* @returns The same id when it still points to a focusable item. If that id no longer exists,
* returns the first focusable item. If the id still exists but the item is not focusable,
* returns the next focusable item after it without wrapping.
*/
function resolveRequestedItemId(requestedItemId, items, isFocusable) {
const requestedItemIndex = findItemIndexById(items, requestedItemId);
if (requestedItemIndex === -1) return getFirstFocusableItemId(items, isFocusable);
if (isFocusable(items[requestedItemIndex])) return items[requestedItemIndex].id;
return getNextActiveItem(items, requestedItemIndex, "next", false, isFocusable)?.id ?? null;
}
/**
* Resolves the default active item when the caller is not driving roving focus with
* `activeItemId`.
*
* This path is used on the initial render and whenever the caller leaves the choice of tab
* stop to the hook. `getDefaultActiveItemId` lets a component prefer a specific logical item
* before falling back to the first focusable item.
*
* For example:
* - `MenuList` uses this path all the time. When `variant="selectedMenu"`, it prefers the
* selected menu item; otherwise it prefers the first focusable menu item.
* - `Tabs` uses this path while focus is already inside the tab list, because at that point
* the current roving position should be driven by actual focus movement rather than by the
* selected tab value.
*
* @param items The ordered registered items currently in the roving set.
* @param isFocusable A predicate that decides whether an item may receive roving focus.
* @param getDefaultActiveItemId Optional caller-provided function that chooses which item
* should own the tab stop before the generic "first focusable item" fallback runs.
* @returns The default item id when it points to a focusable item, otherwise the first
* focusable item in the snapshot, or `null` when none are focusable.
*/
function resolveDefaultItemId(items, isFocusable, getDefaultActiveItemId) {
const defaultItemId = getDefaultActiveItemId?.(items);
if (defaultItemId != null) {
const defaultItem = getItemById(items, defaultItemId);
if (defaultItem && isFocusable(defaultItem)) return defaultItem.id;
}
return getFirstFocusableItemId(items, isFocusable);
}
/**
* Finds the best starting index for keyboard navigation.
*
* This is used immediately before keyboard navigation and `focusNext()` navigation. It prefers
* the item that currently holds DOM focus, but if focus is on the container or outside the item
* set it falls back to the last known active item id.
*
* @param items The navigable item snapshot used for the current keyboard interaction.
* @param currentFocus The element that currently has DOM focus, if any.
* @param fallbackActiveItemId The last known active item id when focus is not on an item.
* @returns The focused item's index when focus is currently on an item. Otherwise, the index
* of the fallback active item id, or `-1` when no matching item exists.
*/
function getCurrentActiveItemIndex(items, currentFocus, fallbackActiveItemId) {
if (currentFocus) {
const focusedIndex = findItemIndexByElement(items, currentFocus);
if (focusedIndex !== -1) return focusedIndex;
}
return findItemIndexById(items, fallbackActiveItemId);
}
/**
* Walks the item snapshot to find the next focusable item in the requested direction.
*
* This is the shared navigation primitive used by keyboard handling and imperative helpers
* such as `focusNext()`. It starts from the supplied index, advances through the snapshot in
* the requested direction, and skips over items that fail the `isFocusable` predicate.
*
* @param items The ordered navigable item snapshot.
* @param currentIndex The index to start from. Use `-1` to start before the first item or
* `items.length` to start after the last item.
* @param direction The direction to move through the snapshot.
* @param wrap Whether navigation should wrap around at the ends of the list.
* @param isFocusable A predicate that decides whether an item may receive roving focus.
* @returns The next focusable item record, or `null` when no focusable item can be reached.
*/
function getNextActiveItem(items, currentIndex, direction, wrap, isFocusable) {
const lastIndex = items.length - 1;
if (lastIndex === -1) return null;
let wrappedOnce = false;
let nextIndex = getNextIndex(currentIndex, lastIndex, direction, wrap);
const startIndex = nextIndex;
while (nextIndex !== -1) {
if (nextIndex === startIndex) {
if (wrappedOnce) return null;
wrappedOnce = true;
}
const nextItem = items[nextIndex];
if (!nextItem || !isFocusable(nextItem)) nextIndex = getNextIndex(nextIndex, lastIndex, direction, wrap);
else return nextItem;
}
return null;
}
function getFirstFocusableItemId(items, isFocusable) {
return items.find((item) => isFocusable(item))?.id ?? null;
}
function getItemById(items, itemId) {
return itemId == null ? null : items.find((item) => item.id === itemId) ?? null;
}
function findItemIndexById(items, itemId) {
return itemId == null ? -1 : items.findIndex((item) => item.id === itemId);
}
function findItemIndexByElement(items, element) {
if (!element) return -1;
return items.findIndex((item) => item.element === element || item.element?.contains(element));
}
function getOrderedItems(itemMap) {
const items = Array.from(itemMap.values());
if (items.every((item) => item.element == null)) return items;
const connectedItems = items.filter(isConnectedItem).sort((itemA, itemB) => sortByDocumentPosition(itemA.element, itemB.element));
const disconnectedItems = items.filter((item) => !isConnectedItem(item));
return [...connectedItems, ...disconnectedItems];
}
function getNavigableItemsSnapshot(itemMap) {
return getOrderedItems(itemMap).filter(isConnectedItem);
}
function getNextIndex(currentIndex, lastIndex, direction, wrap = true) {
if (direction === "next") {
if (currentIndex === lastIndex) return wrap ? 0 : -1;
return currentIndex + 1;
}
if (currentIndex === 0) return wrap ? lastIndex : -1;
return currentIndex - 1;
}
function isItemFocusable(item) {
if (!item.element) return false;
if (item.focusableWhenDisabled) return true;
return !item.disabled && !item.element.hasAttribute("disabled") && item.element.getAttribute("aria-disabled") !== "true" && item.element.hasAttribute("tabindex");
}
function isConnectedItem(item) {
return item.element != null && item.element.isConnected;
}
function sortByDocumentPosition(a, b) {
if (a === b) return 0;
const position = a.compareDocumentPosition(b);
if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) return -1;
if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) return 1;
return 0;
}
function handleRefs(...refs) {
return (node) => {
refs.forEach((ref) => {
setRef(ref ?? null, node);
});
};
}
//#endregion
export { useForkRef as C, useReducedMotion as S, useEnhancedEffect as T, useEventCallback_default as _, useRovingTabIndexContext as a, ownerDocument as b, getButtonBaseUtilityClass as c, Timeout as d, useTimeout as f, useForkRef_default as g, elementTypeAcceptingRef_default as h, RovingTabIndexContext as i, getTouchRippleUtilityClass as l, isFocusVisible as m, useRovingTabIndexItem as n, ButtonBase as o, useLazyRef as p, useRovingTabIndexRoot as r, buttonBaseClasses as s, isItemFocusable as t, touchRippleClasses as u, useEventCallback as v, refType as w, activeElement as x, setRef as y };
export { touchRippleClasses as a, getTouchRippleUtilityClass as i, buttonBaseClasses as n, getButtonBaseUtilityClass as r, ButtonBase as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,576 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { N as generateUtilityClasses, P as generateUtilityClass, ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, n as rootShouldForwardProp, t as styled } from "./styled-6tX-8l05.js";
import { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.js";
import { t as useSlot } from "./useSlot-BqY3lobE.js";
import { t as useControlled_default } from "./useControlled-COuwyMRm.js";
import { t as mergeSlotProps } from "./mergeSlotProps-BrPQ7QvQ.js";
import { t as ButtonBase } from "./ButtonBase-DAGRPe3U.js";
import { t as useFormControl } from "./useFormControl-DsSCzWhM.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
//#region node_modules/@mui/material/Checkbox/checkboxClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getCheckboxUtilityClass(slot) {
return generateUtilityClass("MuiCheckbox", slot);
}
var checkboxClasses = generateUtilityClasses("MuiCheckbox", [
"root",
"checked",
"disabled",
"indeterminate",
"colorPrimary",
"colorSecondary",
"sizeSmall",
"sizeMedium"
]);
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/Close.mjs
/**
* @ignore - internal component.
*
* Alias to `Clear`.
*/
var Close_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }), "Close");
//#endregion
//#region node_modules/@mui/material/internal/switchBaseClasses.mjs
function getSwitchBaseUtilityClass(slot) {
return generateUtilityClass("PrivateSwitchBase", slot);
}
generateUtilityClasses("PrivateSwitchBase", [
"root",
"checked",
"disabled",
"input",
"edgeStart",
"edgeEnd"
]);
//#endregion
//#region node_modules/@mui/material/internal/SwitchBase.mjs
var useUtilityClasses$1 = (ownerState) => {
const { classes, checked, disabled, edge } = ownerState;
const slots = {
root: [
"root",
checked && "checked",
disabled && "disabled",
edge && `edge${capitalize_default(edge)}`
],
input: ["input"]
};
return composeClasses(slots, getSwitchBaseUtilityClass, classes);
};
var SwitchBaseRoot = styled(ButtonBase, { name: "MuiSwitchBase" })({
padding: 9,
borderRadius: "50%",
variants: [
{
props: {
edge: "start",
size: "small"
},
style: { marginLeft: -3 }
},
{
props: ({ edge, ownerState }) => edge === "start" && ownerState.size !== "small",
style: { marginLeft: -12 }
},
{
props: {
edge: "end",
size: "small"
},
style: { marginRight: -3 }
},
{
props: ({ edge, ownerState }) => edge === "end" && ownerState.size !== "small",
style: { marginRight: -12 }
}
]
});
var SwitchBaseInput = styled("input", {
name: "MuiSwitchBase",
shouldForwardProp: rootShouldForwardProp
})({
cursor: "inherit",
position: "absolute",
opacity: 0,
width: "100%",
height: "100%",
top: 0,
left: 0,
margin: 0,
padding: 0,
zIndex: 1
});
/**
* @ignore - internal component.
*/
var SwitchBase = /*#__PURE__*/ import_react.forwardRef(function SwitchBase(props, ref) {
const { autoFocus, checked: checkedProp, checkedIcon, defaultChecked, disabled: disabledProp, disableFocusRipple = false, edge = false, icon, id, name, onBlur, onChange, onFocus, readOnly, required = false, tabIndex, type, value, slots = {}, slotProps = {}, ...other } = props;
const { nativeButton, ...buttonBaseProps } = other;
const [checked, setCheckedState] = useControlled_default({
controlled: checkedProp,
default: Boolean(defaultChecked),
name: "SwitchBase",
state: "checked"
});
const muiFormControl = useFormControl();
const handleFocus = (event) => {
if (onFocus) onFocus(event);
if (muiFormControl && muiFormControl.onFocus) muiFormControl.onFocus(event);
};
const handleBlur = (event) => {
if (onBlur) onBlur(event);
if (muiFormControl && muiFormControl.onBlur) muiFormControl.onBlur(event);
};
const handleInputChange = (event) => {
if (event.nativeEvent.defaultPrevented || readOnly) return;
const newChecked = event.target.checked;
setCheckedState(newChecked);
if (onChange) onChange(event, newChecked);
};
let disabled = disabledProp;
if (muiFormControl) {
if (typeof disabled === "undefined") disabled = muiFormControl.disabled;
}
const hasLabelFor = type === "checkbox" || type === "radio";
const ownerState = {
...props,
checked,
disabled,
disableFocusRipple,
edge
};
const classes = useUtilityClasses$1(ownerState);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
ref,
elementType: SwitchBaseRoot,
className: classes.root,
shouldForwardComponentProp: true,
externalForwardedProps: {
...externalForwardedProps,
component: "span",
...buttonBaseProps
},
getSlotProps: (handlers) => ({
...handlers,
onFocus: (event) => {
handlers.onFocus?.(event);
handleFocus(event);
},
onBlur: (event) => {
handlers.onBlur?.(event);
handleBlur(event);
}
}),
ownerState,
additionalProps: {
centerRipple: true,
focusRipple: !disableFocusRipple,
role: void 0,
tabIndex: null
}
});
const [InputSlot, inputSlotProps] = useSlot("input", {
elementType: SwitchBaseInput,
className: classes.input,
externalForwardedProps,
getSlotProps: (handlers) => ({
...handlers,
onChange: (event) => {
handlers.onChange?.(event);
handleInputChange(event);
}
}),
ownerState,
additionalProps: {
autoFocus,
checked: checkedProp,
defaultChecked,
disabled,
id: hasLabelFor ? id : void 0,
name,
readOnly,
required,
tabIndex,
type,
...type === "checkbox" && value === void 0 ? {} : { value }
}
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(RootSlot, {
...rootSlotProps,
children: [/*#__PURE__*/ (0, import_jsx_runtime.jsx)(InputSlot, { ...inputSlotProps }), checked ? checkedIcon : icon]
});
});
SwitchBase.propTypes = {
/**
* If `true`, the `input` element is focused during the first mount.
*/
autoFocus: import_prop_types.default.bool,
/**
* If `true`, the component is checked.
*/
checked: import_prop_types.default.bool,
/**
* The icon to display when the component is checked.
*/
checkedIcon: import_prop_types.default.node.isRequired,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* @ignore
*/
defaultChecked: import_prop_types.default.bool,
/**
* If `true`, the component is disabled.
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the keyboard focus ripple is disabled.
* @default false
*/
disableFocusRipple: import_prop_types.default.bool,
/**
* If given, uses a negative margin to counteract the padding on one
* side (this is often helpful for aligning the left or right
* side of the icon with content above or below, without ruining the border
* size and shape).
* @default false
*/
edge: import_prop_types.default.oneOf([
"end",
"start",
false
]),
/**
* The icon to display when the component is unchecked.
*/
icon: import_prop_types.default.node.isRequired,
/**
* The id of the `input` element.
*/
id: import_prop_types.default.string,
name: import_prop_types.default.string,
/**
* @ignore
*/
onBlur: import_prop_types.default.func,
/**
* Callback fired when the state is changed.
*
* @param {object} event The event source of the callback.
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
*/
onChange: import_prop_types.default.func,
/**
* @ignore
*/
onFocus: import_prop_types.default.func,
/**
* It prevents the user from changing the value of the field
* (not from interacting with the field).
*/
readOnly: import_prop_types.default.bool,
/**
* If `true`, the `input` element is required.
*/
required: import_prop_types.default.bool,
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
input: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
input: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.object,
/**
* @ignore
*/
tabIndex: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string]),
/**
* The input component prop `type`.
*/
type: import_prop_types.default.string.isRequired,
/**
* The value of the component.
*/
value: import_prop_types.default.any
};
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/CheckBoxOutlineBlank.mjs
/**
* @ignore - internal component.
*/
var CheckBoxOutlineBlank_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }), "CheckBoxOutlineBlank");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/CheckBox.mjs
/**
* @ignore - internal component.
*/
var CheckBox_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }), "CheckBox");
//#endregion
//#region node_modules/@mui/material/internal/svg-icons/IndeterminateCheckBox.mjs
/**
* @ignore - internal component.
*/
var IndeterminateCheckBox_default = createSvgIcon(/*#__PURE__*/ (0, import_jsx_runtime.jsx)("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z" }), "IndeterminateCheckBox");
//#endregion
//#region node_modules/@mui/material/Checkbox/Checkbox.mjs
var useUtilityClasses = (ownerState) => {
const { classes, indeterminate, color, size } = ownerState;
const slots = { root: [
"root",
indeterminate && "indeterminate",
`color${capitalize_default(color)}`,
`size${capitalize_default(size)}`
] };
const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
return {
...classes,
...composedClasses
};
};
var CheckboxRoot = styled(SwitchBase, {
shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes",
name: "MuiCheckbox",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
ownerState.indeterminate && styles.indeterminate,
styles[`size${capitalize_default(ownerState.size)}`],
ownerState.color !== "default" && styles[`color${capitalize_default(ownerState.color)}`]
];
}
})(memoTheme(({ theme }) => ({
color: (theme.vars || theme).palette.text.secondary,
variants: [
{
props: {
color: "default",
disableRipple: false
},
style: { "&:hover": { backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity) } }
},
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
props: {
color,
disableRipple: false
},
style: { "&:hover": { backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity) } }
})),
...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
props: { color },
style: {
[`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: { color: (theme.vars || theme).palette[color].main },
[`&.${checkboxClasses.disabled}`]: { color: (theme.vars || theme).palette.action.disabled }
}
})),
{
props: { disableRipple: false },
style: { "&:hover": { "@media (hover: none)": { backgroundColor: "transparent" } } }
}
]
})));
var defaultCheckedIcon = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CheckBox_default, {});
var defaultIcon = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(CheckBoxOutlineBlank_default, {});
var defaultIndeterminateIcon = /*#__PURE__*/ (0, import_jsx_runtime.jsx)(IndeterminateCheckBox_default, {});
var Checkbox = /*#__PURE__*/ import_react.forwardRef(function Checkbox(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiCheckbox"
});
const { checkedIcon = defaultCheckedIcon, color = "primary", icon: iconProp = defaultIcon, indeterminate = false, indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon, size = "medium", disableRipple = false, className, slots = {}, slotProps = {}, ...other } = props;
const icon = indeterminate ? indeterminateIconProp : iconProp;
const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
const ownerState = {
...props,
disableRipple,
color,
indeterminate,
size
};
const classes = useUtilityClasses(ownerState);
const externalInputProps = slotProps.input;
const [RootSlot, rootSlotProps] = useSlot("root", {
ref,
elementType: CheckboxRoot,
className: clsx(classes.root, className),
shouldForwardComponentProp: true,
externalForwardedProps: {
slots,
slotProps,
...other
},
ownerState,
additionalProps: {
type: "checkbox",
icon: /*#__PURE__*/ import_react.cloneElement(icon, { fontSize: icon.props.fontSize ?? size }),
checkedIcon: /*#__PURE__*/ import_react.cloneElement(indeterminateIcon, { fontSize: indeterminateIcon.props.fontSize ?? size }),
disableRipple: props.disableRipple,
slots,
slotProps: { input: mergeSlotProps(typeof externalInputProps === "function" ? externalInputProps(ownerState) : externalInputProps, {
"data-indeterminate": indeterminate,
"aria-checked": indeterminate ? "mixed" : void 0
}) }
}
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(RootSlot, {
...rootSlotProps,
classes
});
});
Checkbox.propTypes = {
/**
* If `true`, the component is checked.
*/
checked: import_prop_types.default.bool,
/**
* The icon to display when the component is checked.
* @default <CheckBoxIcon />
*/
checkedIcon: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'primary'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"default",
"primary",
"secondary",
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The default checked state. Use when the component is not controlled.
*/
defaultChecked: import_prop_types.default.bool,
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the ripple effect is disabled.
* @default false
*/
disableRipple: import_prop_types.default.bool,
/**
* The icon to display when the component is unchecked.
* @default <CheckBoxOutlineBlankIcon />
*/
icon: import_prop_types.default.node,
/**
* The id of the `input` element.
*/
id: import_prop_types.default.string,
/**
* If `true`, the component appears indeterminate.
* This does not set the native input element to indeterminate due
* to inconsistent behavior across browsers.
* However, we set a `data-indeterminate` attribute on the `input`.
* @default false
*/
indeterminate: import_prop_types.default.bool,
/**
* The icon to display when the component is indeterminate.
* @default <IndeterminateCheckBoxIcon />
*/
indeterminateIcon: import_prop_types.default.node,
/**
* Callback fired when the state is changed.
*
* @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
* You can pull out the new checked state by accessing `event.target.checked` (boolean).
*/
onChange: import_prop_types.default.func,
/**
* If `true`, the `input` element is required.
* @default false
*/
required: import_prop_types.default.bool,
/**
* The size of the component.
* `small` is equivalent to the dense checkbox styling.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["medium", "small"]), import_prop_types.default.string]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
input: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object])
}),
/**
* The components used for each slot inside.
* @default {}
*/
slots: import_prop_types.default.shape({
input: import_prop_types.default.elementType,
root: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The value of the component. The DOM API casts this to a string.
* The browser uses "on" as the default value.
*/
value: import_prop_types.default.any
};
//#endregion
export { getCheckboxUtilityClass as a, checkboxClasses as i, SwitchBase as n, Close_default as r, Checkbox as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,338 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { H as css, N as generateUtilityClasses, P as generateUtilityClass, U as keyframes, ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as chainPropTypes } from "./chainPropTypes-CuuywaSz.js";
import { i as getTransitionStyles, t as getReducedMotionStyles } from "./utils-BCVtNTPx.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
//#region node_modules/@mui/material/CircularProgress/circularProgressClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
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 import_jsx_runtime = require_jsx_runtime();
var SIZE = 44;
var warnedMinMaxWithoutVariant = false;
var warnedInvalidMinMaxValue = 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 = (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 && 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 = true;
}
const min = minProp ?? 0;
const max = maxProp ?? 100;
const ownerState = {
...props,
color,
disableShrink,
size,
thickness,
value,
variant,
enableTrackSlot
};
const classes = useUtilityClasses(ownerState);
const circleStyle = {};
const rootStyle = {};
const rootProps = {};
if (variant === "determinate") {
const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
if (!warnedInvalidMinMaxValue && (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 = 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
export { circularProgressClasses as n, getCircularProgressUtilityClass as r, CircularProgress as t };
File diff suppressed because one or more lines are too long
@@ -1,9 +1,8 @@
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 { et as capitalize } from "./identifier-pRD-G8ad.js";
import { a as resolveProps, s as preprocessStyles } from "./styled-igcOhZNb.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { a as resolveProps } from "./styled-6tX-8l05.js";
//#region node_modules/@mui/system/DefaultPropsProvider/DefaultPropsProvider.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -41,30 +40,6 @@ function useDefaultProps$1({ props, name }) {
});
}
//#endregion
//#region node_modules/@mui/system/memoTheme.mjs
var arg = { theme: void 0 };
/**
* Memoize style function on theme.
* Intended to be used in styled() calls that only need access to the theme.
*/
function unstable_memoTheme(styleFn) {
let lastValue;
let lastTheme;
return function styleMemoized(props) {
let value = lastValue;
if (value === void 0 || props.theme !== lastTheme) {
arg.theme = props.theme;
value = preprocessStyles(styleFn(arg));
lastValue = value;
lastTheme = props.theme;
}
return value;
};
}
//#endregion
//#region node_modules/@mui/material/utils/memoTheme.mjs
var memoTheme = unstable_memoTheme;
//#endregion
//#region node_modules/@mui/material/DefaultPropsProvider/DefaultPropsProvider.mjs
function DefaultPropsProvider(props) {
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(DefaultPropsProvider$1, { ...props });
@@ -83,7 +58,4 @@ function useDefaultProps(params) {
return useDefaultProps$1(params);
}
//#endregion
//#region node_modules/@mui/material/utils/capitalize.mjs
var capitalize_default = capitalize;
//#endregion
export { DefaultPropsProvider$1 as i, useDefaultProps as n, memoTheme as r, capitalize_default as t };
export { DefaultPropsProvider$1 as n, useDefaultProps as t };
@@ -0,0 +1 @@
{"version":3,"file":"DefaultPropsProvider-Bc551CBZ.js","names":["DefaultPropsProvider","PropTypes","useDefaultProps","SystemDefaultPropsProvider","PropTypes","useSystemDefaultProps"],"sources":["../../@mui/system/DefaultPropsProvider/DefaultPropsProvider.mjs","../../@mui/material/DefaultPropsProvider/DefaultPropsProvider.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport resolveProps from '@mui/utils/resolveProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst PropsContext = /*#__PURE__*/React.createContext(undefined);\nfunction DefaultPropsProvider({\n value,\n children\n}) {\n return /*#__PURE__*/_jsx(PropsContext.Provider, {\n value: value,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object\n} : void 0;\nfunction getThemeProps(params) {\n const {\n theme,\n name,\n props\n } = params;\n if (!theme || !theme.components || !theme.components[name]) {\n return props;\n }\n const config = theme.components[name];\n if (config.defaultProps) {\n // compatible with v5 signature\n return resolveProps(config.defaultProps, props, theme.components.mergeClassNameAndStyle);\n }\n if (!config.styleOverrides && !config.variants) {\n // v6 signature, no property 'defaultProps'\n return resolveProps(config, props, theme.components.mergeClassNameAndStyle);\n }\n return props;\n}\nexport function useDefaultProps({\n props,\n name\n}) {\n const ctx = React.useContext(PropsContext);\n return getThemeProps({\n props,\n name,\n theme: {\n components: ctx\n }\n });\n}\nexport default DefaultPropsProvider;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport SystemDefaultPropsProvider, { useDefaultProps as useSystemDefaultProps } from '@mui/system/DefaultPropsProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction DefaultPropsProvider(props) {\n return /*#__PURE__*/_jsx(SystemDefaultPropsProvider, {\n ...props\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? DefaultPropsProvider.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * @ignore\n */\n children: PropTypes.node,\n /**\n * @ignore\n */\n value: PropTypes.object.isRequired\n} : void 0;\nexport default DefaultPropsProvider;\nexport function useDefaultProps(params) {\n return useSystemDefaultProps(params);\n}"],"mappings":";;;;;;;;;AAMA,IAAM,eAA4B,2BAAM,cAAc,KAAA,CAAS;AAC/D,SAASA,uBAAqB,EAC5B,OACA,YACC;CACD,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,aAAa,UAAU;EACvC;EACG;CACZ,CAAC;AACH;AACwC,uBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU;AACnB;AACA,SAAS,cAAc,QAAQ;CAC7B,MAAM,EACJ,OACA,MACA,UACE;CACJ,IAAI,CAAC,SAAS,CAAC,MAAM,cAAc,CAAC,MAAM,WAAW,OACnD,OAAO;CAET,MAAM,SAAS,MAAM,WAAW;CAChC,IAAI,OAAO,cAET,OAAO,aAAa,OAAO,cAAc,OAAO,MAAM,WAAW,sBAAsB;CAEzF,IAAI,CAAC,OAAO,kBAAkB,CAAC,OAAO,UAEpC,OAAO,aAAa,QAAQ,OAAO,MAAM,WAAW,sBAAsB;CAE5E,OAAO;AACT;AACA,SAAgBC,kBAAgB,EAC9B,OACA,QACC;CAED,OAAO,cAAc;EACnB;EACA;EACA,OAAO,EACL,YAAA,aALc,WAAW,YAKX,EAChB;CACF,CAAC;AACH;;;ACxDA,SAAS,qBAAqB,OAAO;CACnC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAKC,wBAA4B,EACnD,GAAG,MACL,CAAC;AACH;AACwC,qBAAqB,YAAmC;;;;CAQ9F,UAAUC,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU,OAAO;AAC1B;AAEA,SAAgB,gBAAgB,QAAQ;CACtC,OAAOC,kBAAsB,MAAM;AACrC"}
@@ -0,0 +1,437 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { 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 { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { 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 useTheme } from "./chainPropTypes-CuuywaSz.js";
import { t as useSlot } from "./useSlot-BqY3lobE.js";
import { a as FOCUSABLE_ATTRIBUTE, c as Backdrop, d as Fade, t as Modal } from "./Modal-Dc_q3zOI.js";
import { t as Paper } from "./Paper-Bm5qdnED.js";
import { t as DialogContext } from "./DialogContext-DQ3YWebh.js";
//#region node_modules/@mui/material/Dialog/dialogClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getDialogUtilityClass(slot) {
return generateUtilityClass("MuiDialog", slot);
}
var dialogClasses = generateUtilityClasses("MuiDialog", [
"root",
"backdrop",
"scrollPaper",
"scrollBody",
"container",
"paper",
"paperWidthFalse",
"paperWidthXs",
"paperWidthSm",
"paperWidthMd",
"paperWidthLg",
"paperWidthXl",
"paperFullWidth",
"paperFullScreen"
]);
//#endregion
//#region node_modules/@mui/material/Dialog/Dialog.mjs
var import_jsx_runtime = require_jsx_runtime();
var DialogBackdrop = styled(Backdrop, {
name: "MuiDialog",
slot: "Backdrop"
})({ zIndex: -1 });
var useUtilityClasses = (ownerState) => {
const { classes, scroll, maxWidth, fullWidth, fullScreen } = ownerState;
const slots = {
root: ["root"],
backdrop: ["backdrop"],
container: ["container", `scroll${capitalize_default(scroll)}`],
paper: [
"paper",
`paperWidth${capitalize_default(String(maxWidth))}`,
fullWidth && "paperFullWidth",
fullScreen && "paperFullScreen"
]
};
return composeClasses(slots, getDialogUtilityClass, classes);
};
var DialogRoot = styled(Modal, {
name: "MuiDialog",
slot: "Root"
})({ "@media print": { position: "absolute !important" } });
var DialogContainer = styled("div", {
name: "MuiDialog",
slot: "Container",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.container, styles[`scroll${capitalize_default(ownerState.scroll)}`]];
}
})({
height: "100%",
"@media print": { height: "auto" },
outline: 0,
variants: [{
props: { scroll: "paper" },
style: {
display: "flex",
justifyContent: "center",
alignItems: "center"
}
}, {
props: { scroll: "body" },
style: {
overflowY: "auto",
overflowX: "hidden",
textAlign: "center",
"&::after": {
content: "\"\"",
display: "inline-block",
verticalAlign: "middle",
height: "100%",
width: "0"
}
}
}]
});
var DialogPaper = styled(Paper, {
name: "MuiDialog",
slot: "Paper",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.paper,
styles[`paperWidth${capitalize_default(String(ownerState.maxWidth))}`],
ownerState.fullWidth && styles.paperFullWidth,
ownerState.fullScreen && styles.paperFullScreen
];
}
})(memoTheme(({ theme }) => ({
margin: 32,
position: "relative",
overflowY: "auto",
outline: 0,
"@media print": {
overflowY: "visible",
boxShadow: "none"
},
variants: [
{
props: { scroll: "paper" },
style: {
display: "flex",
flexDirection: "column",
maxHeight: "calc(100% - 64px)"
}
},
{
props: { scroll: "body" },
style: {
display: "inline-block",
verticalAlign: "middle",
textAlign: "initial"
}
},
{
props: ({ ownerState }) => !ownerState.maxWidth,
style: { maxWidth: "calc(100% - 64px)" }
},
{
props: { maxWidth: "xs" },
style: { maxWidth: theme.breakpoints.unit === "px" ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)` }
},
{
props: {
maxWidth: "xs",
scroll: "body"
},
style: { [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 64)]: { maxWidth: "calc(100% - 64px)" } }
},
...Object.keys(theme.breakpoints.values).filter((maxWidth) => maxWidth !== "xs").map((maxWidth) => ({
props: { maxWidth },
style: { maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}` }
})),
...Object.keys(theme.breakpoints.values).filter((maxWidth) => maxWidth !== "xs").map((maxWidth) => ({
props: {
maxWidth,
scroll: "body"
},
style: { [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 64)]: { maxWidth: "calc(100% - 64px)" } }
})),
{
props: ({ ownerState }) => ownerState.fullWidth,
style: { width: "calc(100% - 64px)" }
},
{
props: ({ ownerState }) => ownerState.fullScreen,
style: {
margin: 0,
width: "100%",
maxWidth: "100%",
height: "100%",
maxHeight: "none",
borderRadius: 0
}
},
{
props: ({ ownerState }) => ownerState.fullScreen && ownerState.scroll === "body",
style: {
margin: 0,
maxWidth: "100%"
}
}
]
})));
/**
* Dialogs are overlaid modal paper based components with a backdrop.
*/
var Dialog = /*#__PURE__*/ import_react.forwardRef(function Dialog(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialog"
});
const theme = useTheme();
const defaultTransitionDuration = {
enter: theme.transitions.duration.enteringScreen,
exit: theme.transitions.duration.leavingScreen
};
const { "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledbyProp, "aria-modal": ariaModal = true, children, className, fullScreen = false, fullWidth = false, maxWidth = "sm", onClick, onClose, open, PaperComponent = Paper, role = "dialog", scroll = "paper", slots = {}, slotProps = {}, transitionDuration = defaultTransitionDuration, ...other } = props;
const ownerState = {
...props,
fullScreen,
fullWidth,
maxWidth,
scroll
};
const classes = useUtilityClasses(ownerState);
const backdropClick = import_react.useRef();
const handleMouseDown = (event) => {
backdropClick.current = event.target === event.currentTarget;
};
const handleBackdropClick = (event) => {
if (onClick) onClick(event);
if (!backdropClick.current) return;
backdropClick.current = null;
if (onClose) onClose(event, "backdropClick");
};
const ariaLabelledby = useId(ariaLabelledbyProp);
const dialogContextValue = import_react.useMemo(() => {
return { titleId: ariaLabelledby };
}, [ariaLabelledby]);
const externalForwardedProps = {
slots,
slotProps
};
const [RootSlot, rootSlotProps] = useSlot("root", {
elementType: DialogRoot,
shouldForwardComponentProp: true,
externalForwardedProps,
ownerState,
className: clsx(classes.root, className),
ref
});
const [BackdropSlot, backdropSlotProps] = useSlot("backdrop", {
elementType: DialogBackdrop,
shouldForwardComponentProp: true,
externalForwardedProps,
ownerState,
className: classes.backdrop
});
const [PaperSlot, paperSlotProps] = useSlot("paper", {
elementType: DialogPaper,
shouldForwardComponentProp: true,
externalForwardedProps,
ownerState,
className: classes.paper,
additionalProps: {
elevation: 24,
role,
"aria-describedby": ariaDescribedby,
"aria-labelledby": ariaLabelledby,
"aria-modal": ariaModal,
tabIndex: -1,
[FOCUSABLE_ATTRIBUTE]: ""
}
});
const [ContainerSlot, containerSlotProps] = useSlot("container", {
elementType: DialogContainer,
externalForwardedProps,
ownerState,
className: classes.container
});
const [TransitionSlot, transitionSlotProps] = useSlot("transition", {
elementType: Fade,
externalForwardedProps,
ownerState,
additionalProps: {
appear: true,
in: open,
timeout: transitionDuration,
role: "presentation"
}
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(RootSlot, {
closeAfterTransition: true,
slots: { backdrop: BackdropSlot },
slotProps: { backdrop: {
transitionDuration,
...backdropSlotProps
} },
onClose,
open,
onClick: handleBackdropClick,
...rootSlotProps,
...other,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(TransitionSlot, {
...transitionSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(ContainerSlot, {
onMouseDown: handleMouseDown,
...containerSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(PaperSlot, {
as: PaperComponent,
...paperSlotProps,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(DialogContext.Provider, {
value: dialogContextValue,
children
})
})
})
})
});
});
Dialog.propTypes = {
/**
* The id(s) of the element(s) that describe the dialog.
*/
"aria-describedby": import_prop_types.default.string,
/**
* The id(s) of the element(s) that label the dialog.
*/
"aria-labelledby": import_prop_types.default.string,
/**
* Informs assistive technologies that the element is modal.
* It's added on the element with role="dialog".
* @default true
*/
"aria-modal": import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["false", "true"]), import_prop_types.default.bool]),
/**
* Dialog children, usually the included sub-components.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* If `true`, the dialog is full-screen.
* @default false
*/
fullScreen: import_prop_types.default.bool,
/**
* If `true`, the dialog stretches to `maxWidth`.
*
* Notice that the dialog width grow is limited by the default margin.
* @default false
*/
fullWidth: import_prop_types.default.bool,
/**
* Determine the max-width of the dialog.
* The dialog width grows with the size of the screen.
* Set to `false` to disable `maxWidth`.
* @default 'sm'
*/
maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"xs",
"sm",
"md",
"lg",
"xl",
false
]), import_prop_types.default.string]),
/**
* @ignore
*/
onClick: import_prop_types.default.func,
/**
* Callback fired when the component requests to be closed.
*
* @param {object} event The event source of the callback.
* @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
*/
onClose: import_prop_types.default.func,
/**
* If `true`, the component is shown.
*/
open: import_prop_types.default.bool.isRequired,
/**
* The component used to render the body of the dialog.
* @default Paper
*/
PaperComponent: import_prop_types.default.elementType,
/**
* The ARIA role for the dialog element.
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
* @default 'dialog'
*/
role: import_prop_types.default.oneOf(["alertdialog", "dialog"]),
/**
* Determine the container for scrolling the dialog.
* @default 'paper'
*/
scroll: import_prop_types.default.oneOf(["body", "paper"]),
/**
* The props used for each slot inside.
* @default {}
*/
slotProps: import_prop_types.default.shape({
backdrop: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
container: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
paper: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
root: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]),
transition: 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({
backdrop: import_prop_types.default.elementType,
container: import_prop_types.default.elementType,
paper: import_prop_types.default.elementType,
root: import_prop_types.default.elementType,
transition: import_prop_types.default.elementType
}),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The duration for the transition, in milliseconds.
* You may specify a single timeout for all transitions, or individually with an object.
* @default {
* enter: theme.transitions.duration.enteringScreen,
* exit: theme.transitions.duration.leavingScreen,
* }
*/
transitionDuration: 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
})])
};
//#endregion
export { dialogClasses as n, getDialogUtilityClass as r, Dialog as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,90 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { 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 { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
//#region node_modules/@mui/material/DialogActions/dialogActionsClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getDialogActionsUtilityClass(slot) {
return generateUtilityClass("MuiDialogActions", slot);
}
var dialogActionsClasses = generateUtilityClasses("MuiDialogActions", ["root", "spacing"]);
//#endregion
//#region node_modules/@mui/material/DialogActions/DialogActions.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { classes, disableSpacing } = ownerState;
return composeClasses({ root: ["root", !disableSpacing && "spacing"] }, getDialogActionsUtilityClass, classes);
};
var DialogActionsRoot = styled("div", {
name: "MuiDialogActions",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.root, !ownerState.disableSpacing && styles.spacing];
}
})({
display: "flex",
alignItems: "center",
padding: 8,
justifyContent: "flex-end",
flex: "0 0 auto",
variants: [{
props: ({ ownerState }) => !ownerState.disableSpacing,
style: { "& > :not(style) ~ :not(style)": { marginLeft: 8 } }
}]
});
var DialogActions = /*#__PURE__*/ import_react.forwardRef(function DialogActions(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogActions"
});
const { className, disableSpacing = false, ...other } = props;
const ownerState = {
...props,
disableSpacing
};
const classes = useUtilityClasses(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(DialogActionsRoot, {
className: clsx(classes.root, className),
ownerState,
ref,
...other
});
});
DialogActions.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* If `true`, the actions do not have additional margin.
* @default false
*/
disableSpacing: import_prop_types.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
export { dialogActionsClasses as n, getDialogActionsUtilityClass as r, DialogActions as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,98 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { 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 { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as dialogTitleClasses } from "./dialogTitleClasses-C2YA1vqw.js";
//#region node_modules/@mui/material/DialogContent/dialogContentClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getDialogContentUtilityClass(slot) {
return generateUtilityClass("MuiDialogContent", slot);
}
var dialogContentClasses = generateUtilityClasses("MuiDialogContent", ["root", "dividers"]);
//#endregion
//#region node_modules/@mui/material/DialogContent/DialogContent.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { classes, dividers } = ownerState;
return composeClasses({ root: ["root", dividers && "dividers"] }, getDialogContentUtilityClass, classes);
};
var DialogContentRoot = styled("div", {
name: "MuiDialogContent",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [styles.root, ownerState.dividers && styles.dividers];
}
})(memoTheme(({ theme }) => ({
flex: "1 1 auto",
WebkitOverflowScrolling: "touch",
overflowY: "auto",
padding: "20px 24px",
variants: [{
props: ({ ownerState }) => ownerState.dividers,
style: {
padding: "16px 24px",
borderTop: `1px solid ${(theme.vars || theme).palette.divider}`,
borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`
}
}, {
props: ({ ownerState }) => !ownerState.dividers,
style: { [`.${dialogTitleClasses.root} + &`]: { paddingTop: 0 } }
}]
})));
var DialogContent = /*#__PURE__*/ import_react.forwardRef(function DialogContent(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogContent"
});
const { className, dividers = false, ...other } = props;
const ownerState = {
...props,
dividers
};
const classes = useUtilityClasses(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(DialogContentRoot, {
className: clsx(classes.root, className),
ownerState,
ref,
...other
});
});
DialogContent.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* Display the top and bottom dividers.
* @default false
*/
dividers: import_prop_types.default.bool,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
export { dialogContentClasses as n, getDialogContentUtilityClass as r, DialogContent as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,6 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
var DialogContext = /*#__PURE__*/ (/* @__PURE__ */ __toESM(require_react(), 1)).createContext({});
DialogContext.displayName = "DialogContext";
//#endregion
export { DialogContext as t };
@@ -0,0 +1 @@
{"version":3,"file":"DialogContext-DQ3YWebh.js","names":[],"sources":["../../@mui/material/Dialog/DialogContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nconst DialogContext = /*#__PURE__*/React.createContext({});\nif (process.env.NODE_ENV !== 'production') {\n DialogContext.displayName = 'DialogContext';\n}\nexport default DialogContext;"],"mappings":";;AAGA,IAAM,gBAA6B,yDAAA,EAAA,CAAM,cAAc,CAAC,CAAC;AAEvD,cAAc,cAAc"}
@@ -0,0 +1,76 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as Typography } from "./Typography-sl4NL4Ms.js";
import { t as DialogContext } from "./DialogContext-DQ3YWebh.js";
import { n as getDialogTitleUtilityClass } from "./dialogTitleClasses-C2YA1vqw.js";
//#region node_modules/@mui/material/DialogTitle/DialogTitle.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { classes } = ownerState;
return composeClasses({ root: ["root"] }, getDialogTitleUtilityClass, classes);
};
var DialogTitleRoot = styled(Typography, {
name: "MuiDialogTitle",
slot: "Root"
})({
padding: "16px 24px",
flex: "0 0 auto"
});
var DialogTitle = /*#__PURE__*/ import_react.forwardRef(function DialogTitle(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiDialogTitle"
});
const { className, id: idProp, ...other } = props;
const ownerState = props;
const classes = useUtilityClasses(ownerState);
const { titleId = idProp } = import_react.useContext(DialogContext);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(DialogTitleRoot, {
component: "h2",
className: clsx(classes.root, className),
ownerState,
ref,
variant: "h6",
id: idProp ?? titleId,
...other
});
});
DialogTitle.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* @ignore
*/
id: import_prop_types.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
export { DialogTitle as t };
@@ -0,0 +1 @@
{"version":3,"file":"DialogTitle-CKIHJWMV.js","names":["PropTypes"],"sources":["../../@mui/material/DialogTitle/DialogTitle.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport Typography from \"../Typography/index.mjs\";\nimport { styled } from \"../zero-styled/index.mjs\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.mjs\";\nimport { getDialogTitleUtilityClass } from \"./dialogTitleClasses.mjs\";\nimport DialogContext from \"../Dialog/DialogContext.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, getDialogTitleUtilityClass, classes);\n};\nconst DialogTitleRoot = styled(Typography, {\n name: 'MuiDialogTitle',\n slot: 'Root'\n})({\n padding: '16px 24px',\n flex: '0 0 auto'\n});\nconst DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(inProps, ref) {\n const props = useDefaultProps({\n props: inProps,\n name: 'MuiDialogTitle'\n });\n const {\n className,\n id: idProp,\n ...other\n } = props;\n const ownerState = props;\n const classes = useUtilityClasses(ownerState);\n const {\n titleId = idProp\n } = React.useContext(DialogContext);\n return /*#__PURE__*/_jsx(DialogTitleRoot, {\n component: \"h2\",\n className: clsx(classes.root, className),\n ownerState: ownerState,\n ref: ref,\n variant: \"h6\",\n id: idProp ?? titleId,\n ...other\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? DialogTitle.propTypes /* remove-proptypes */ = {\n // ┌────────────────────────────── Warning ──────────────────────────────┐\n // │ These PropTypes are generated from the TypeScript type definitions. │\n // │ To update them, edit the d.ts file and run `pnpm proptypes`. │\n // └─────────────────────────────────────────────────────────────────────┘\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string,\n /**\n * @ignore\n */\n id: PropTypes.string,\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default DialogTitle;"],"mappings":";;;;;;;;;;;;;;AAYA,IAAM,qBAAoB,eAAc;CACtC,MAAM,EACJ,YACE;CAIJ,OAAO,eAAe,EAFpB,MAAM,CAAC,MAAM,EAEW,GAAG,4BAA4B,OAAO;AAClE;AACA,IAAM,kBAAkB,OAAO,YAAY;CACzC,MAAM;CACN,MAAM;AACR,CAAC,CAAC,CAAC;CACD,SAAS;CACT,MAAM;AACR,CAAC;AACD,IAAM,cAA2B,2BAAM,WAAW,SAAS,YAAY,SAAS,KAAK;CACnF,MAAM,QAAQ,gBAAgB;EAC5B,OAAO;EACP,MAAM;CACR,CAAC;CACD,MAAM,EACJ,WACA,IAAI,QACJ,GAAG,UACD;CACJ,MAAM,aAAa;CACnB,MAAM,UAAU,kBAAkB,UAAU;CAC5C,MAAM,EACJ,UAAU,WAAA,aACF,WAAW,aAAa;CAClC,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,iBAAiB;EACxC,WAAW;EACX,WAAW,KAAK,QAAQ,MAAM,SAAS;EAC3B;EACP;EACL,SAAS;EACT,IAAI,UAAU;EACd,GAAG;CACL,CAAC;AACH,CAAC;AACuC,YAAY,YAAmC;;;;CAQrF,UAAUA,kBAAAA,QAAU;;;;CAIpB,SAASA,kBAAAA,QAAU;;;;CAInB,WAAWA,kBAAAA,QAAU;;;;CAIrB,IAAIA,kBAAAA,QAAU;;;;CAId,IAAIA,kBAAAA,QAAU,UAAU;EAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,UAAU;GAACA,kBAAAA,QAAU;GAAMA,kBAAAA,QAAU;GAAQA,kBAAAA,QAAU;EAAI,CAAC,CAAC;EAAGA,kBAAAA,QAAU;EAAMA,kBAAAA,QAAU;CAAM,CAAC;AACxJ"}
@@ -0,0 +1,821 @@
import { r as __toESM, t as __commonJSMin } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { J as _extends } from "./identifier-BCIMFiRn.js";
//#region node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
function _objectWithoutPropertiesLoose(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
//#endregion
//#region node_modules/@mui/x-internals/reactMajor/index.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var reactMajor_default = parseInt("19.2.8", 10);
//#endregion
//#region node_modules/@mui/x-internals/fastObjectShallowCompare/fastObjectShallowCompare.mjs
var is = Object.is;
/**
* Fast shallow compare for objects.
* @returns true if objects are equal.
*/
function fastObjectShallowCompare(a, b) {
if (a === b) return true;
if (!(a instanceof Object) || !(b instanceof Object)) return false;
let aLength = 0;
let bLength = 0;
for (const key in a) {
aLength += 1;
if (!is(a[key], b[key])) return false;
if (!(key in b)) return false;
}
for (const _ in b) bLength += 1;
return aLength === bLength;
}
//#endregion
//#region node_modules/@mui/x-internals/warning/warning.mjs
var warnedOnceCache = /* @__PURE__ */ new Set();
/**
* Logs a message to the console on development mode. The warning will only be logged once.
*
* The message is the log's cache key. Two identical messages will only be logged once.
*
* This function is a no-op in production.
*
* @param message the message to log
* @param gravity the gravity of the warning. Defaults to `'warning'`.
* @returns
*/
function warnOnce(message, gravity = "warning") {
const cleanMessage = Array.isArray(message) ? message.join("\n") : message;
if (!warnedOnceCache.has(cleanMessage)) {
warnedOnceCache.add(cleanMessage);
if (gravity === "error") console.error(cleanMessage);
else console.warn(cleanMessage);
}
}
//#endregion
//#region node_modules/reselect/dist/reselect.mjs
var runIdentityFunctionCheck = (resultFunc, inputSelectorsResults, outputSelectorResult) => {
if (inputSelectorsResults.length === 1 && inputSelectorsResults[0] === outputSelectorResult) {
let isInputSameAsOutput = false;
try {
const emptyObject = {};
if (resultFunc(emptyObject) === emptyObject) isInputSameAsOutput = true;
} catch {}
if (isInputSameAsOutput) {
let stack = void 0;
try {
throw new Error();
} catch (e) {
({stack} = e);
}
console.warn("The result function returned its own inputs without modification. e.g\n`createSelector([state => state.todos], todos => todos)`\nThis could lead to inefficient memoization and unnecessary re-renders.\nEnsure transformation logic is in the result function, and extraction logic is in the input selectors.", { stack });
}
}
};
var runInputStabilityCheck = (inputSelectorResultsObject, options, inputSelectorArgs) => {
const { memoize, memoizeOptions } = options;
const { inputSelectorResults, inputSelectorResultsCopy } = inputSelectorResultsObject;
const createAnEmptyObject = memoize(() => ({}), ...memoizeOptions);
if (!(createAnEmptyObject.apply(null, inputSelectorResults) === createAnEmptyObject.apply(null, inputSelectorResultsCopy))) {
let stack = void 0;
try {
throw new Error();
} catch (e) {
({stack} = e);
}
console.warn("An input selector returned a different result when passed same arguments.\nThis means your output selector will likely run more frequently than intended.\nAvoid returning a new reference inside your input selector, e.g.\n`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)`", {
arguments: inputSelectorArgs,
firstInputs: inputSelectorResults,
secondInputs: inputSelectorResultsCopy,
stack
});
}
};
var globalDevModeChecks = {
inputStabilityCheck: "once",
identityFunctionCheck: "once"
};
var NOT_FOUND = /* @__PURE__ */ Symbol("NOT_FOUND");
function assertIsFunction(func, errorMessage = `expected a function, instead received ${typeof func}`) {
if (typeof func !== "function") throw new TypeError(errorMessage);
}
function assertIsArrayOfFunctions(array, errorMessage = `expected all items to be functions, instead received the following types: `) {
if (!array.every((item) => typeof item === "function")) {
const itemTypes = array.map((item) => typeof item === "function" ? `function ${item.name || "unnamed"}()` : typeof item).join(", ");
throw new TypeError(`${errorMessage}[${itemTypes}]`);
}
}
var ensureIsArray = (item) => {
return Array.isArray(item) ? item : [item];
};
function getDependencies(createSelectorArgs) {
const dependencies = Array.isArray(createSelectorArgs[0]) ? createSelectorArgs[0] : createSelectorArgs;
assertIsArrayOfFunctions(dependencies, `createSelector expects all input-selectors to be functions, but received the following types: `);
return dependencies;
}
function collectInputSelectorResults(dependencies, inputSelectorArgs) {
const inputSelectorResults = [];
const { length } = dependencies;
for (let i = 0; i < length; i++) inputSelectorResults.push(dependencies[i].apply(null, inputSelectorArgs));
return inputSelectorResults;
}
var getDevModeChecksExecutionInfo = (firstRun, devModeChecks) => {
const { identityFunctionCheck, inputStabilityCheck } = {
...globalDevModeChecks,
...devModeChecks
};
return {
identityFunctionCheck: {
shouldRun: identityFunctionCheck === "always" || identityFunctionCheck === "once" && firstRun,
run: runIdentityFunctionCheck
},
inputStabilityCheck: {
shouldRun: inputStabilityCheck === "always" || inputStabilityCheck === "once" && firstRun,
run: runInputStabilityCheck
}
};
};
function createSingletonCache(equals) {
let entry;
return {
get(key) {
if (entry && equals(entry.key, key)) return entry.value;
return NOT_FOUND;
},
put(key, value) {
entry = {
key,
value
};
},
getEntries() {
return entry ? [entry] : [];
},
clear() {
entry = void 0;
}
};
}
function createLruCache(maxSize, equals) {
let entries = [];
function get(key) {
const cacheIndex = entries.findIndex((entry) => equals(key, entry.key));
if (cacheIndex > -1) {
const entry = entries[cacheIndex];
if (cacheIndex > 0) {
entries.splice(cacheIndex, 1);
entries.unshift(entry);
}
return entry.value;
}
return NOT_FOUND;
}
function put(key, value) {
if (get(key) === NOT_FOUND) {
entries.unshift({
key,
value
});
if (entries.length > maxSize) entries.pop();
}
}
function getEntries() {
return entries;
}
function clear() {
entries = [];
}
return {
get,
put,
getEntries,
clear
};
}
var referenceEqualityCheck = (a, b) => a === b;
function createCacheKeyComparator(equalityCheck) {
return function areArgumentsShallowlyEqual(prev, next) {
if (prev === null || next === null || prev.length !== next.length) return false;
const { length } = prev;
for (let i = 0; i < length; i++) if (!equalityCheck(prev[i], next[i])) return false;
return true;
};
}
function lruMemoize(func, equalityCheckOrOptions) {
const { equalityCheck = referenceEqualityCheck, maxSize = 1, resultEqualityCheck } = typeof equalityCheckOrOptions === "object" ? equalityCheckOrOptions : { equalityCheck: equalityCheckOrOptions };
const comparator = createCacheKeyComparator(equalityCheck);
let resultsCount = 0;
const cache = maxSize <= 1 ? createSingletonCache(comparator) : createLruCache(maxSize, comparator);
function memoized() {
let value = cache.get(arguments);
if (value === NOT_FOUND) {
value = func.apply(null, arguments);
resultsCount++;
if (resultEqualityCheck) {
const matchingEntry = cache.getEntries().find((entry) => resultEqualityCheck(entry.value, value));
if (matchingEntry) {
value = matchingEntry.value;
resultsCount !== 0 && resultsCount--;
}
}
cache.put(arguments, value);
}
return value;
}
memoized.clearCache = () => {
cache.clear();
memoized.resetResultsCount();
};
memoized.resultsCount = () => resultsCount;
memoized.resetResultsCount = () => {
resultsCount = 0;
};
return memoized;
}
var StrongRef = class {
constructor(value) {
this.value = value;
}
deref() {
return this.value;
}
};
var getWeakRef = () => typeof WeakRef === "undefined" ? StrongRef : WeakRef;
var Ref = /* @__PURE__ */ getWeakRef();
var UNTERMINATED = 0;
var TERMINATED = 1;
function createCacheNode() {
return {
s: UNTERMINATED,
v: void 0,
o: null,
p: null
};
}
function maybeDeref(r) {
if (r instanceof Ref) return r.deref();
return r;
}
function weakMapMemoize(func, options = {}) {
let fnNode = createCacheNode();
const { resultEqualityCheck } = options;
let lastResult;
let resultsCount = 0;
function memoized() {
let cacheNode = fnNode;
const { length } = arguments;
for (let i = 0, l = length; i < l; i++) {
const arg = arguments[i];
if (typeof arg === "function" || typeof arg === "object" && arg !== null) {
let objectCache = cacheNode.o;
if (objectCache === null) cacheNode.o = objectCache = /* @__PURE__ */ new WeakMap();
const objectNode = objectCache.get(arg);
if (objectNode === void 0) {
cacheNode = createCacheNode();
objectCache.set(arg, cacheNode);
} else cacheNode = objectNode;
} else {
let primitiveCache = cacheNode.p;
if (primitiveCache === null) cacheNode.p = primitiveCache = /* @__PURE__ */ new Map();
const primitiveNode = primitiveCache.get(arg);
if (primitiveNode === void 0) {
cacheNode = createCacheNode();
primitiveCache.set(arg, cacheNode);
} else cacheNode = primitiveNode;
}
}
const terminatedNode = cacheNode;
let result;
if (cacheNode.s === TERMINATED) result = cacheNode.v;
else {
result = func.apply(null, arguments);
resultsCount++;
if (resultEqualityCheck) {
const lastResultValue = maybeDeref(lastResult);
if (lastResultValue != null && resultEqualityCheck(lastResultValue, result)) {
result = lastResultValue;
resultsCount !== 0 && resultsCount--;
}
lastResult = typeof result === "object" && result !== null || typeof result === "function" ? /* @__PURE__ */ new Ref(result) : result;
}
}
terminatedNode.s = TERMINATED;
terminatedNode.v = result;
return result;
}
memoized.clearCache = () => {
fnNode = createCacheNode();
memoized.resetResultsCount();
};
memoized.resultsCount = () => resultsCount;
memoized.resetResultsCount = () => {
resultsCount = 0;
};
return memoized;
}
function createSelectorCreator(memoizeOrOptions, ...memoizeOptionsFromArgs) {
const createSelectorCreatorOptions = typeof memoizeOrOptions === "function" ? {
memoize: memoizeOrOptions,
memoizeOptions: memoizeOptionsFromArgs
} : memoizeOrOptions;
const createSelector2 = (...createSelectorArgs) => {
let recomputations = 0;
let dependencyRecomputations = 0;
let lastResult;
let directlyPassedOptions = {};
let resultFunc = createSelectorArgs.pop();
if (typeof resultFunc === "object") {
directlyPassedOptions = resultFunc;
resultFunc = createSelectorArgs.pop();
}
assertIsFunction(resultFunc, `createSelector expects an output function after the inputs, but received: [${typeof resultFunc}]`);
const combinedOptions = {
...createSelectorCreatorOptions,
...directlyPassedOptions
};
const { memoize, memoizeOptions = [], argsMemoize = weakMapMemoize, argsMemoizeOptions = [] } = combinedOptions;
const finalMemoizeOptions = ensureIsArray(memoizeOptions);
const finalArgsMemoizeOptions = ensureIsArray(argsMemoizeOptions);
const dependencies = getDependencies(createSelectorArgs);
const memoizedResultFunc = memoize(function recomputationWrapper() {
recomputations++;
return resultFunc.apply(null, arguments);
}, ...finalMemoizeOptions);
let firstRun = true;
const selector = argsMemoize(function dependenciesChecker() {
dependencyRecomputations++;
const inputSelectorResults = collectInputSelectorResults(dependencies, arguments);
lastResult = memoizedResultFunc.apply(null, inputSelectorResults);
{
const { devModeChecks = {} } = combinedOptions;
const { identityFunctionCheck, inputStabilityCheck } = getDevModeChecksExecutionInfo(firstRun, devModeChecks);
if (identityFunctionCheck.shouldRun) identityFunctionCheck.run(resultFunc, inputSelectorResults, lastResult);
if (inputStabilityCheck.shouldRun) {
const inputSelectorResultsCopy = collectInputSelectorResults(dependencies, arguments);
inputStabilityCheck.run({
inputSelectorResults,
inputSelectorResultsCopy
}, {
memoize,
memoizeOptions: finalMemoizeOptions
}, arguments);
}
if (firstRun) firstRun = false;
}
return lastResult;
}, ...finalArgsMemoizeOptions);
return Object.assign(selector, {
resultFunc,
memoizedResultFunc,
dependencies,
dependencyRecomputations: () => dependencyRecomputations,
resetDependencyRecomputations: () => {
dependencyRecomputations = 0;
},
lastResult: () => lastResult,
recomputations: () => recomputations,
resetRecomputations: () => {
recomputations = 0;
},
memoize,
argsMemoize
});
};
Object.assign(createSelector2, { withTypes: () => createSelector2 });
return createSelector2;
}
//#endregion
//#region node_modules/@mui/x-internals/store/createSelector.mjs
var reselectCreateSelector = createSelectorCreator({
memoize: lruMemoize,
memoizeOptions: {
maxSize: 1,
equalityCheck: Object.is
}
});
/**
* Creates a selector function that can be used to derive values from the store's state.
*
* The combiner function can have up to three additional parameters, but it **cannot have optional or default parameters**.
*
* This function accepts up to six functions and combines them into a single selector function.
* The resulting selector will take the state from the combined selectors and any additional parameters required by the combiner.
*
* The return type of the resulting selector is determined by the return type of the combiner function.
*
* @example
* const selector = createSelector(
* (state) => state.disabled
* );
*
* @example
* const selector = createSelector(
* (state) => state.disabled,
* (state) => state.open,
* (disabled, open) => ({ disabled, open })
* );
*/
var createSelector = (a, b, c, d, e, f, g, h, ...other) => {
if (other.length > 0) throw new Error("MUI X: Unsupported number of selectors. The createSelector function supports up to 8 input selectors. Consider combining selectors or restructuring your selector logic.");
let selector;
if (a && b && c && d && e && f && g && h) selector = (state, a1, a2, a3) => {
return h(a(state, a1, a2, a3), b(state, a1, a2, a3), c(state, a1, a2, a3), d(state, a1, a2, a3), e(state, a1, a2, a3), f(state, a1, a2, a3), g(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b && c && d && e && f && g) selector = (state, a1, a2, a3) => {
return g(a(state, a1, a2, a3), b(state, a1, a2, a3), c(state, a1, a2, a3), d(state, a1, a2, a3), e(state, a1, a2, a3), f(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b && c && d && e && f) selector = (state, a1, a2, a3) => {
return f(a(state, a1, a2, a3), b(state, a1, a2, a3), c(state, a1, a2, a3), d(state, a1, a2, a3), e(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b && c && d && e) selector = (state, a1, a2, a3) => {
return e(a(state, a1, a2, a3), b(state, a1, a2, a3), c(state, a1, a2, a3), d(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b && c && d) selector = (state, a1, a2, a3) => {
return d(a(state, a1, a2, a3), b(state, a1, a2, a3), c(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b && c) selector = (state, a1, a2, a3) => {
return c(a(state, a1, a2, a3), b(state, a1, a2, a3), a1, a2, a3);
};
else if (a && b) selector = (state, a1, a2, a3) => {
return b(a(state, a1, a2, a3), a1, a2, a3);
};
else if (a) selector = a;
else throw new Error("MUI X: Missing arguments for createSelector. At least one selector function is required. Provide one or more selector functions as arguments.");
return selector;
};
var createSelectorMemoizedWithOptions = (options) => (...inputs) => {
const cache = /* @__PURE__ */ new WeakMap();
let nextCacheId = 1;
const combiner = inputs[inputs.length - 1];
const nSelectors = inputs.length - 1 || 1;
const argsLength = Math.max(combiner.length - nSelectors, 0);
if (argsLength > 3) throw new Error("MUI X: Unsupported number of arguments for selector combiner. The combiner function supports up to 3 additional arguments beyond the selector outputs. Consider restructuring your selector to use fewer arguments.");
const selector = (state, a1, a2, a3) => {
let cacheKey = state.__cacheKey__;
if (!cacheKey) {
cacheKey = { id: nextCacheId };
state.__cacheKey__ = cacheKey;
nextCacheId += 1;
}
let fn = cache.get(cacheKey);
if (!fn) {
const selectors = inputs.length === 1 ? [(x) => x, combiner] : inputs;
let reselectArgs = inputs;
const selectorArgs = [
void 0,
void 0,
void 0
];
switch (argsLength) {
case 0: break;
case 1:
reselectArgs = [
...selectors.slice(0, -1),
() => selectorArgs[0],
combiner
];
break;
case 2:
reselectArgs = [
...selectors.slice(0, -1),
() => selectorArgs[0],
() => selectorArgs[1],
combiner
];
break;
case 3:
reselectArgs = [
...selectors.slice(0, -1),
() => selectorArgs[0],
() => selectorArgs[1],
() => selectorArgs[2],
combiner
];
break;
default: throw new Error("MUI X: Unsupported number of arguments for selector. The memoized selector supports up to 3 additional arguments. Consider restructuring your selector to use fewer arguments.");
}
if (options) reselectArgs = [...reselectArgs, options];
fn = reselectCreateSelector(...reselectArgs);
fn.selectorArgs = selectorArgs;
cache.set(cacheKey, fn);
}
switch (argsLength) {
case 3: fn.selectorArgs[2] = a3;
case 2: fn.selectorArgs[1] = a2;
case 1: fn.selectorArgs[0] = a1;
}
switch (argsLength) {
case 0: return fn(state);
case 1: return fn(state, a1);
case 2: return fn(state, a1, a2);
case 3: return fn(state, a1, a2, a3);
default: throw new Error("unreachable");
}
};
return selector;
};
/**
* Creates a memoized selector function that can be used to derive values from the store's state.
* This is useful for selectors that produce non-primitive values, such as objects or arrays, where memoization can help prevent unnecessary re-renders in React components.
*
* The memoization is implemented in a way that only the most recent selector result is cached.
* This is suitable for cases where the selector is called with the same state and arguments repeatedly,
* but may not be ideal for selectors that are called with a wide variety of states and arguments.
*
* The combiner function can have up to three additional parameters, but it **cannot have optional or default parameters**.
*
* This function accepts up to six functions and combines them into a single selector function.
* The resulting selector will take the state from the combined selectors and any additional parameters required by the combiner.
*
* The return type of the resulting selector is determined by the return type of the combiner function.
*
* @example
* const selector = createSelectorMemoized(
* (state) => state.disabled
* );
*
* @example
* const selector = createSelectorMemoized(
* (state) => state.disabled,
* (state) => state.open,
* (disabled, open) => ({ disabled, open })
* );
*/
var createSelectorMemoized = createSelectorMemoizedWithOptions();
//#endregion
//#region node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
/**
* @license React
* use-sync-external-store-shim.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var require_use_sync_external_store_shim_development = /* @__PURE__ */ __commonJSMin(((exports) => {
(function() {
function is(x, y) {
return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
}
function useSyncExternalStore$2(subscribe, getSnapshot) {
didWarnOld18Alpha || void 0 === React.startTransition || (didWarnOld18Alpha = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
var value = getSnapshot();
if (!didWarnUncachedGetSnapshot) {
var cachedValue = getSnapshot();
objectIs(value, cachedValue) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), didWarnUncachedGetSnapshot = !0);
}
cachedValue = useState({ inst: {
value,
getSnapshot
} });
var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
useLayoutEffect(function() {
inst.value = value;
inst.getSnapshot = getSnapshot;
checkIfSnapshotChanged(inst) && forceUpdate({ inst });
}, [
subscribe,
value,
getSnapshot
]);
useEffect(function() {
checkIfSnapshotChanged(inst) && forceUpdate({ inst });
return subscribe(function() {
checkIfSnapshotChanged(inst) && forceUpdate({ inst });
});
}, [subscribe]);
useDebugValue(value);
return value;
}
function checkIfSnapshotChanged(inst) {
var latestGetSnapshot = inst.getSnapshot;
inst = inst.value;
try {
var nextValue = latestGetSnapshot();
return !objectIs(inst, nextValue);
} catch (error) {
return !0;
}
}
function useSyncExternalStore$1(subscribe, getSnapshot) {
return getSnapshot();
}
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
var React = require_react(), objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
exports.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
})();
}));
//#endregion
//#region node_modules/use-sync-external-store/shim/index.js
var require_shim = /* @__PURE__ */ __commonJSMin(((exports, module) => {
module.exports = require_use_sync_external_store_shim_development();
}));
//#endregion
//#region node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js
/**
* @license React
* use-sync-external-store-shim/with-selector.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var require_with_selector_development = /* @__PURE__ */ __commonJSMin(((exports) => {
(function() {
function is(x, y) {
return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
}
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
var React = require_react(), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React.useRef, useEffect = React.useEffect, useMemo = React.useMemo, useDebugValue = React.useDebugValue;
exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
var instRef = useRef(null);
if (null === instRef.current) {
var inst = {
hasValue: !1,
value: null
};
instRef.current = inst;
} else inst = instRef.current;
instRef = useMemo(function() {
function memoizedSelector(nextSnapshot) {
if (!hasMemo) {
hasMemo = !0;
memoizedSnapshot = nextSnapshot;
nextSnapshot = selector(nextSnapshot);
if (void 0 !== isEqual && inst.hasValue) {
var currentSelection = inst.value;
if (isEqual(currentSelection, nextSnapshot)) return memoizedSelection = currentSelection;
}
return memoizedSelection = nextSnapshot;
}
currentSelection = memoizedSelection;
if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
var nextSelection = selector(nextSnapshot);
if (void 0 !== isEqual && isEqual(currentSelection, nextSelection)) return memoizedSnapshot = nextSnapshot, currentSelection;
memoizedSnapshot = nextSnapshot;
return memoizedSelection = nextSelection;
}
var hasMemo = !1, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
return [function() {
return memoizedSelector(getSnapshot());
}, null === maybeGetServerSnapshot ? void 0 : function() {
return memoizedSelector(maybeGetServerSnapshot());
}];
}, [
getSnapshot,
getServerSnapshot,
selector,
isEqual
]);
var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
useEffect(function() {
inst.hasValue = !0;
inst.value = value;
}, [value]);
useDebugValue(value);
return value;
};
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
})();
}));
//#endregion
//#region node_modules/use-sync-external-store/shim/with-selector.js
var require_with_selector = /* @__PURE__ */ __commonJSMin(((exports, module) => {
module.exports = require_with_selector_development();
}));
//#endregion
//#region node_modules/@mui/x-internals/store/useStore.mjs
var import_shim = require_shim();
var import_with_selector = require_with_selector();
var useStoreImplementation = reactMajor_default >= 19 ? useStoreR19 : useStoreLegacy;
function useStore(store, selector, a1, a2, a3) {
return useStoreImplementation(store, selector, a1, a2, a3);
}
function useStoreR19(store, selector, a1, a2, a3) {
const getSelection = import_react.useCallback(() => selector(store.getSnapshot(), a1, a2, a3), [
store,
selector,
a1,
a2,
a3
]);
return (0, import_shim.useSyncExternalStore)(store.subscribe, getSelection, getSelection);
}
function useStoreLegacy(store, selector, a1, a2, a3) {
return (0, import_with_selector.useSyncExternalStoreWithSelector)(store.subscribe, store.getSnapshot, store.getSnapshot, (state) => selector(state, a1, a2, a3));
}
//#endregion
//#region node_modules/@mui/x-internals/store/Store.mjs
var Store = class Store {
static create(state) {
return new Store(state);
}
constructor(state) {
this.state = state;
this.listeners = /* @__PURE__ */ new Set();
this.updateTick = 0;
}
subscribe = (fn) => {
this.listeners.add(fn);
return () => {
this.listeners.delete(fn);
};
};
/**
* Returns the current state snapshot. Meant for usage with `useSyncExternalStore`.
* If you want to access the state, use the `state` property instead.
*/
getSnapshot = () => {
return this.state;
};
setState(newState) {
this.state = newState;
this.updateTick += 1;
const currentTick = this.updateTick;
const it = this.listeners.values();
let result;
while (result = it.next(), !result.done) {
if (currentTick !== this.updateTick) return;
const listener = result.value;
listener(newState);
}
}
update(changes) {
for (const key in changes) if (!Object.is(this.state[key], changes[key])) {
this.setState(_extends({}, this.state, changes));
return;
}
}
set(key, value) {
if (!Object.is(this.state[key], value)) this.setState(_extends({}, this.state, { [key]: value }));
}
use = (selector, a1, a2, a3) => {
return useStore(this, selector, a1, a2, a3);
};
};
//#endregion
//#region node_modules/@mui/x-internals/EventManager/EventManager.mjs
var EventManager = class {
maxListeners = 20;
warnOnce = false;
events = {};
on(eventName, listener, options = {}) {
let collection = this.events[eventName];
if (!collection) {
collection = {
highPriority: /* @__PURE__ */ new Map(),
regular: /* @__PURE__ */ new Map()
};
this.events[eventName] = collection;
}
if (options.isFirst) collection.highPriority.set(listener, true);
else collection.regular.set(listener, true);
{
const collectionSize = collection.highPriority.size + collection.regular.size;
if (collectionSize > this.maxListeners && !this.warnOnce) {
this.warnOnce = true;
console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join("\n"));
}
}
}
removeListener(eventName, listener) {
if (this.events[eventName]) {
this.events[eventName].regular.delete(listener);
this.events[eventName].highPriority.delete(listener);
}
}
removeAllListeners() {
this.events = {};
}
emit(eventName, ...args) {
const collection = this.events[eventName];
if (!collection) return;
const highPriorityListeners = Array.from(collection.highPriority.keys());
const regularListeners = Array.from(collection.regular.keys());
for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
const listener = highPriorityListeners[i];
if (collection.highPriority.has(listener)) listener.apply(this, args);
}
for (let i = 0; i < regularListeners.length; i += 1) {
const listener = regularListeners[i];
if (collection.regular.has(listener)) listener.apply(this, args);
}
}
once(eventName, listener) {
const that = this;
this.on(eventName, function oneTimeListener(...args) {
that.removeListener(eventName, oneTimeListener);
listener.apply(that, args);
});
}
};
//#endregion
export { createSelector as a, warnOnce as c, _objectWithoutPropertiesLoose as d, require_shim as i, fastObjectShallowCompare as l, Store as n, createSelectorMemoized as o, useStore as r, lruMemoize as s, EventManager as t, reactMajor_default as u };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,228 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { i as useReducedMotion, n as useForkRef_default } from "./useLazyRef-BFAG-x_s.js";
import { r as getReactElementRef, t as elementAcceptingRef } from "./elementAcceptingRef-NQ-KkIxI.js";
import { n as useTheme } from "./chainPropTypes-CuuywaSz.js";
import { n as getTransitionChildStyle, o as normalizedTransitionCallback, r as getTransitionProps, s as reflow } from "./utils-BCVtNTPx.js";
import { t as Transition } from "./Transition-CTO78YMk.js";
//#region node_modules/@mui/material/Grow/Grow.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_jsx_runtime = require_jsx_runtime();
function getScale(value) {
return `scale(${value}, ${value ** 2})`;
}
var styles = {
entering: {
opacity: 1,
transform: getScale(1)
},
entered: {
opacity: 1,
transform: "none"
},
exiting: {
opacity: 0,
transform: getScale(.75)
},
exited: {
opacity: 0,
transform: getScale(.75)
}
};
var hiddenStyles = {
opacity: 0,
transform: getScale(.75),
visibility: "hidden"
};
/**
* The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
* [Popover](/material-ui/react-popover/) components.
*/
var Grow = /*#__PURE__*/ import_react.forwardRef(function Grow(props, ref) {
const { addEndListener, appear = true, children, disablePrefersReducedMotion = false, easing, in: inProp, onEnter, onEntered, onEntering, onExit, onExited, onExiting, style, timeout = "auto", ...other } = props;
const autoTimeout = import_react.useRef(null);
const theme = useTheme();
const reducedMotion = useReducedMotion(theme.motion.reducedMotion, disablePrefersReducedMotion);
const nodeRef = import_react.useRef(null);
const handleRef = useForkRef_default(nodeRef, getReactElementRef(children), ref);
const handleEntering = normalizedTransitionCallback(nodeRef, onEntering);
const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
if (!reducedMotion.shouldReduceMotion) reflow(node);
const { duration: transitionDuration, delay, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "enter" });
let duration;
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
autoTimeout.current = duration;
} else {
duration = transitionDuration;
autoTimeout.current = null;
}
const transitionTiming = reducedMotion.getTransitionTiming({
duration,
delay
});
node.style.transition = [theme.transitions.create("opacity", {
duration: transitionTiming.duration,
delay: transitionTiming.delay
}), theme.transitions.create("transform", {
duration: typeof transitionTiming.duration === "string" ? transitionTiming.duration : transitionTiming.duration * .666,
delay: transitionTiming.delay,
easing: transitionTimingFunction
})].join(",");
if (onEnter) onEnter(node, isAppearing);
});
const handleEntered = normalizedTransitionCallback(nodeRef, onEntered);
const handleExiting = normalizedTransitionCallback(nodeRef, onExiting);
const handleExit = normalizedTransitionCallback(nodeRef, (node) => {
const { duration: transitionDuration, delay, easing: transitionTimingFunction } = getTransitionProps({
style,
timeout,
easing
}, { mode: "exit" });
let duration;
if (timeout === "auto" && !reducedMotion.shouldReduceMotion) {
duration = theme.transitions.getAutoHeightDuration(node.clientHeight);
autoTimeout.current = duration;
} else {
duration = transitionDuration;
autoTimeout.current = null;
}
const transitionTiming = reducedMotion.getTransitionTiming({
duration,
delay
});
node.style.transition = [theme.transitions.create("opacity", {
duration: transitionTiming.duration,
delay: transitionTiming.delay
}), theme.transitions.create("transform", {
duration: typeof transitionTiming.duration === "string" ? transitionTiming.duration : transitionTiming.duration * .666,
delay: transitionTiming.delay || (typeof transitionTiming.duration === "string" ? transitionTiming.duration : transitionTiming.duration * .333),
easing: transitionTimingFunction
})].join(",");
node.style.opacity = 0;
node.style.transform = getScale(.75);
if (onExit) onExit(node);
});
const handleExited = normalizedTransitionCallback(nodeRef, (node) => {
node.style.transition = "";
if (onExited) onExited(node);
});
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(Transition, {
appear,
in: inProp,
nodeRef,
onEnter: handleEnter,
onEntered: handleEntered,
onEntering: handleEntering,
onExit: handleExit,
onExited: handleExited,
onExiting: handleExiting,
addEndListener: addEndListener ? (next) => {
addEndListener(nodeRef.current, next);
} : void 0,
getAutoTimeout: timeout === "auto" ? () => autoTimeout.current : void 0,
reduceMotion: reducedMotion.shouldReduceMotion,
timeout: timeout === "auto" ? null : timeout,
...other,
children: (state, { ownerState, ...restChildProps }) => {
const childStyle = getTransitionChildStyle(state, inProp, styles, hiddenStyles, style, children.props.style);
return /*#__PURE__*/ import_react.cloneElement(children, {
style: childStyle,
ref: handleRef,
...restChildProps
});
}
});
});
Grow.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,
/**
* Perform the enter transition when it first mounts if `in` is also `true`.
* Set this to `false` to disable this behavior.
* @default true
*/
appear: import_prop_types.default.bool,
/**
* A single child content element.
*/
children: elementAcceptingRef.isRequired,
/**
* 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,
/**
* @ignore
*/
style: 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 'auto'
*/
timeout: import_prop_types.default.oneOfType([
import_prop_types.default.oneOf(["auto"]),
import_prop_types.default.number,
import_prop_types.default.shape({
appear: import_prop_types.default.number,
enter: import_prop_types.default.number,
exit: import_prop_types.default.number
})
])
};
if (Grow) Grow.muiSupportAuto = true;
//#endregion
export { Grow as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,320 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { 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 { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as chainPropTypes } from "./chainPropTypes-CuuywaSz.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
import { t as useId_default } from "./useId-UEgN89h0.js";
import { t as ButtonBase } from "./ButtonBase-DAGRPe3U.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
import { t as CircularProgress } from "./CircularProgress-Vd69ti-e.js";
//#region node_modules/@mui/material/IconButton/iconButtonClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
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 import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (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(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 <button> will be responsive to click events."
].join("\n"));
return null;
}),
/**
* 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 'default'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"inherit",
"default",
"primary",
"secondary",
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* If `true`, the component is disabled.
* @default false
*/
disabled: import_prop_types.default.bool,
/**
* If `true`, the keyboard focus ripple is disabled.
* @default false
*/
disableFocusRipple: import_prop_types.default.bool,
/**
* If `true`, the ripple effect is disabled.
*
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
* @default false
*/
disableRipple: import_prop_types.default.bool,
/**
* If given, uses a negative margin to counteract the padding on one
* side (this is often helpful for aligning the left or right
* side of the icon with content above or below, without ruining the border
* size and shape).
* @default false
*/
edge: import_prop_types.default.oneOf([
"end",
"start",
false
]),
/**
* @ignore
*/
id: import_prop_types.default.string,
/**
* If `true`, the loading indicator is visible and the button is disabled.
* If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
* @default null
*/
loading: import_prop_types.default.bool,
/**
* Element placed before the children if the button is in loading state.
* The node should contain an element with `role="progressbar"` with an accessible name.
* By default, it renders a `CircularProgress` that is labeled by the button itself.
* @default <CircularProgress color="inherit" size={16} />
*/
loadingIndicator: import_prop_types.default.node,
/**
* The size of the component.
* `small` is equivalent to the dense button styling.
* @default 'medium'
*/
size: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"small",
"medium",
"large"
]), import_prop_types.default.string]),
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
])
};
//#endregion
export { getIconButtonUtilityClass as n, iconButtonClasses as r, IconButton as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,165 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { r as FormControlContext, t as useFormControl } from "./useFormControl-DsSCzWhM.js";
import { t as Typography } from "./Typography-sl4NL4Ms.js";
import { n as inputAdornmentClasses, t as getInputAdornmentUtilityClass } from "./inputAdornmentClasses-Dwv419w9.js";
//#region node_modules/@mui/material/InputAdornment/InputAdornment.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_jsx_runtime = require_jsx_runtime();
var _span;
var overridesResolver = (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[`position${capitalize_default(ownerState.position)}`],
ownerState.disablePointerEvents === true && styles.disablePointerEvents,
styles[ownerState.variant]
];
};
var useUtilityClasses = (ownerState) => {
const { classes, disablePointerEvents, hiddenLabel, position, size, variant } = ownerState;
const slots = { root: [
"root",
disablePointerEvents && "disablePointerEvents",
position && `position${capitalize_default(position)}`,
variant,
hiddenLabel && "hiddenLabel",
size && `size${capitalize_default(size)}`
] };
return composeClasses(slots, getInputAdornmentUtilityClass, classes);
};
var InputAdornmentRoot = styled("div", {
name: "MuiInputAdornment",
slot: "Root",
overridesResolver
})(memoTheme(({ theme }) => ({
display: "flex",
maxHeight: "2em",
alignItems: "center",
whiteSpace: "nowrap",
color: (theme.vars || theme).palette.action.active,
variants: [
{
props: { variant: "filled" },
style: { [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: { marginTop: 16 } }
},
{
props: { position: "start" },
style: { marginRight: 8 }
},
{
props: { position: "end" },
style: { marginLeft: 8 }
},
{
props: { disablePointerEvents: true },
style: { pointerEvents: "none" }
}
]
})));
var InputAdornment = /*#__PURE__*/ import_react.forwardRef(function InputAdornment(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiInputAdornment"
});
const { children, className, component = "div", disablePointerEvents = false, disableTypography = false, position, variant: variantProp, ...other } = props;
const muiFormControl = useFormControl() || {};
let variant = variantProp;
if (variantProp && muiFormControl.variant) {
if (variantProp === muiFormControl.variant) console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one.");
}
if (muiFormControl && !variant) variant = muiFormControl.variant;
const ownerState = {
...props,
hiddenLabel: muiFormControl.hiddenLabel,
size: muiFormControl.size,
disablePointerEvents,
position,
variant
};
const classes = useUtilityClasses(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(FormControlContext.Provider, {
value: null,
children: /*#__PURE__*/ (0, import_jsx_runtime.jsx)(InputAdornmentRoot, {
as: component,
ownerState,
className: clsx(classes.root, className),
ref,
...other,
children: typeof children === "string" && !disableTypography ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)(Typography, {
color: "textSecondary",
children
}) : /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [position === "start" ? _span || (_span = /*#__PURE__*/ (0, import_jsx_runtime.jsx)("span", {
className: "notranslate",
"aria-hidden": true,
children: "​"
})) : null, children] })
})
});
});
InputAdornment.propTypes = {
/**
* The content of the component, normally an `IconButton` or string.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* Disable pointer events on the root.
* This allows for the content of the adornment to focus the `input` on click.
* @default false
*/
disablePointerEvents: import_prop_types.default.bool,
/**
* If children is a string then disable wrapping in a Typography component.
* @default false
*/
disableTypography: import_prop_types.default.bool,
/**
* The position this adornment should appear relative to the `Input`.
*/
position: import_prop_types.default.oneOf(["end", "start"]).isRequired,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* The variant to use.
* Note: If you are using the `TextField` component or the `FormControl` component
* you do not have to set this manually.
*/
variant: import_prop_types.default.oneOf([
"filled",
"outlined",
"standard"
])
};
//#endregion
export { InputAdornment as t };
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,217 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { N as generateUtilityClasses, P as generateUtilityClass, ct as clsx, s as getOverlayAlpha, x as alpha } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { n as useTheme, t as chainPropTypes } from "./chainPropTypes-CuuywaSz.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
//#region node_modules/@mui/utils/integerPropType/integerPropType.mjs
function getTypeByValue(value) {
const valueType = typeof value;
switch (valueType) {
case "number":
if (Number.isNaN(value)) return "NaN";
if (!Number.isFinite(value)) return "Infinity";
if (value !== Math.floor(value)) return "float";
return "number";
case "object":
if (value === null) return "null";
return value.constructor.name;
default: return valueType;
}
}
function requiredInteger(props, propName, componentName, location) {
const propValue = props[propName];
if (propValue == null || !Number.isInteger(propValue)) {
const propType = getTypeByValue(propValue);
return /* @__PURE__ */ new RangeError(`Invalid ${location} \`${propName}\` of type \`${propType}\` supplied to \`${componentName}\`, expected \`integer\`.`);
}
return null;
}
function validator(props, propName, componentName, location) {
if (props[propName] === void 0) return null;
return requiredInteger(props, propName, componentName, location);
}
function validatorNoop() {
return null;
}
validator.isRequired = requiredInteger;
validatorNoop.isRequired = validatorNoop;
var integerPropType = validator;
//#endregion
//#region node_modules/@mui/material/Paper/paperClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
function getPaperUtilityClass(slot) {
return generateUtilityClass("MuiPaper", slot);
}
var paperClasses = generateUtilityClasses("MuiPaper", [
"root",
"rounded",
"outlined",
"elevation",
"elevation0",
"elevation1",
"elevation2",
"elevation3",
"elevation4",
"elevation5",
"elevation6",
"elevation7",
"elevation8",
"elevation9",
"elevation10",
"elevation11",
"elevation12",
"elevation13",
"elevation14",
"elevation15",
"elevation16",
"elevation17",
"elevation18",
"elevation19",
"elevation20",
"elevation21",
"elevation22",
"elevation23",
"elevation24"
]);
//#endregion
//#region node_modules/@mui/material/Paper/Paper.mjs
var import_jsx_runtime = require_jsx_runtime();
var useUtilityClasses = (ownerState) => {
const { square, elevation, variant, classes } = ownerState;
const slots = { root: [
"root",
variant,
!square && "rounded",
variant === "elevation" && `elevation${elevation}`
] };
return composeClasses(slots, getPaperUtilityClass, classes);
};
var PaperRoot = styled("div", {
name: "MuiPaper",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
styles[ownerState.variant],
!ownerState.square && styles.rounded,
ownerState.variant === "elevation" && styles[`elevation${ownerState.elevation}`]
];
}
})(memoTheme(({ theme }) => ({
backgroundColor: (theme.vars || theme).palette.background.paper,
color: (theme.vars || theme).palette.text.primary,
...getTransitionStyles(theme, "box-shadow"),
variants: [
{
props: ({ ownerState }) => !ownerState.square,
style: { borderRadius: theme.shape.borderRadius }
},
{
props: { variant: "outlined" },
style: { border: `1px solid ${(theme.vars || theme).palette.divider}` }
},
{
props: { variant: "elevation" },
style: {
boxShadow: "var(--Paper-shadow)",
backgroundImage: "var(--Paper-overlay)"
}
}
]
})));
var Paper = /*#__PURE__*/ import_react.forwardRef(function Paper(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiPaper"
});
const theme = useTheme();
const { className, component = "div", elevation = 1, square = false, variant = "elevation", ...other } = props;
const ownerState = {
...props,
component,
elevation,
square,
variant
};
const classes = useUtilityClasses(ownerState);
if (theme.shadows[elevation] === void 0) console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join("\n"));
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(PaperRoot, {
as: component,
ownerState,
className: clsx(classes.root, className),
ref,
...other,
style: {
...variant === "elevation" && {
"--Paper-shadow": (theme.vars || theme).shadows[elevation],
...theme.vars && { "--Paper-overlay": theme.vars.overlays?.[elevation] },
...!theme.vars && theme.palette.mode === "dark" && { "--Paper-overlay": `linear-gradient(${alpha("#fff", getOverlayAlpha(elevation))}, ${alpha("#fff", getOverlayAlpha(elevation))})` }
},
...other.style
}
});
});
Paper.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* Shadow depth, corresponds to `dp` in the spec.
* It accepts values between 0 and 24 inclusive.
* @default 1
*/
elevation: chainPropTypes(integerPropType, (props) => {
const { elevation, variant } = props;
if (elevation > 0 && variant === "outlined") return /* @__PURE__ */ new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
return null;
}),
/**
* If `true`, rounded corners are disabled.
* @default false
*/
square: import_prop_types.default.bool,
/**
* @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 variant to use.
* @default 'elevation'
*/
variant: import_prop_types.default.oneOfType([import_prop_types.default.oneOf(["elevation", "outlined"]), import_prop_types.default.string])
};
//#endregion
export { integerPropType as i, getPaperUtilityClass as n, paperClasses as r, Paper as t };
File diff suppressed because one or more lines are too long
@@ -0,0 +1,232 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { $ as handleBreakpoints, I as createTheme, N as generateUtilityClasses, P as generateUtilityClass, X as createUnarySpacing, Z as getValue, ct as clsx, et as mergeBreakpointsInOrder, rt as deepmerge, tt as resolveBreakpointValues } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { t as styled$1 } from "./styled-4WW7iiVd.js";
import { t as useThemeProps } from "./useThemeProps-B3jPO4rl.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
//#region node_modules/@mui/system/Stack/createStack.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_jsx_runtime = require_jsx_runtime();
var defaultTheme = createTheme();
var defaultCreateStyledComponent = styled$1("div", {
name: "MuiStack",
slot: "Root"
});
function useThemePropsDefault(props) {
return useThemeProps({
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/Stack/Stack.mjs
var Stack = createStack({
createStyledComponent: styled("div", {
name: "MuiStack",
slot: "Root"
}),
useThemeProps: (inProps) => useDefaultProps({
props: inProps,
name: "MuiStack"
})
});
Stack.propTypes = {
/**
* The content of the component.
*/
children: import_prop_types.default.node,
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* Defines the `flex-direction` style property.
* It is applied for all screen sizes.
* @default 'column'
*/
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
]),
/**
* Add an element between each child.
*/
divider: import_prop_types.default.node,
/**
* Defines the space between immediate children.
* @default 0
*/
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
]),
/**
* The system prop, which 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
]),
/**
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
*
* While CSS `gap` removes the known limitations,
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
*
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
* @default false
*/
useFlexGap: import_prop_types.default.bool
};
//#endregion
//#region node_modules/@mui/material/Stack/stackClasses.mjs
var stackClasses = generateUtilityClasses("MuiStack", ["root"]);
//#endregion
export { Stack as n, stackClasses as t };
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,18 +1,15 @@
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 { a as useRovingTabIndexContext, n as useRovingTabIndexItem, o as ButtonBase } from "./useRovingTabIndex-BXoGac0D.js";
import { n as useDefaultProps, r as memoTheme, t as capitalize_default } from "./capitalize-DTn_UgGy.js";
//#region node_modules/@mui/utils/unsupportedProp/unsupportedProp.mjs
function unsupportedProp(props, propName, componentName, location, propFullName) {
const propFullNameSafe = propFullName || propName;
if (typeof props[propName] !== "undefined") return /* @__PURE__ */ new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
return null;
}
//#endregion
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 { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as unsupportedProp } from "./unsupportedProp-CGuzKoGr.js";
import { t as ButtonBase } from "./ButtonBase-DAGRPe3U.js";
import { a as useRovingTabIndexContext, n as useRovingTabIndexItem } from "./useRovingTabIndex-DnGkRX59.js";
//#region node_modules/@mui/material/utils/unsupportedProp.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
File diff suppressed because one or more lines are too long
@@ -1,7 +1,7 @@
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 { t as require_prop_types } from "./prop-types-C5owi9-6.js";
//#region node_modules/@mui/lab/TabContext/TabContext.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
@@ -1 +1 @@
{"version":3,"file":"TabContext-D4t-wY-9.js","names":["PropTypes"],"sources":["../../@mui/lab/TabContext/TabContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * @type {React.Context<{ idPrefix: string; value: string } | null>}\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Context = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n Context.displayName = 'TabContext';\n}\nfunction useUniquePrefix() {\n const [id, setId] = React.useState(null);\n React.useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setId(`mui-p-${Math.round(Math.random() * 1e5)}`);\n }, []);\n return id;\n}\nexport default function TabContext(props) {\n const {\n children,\n value\n } = props;\n const idPrefix = useUniquePrefix();\n const context = React.useMemo(() => {\n return {\n idPrefix,\n value\n };\n }, [idPrefix, value]);\n return /*#__PURE__*/_jsx(Context.Provider, {\n value: context,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? TabContext.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 * The value of the currently selected `Tab`.\n */\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n} : void 0;\n\n/**\n * @returns {unknown}\n */\nexport function useTabContext() {\n return React.useContext(Context);\n}\nexport function getPanelId(context, value) {\n const {\n idPrefix\n } = context;\n if (idPrefix === null) {\n return null;\n }\n return `${context.idPrefix}-P-${value}`;\n}\nexport function getTabId(context, value) {\n const {\n idPrefix\n } = context;\n if (idPrefix === null) {\n return null;\n }\n return `${context.idPrefix}-T-${value}`;\n}"],"mappings":";;;;;;;;AASA,IAAM,UAAuB,2BAAM,cAAc,IAAI;AAEnD,QAAQ,cAAc;AAExB,SAAS,kBAAkB;CACzB,MAAM,CAAC,IAAI,SAAA,aAAe,SAAS,IAAI;CACvC,aAAM,gBAAgB;EAEpB,MAAM,SAAS,KAAK,MAAM,KAAK,OAAO,IAAI,GAAG,GAAG;CAClD,GAAG,CAAC,CAAC;CACL,OAAO;AACT;AACA,SAAwB,WAAW,OAAO;CACxC,MAAM,EACJ,UACA,UACE;CACJ,MAAM,WAAW,gBAAgB;CACjC,MAAM,UAAA,aAAgB,cAAc;EAClC,OAAO;GACL;GACA;EACF;CACF,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,UAAU;EACzC,OAAO;EACG;CACZ,CAAC;AACH;AACwC,WAAW,YAAmC;;;;CAQpF,UAAUA,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU,UAAU,CAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AACnE;;;;AAKA,SAAgB,gBAAgB;CAC9B,OAAA,aAAa,WAAW,OAAO;AACjC;AACA,SAAgB,WAAW,SAAS,OAAO;CACzC,MAAM,EACJ,aACE;CACJ,IAAI,aAAa,MACf,OAAO;CAET,OAAO,GAAG,QAAQ,SAAS,KAAK;AAClC;AACA,SAAgB,SAAS,SAAS,OAAO;CACvC,MAAM,EACJ,aACE;CACJ,IAAI,aAAa,MACf,OAAO;CAET,OAAO,GAAG,QAAQ,SAAS,KAAK;AAClC"}
{"version":3,"file":"TabContext-CMSSKNSg.js","names":["PropTypes"],"sources":["../../@mui/lab/TabContext/TabContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * @type {React.Context<{ idPrefix: string; value: string } | null>}\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Context = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n Context.displayName = 'TabContext';\n}\nfunction useUniquePrefix() {\n const [id, setId] = React.useState(null);\n React.useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setId(`mui-p-${Math.round(Math.random() * 1e5)}`);\n }, []);\n return id;\n}\nexport default function TabContext(props) {\n const {\n children,\n value\n } = props;\n const idPrefix = useUniquePrefix();\n const context = React.useMemo(() => {\n return {\n idPrefix,\n value\n };\n }, [idPrefix, value]);\n return /*#__PURE__*/_jsx(Context.Provider, {\n value: context,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? TabContext.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 * The value of the currently selected `Tab`.\n */\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired\n} : void 0;\n\n/**\n * @returns {unknown}\n */\nexport function useTabContext() {\n return React.useContext(Context);\n}\nexport function getPanelId(context, value) {\n const {\n idPrefix\n } = context;\n if (idPrefix === null) {\n return null;\n }\n return `${context.idPrefix}-P-${value}`;\n}\nexport function getTabId(context, value) {\n const {\n idPrefix\n } = context;\n if (idPrefix === null) {\n return null;\n }\n return `${context.idPrefix}-T-${value}`;\n}"],"mappings":";;;;;;;;AASA,IAAM,UAAuB,2BAAM,cAAc,IAAI;AAEnD,QAAQ,cAAc;AAExB,SAAS,kBAAkB;CACzB,MAAM,CAAC,IAAI,SAAA,aAAe,SAAS,IAAI;CACvC,aAAM,gBAAgB;EAEpB,MAAM,SAAS,KAAK,MAAM,KAAK,OAAO,IAAI,GAAG,GAAG;CAClD,GAAG,CAAC,CAAC;CACL,OAAO;AACT;AACA,SAAwB,WAAW,OAAO;CACxC,MAAM,EACJ,UACA,UACE;CACJ,MAAM,WAAW,gBAAgB;CACjC,MAAM,UAAA,aAAgB,cAAc;EAClC,OAAO;GACL;GACA;EACF;CACF,GAAG,CAAC,UAAU,KAAK,CAAC;CACpB,OAAoB,eAAA,GAAA,mBAAA,IAAA,CAAK,QAAQ,UAAU;EACzC,OAAO;EACG;CACZ,CAAC;AACH;AACwC,WAAW,YAAmC;;;;CAQpF,UAAUA,kBAAAA,QAAU;;;;CAIpB,OAAOA,kBAAAA,QAAU,UAAU,CAACA,kBAAAA,QAAU,QAAQA,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AACnE;;;;AAKA,SAAgB,gBAAgB;CAC9B,OAAA,aAAa,WAAW,OAAO;AACjC;AACA,SAAgB,WAAW,SAAS,OAAO;CACzC,MAAM,EACJ,aACE;CACJ,IAAI,aAAa,MACf,OAAO;CAET,OAAO,GAAG,QAAQ,SAAS,KAAK;AAClC;AACA,SAAgB,SAAS,SAAS,OAAO;CACvC,MAAM,EACJ,aACE;CACJ,IAAI,aAAa,MACf,OAAO;CAET,OAAO,GAAG,QAAQ,SAAS,KAAK;AAClC"}
@@ -1,202 +1,28 @@
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, Q as require_react_is, m as useRtl, 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 { C as useForkRef, S as useReducedMotion, T as useEnhancedEffect, _ as useEventCallback_default, b as ownerDocument, g as useForkRef_default, i as RovingTabIndexContext, o as ButtonBase, r as useRovingTabIndexRoot, w as refType, x as activeElement } from "./useRovingTabIndex-BXoGac0D.js";
import { n as useDefaultProps, r as memoTheme, t as capitalize_default } from "./capitalize-DTn_UgGy.js";
import { n as useTheme } from "./chainPropTypes-CAm0AXCI.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { N as generateUtilityClasses, P as generateUtilityClass, at as require_react_is, ct as clsx } from "./identifier-BCIMFiRn.js";
import { l as composeClasses, t as styled } from "./styled-6tX-8l05.js";
import { i as useReducedMotion, n as useForkRef_default } from "./useLazyRef-BFAG-x_s.js";
import { r as useRtl, t as useSlotProps } from "./useSlotProps-C_wWtWkZ.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { n as useTheme } from "./chainPropTypes-CuuywaSz.js";
import { t as createSvgIcon } from "./createSvgIcon-BulCaVae.js";
import { i as getTransitionStyles } from "./utils-BCVtNTPx.js";
//#region node_modules/@mui/utils/isHostComponent/isHostComponent.mjs
/**
* Determines if a given element is a DOM element name (i.e. not a React component).
*/
function isHostComponent(element) {
return typeof element === "string";
}
//#endregion
//#region node_modules/@mui/utils/appendOwnerState/appendOwnerState.mjs
/**
* Type of the ownerState based on the type of an element it applies to.
* This resolves to the provided OwnerState for React components and `undefined` for host components.
* Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
*/
/**
* Appends the ownerState object to the props, merging with the existing one if necessary.
*
* @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
* @param otherProps Props of the element.
* @param ownerState
*/
function appendOwnerState(elementType, otherProps, ownerState) {
if (elementType === void 0 || isHostComponent(elementType)) return otherProps;
return {
...otherProps,
ownerState: {
...otherProps.ownerState,
...ownerState
}
};
}
//#endregion
//#region node_modules/@mui/utils/isEventHandler/isEventHandler.mjs
function isEventHandler(key, value) {
const thirdCharCode = key.charCodeAt(2);
return key[0] === "o" && key[1] === "n" && thirdCharCode >= 65 && thirdCharCode <= 90 && typeof value === "function";
}
//#endregion
//#region node_modules/@mui/utils/extractEventHandlers/extractEventHandlers.mjs
/**
* Extracts event handlers from a given object.
* A prop is considered an event handler if it is a function and its name starts with `on`.
*
* @param object An object to extract event handlers from.
*/
function extractEventHandlers(object) {
if (object === void 0) return {};
const result = {};
for (const prop of Object.keys(object)) if (isEventHandler(prop, object[prop])) result[prop] = object[prop];
return result;
}
//#endregion
//#region node_modules/@mui/utils/omitEventHandlers/omitEventHandlers.mjs
/**
* Removes event handlers from the given object.
* A field is considered an event handler if it is a function with a name beginning with `on`.
*
* @param object Object to remove event handlers from.
* @returns Object with event handlers removed.
*/
function omitEventHandlers(object) {
if (object === void 0) return {};
const result = {};
Object.keys(object).filter((prop) => !(prop.match(/^on[A-Z]/) && typeof object[prop] === "function")).forEach((prop) => {
result[prop] = object[prop];
});
return result;
}
//#endregion
//#region node_modules/@mui/utils/mergeSlotProps/mergeSlotProps.mjs
/**
* Merges the slot component internal props (usually coming from a hook)
* with the externally provided ones.
*
* The merge order is (the latter overrides the former):
* 1. The internal props (specified as a getter function to work with get*Props hook result)
* 2. Additional props (specified internally on a Base UI component)
* 3. External props specified on the owner component. These should only be used on a root slot.
* 4. External props specified in the `slotProps.*` prop.
* 5. The `className` prop - combined from all the above.
* @param parameters
* @returns
*/
function mergeSlotProps(parameters) {
const { getSlotProps, additionalProps, externalSlotProps, externalForwardedProps, className } = parameters;
if (!getSlotProps) {
const joinedClasses = clsx(additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
const mergedStyle = {
...additionalProps?.style,
...externalForwardedProps?.style,
...externalSlotProps?.style
};
const props = {
...additionalProps,
...externalForwardedProps,
...externalSlotProps
};
if (joinedClasses.length > 0) props.className = joinedClasses;
if (Object.keys(mergedStyle).length > 0) props.style = mergedStyle;
return {
props,
internalRef: void 0
};
}
const eventHandlers = extractEventHandlers({
...externalForwardedProps,
...externalSlotProps
});
const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
const internalSlotProps = getSlotProps(eventHandlers);
const joinedClasses = clsx(internalSlotProps?.className, additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
const mergedStyle = {
...internalSlotProps?.style,
...additionalProps?.style,
...externalForwardedProps?.style,
...externalSlotProps?.style
};
const props = {
...internalSlotProps,
...additionalProps,
...otherPropsWithoutEventHandlers,
...componentsPropsWithoutEventHandlers
};
if (joinedClasses.length > 0) props.className = joinedClasses;
if (Object.keys(mergedStyle).length > 0) props.style = mergedStyle;
return {
props,
internalRef: internalSlotProps.ref
};
}
//#endregion
//#region node_modules/@mui/utils/resolveComponentProps/resolveComponentProps.mjs
/**
* If `componentProps` is a function, calls it with the provided `ownerState`.
* Otherwise, just returns `componentProps`.
*/
function resolveComponentProps(componentProps, ownerState, slotState) {
if (typeof componentProps === "function") return componentProps(ownerState, slotState);
return componentProps;
}
//#endregion
//#region node_modules/@mui/utils/useSlotProps/useSlotProps.mjs
/**
* @ignore - do not document.
* Builds the props to be passed into the slot of an unstyled component.
* It merges the internal props of the component with the ones supplied by the user, allowing to customize the behavior.
* If the slot component is not a host component, it also merges in the `ownerState`.
*
* @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
*/
function useSlotProps(parameters) {
const { elementType, externalSlotProps, ownerState, skipResolvingSlotProps = false, ...other } = parameters;
const resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
const { props: mergedProps, internalRef } = mergeSlotProps({
...other,
externalSlotProps: resolvedComponentsProps
});
const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.additionalProps?.ref);
return appendOwnerState(elementType, {
...mergedProps,
ref
}, ownerState);
}
//#endregion
//#region node_modules/@mui/utils/debounce/debounce.mjs
function debounce(func, wait = 166) {
let timeout;
function debounced(...args) {
const later = () => {
func.apply(this, args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
}
debounced.clear = () => {
clearTimeout(timeout);
};
return debounced;
}
//#endregion
//#region node_modules/@mui/material/utils/debounce.mjs
import { a as refType, i as useEventCallback_default } from "./useTimeout-Bjk18o42.js";
import { 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 { i as getActiveElement_default, t as contains_default } from "./contains-Ck5lZg53.js";
import { t as ButtonBase } from "./ButtonBase-DAGRPe3U.js";
import { t as isLayoutSupported } from "./isLayoutSupported-FzbrxmDf.js";
import { i as RovingTabIndexContext, r as useRovingTabIndexRoot } from "./useRovingTabIndex-DnGkRX59.js";
//#region node_modules/@mui/material/internal/animate.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_react_is = require_react_is();
var import_jsx_runtime = require_jsx_runtime();
var debounce_default = debounce;
//#endregion
//#region node_modules/@mui/material/internal/animate.mjs
function easeInOutSin(time) {
return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;
}
@@ -232,253 +58,6 @@ function animate(property, element, to, options = {}, cb = () => {}) {
return cancel;
}
//#endregion
//#region node_modules/@mui/material/SvgIcon/svgIconClasses.mjs
function getSvgIconUtilityClass(slot) {
return generateUtilityClass("MuiSvgIcon", slot);
}
var svgIconClasses = generateUtilityClasses("MuiSvgIcon", [
"root",
"colorPrimary",
"colorSecondary",
"colorAction",
"colorError",
"colorDisabled",
"fontSizeInherit",
"fontSizeSmall",
"fontSizeMedium",
"fontSizeLarge"
]);
//#endregion
//#region node_modules/@mui/material/SvgIcon/SvgIcon.mjs
var useUtilityClasses$2 = (ownerState) => {
const { color, fontSize, classes } = ownerState;
const slots = { root: [
"root",
color !== "inherit" && `color${capitalize_default(color)}`,
`fontSize${capitalize_default(fontSize)}`
] };
return composeClasses(slots, getSvgIconUtilityClass, classes);
};
var SvgIconRoot = styled("svg", {
name: "MuiSvgIcon",
slot: "Root",
overridesResolver: (props, styles) => {
const { ownerState } = props;
return [
styles.root,
ownerState.color !== "inherit" && styles[`color${capitalize_default(ownerState.color)}`],
styles[`fontSize${capitalize_default(ownerState.fontSize)}`]
];
}
})(memoTheme(({ theme }) => ({
userSelect: "none",
width: "1em",
height: "1em",
display: "inline-block",
flexShrink: 0,
...getTransitionStyles(theme, "fill", { duration: (theme.vars ?? theme).transitions?.duration?.shorter }),
variants: [
{
props: (props) => !props.hasSvgAsChild,
style: { fill: "currentColor" }
},
{
props: { fontSize: "inherit" },
style: { fontSize: "inherit" }
},
{
props: { fontSize: "small" },
style: { fontSize: theme.typography?.pxToRem?.(20) || "1.25rem" }
},
{
props: { fontSize: "medium" },
style: { fontSize: theme.typography?.pxToRem?.(24) || "1.5rem" }
},
{
props: { fontSize: "large" },
style: { fontSize: theme.typography?.pxToRem?.(35) || "2.1875rem" }
},
...Object.entries((theme.vars ?? theme).palette).filter(([, value]) => value && value.main).map(([color]) => ({
props: { color },
style: { color: (theme.vars ?? theme).palette?.[color]?.main }
})),
{
props: { color: "action" },
style: { color: (theme.vars ?? theme).palette?.action?.active }
},
{
props: { color: "disabled" },
style: { color: (theme.vars ?? theme).palette?.action?.disabled }
},
{
props: { color: "inherit" },
style: { color: void 0 }
}
]
})));
var SvgIcon = /*#__PURE__*/ import_react.forwardRef(function SvgIcon(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: "MuiSvgIcon"
});
const { children, className, color = "inherit", component = "svg", fontSize = "medium", htmlColor, inheritViewBox = false, titleAccess, viewBox = "0 0 24 24", ...other } = props;
const hasSvgAsChild = /*#__PURE__*/ import_react.isValidElement(children) && children.type === "svg";
const ownerState = {
...props,
color,
component,
fontSize,
instanceFontSize: inProps.fontSize,
inheritViewBox,
viewBox,
hasSvgAsChild
};
const more = {};
if (!inheritViewBox) more.viewBox = viewBox;
const classes = useUtilityClasses$2(ownerState);
return /*#__PURE__*/ (0, import_jsx_runtime.jsxs)(SvgIconRoot, {
as: component,
className: clsx(classes.root, className),
focusable: "false",
color: htmlColor,
"aria-hidden": titleAccess ? void 0 : true,
role: titleAccess ? "img" : void 0,
ref,
...more,
...other,
...hasSvgAsChild && children.props,
ownerState,
children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/ (0, import_jsx_runtime.jsx)("title", { children: titleAccess }) : null]
});
});
SvgIcon.propTypes = {
/**
* Node passed into the SVG element.
*/
children: import_prop_types.default.node,
/**
* Override or extend the styles applied to the component.
*/
classes: import_prop_types.default.object,
/**
* @ignore
*/
className: import_prop_types.default.string,
/**
* The color of the component.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* You can use the `htmlColor` prop to apply a color attribute to the SVG element.
* @default 'inherit'
*/
color: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"inherit",
"action",
"disabled",
"primary",
"secondary",
"error",
"info",
"success",
"warning"
]), import_prop_types.default.string]),
/**
* The component used for the root node.
* Either a string to use a HTML element or a component.
*/
component: import_prop_types.default.elementType,
/**
* The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
* @default 'medium'
*/
fontSize: import_prop_types.default.oneOfType([import_prop_types.default.oneOf([
"inherit",
"large",
"medium",
"small"
]), import_prop_types.default.string]),
/**
* Applies a color attribute to the SVG element.
*/
htmlColor: import_prop_types.default.string,
/**
* If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
* prop will be ignored.
* Useful when you want to reference a custom `component` and have `SvgIcon` pass that
* `component`'s viewBox to the root node.
* @default false
*/
inheritViewBox: import_prop_types.default.bool,
/**
* The shape-rendering attribute. The behavior of the different options is described on the
* [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
* If you are having issues with blurry icons you should investigate this prop.
*/
shapeRendering: import_prop_types.default.string,
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx: import_prop_types.default.oneOfType([
import_prop_types.default.arrayOf(import_prop_types.default.oneOfType([
import_prop_types.default.func,
import_prop_types.default.object,
import_prop_types.default.bool
])),
import_prop_types.default.func,
import_prop_types.default.object
]),
/**
* Provides a human-readable title for the element that contains it.
* https://www.w3.org/TR/SVG-access/#Equivalent
*/
titleAccess: import_prop_types.default.string,
/**
* Allows you to redefine what the coordinates without units mean inside an SVG element.
* For example, if the SVG element is 500 (width) by 200 (height),
* and you pass viewBox="0 0 50 20",
* this means that the coordinates inside the SVG will go from the top left corner (0,0)
* to bottom right (50,20) and each unit will be worth 10px.
* @default '0 0 24 24'
*/
viewBox: import_prop_types.default.string
};
SvgIcon.muiName = "SvgIcon";
//#endregion
//#region node_modules/@mui/material/SvgIcon/createSvgIcon.mjs
/**
* Private module reserved for @mui packages.
*/
function createSvgIcon(path, displayName) {
function Component(props, ref) {
return /*#__PURE__*/ (0, import_jsx_runtime.jsx)(SvgIcon, {
"data-testid": `${displayName}Icon`,
ref,
...props,
children: path
});
}
Component.displayName = `${displayName}Icon`;
Component.muiName = SvgIcon.muiName;
return /*#__PURE__*/ import_react.memo(/*#__PURE__*/ import_react.forwardRef(Component));
}
//#endregion
//#region node_modules/@mui/material/utils/getActiveElement.mjs
var getActiveElement_default = activeElement;
//#endregion
//#region node_modules/@mui/material/utils/ownerDocument.mjs
var ownerDocument_default = ownerDocument;
//#endregion
//#region node_modules/@mui/utils/ownerWindow/ownerWindow.mjs
function ownerWindow(node) {
return ownerDocument(node).defaultView || window;
}
//#endregion
//#region node_modules/@mui/material/utils/ownerWindow.mjs
var ownerWindow_default = ownerWindow;
//#endregion
//#region node_modules/@mui/material/utils/useEnhancedEffect.mjs
var useEnhancedEffect_default = useEnhancedEffect;
//#endregion
//#region node_modules/@mui/material/Tabs/ScrollbarSize.mjs
var styles = {
width: 99,
@@ -700,80 +279,6 @@ var tabsClasses = generateUtilityClasses("MuiTabs", [
"indicator"
]);
//#endregion
//#region node_modules/@mui/material/utils/isLayoutSupported.mjs
function isLayoutSupported() {
return !(/jsdom|HappyDOM/.test(window.navigator.userAgent) || false);
}
//#endregion
//#region node_modules/@mui/material/utils/useSlot.mjs
/**
* An internal function to create a Material UI slot.
*
* This is an advanced version of Base UI `useSlotProps` because Material UI allows leaf component to be customized via `component` prop
* while Base UI does not need to support leaf component customization.
*
* @param {string} name: name of the slot
* @param {object} parameters
* @returns {[Slot, slotProps]} The slot's React component and the slot's props
*
* Note: the returned slot's props
* - will never contain `component` prop.
* - might contain `as` prop.
*/
function useSlot(name, parameters) {
const { className, elementType: initialElementType, ownerState, externalForwardedProps, internalForwardedProps, shouldForwardComponentProp = false, ...useSlotPropsParams } = parameters;
const { component: rootComponent, slots = { [name]: void 0 }, slotProps = { [name]: void 0 }, ...other } = externalForwardedProps;
const elementType = slots[name] || initialElementType;
const resolvedComponentsProps = resolveComponentProps(slotProps[name], ownerState);
const { props: { component: slotComponent, ...mergedProps }, internalRef } = mergeSlotProps({
className,
...useSlotPropsParams,
externalForwardedProps: name === "root" ? other : void 0,
externalSlotProps: resolvedComponentsProps
});
const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);
const LeafComponent = name === "root" ? slotComponent || rootComponent : slotComponent;
return [elementType, appendOwnerState(elementType, {
...name === "root" && !rootComponent && !slots[name] && internalForwardedProps,
...name !== "root" && !slots[name] && internalForwardedProps,
...mergedProps,
...LeafComponent && !shouldForwardComponentProp && { as: LeafComponent },
...LeafComponent && shouldForwardComponentProp && { component: LeafComponent },
ref
}, ownerState)];
}
//#endregion
//#region node_modules/@mui/utils/contains/contains.mjs
/**
* Copied from @base-ui/utils
*
* Shadow DOM-aware containment check.
*
* Native `parent.contains(child)` returns `false` when the child is inside a
* shadow root that is a descendant of the parent. This function handles that
* case by traversing up through shadow root hosts.
*
* @param parent - The potential ancestor element.
* @param child - The potential descendant element.
* @returns Whether `parent` contains `child`, even across shadow root boundaries.
*/
function contains(parent, child) {
if (!parent || !child) return false;
if (parent.contains(child)) return true;
const rootNode = child.getRootNode?.();
if (rootNode && rootNode instanceof ShadowRoot) {
let next = child;
while (next) {
if (parent === next) return true;
next = next.parentNode ?? next.host ?? null;
}
}
return false;
}
//#endregion
//#region node_modules/@mui/material/utils/contains.mjs
var contains_default = contains;
//#endregion
//#region node_modules/@mui/material/Tabs/Tabs.mjs
var useUtilityClasses = (ownerState) => {
const { vertical, fixed, hideScrollbar, scrollableX, scrollableY, centered, scrollButtonsHideMobile, classes } = ownerState;
@@ -1513,4 +1018,4 @@ Tabs.propTypes = {
visibleScrollbar: import_prop_types.default.bool
};
//#endregion
export { debounce as C, isHostComponent as D, isEventHandler as E, debounce_default as S, extractEventHandlers as T, getActiveElement_default as _, isLayoutSupported as a, getSvgIconUtilityClass as b, TabScrollButton as c, KeyboardArrowRight_default as d, KeyboardArrowLeft_default as f, ownerDocument_default as g, ownerWindow as h, useSlot as i, getTabScrollButtonUtilityClass as l, ownerWindow_default as m, contains_default as n, getTabsUtilityClass as o, useEnhancedEffect_default as p, contains as r, tabsClasses as s, Tabs as t, tabScrollButtonClasses as u, createSvgIcon as v, useSlotProps as w, svgIconClasses as x, SvgIcon as y };
export { getTabScrollButtonUtilityClass as a, KeyboardArrowLeft_default as c, TabScrollButton as i, getTabsUtilityClass as n, tabScrollButtonClasses as o, tabsClasses as r, KeyboardArrowRight_default as s, Tabs as t };
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,358 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import { t as require_jsx_runtime } from "./react_jsx-runtime.js";
import { t as require_prop_types } from "./prop-types-C5owi9-6.js";
import { o as useEnhancedEffect, t as useLazyRef } from "./useLazyRef-BFAG-x_s.js";
import { s as reflow } from "./utils-BCVtNTPx.js";
//#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;
}
//#endregion
//#region node_modules/react-transition-group/esm/TransitionGroupContext.js
var import_prop_types = /* @__PURE__ */ __toESM(require_prop_types(), 1);
var import_react = /* @__PURE__ */ __toESM(require_react());
var TransitionGroupContext_default = import_react.createContext(null);
//#endregion
//#region node_modules/@mui/material/internal/Transition.mjs
var import_jsx_runtime = require_jsx_runtime();
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
};
//#endregion
export { Transition as t };
File diff suppressed because one or more lines are too long
@@ -1,10 +1,12 @@
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 { n as useDefaultProps, r as memoTheme, t as capitalize_default } from "./capitalize-DTn_UgGy.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 { t as capitalize_default } from "./capitalize-C5eNvjpN.js";
import { t as useDefaultProps } from "./DefaultPropsProvider-Bc551CBZ.js";
import { t as memoTheme } from "./memoTheme-C4YHvZ2W.js";
import { t as createSimplePaletteValueFilter } from "./createSimplePaletteValueFilter-BhADkSm9.js";
//#region node_modules/@mui/material/Typography/typographyClasses.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+321 -55
View File
@@ -1,153 +1,371 @@
{
"hash": "f5e22eff",
"configHash": "47bee7ca",
"lockfileHash": "67043609",
"browserHash": "ad20cbff",
"hash": "db59d6af",
"configHash": "0e2626df",
"lockfileHash": "e7b1b1e3",
"browserHash": "45d276f1",
"optimized": {
"@mui/icons-material/Add": {
"src": "../../@mui/icons-material/Add.mjs",
"file": "@mui_icons-material_Add.js",
"fileHash": "8ef78917",
"needsInterop": false
},
"@mui/icons-material/Delete": {
"src": "../../@mui/icons-material/Delete.mjs",
"file": "@mui_icons-material_Delete.js",
"fileHash": "4a2724bd",
"needsInterop": false
},
"@mui/icons-material/Search": {
"src": "../../@mui/icons-material/Search.mjs",
"file": "@mui_icons-material_Search.js",
"fileHash": "f429be72",
"needsInterop": false
},
"@mui/lab/TabContext": {
"src": "../../@mui/lab/TabContext/index.mjs",
"file": "@mui_lab_TabContext.js",
"fileHash": "b9e0946a",
"fileHash": "23a56186",
"needsInterop": false
},
"@mui/lab/TabList": {
"src": "../../@mui/lab/TabList/index.mjs",
"file": "@mui_lab_TabList.js",
"fileHash": "b85870d8",
"fileHash": "efc1bd95",
"needsInterop": false
},
"@mui/lab/TabPanel": {
"src": "../../@mui/lab/TabPanel/index.mjs",
"file": "@mui_lab_TabPanel.js",
"fileHash": "d16a7660",
"fileHash": "77bc8a75",
"needsInterop": false
},
"@mui/material": {
"src": "../../@mui/material/index.mjs",
"file": "@mui_material.js",
"fileHash": "f1312a34",
"fileHash": "4359fe83",
"needsInterop": false
},
"@mui/material/AppBar": {
"src": "../../@mui/material/AppBar/index.mjs",
"file": "@mui_material_AppBar.js",
"fileHash": "dcf34816",
"fileHash": "18a18ca9",
"needsInterop": false
},
"@mui/material/Box": {
"src": "../../@mui/material/Box/index.mjs",
"file": "@mui_material_Box.js",
"fileHash": "ea087d09",
"fileHash": "20600fa5",
"needsInterop": false
},
"@mui/material/Button": {
"src": "../../@mui/material/Button/index.mjs",
"file": "@mui_material_Button.js",
"fileHash": "ec766a0f",
"needsInterop": false
},
"@mui/material/Dialog": {
"src": "../../@mui/material/Dialog/index.mjs",
"file": "@mui_material_Dialog.js",
"fileHash": "d88776fe",
"needsInterop": false
},
"@mui/material/DialogActions": {
"src": "../../@mui/material/DialogActions/index.mjs",
"file": "@mui_material_DialogActions.js",
"fileHash": "1607c4ce",
"needsInterop": false
},
"@mui/material/DialogContent": {
"src": "../../@mui/material/DialogContent/index.mjs",
"file": "@mui_material_DialogContent.js",
"fileHash": "d2983a3c",
"needsInterop": false
},
"@mui/material/DialogTitle": {
"src": "../../@mui/material/DialogTitle/index.mjs",
"file": "@mui_material_DialogTitle.js",
"fileHash": "cbe22bdc",
"needsInterop": false
},
"@mui/material/IconButton": {
"src": "../../@mui/material/IconButton/index.mjs",
"file": "@mui_material_IconButton.js",
"fileHash": "a636cd30",
"needsInterop": false
},
"@mui/material/InputAdornment": {
"src": "../../@mui/material/InputAdornment/index.mjs",
"file": "@mui_material_InputAdornment.js",
"fileHash": "313acedd",
"needsInterop": false
},
"@mui/material/Stack": {
"src": "../../@mui/material/Stack/index.mjs",
"file": "@mui_material_Stack.js",
"fileHash": "4b979948",
"needsInterop": false
},
"@mui/material/Tab": {
"src": "../../@mui/material/Tab/index.mjs",
"file": "@mui_material_Tab.js",
"fileHash": "d411eb2d",
"fileHash": "b102d0cc",
"needsInterop": false
},
"@mui/material/TextField": {
"src": "../../@mui/material/TextField/index.mjs",
"file": "@mui_material_TextField.js",
"fileHash": "07b174d0",
"needsInterop": false
},
"@mui/material/Tooltip": {
"src": "../../@mui/material/Tooltip/index.mjs",
"file": "@mui_material_Tooltip.js",
"fileHash": "70b71ce8",
"needsInterop": false
},
"@mui/material/Typography": {
"src": "../../@mui/material/Typography/index.mjs",
"file": "@mui_material_Typography.js",
"fileHash": "ef626d3a",
"fileHash": "f96089c9",
"needsInterop": false
},
"@mui/material/colors": {
"src": "../../@mui/material/colors/index.mjs",
"file": "@mui_material_colors.js",
"fileHash": "43e9df33",
"@mui/x-data-grid": {
"src": "../../@mui/x-data-grid/index.mjs",
"file": "@mui_x-data-grid.js",
"fileHash": "fb8c0da2",
"needsInterop": false
},
"@mui/x-tree-view/RichTreeView": {
"src": "../../@mui/x-tree-view/RichTreeView/index.mjs",
"file": "@mui_x-tree-view_RichTreeView.js",
"fileHash": "3a302f58",
"needsInterop": false
},
"keycloak-js": {
"src": "../../keycloak-js/lib/keycloak.js",
"file": "keycloak-js.js",
"fileHash": "21dfcc61",
"fileHash": "e316fea5",
"needsInterop": false
},
"ky": {
"src": "../../ky/distribution/index.js",
"file": "ky.js",
"fileHash": "69001182",
"needsInterop": false
},
"react-dom": {
"src": "../../react-dom/index.js",
"file": "react-dom.js",
"fileHash": "b55a5a70",
"fileHash": "48fd32fa",
"needsInterop": true
},
"react-dom/client": {
"src": "../../react-dom/client.js",
"file": "react-dom_client.js",
"fileHash": "199e6f2d",
"fileHash": "4c7c4e1c",
"needsInterop": true
},
"react-router": {
"src": "../../react-router/dist/development/index.js",
"file": "react-router.js",
"fileHash": "16e2d5f4",
"fileHash": "7caafb5b",
"needsInterop": false
},
"react": {
"src": "../../react/index.js",
"file": "react.js",
"fileHash": "9cda65b3",
"fileHash": "09fdddfa",
"needsInterop": true
},
"react/jsx-dev-runtime": {
"src": "../../react/jsx-dev-runtime.js",
"file": "react_jsx-dev-runtime.js",
"fileHash": "4ba156c1",
"fileHash": "98a21bc7",
"needsInterop": true
},
"react/jsx-runtime": {
"src": "../../react/jsx-runtime.js",
"file": "react_jsx-runtime.js",
"fileHash": "62686d7d",
"fileHash": "b4de51b0",
"needsInterop": true
}
},
"chunks": {
"AppBar-DiVPdr4t": {
"file": "AppBar-DiVPdr4t.js",
"Alert-DHjnebpl": {
"file": "Alert-DHjnebpl.js",
"isDynamicEntry": false
},
"Box-CQOAuykB": {
"file": "Box-CQOAuykB.js",
"AppBar-cWle_5Cg": {
"file": "AppBar-cWle_5Cg.js",
"isDynamicEntry": false
},
"Tab-C2eNQv8y": {
"file": "Tab-C2eNQv8y.js",
"Box-CejWg7IO": {
"file": "Box-CejWg7IO.js",
"isDynamicEntry": false
},
"TabContext-D4t-wY-9": {
"file": "TabContext-D4t-wY-9.js",
"Button-CAa1Vq5I": {
"file": "Button-CAa1Vq5I.js",
"isDynamicEntry": false
},
"Tabs-DPR7niDH": {
"file": "Tabs-DPR7niDH.js",
"ButtonBase-DAGRPe3U": {
"file": "ButtonBase-DAGRPe3U.js",
"isDynamicEntry": false
},
"Typography-mjTUKeB0": {
"file": "Typography-mjTUKeB0.js",
"Checkbox-CK4yFuSM": {
"file": "Checkbox-CK4yFuSM.js",
"isDynamicEntry": false
},
"capitalize-DTn_UgGy": {
"file": "capitalize-DTn_UgGy.js",
"CircularProgress-Vd69ti-e": {
"file": "CircularProgress-Vd69ti-e.js",
"isDynamicEntry": false
},
"chainPropTypes-CAm0AXCI": {
"file": "chainPropTypes-CAm0AXCI.js",
"DefaultPropsProvider-Bc551CBZ": {
"file": "DefaultPropsProvider-Bc551CBZ.js",
"isDynamicEntry": false
},
"colors-BCmNAyTD": {
"file": "colors-BCmNAyTD.js",
"Dialog-BfFT1J_Q": {
"file": "Dialog-BfFT1J_Q.js",
"isDynamicEntry": false
},
"DialogActions-CAa7GY5n": {
"file": "DialogActions-CAa7GY5n.js",
"isDynamicEntry": false
},
"DialogContent--srXz0Ob": {
"file": "DialogContent--srXz0Ob.js",
"isDynamicEntry": false
},
"DialogContext-DQ3YWebh": {
"file": "DialogContext-DQ3YWebh.js",
"isDynamicEntry": false
},
"DialogTitle-CKIHJWMV": {
"file": "DialogTitle-CKIHJWMV.js",
"isDynamicEntry": false
},
"EventManager-BoMkr4Rw": {
"file": "EventManager-BoMkr4Rw.js",
"isDynamicEntry": false
},
"Grow-B9Vp6uWA": {
"file": "Grow-B9Vp6uWA.js",
"isDynamicEntry": false
},
"IconButton-CiUjgOk6": {
"file": "IconButton-CiUjgOk6.js",
"isDynamicEntry": false
},
"InputAdornment-Cjw-UDdb": {
"file": "InputAdornment-Cjw-UDdb.js",
"isDynamicEntry": false
},
"Modal-Dc_q3zOI": {
"file": "Modal-Dc_q3zOI.js",
"isDynamicEntry": false
},
"Paper-Bm5qdnED": {
"file": "Paper-Bm5qdnED.js",
"isDynamicEntry": false
},
"Stack-BLVENwM2": {
"file": "Stack-BLVENwM2.js",
"isDynamicEntry": false
},
"Tab-D9ho7_MY": {
"file": "Tab-D9ho7_MY.js",
"isDynamicEntry": false
},
"TabContext-CMSSKNSg": {
"file": "TabContext-CMSSKNSg.js",
"isDynamicEntry": false
},
"Tabs-Bl3pJg4E": {
"file": "Tabs-Bl3pJg4E.js",
"isDynamicEntry": false
},
"TextField-BLvydd7W": {
"file": "TextField-BLvydd7W.js",
"isDynamicEntry": false
},
"ToggleButton-BvgFYNT2": {
"file": "ToggleButton-BvgFYNT2.js",
"isDynamicEntry": false
},
"Tooltip-D8ZXNHWc": {
"file": "Tooltip-D8ZXNHWc.js",
"isDynamicEntry": false
},
"Transition-CTO78YMk": {
"file": "Transition-CTO78YMk.js",
"isDynamicEntry": false
},
"Typography-sl4NL4Ms": {
"file": "Typography-sl4NL4Ms.js",
"isDynamicEntry": false
},
"capitalize-C5eNvjpN": {
"file": "capitalize-C5eNvjpN.js",
"isDynamicEntry": false
},
"chainPropTypes-CuuywaSz": {
"file": "chainPropTypes-CuuywaSz.js",
"isDynamicEntry": false
},
"contains-Ck5lZg53": {
"file": "contains-Ck5lZg53.js",
"isDynamicEntry": false
},
"createSimplePaletteValueFilter-BhADkSm9": {
"file": "createSimplePaletteValueFilter-BhADkSm9.js",
"isDynamicEntry": false
},
"green-D6xTj620": {
"file": "green-D6xTj620.js",
"createSvgIcon-BulCaVae": {
"file": "createSvgIcon-BulCaVae.js",
"isDynamicEntry": false
},
"identifier-pRD-G8ad": {
"file": "identifier-pRD-G8ad.js",
"dialogTitleClasses-C2YA1vqw": {
"file": "dialogTitleClasses-C2YA1vqw.js",
"isDynamicEntry": false
},
"elementAcceptingRef-NQ-KkIxI": {
"file": "elementAcceptingRef-NQ-KkIxI.js",
"isDynamicEntry": false
},
"elementTypeAcceptingRef-ByxAWoSf": {
"file": "elementTypeAcceptingRef-ByxAWoSf.js",
"isDynamicEntry": false
},
"getActiveElement-C3kHdpvH": {
"file": "getActiveElement-C3kHdpvH.js",
"isDynamicEntry": false
},
"getThemeProps-mtx5XCJA": {
"file": "getThemeProps-mtx5XCJA.js",
"isDynamicEntry": false
},
"identifier-BCIMFiRn": {
"file": "identifier-BCIMFiRn.js",
"isDynamicEntry": false
},
"inputAdornmentClasses-Dwv419w9": {
"file": "inputAdornmentClasses-Dwv419w9.js",
"isDynamicEntry": false
},
"isFocusVisible-AAJ6xeny": {
"file": "isFocusVisible-AAJ6xeny.js",
"isDynamicEntry": false
},
"isLayoutSupported-FzbrxmDf": {
"file": "isLayoutSupported-FzbrxmDf.js",
"isDynamicEntry": false
},
"memoTheme-C4YHvZ2W": {
"file": "memoTheme-C4YHvZ2W.js",
"isDynamicEntry": false
},
"mergeSlotProps-BrPQ7QvQ": {
"file": "mergeSlotProps-BrPQ7QvQ.js",
"isDynamicEntry": false
},
"prop-types-C5owi9-6": {
@@ -158,24 +376,72 @@
"file": "rolldown-runtime-DC62tzP2.js",
"isDynamicEntry": false
},
"styled-igcOhZNb": {
"file": "styled-igcOhZNb.js",
"setRef-3K5nZ4il": {
"file": "setRef-3K5nZ4il.js",
"isDynamicEntry": false
},
"styles-BWi6MI3j": {
"file": "styles-BWi6MI3j.js",
"styled-4WW7iiVd": {
"file": "styled-4WW7iiVd.js",
"isDynamicEntry": false
},
"useRovingTabIndex-BXoGac0D": {
"file": "useRovingTabIndex-BXoGac0D.js",
"styled-6tX-8l05": {
"file": "styled-6tX-8l05.js",
"isDynamicEntry": false
},
"useTheme-BA1VhxUt": {
"file": "useTheme-BA1VhxUt.js",
"unsupportedProp-CGuzKoGr": {
"file": "unsupportedProp-CGuzKoGr.js",
"isDynamicEntry": false
},
"useThemeProps-YMBeHD5b": {
"file": "useThemeProps-YMBeHD5b.js",
"useControlled-COuwyMRm": {
"file": "useControlled-COuwyMRm.js",
"isDynamicEntry": false
},
"useEnhancedEffect-Des-x0LJ": {
"file": "useEnhancedEffect-Des-x0LJ.js",
"isDynamicEntry": false
},
"useFormControl-DsSCzWhM": {
"file": "useFormControl-DsSCzWhM.js",
"isDynamicEntry": false
},
"useId-BvBa7DUQ": {
"file": "useId-BvBa7DUQ.js",
"isDynamicEntry": false
},
"useId-UEgN89h0": {
"file": "useId-UEgN89h0.js",
"isDynamicEntry": false
},
"useLazyRef-BFAG-x_s": {
"file": "useLazyRef-BFAG-x_s.js",
"isDynamicEntry": false
},
"useRovingTabIndex-DnGkRX59": {
"file": "useRovingTabIndex-DnGkRX59.js",
"isDynamicEntry": false
},
"useSlot-BqY3lobE": {
"file": "useSlot-BqY3lobE.js",
"isDynamicEntry": false
},
"useSlotProps-C_wWtWkZ": {
"file": "useSlotProps-C_wWtWkZ.js",
"isDynamicEntry": false
},
"useTheme-DYH12Ax_": {
"file": "useTheme-DYH12Ax_.js",
"isDynamicEntry": false
},
"useThemeProps-B3jPO4rl": {
"file": "useThemeProps-B3jPO4rl.js",
"isDynamicEntry": false
},
"useThemeProps-BY-PscMe": {
"file": "useThemeProps-BY-PscMe.js",
"isDynamicEntry": false
},
"useTimeout-Bjk18o42": {
"file": "useTimeout-Bjk18o42.js",
"isDynamicEntry": false
},
"utils-BCVtNTPx": {
@@ -0,0 +1,5 @@
import { st as capitalize } from "./identifier-BCIMFiRn.js";
//#region node_modules/@mui/material/utils/capitalize.mjs
var capitalize_default = capitalize;
//#endregion
export { capitalize_default as t };
@@ -0,0 +1 @@
{"version":3,"file":"capitalize-C5eNvjpN.js","names":[],"sources":["../../@mui/material/utils/capitalize.mjs"],"sourcesContent":["import capitalize from '@mui/utils/capitalize';\nexport default capitalize;"],"mappings":";;AACA,IAAA,qBAAe"}
File diff suppressed because one or more lines are too long
@@ -1,8 +1,8 @@
import { r as __toESM } from "./rolldown-runtime-DC62tzP2.js";
import { t as require_react } from "./react.js";
import "./identifier-pRD-G8ad.js";
import { i as defaultTheme } from "./styled-igcOhZNb.js";
import { t as useTheme$1 } from "./useTheme-BA1VhxUt.js";
import "./identifier-BCIMFiRn.js";
import { i as defaultTheme } from "./styled-6tX-8l05.js";
import { t as useTheme$1 } from "./useTheme-DYH12Ax_.js";
//#region node_modules/@mui/material/styles/useTheme.mjs
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
function useTheme() {
@@ -1 +1 @@
{"version":3,"file":"chainPropTypes-CAm0AXCI.js","names":["useThemeSystem"],"sources":["../../@mui/material/styles/useTheme.mjs","../../@mui/utils/chainPropTypes/chainPropTypes.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from \"./defaultTheme.mjs\";\nimport THEME_ID from \"./identifier.mjs\";\nexport default function useTheme() {\n const theme = useThemeSystem(defaultTheme);\n if (process.env.NODE_ENV !== 'production') {\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n return theme[THEME_ID] || theme;\n}","export default function chainPropTypes(propType1, propType2) {\n if (process.env.NODE_ENV === 'production') {\n return () => null;\n }\n return function validate(...args) {\n return propType1(...args) || propType2(...args);\n };\n}"],"mappings":";;;;;;;AAMA,SAAwB,WAAW;CACjC,MAAM,QAAQA,WAAe,YAAY;CAIvC,aAAM,cAAc,KAAK;CAE3B,OAAO,MAAA,iBAAmB;AAC5B;;;ACdA,SAAwB,eAAe,WAAW,WAAW;CAI3D,OAAO,SAAS,SAAS,GAAG,MAAM;EAChC,OAAO,UAAU,GAAG,IAAI,KAAK,UAAU,GAAG,IAAI;CAChD;AACF"}
{"version":3,"file":"chainPropTypes-CuuywaSz.js","names":["useThemeSystem"],"sources":["../../@mui/material/styles/useTheme.mjs","../../@mui/utils/chainPropTypes/chainPropTypes.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from \"./defaultTheme.mjs\";\nimport THEME_ID from \"./identifier.mjs\";\nexport default function useTheme() {\n const theme = useThemeSystem(defaultTheme);\n if (process.env.NODE_ENV !== 'production') {\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n return theme[THEME_ID] || theme;\n}","export default function chainPropTypes(propType1, propType2) {\n if (process.env.NODE_ENV === 'production') {\n return () => null;\n }\n return function validate(...args) {\n return propType1(...args) || propType2(...args);\n };\n}"],"mappings":";;;;;;;AAMA,SAAwB,WAAW;CACjC,MAAM,QAAQA,WAAe,YAAY;CAIvC,aAAM,cAAc,KAAK;CAE3B,OAAO,MAAA,iBAAmB;AAC5B;;;ACdA,SAAwB,eAAe,WAAW,WAAW;CAI3D,OAAO,SAAS,SAAS,GAAG,MAAM;EAChC,OAAO,UAAU,GAAG,IAAI,KAAK,UAAU,GAAG,IAAI;CAChD;AACF"}

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