@hybridcore/ui 1.1.3 → 1.3.0

package/dist/{DialogContent-2aPOjKE7.js → DialogContent-MMUsECN2.js}

@@ -1,115 +1,70 @@
-import { a as l, _ as j } from "./extends-C3382pL0.js";
-import * as d from "react";
-import { c as $, P as n } from "./createTheme-agWfFD64.js";
-import { c as _, g as H, r as Vo, u as Y, a as G } from "./chainPropTypes-DtBfUj5o.js";
-import { g as U, s as L, r as Ho, a as eo } from "./styled-Iq9jsO4F.js";
+import { _ as j, a as d } from "./extends-C3382pL0.js";
+import * as c from "react";
+import { c as M, P as e } from "./createTheme-oOCi1S_n.js";
+import { g as U, r as Lo, u as Y, c as L, a as G } from "./chainPropTypes-BmidnkZm.js";
+import { g as H, s as _, r as jo, a as eo } from "./styled-Wx2vv4j8.js";
 import { jsx as N, jsxs as co } from "react/jsx-runtime";
-import { a as J, B as Uo, u as ho, s as yo, b as Eo } from "./ButtonBase-BYmh3G5j.js";
-import { u as So } from "./useTheme-CeyGVuQP.js";
-import { T as Ko, r as qo, g as To } from "./utils-DLpkeyhZ.js";
-import { e as po, a as Oo } from "./exactProp-CI8dagM-.js";
+import { a as Q, B as Vo, b as ho, s as yo, c as Eo } from "./ButtonBase-C7CHOX3y.js";
+import { u as No } from "./useTheme-CD5DEi5n.js";
+import { T as Uo, r as Ho, g as To } from "./utils-BEaBPoDF.js";
+import { e as po, a as So } from "./exactProp-DhXxfU8X.js";
 import { o as V } from "./ownerDocument-CUrv0DIK.js";
 import { o as uo } from "./ownerWindow-niciwP7I.js";
-import { c as Co, u as Yo } from "./useId-BHG98T5I.js";
-import { i as Go } from "./isHostComponent-kiaBvYVo.js";
-import * as Xo from "react-dom";
-import { P as Do } from "./Paper-CaiWdndQ.js";
-function Io(o, e, t, r, s) {
+import { r as Ko, m as qo, a as Yo, e as Go } from "./resolveComponentProps-BwtY1IP3.js";
+import { c as Co, u as Xo } from "./useId-BHG98T5I.js";
+import * as Jo from "react-dom";
+import { P as Do } from "./Paper-k37cShvn.js";
+function Oo(o, n, t, r, s) {
   if (process.env.NODE_ENV === "production")
     return null;
-  const i = o[e], a = s || e;
+  const i = o[n], a = s || n;
   return i == null ? null : i && i.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${t}\`. Expected an HTMLElement.`) : null;
 }
-function Zo(o) {
-  const e = o.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - e);
-}
-function Jo(o, e, t) {
-  return o === void 0 || Go(o) ? e : l({}, e, {
-    ownerState: l({}, e.ownerState, t)
-  });
-}
-function Bo(o, e = []) {
-  if (o === void 0)
-    return {};
-  const t = {};
-  return Object.keys(o).filter((r) => r.match(/^on[A-Z]/) && typeof o[r] == "function" && !e.includes(r)).forEach((r) => {
-    t[r] = o[r];
-  }), t;
-}
-function ko(o) {
-  if (o === void 0)
-    return {};
-  const e = {};
-  return Object.keys(o).filter((t) => !(t.match(/^on[A-Z]/) && typeof o[t] == "function")).forEach((t) => {
-    e[t] = o[t];
-  }), e;
-}
 function Qo(o) {
-  const {
-    getSlotProps: e,
-    additionalProps: t,
-    externalSlotProps: r,
-    externalForwardedProps: s,
-    className: i
-  } = o;
-  if (!e) {
-    const h = _(t == null ? void 0 : t.className, i, s == null ? void 0 : s.className, r == null ? void 0 : r.className), f = l({}, t == null ? void 0 : t.style, s == null ? void 0 : s.style, r == null ? void 0 : r.style), S = l({}, t, s, r);
-    return h.length > 0 && (S.className = h), Object.keys(f).length > 0 && (S.style = f), {
-      props: S,
-      internalRef: void 0
-    };
-  }
-  const a = Bo(l({}, s, r)), c = ko(r), p = ko(s), b = e(a), m = _(b == null ? void 0 : b.className, t == null ? void 0 : t.className, i, s == null ? void 0 : s.className, r == null ? void 0 : r.className), v = l({}, b == null ? void 0 : b.style, t == null ? void 0 : t.style, s == null ? void 0 : s.style, r == null ? void 0 : r.style), y = l({}, b, t, p, c);
-  return m.length > 0 && (y.className = m), Object.keys(v).length > 0 && (y.style = v), {
-    props: y,
-    internalRef: b.ref
-  };
+  const n = o.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - n);
 }
-function oe(o, e, t) {
-  return typeof o == "function" ? o(e, t) : o;
-}
-const ee = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
-function Po(o) {
-  var e;
+const Zo = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
+function ko(o) {
+  var n;
   const {
     elementType: t,
     externalSlotProps: r,
     ownerState: s,
     skipResolvingSlotProps: i = !1
-  } = o, a = j(o, ee), c = i ? {} : oe(r, s), {
-    props: p,
-    internalRef: b
-  } = Qo(l({}, a, {
-    externalSlotProps: c
-  })), m = J(b, c == null ? void 0 : c.ref, (e = o.additionalProps) == null ? void 0 : e.ref);
-  return Jo(t, l({}, p, {
+  } = o, a = j(o, Zo), l = i ? {} : Ko(r, s), {
+    props: u,
+    internalRef: g
+  } = qo(d({}, a, {
+    externalSlotProps: l
+  })), m = Q(g, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
+  return Yo(t, d({}, u, {
     ref: m
   }), s);
 }
-function ne(o) {
-  return U("MuiButton", o);
+function oe(o) {
+  return H("MuiButton", o);
 }
-const no = H("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), Mo = /* @__PURE__ */ d.createContext({});
-process.env.NODE_ENV !== "production" && (Mo.displayName = "ButtonGroupContext");
-const $o = /* @__PURE__ */ d.createContext(void 0);
-process.env.NODE_ENV !== "production" && ($o.displayName = "ButtonGroupButtonContext");
-const te = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], re = (o) => {
+const no = U("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), Io = /* @__PURE__ */ c.createContext({});
+process.env.NODE_ENV !== "production" && (Io.displayName = "ButtonGroupContext");
+const Bo = /* @__PURE__ */ c.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Bo.displayName = "ButtonGroupButtonContext");
+const ee = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], ne = (o) => {
   const {
-    color: e,
+    color: n,
     disableElevation: t,
     fullWidth: r,
     size: s,
     variant: i,
     classes: a
-  } = o, c = {
-    root: ["root", i, `${i}${$(e)}`, `size${$(s)}`, `${i}Size${$(s)}`, `color${$(e)}`, t && "disableElevation", r && "fullWidth"],
+  } = o, l = {
+    root: ["root", i, `${i}${M(n)}`, `size${M(s)}`, `${i}Size${M(s)}`, `color${M(n)}`, t && "disableElevation", r && "fullWidth"],
     label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${$(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${$(s)}`]
-  }, p = G(c, ne, a);
-  return l({}, a, p);
-}, Wo = (o) => l({}, o.size === "small" && {
+    startIcon: ["icon", "startIcon", `iconSize${M(s)}`],
+    endIcon: ["icon", "endIcon", `iconSize${M(s)}`]
+  }, u = G(l, oe, a);
+  return d({}, a, u);
+}, Mo = (o) => d({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -121,50 +76,50 @@ const te = ["children", "color", "component", "className", "disabled", "disableE
   "& > *:nth-of-type(1)": {
     fontSize: 22
   }
-}), ie = L(Uo, {
-  shouldForwardProp: (o) => Ho(o) || o === "classes",
+}), te = _(Vo, {
+  shouldForwardProp: (o) => jo(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.root, e[t.variant], e[`${t.variant}${$(t.color)}`], e[`size${$(t.size)}`], e[`${t.variant}Size${$(t.size)}`], t.color === "inherit" && e.colorInherit, t.disableElevation && e.disableElevation, t.fullWidth && e.fullWidth];
+    return [n.root, n[t.variant], n[`${t.variant}${M(t.color)}`], n[`size${M(t.size)}`], n[`${t.variant}Size${M(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
   }
 })(({
   theme: o,
-  ownerState: e
+  ownerState: n
 }) => {
   var t, r;
   const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], i = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return l({}, o.typography.button, {
+  return d({}, o.typography.button, {
     minWidth: 64,
     padding: "6px 16px",
     borderRadius: (o.vars || o).shape.borderRadius,
     transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
       duration: o.transitions.duration.short
     }),
-    "&:hover": l({
+    "&:hover": d({
       textDecoration: "none",
       backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette.text.primary, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, e.variant === "text" && e.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[e.color].main, o.palette.action.hoverOpacity),
+    }, n.variant === "text" && n.color !== "inherit" && {
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[n.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, e.variant === "outlined" && e.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[e.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[e.color].main, o.palette.action.hoverOpacity),
+    }, n.variant === "outlined" && n.color !== "inherit" && {
+      border: `1px solid ${(o.vars || o).palette[n.color].main}`,
+      backgroundColor: o.vars ? `rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : eo(o.palette[n.color].main, o.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
-    }, e.variant === "contained" && {
+    }, n.variant === "contained" && {
       backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : i,
       boxShadow: (o.vars || o).shadows[4],
       // Reset on touch devices, it doesn't add specificity
@@ -172,70 +127,70 @@ const te = ["children", "color", "component", "className", "disabled", "disableE
         boxShadow: (o.vars || o).shadows[2],
         backgroundColor: (o.vars || o).palette.grey[300]
       }
-    }, e.variant === "contained" && e.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[e.color].dark,
+    }, n.variant === "contained" && n.color !== "inherit" && {
+      backgroundColor: (o.vars || o).palette[n.color].dark,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[e.color].main
+        backgroundColor: (o.vars || o).palette[n.color].main
       }
     }),
-    "&:active": l({}, e.variant === "contained" && {
+    "&:active": d({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[8]
     }),
-    [`&.${no.focusVisible}`]: l({}, e.variant === "contained" && {
+    [`&.${no.focusVisible}`]: d({}, n.variant === "contained" && {
       boxShadow: (o.vars || o).shadows[6]
     }),
-    [`&.${no.disabled}`]: l({
+    [`&.${no.disabled}`]: d({
       color: (o.vars || o).palette.action.disabled
-    }, e.variant === "outlined" && {
+    }, n.variant === "outlined" && {
       border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, e.variant === "contained" && {
+    }, n.variant === "contained" && {
       color: (o.vars || o).palette.action.disabled,
       boxShadow: (o.vars || o).shadows[0],
       backgroundColor: (o.vars || o).palette.action.disabledBackground
     })
-  }, e.variant === "text" && {
+  }, n.variant === "text" && {
     padding: "6px 8px"
-  }, e.variant === "text" && e.color !== "inherit" && {
-    color: (o.vars || o).palette[e.color].main
-  }, e.variant === "outlined" && {
+  }, n.variant === "text" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main
+  }, n.variant === "outlined" && {
     padding: "5px 15px",
     border: "1px solid currentColor"
-  }, e.variant === "outlined" && e.color !== "inherit" && {
-    color: (o.vars || o).palette[e.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[e.color].mainChannel} / 0.5)` : `1px solid ${eo(o.palette[e.color].main, 0.5)}`
-  }, e.variant === "contained" && {
+  }, n.variant === "outlined" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].main,
+    border: o.vars ? `1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${eo(o.palette[n.color].main, 0.5)}`
+  }, n.variant === "contained" && {
     color: o.vars ? (
       // this is safe because grey does not change between default light/dark mode
       o.vars.palette.text.primary
     ) : (t = (r = o.palette).getContrastText) == null ? void 0 : t.call(r, o.palette.grey[300]),
     backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
     boxShadow: (o.vars || o).shadows[2]
-  }, e.variant === "contained" && e.color !== "inherit" && {
-    color: (o.vars || o).palette[e.color].contrastText,
-    backgroundColor: (o.vars || o).palette[e.color].main
-  }, e.color === "inherit" && {
+  }, n.variant === "contained" && n.color !== "inherit" && {
+    color: (o.vars || o).palette[n.color].contrastText,
+    backgroundColor: (o.vars || o).palette[n.color].main
+  }, n.color === "inherit" && {
     color: "inherit",
     borderColor: "currentColor"
-  }, e.size === "small" && e.variant === "text" && {
+  }, n.size === "small" && n.variant === "text" && {
     padding: "4px 5px",
     fontSize: o.typography.pxToRem(13)
-  }, e.size === "large" && e.variant === "text" && {
+  }, n.size === "large" && n.variant === "text" && {
     padding: "8px 11px",
     fontSize: o.typography.pxToRem(15)
-  }, e.size === "small" && e.variant === "outlined" && {
+  }, n.size === "small" && n.variant === "outlined" && {
     padding: "3px 9px",
     fontSize: o.typography.pxToRem(13)
-  }, e.size === "large" && e.variant === "outlined" && {
+  }, n.size === "large" && n.variant === "outlined" && {
     padding: "7px 21px",
     fontSize: o.typography.pxToRem(15)
-  }, e.size === "small" && e.variant === "contained" && {
+  }, n.size === "small" && n.variant === "contained" && {
     padding: "4px 10px",
     fontSize: o.typography.pxToRem(13)
-  }, e.size === "large" && e.variant === "contained" && {
+  }, n.size === "large" && n.variant === "contained" && {
     padding: "8px 22px",
     fontSize: o.typography.pxToRem(15)
-  }, e.fullWidth && {
+  }, n.fullWidth && {
     width: "100%"
   });
 }, ({
@@ -254,93 +209,93 @@ const te = ["children", "color", "component", "className", "disabled", "disableE
   [`&.${no.disabled}`]: {
     boxShadow: "none"
   }
-}), se = L("span", {
+}), re = _("span", {
   name: "MuiButton",
   slot: "StartIcon",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.startIcon, e[`iconSize${$(t.size)}`]];
+    return [n.startIcon, n[`iconSize${M(t.size)}`]];
   }
 })(({
   ownerState: o
-}) => l({
+}) => d({
   display: "inherit",
   marginRight: 8,
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, Wo(o))), ae = L("span", {
+}, Mo(o))), ie = _("span", {
   name: "MuiButton",
   slot: "EndIcon",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.endIcon, e[`iconSize${$(t.size)}`]];
+    return [n.endIcon, n[`iconSize${M(t.size)}`]];
   }
 })(({
   ownerState: o
-}) => l({
+}) => d({
   display: "inherit",
   marginRight: -4,
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, Wo(o))), le = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  const r = d.useContext(Mo), s = d.useContext($o), i = Vo(r, e), a = Y({
+}, Mo(o))), se = /* @__PURE__ */ c.forwardRef(function(n, t) {
+  const r = c.useContext(Io), s = c.useContext(Bo), i = Lo(r, n), a = Y({
     props: i,
     name: "MuiButton"
   }), {
-    children: c,
-    color: p = "primary",
-    component: b = "button",
+    children: l,
+    color: u = "primary",
+    component: g = "button",
     className: m,
-    disabled: v = !1,
-    disableElevation: y = !1,
-    disableFocusRipple: h = !1,
+    disabled: x = !1,
+    disableElevation: R = !1,
+    disableFocusRipple: C = !1,
     endIcon: f,
-    focusVisibleClassName: S,
-    fullWidth: O = !1,
+    focusVisibleClassName: $,
+    fullWidth: S = !1,
     size: D = "medium",
-    startIcon: R,
-    type: u,
-    variant: k = "text"
-  } = a, E = j(a, te), P = l({}, a, {
-    color: p,
-    component: b,
-    disabled: v,
-    disableElevation: y,
-    disableFocusRipple: h,
-    fullWidth: O,
+    startIcon: P,
+    type: p,
+    variant: T = "text"
+  } = a, h = j(a, ee), k = d({}, a, {
+    color: u,
+    component: g,
+    disabled: x,
+    disableElevation: R,
+    disableFocusRipple: C,
+    fullWidth: S,
     size: D,
-    type: u,
-    variant: k
-  }), T = re(P), I = R && /* @__PURE__ */ N(se, {
-    className: T.startIcon,
-    ownerState: P,
-    children: R
-  }), z = f && /* @__PURE__ */ N(ae, {
-    className: T.endIcon,
-    ownerState: P,
+    type: p,
+    variant: T
+  }), y = ne(k), O = P && /* @__PURE__ */ N(re, {
+    className: y.startIcon,
+    ownerState: k,
+    children: P
+  }), z = f && /* @__PURE__ */ N(ie, {
+    className: y.endIcon,
+    ownerState: k,
     children: f
-  }), B = s || "";
-  return /* @__PURE__ */ co(ie, l({
-    ownerState: P,
-    className: _(r.className, T.root, m, B),
-    component: b,
-    disabled: v,
-    focusRipple: !h,
-    focusVisibleClassName: _(T.focusVisible, S),
+  }), I = s || "";
+  return /* @__PURE__ */ co(te, d({
+    ownerState: k,
+    className: L(r.className, y.root, m, I),
+    component: g,
+    disabled: x,
+    focusRipple: !C,
+    focusVisibleClassName: L(y.focusVisible, $),
     ref: t,
-    type: u
-  }, E, {
-    classes: T,
-    children: [I, c, z]
+    type: p
+  }, h, {
+    classes: y,
+    children: [O, l, z]
   }));
 });
-process.env.NODE_ENV !== "production" && (le.propTypes = {
+process.env.NODE_ENV !== "production" && (se.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -348,42 +303,42 @@ process.env.NODE_ENV !== "production" && (le.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.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: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
+  color: e.oneOfType([e.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), e.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: n.elementType,
+  component: e.elementType,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: n.bool,
+  disabled: e.bool,
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation: n.bool,
+  disableElevation: e.bool,
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple: n.bool,
+  disableFocusRipple: e.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -391,99 +346,99 @@ process.env.NODE_ENV !== "production" && (le.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: n.bool,
+  disableRipple: e.bool,
   /**
    * Element placed after the children.
    */
-  endIcon: n.node,
+  endIcon: e.node,
   /**
    * @ignore
    */
-  focusVisibleClassName: n.string,
+  focusVisibleClassName: e.string,
   /**
    * If `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth: n.bool,
+  fullWidth: e.bool,
   /**
    * The URL to link to when the button is clicked.
    * If defined, an `a` element will be used as the root node.
    */
-  href: n.string,
+  href: e.string,
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
+  size: e.oneOfType([e.oneOf(["small", "medium", "large"]), e.string]),
   /**
    * Element placed before the children.
    */
-  startIcon: n.node,
+  startIcon: e.node,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * @ignore
    */
-  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
+  type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+  variant: e.oneOfType([e.oneOf(["contained", "outlined", "text"]), e.string])
 });
-function ce(o) {
-  const e = V(o);
-  return e.body === o ? uo(o).innerWidth > e.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
+function ae(o) {
+  const n = V(o);
+  return n.body === o ? uo(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
 }
-function Z(o, e) {
-  e ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
+function J(o, n) {
+  n ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
 }
-function Ro(o) {
+function Po(o) {
   return parseInt(uo(o).getComputedStyle(o).paddingRight, 10) || 0;
 }
-function de(o) {
+function le(o) {
   const t = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(o.tagName) !== -1, r = o.tagName === "INPUT" && o.getAttribute("type") === "hidden";
   return t || r;
 }
-function No(o, e, t, r, s) {
-  const i = [e, t, ...r];
+function Ro(o, n, t, r, s) {
+  const i = [n, t, ...r];
   [].forEach.call(o.children, (a) => {
-    const c = i.indexOf(a) === -1, p = !de(a);
-    c && p && Z(a, s);
+    const l = i.indexOf(a) === -1, u = !le(a);
+    l && u && J(a, s);
   });
 }
-function ao(o, e) {
+function ao(o, n) {
   let t = -1;
-  return o.some((r, s) => e(r) ? (t = s, !0) : !1), t;
+  return o.some((r, s) => n(r) ? (t = s, !0) : !1), t;
 }
-function pe(o, e) {
+function ce(o, n) {
   const t = [], r = o.container;
-  if (!e.disableScrollLock) {
-    if (ce(r)) {
-      const a = Zo(V(r));
+  if (!n.disableScrollLock) {
+    if (ae(r)) {
+      const a = Qo(V(r));
       t.push({
         value: r.style.paddingRight,
         property: "padding-right",
         el: r
-      }), r.style.paddingRight = `${Ro(r) + a}px`;
-      const c = V(r).querySelectorAll(".mui-fixed");
-      [].forEach.call(c, (p) => {
+      }), r.style.paddingRight = `${Po(r) + a}px`;
+      const l = V(r).querySelectorAll(".mui-fixed");
+      [].forEach.call(l, (u) => {
         t.push({
-          value: p.style.paddingRight,
+          value: u.style.paddingRight,
           property: "padding-right",
-          el: p
-        }), p.style.paddingRight = `${Ro(p) + a}px`;
+          el: u
+        }), u.style.paddingRight = `${Po(u) + a}px`;
       });
     }
     let i;
     if (r.parentNode instanceof DocumentFragment)
       i = V(r).body;
     else {
-      const a = r.parentElement, c = uo(r);
-      i = (a == null ? void 0 : a.nodeName) === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : r;
+      const a = r.parentElement, l = uo(r);
+      i = (a == null ? void 0 : a.nodeName) === "HTML" && l.getComputedStyle(a).overflowY === "scroll" ? a : r;
     }
     t.push({
       value: i.style.overflow,
@@ -503,163 +458,163 @@ function pe(o, e) {
     t.forEach(({
       value: i,
       el: a,
-      property: c
+      property: l
     }) => {
-      i ? a.style.setProperty(c, i) : a.style.removeProperty(c);
+      i ? a.style.setProperty(l, i) : a.style.removeProperty(l);
     });
   };
 }
-function ue(o) {
-  const e = [];
+function de(o) {
+  const n = [];
   return [].forEach.call(o.children, (t) => {
-    t.getAttribute("aria-hidden") === "true" && e.push(t);
-  }), e;
+    t.getAttribute("aria-hidden") === "true" && n.push(t);
+  }), n;
 }
-class fe {
+class pe {
   constructor() {
     this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
   }
-  add(e, t) {
-    let r = this.modals.indexOf(e);
+  add(n, t) {
+    let r = this.modals.indexOf(n);
     if (r !== -1)
       return r;
-    r = this.modals.length, this.modals.push(e), e.modalRef && Z(e.modalRef, !1);
-    const s = ue(t);
-    No(t, e.mount, e.modalRef, s, !0);
+    r = this.modals.length, this.modals.push(n), n.modalRef && J(n.modalRef, !1);
+    const s = de(t);
+    Ro(t, n.mount, n.modalRef, s, !0);
     const i = ao(this.containers, (a) => a.container === t);
-    return i !== -1 ? (this.containers[i].modals.push(e), r) : (this.containers.push({
-      modals: [e],
+    return i !== -1 ? (this.containers[i].modals.push(n), r) : (this.containers.push({
+      modals: [n],
       container: t,
       restore: null,
       hiddenSiblings: s
     }), r);
   }
-  mount(e, t) {
-    const r = ao(this.containers, (i) => i.modals.indexOf(e) !== -1), s = this.containers[r];
-    s.restore || (s.restore = pe(s, t));
+  mount(n, t) {
+    const r = ao(this.containers, (i) => i.modals.indexOf(n) !== -1), s = this.containers[r];
+    s.restore || (s.restore = ce(s, t));
   }
-  remove(e, t = !0) {
-    const r = this.modals.indexOf(e);
+  remove(n, t = !0) {
+    const r = this.modals.indexOf(n);
     if (r === -1)
       return r;
-    const s = ao(this.containers, (a) => a.modals.indexOf(e) !== -1), i = this.containers[s];
-    if (i.modals.splice(i.modals.indexOf(e), 1), this.modals.splice(r, 1), i.modals.length === 0)
-      i.restore && i.restore(), e.modalRef && Z(e.modalRef, t), No(i.container, e.mount, e.modalRef, i.hiddenSiblings, !1), this.containers.splice(s, 1);
+    const s = ao(this.containers, (a) => a.modals.indexOf(n) !== -1), i = this.containers[s];
+    if (i.modals.splice(i.modals.indexOf(n), 1), this.modals.splice(r, 1), i.modals.length === 0)
+      i.restore && i.restore(), n.modalRef && J(n.modalRef, t), Ro(i.container, n.mount, n.modalRef, i.hiddenSiblings, !1), this.containers.splice(s, 1);
     else {
       const a = i.modals[i.modals.length - 1];
-      a.modalRef && Z(a.modalRef, !1);
+      a.modalRef && J(a.modalRef, !1);
     }
     return r;
   }
-  isTopModal(e) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === e;
+  isTopModal(n) {
+    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
   }
 }
-const be = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function ge(o) {
-  const e = parseInt(o.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(e) ? o.contentEditable === "true" || (o.nodeName === "AUDIO" || o.nodeName === "VIDEO" || o.nodeName === "DETAILS") && o.getAttribute("tabindex") === null ? 0 : o.tabIndex : e;
+const ue = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function fe(o) {
+  const n = parseInt(o.getAttribute("tabindex") || "", 10);
+  return Number.isNaN(n) ? o.contentEditable === "true" || (o.nodeName === "AUDIO" || o.nodeName === "VIDEO" || o.nodeName === "DETAILS") && o.getAttribute("tabindex") === null ? 0 : o.tabIndex : n;
 }
-function me(o) {
+function be(o) {
   if (o.tagName !== "INPUT" || o.type !== "radio" || !o.name)
     return !1;
-  const e = (r) => o.ownerDocument.querySelector(`input[type="radio"]${r}`);
-  let t = e(`[name="${o.name}"]:checked`);
-  return t || (t = e(`[name="${o.name}"]`)), t !== o;
+  const n = (r) => o.ownerDocument.querySelector(`input[type="radio"]${r}`);
+  let t = n(`[name="${o.name}"]:checked`);
+  return t || (t = n(`[name="${o.name}"]`)), t !== o;
 }
-function ve(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || me(o));
+function ge(o) {
+  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || be(o));
 }
-function xe(o) {
-  const e = [], t = [];
-  return Array.from(o.querySelectorAll(be)).forEach((r, s) => {
-    const i = ge(r);
-    i === -1 || !ve(r) || (i === 0 ? e.push(r) : t.push({
+function me(o) {
+  const n = [], t = [];
+  return Array.from(o.querySelectorAll(ue)).forEach((r, s) => {
+    const i = fe(r);
+    i === -1 || !ge(r) || (i === 0 ? n.push(r) : t.push({
       documentOrder: s,
       tabIndex: i,
       node: r
     }));
-  }), t.sort((r, s) => r.tabIndex === s.tabIndex ? r.documentOrder - s.documentOrder : r.tabIndex - s.tabIndex).map((r) => r.node).concat(e);
+  }), t.sort((r, s) => r.tabIndex === s.tabIndex ? r.documentOrder - s.documentOrder : r.tabIndex - s.tabIndex).map((r) => r.node).concat(n);
 }
-function he() {
+function ve() {
   return !0;
 }
 function to(o) {
   const {
-    children: e,
+    children: n,
     disableAutoFocus: t = !1,
     disableEnforceFocus: r = !1,
     disableRestoreFocus: s = !1,
-    getTabbable: i = xe,
-    isEnabled: a = he,
-    open: c
-  } = o, p = d.useRef(!1), b = d.useRef(null), m = d.useRef(null), v = d.useRef(null), y = d.useRef(null), h = d.useRef(!1), f = d.useRef(null), S = J(e.ref, f), O = d.useRef(null);
-  d.useEffect(() => {
-    !c || !f.current || (h.current = !t);
-  }, [t, c]), d.useEffect(() => {
-    if (!c || !f.current)
+    getTabbable: i = me,
+    isEnabled: a = ve,
+    open: l
+  } = o, u = c.useRef(!1), g = c.useRef(null), m = c.useRef(null), x = c.useRef(null), R = c.useRef(null), C = c.useRef(!1), f = c.useRef(null), $ = Q(n.ref, f), S = c.useRef(null);
+  c.useEffect(() => {
+    !l || !f.current || (C.current = !t);
+  }, [t, l]), c.useEffect(() => {
+    if (!l || !f.current)
       return;
-    const u = V(f.current);
-    return f.current.contains(u.activeElement) || (f.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), f.current.setAttribute("tabIndex", "-1")), h.current && f.current.focus()), () => {
-      s || (v.current && v.current.focus && (p.current = !0, v.current.focus()), v.current = null);
+    const p = V(f.current);
+    return f.current.contains(p.activeElement) || (f.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
+`)), f.current.setAttribute("tabIndex", "-1")), C.current && f.current.focus()), () => {
+      s || (x.current && x.current.focus && (u.current = !0, x.current.focus()), x.current = null);
     };
-  }, [c]), d.useEffect(() => {
-    if (!c || !f.current)
+  }, [l]), c.useEffect(() => {
+    if (!l || !f.current)
       return;
-    const u = V(f.current), k = (T) => {
-      O.current = T, !(r || !a() || T.key !== "Tab") && u.activeElement === f.current && T.shiftKey && (p.current = !0, m.current && m.current.focus());
-    }, E = () => {
-      const T = f.current;
-      if (T === null)
+    const p = V(f.current), T = (y) => {
+      S.current = y, !(r || !a() || y.key !== "Tab") && p.activeElement === f.current && y.shiftKey && (u.current = !0, m.current && m.current.focus());
+    }, h = () => {
+      const y = f.current;
+      if (y === null)
         return;
-      if (!u.hasFocus() || !a() || p.current) {
-        p.current = !1;
+      if (!p.hasFocus() || !a() || u.current) {
+        u.current = !1;
         return;
       }
-      if (T.contains(u.activeElement) || r && u.activeElement !== b.current && u.activeElement !== m.current)
+      if (y.contains(p.activeElement) || r && p.activeElement !== g.current && p.activeElement !== m.current)
         return;
-      if (u.activeElement !== y.current)
-        y.current = null;
-      else if (y.current !== null)
+      if (p.activeElement !== R.current)
+        R.current = null;
+      else if (R.current !== null)
         return;
-      if (!h.current)
+      if (!C.current)
         return;
-      let I = [];
-      if ((u.activeElement === b.current || u.activeElement === m.current) && (I = i(f.current)), I.length > 0) {
-        var z, B;
-        const F = !!((z = O.current) != null && z.shiftKey && ((B = O.current) == null ? void 0 : B.key) === "Tab"), w = I[0], A = I[I.length - 1];
-        typeof w != "string" && typeof A != "string" && (F ? A.focus() : w.focus());
+      let O = [];
+      if ((p.activeElement === g.current || p.activeElement === m.current) && (O = i(f.current)), O.length > 0) {
+        var z, I;
+        const F = !!((z = S.current) != null && z.shiftKey && ((I = S.current) == null ? void 0 : I.key) === "Tab"), A = O[0], w = O[O.length - 1];
+        typeof A != "string" && typeof w != "string" && (F ? w.focus() : A.focus());
       } else
-        T.focus();
+        y.focus();
     };
-    u.addEventListener("focusin", E), u.addEventListener("keydown", k, !0);
-    const P = setInterval(() => {
-      u.activeElement && u.activeElement.tagName === "BODY" && E();
+    p.addEventListener("focusin", h), p.addEventListener("keydown", T, !0);
+    const k = setInterval(() => {
+      p.activeElement && p.activeElement.tagName === "BODY" && h();
     }, 50);
     return () => {
-      clearInterval(P), u.removeEventListener("focusin", E), u.removeEventListener("keydown", k, !0);
+      clearInterval(k), p.removeEventListener("focusin", h), p.removeEventListener("keydown", T, !0);
     };
-  }, [t, r, s, a, c, i]);
-  const D = (u) => {
-    v.current === null && (v.current = u.relatedTarget), h.current = !0, y.current = u.target;
-    const k = e.props.onFocus;
-    k && k(u);
-  }, R = (u) => {
-    v.current === null && (v.current = u.relatedTarget), h.current = !0;
+  }, [t, r, s, a, l, i]);
+  const D = (p) => {
+    x.current === null && (x.current = p.relatedTarget), C.current = !0, R.current = p.target;
+    const T = n.props.onFocus;
+    T && T(p);
+  }, P = (p) => {
+    x.current === null && (x.current = p.relatedTarget), C.current = !0;
   };
-  return /* @__PURE__ */ co(d.Fragment, {
+  return /* @__PURE__ */ co(c.Fragment, {
     children: [/* @__PURE__ */ N("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: R,
-      ref: b,
+      tabIndex: l ? 0 : -1,
+      onFocus: P,
+      ref: g,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ d.cloneElement(e, {
-      ref: S,
+    }), /* @__PURE__ */ c.cloneElement(n, {
+      ref: $,
       onFocus: D
     }), /* @__PURE__ */ N("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: R,
+      tabIndex: l ? 0 : -1,
+      onFocus: P,
       ref: m,
       "data-testid": "sentinelEnd"
     })]
@@ -683,7 +638,7 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus: n.bool,
+  disableAutoFocus: e.bool,
   /**
    * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
    *
@@ -691,19 +646,19 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus: n.bool,
+  disableEnforceFocus: e.bool,
   /**
    * If `true`, the focus trap will not restore focus to previously focused element once
    * focus trap is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus: n.bool,
+  disableRestoreFocus: e.bool,
   /**
    * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
    * For instance, you can provide the "tabbable" npm dependency.
    * @param {HTMLElement} root
    */
-  getTabbable: n.func,
+  getTabbable: e.func,
   /**
    * This prop extends the `open` prop.
    * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
@@ -713,42 +668,42 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    *   return true;
    * }
    */
-  isEnabled: n.func,
+  isEnabled: e.func,
   /**
    * If `true`, focus is locked.
    */
-  open: n.bool.isRequired
+  open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (to.propTypes = Oo(to.propTypes));
-function ye(o) {
+process.env.NODE_ENV !== "production" && (to.propTypes = So(to.propTypes));
+function xe(o) {
   return typeof o == "function" ? o() : o;
 }
-const ro = /* @__PURE__ */ d.forwardRef(function(e, t) {
+const ro = /* @__PURE__ */ c.forwardRef(function(n, t) {
   const {
     children: r,
     container: s,
     disablePortal: i = !1
-  } = e, [a, c] = d.useState(null), p = J(/* @__PURE__ */ d.isValidElement(r) ? r.ref : null, t);
+  } = n, [a, l] = c.useState(null), u = Q(/* @__PURE__ */ c.isValidElement(r) ? r.ref : null, t);
   if (ho(() => {
-    i || c(ye(s) || document.body);
+    i || l(xe(s) || document.body);
   }, [s, i]), ho(() => {
     if (a && !i)
       return yo(t, a), () => {
         yo(t, null);
       };
   }, [t, a, i]), i) {
-    if (/* @__PURE__ */ d.isValidElement(r)) {
-      const b = {
-        ref: p
+    if (/* @__PURE__ */ c.isValidElement(r)) {
+      const g = {
+        ref: u
       };
-      return /* @__PURE__ */ d.cloneElement(r, b);
+      return /* @__PURE__ */ c.cloneElement(r, g);
     }
-    return /* @__PURE__ */ N(d.Fragment, {
+    return /* @__PURE__ */ N(c.Fragment, {
       children: r
     });
   }
-  return /* @__PURE__ */ N(d.Fragment, {
-    children: a && /* @__PURE__ */ Xo.createPortal(r, a)
+  return /* @__PURE__ */ N(c.Fragment, {
+    children: a && /* @__PURE__ */ Jo.createPortal(r, a)
   });
 });
 process.env.NODE_ENV !== "production" && (ro.propTypes = {
@@ -759,7 +714,7 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
   /**
    * The children to render into the `container`.
    */
-  children: n.node,
+  children: e.node,
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -770,87 +725,87 @@ process.env.NODE_ENV !== "production" && (ro.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: n.oneOfType([Io, n.func]),
+  container: e.oneOfType([Oo, e.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal: n.bool
+  disablePortal: e.bool
 });
-process.env.NODE_ENV !== "production" && (ro.propTypes = Oo(ro.propTypes));
-const Ee = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Te = {
+process.env.NODE_ENV !== "production" && (ro.propTypes = So(ro.propTypes));
+const he = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], ye = {
   entering: {
     opacity: 1
   },
   entered: {
     opacity: 1
   }
-}, fo = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  const r = So(), s = {
+}, fo = /* @__PURE__ */ c.forwardRef(function(n, t) {
+  const r = No(), s = {
     enter: r.transitions.duration.enteringScreen,
     exit: r.transitions.duration.leavingScreen
   }, {
     addEndListener: i,
     appear: a = !0,
-    children: c,
-    easing: p,
-    in: b,
+    children: l,
+    easing: u,
+    in: g,
     onEnter: m,
-    onEntered: v,
-    onEntering: y,
-    onExit: h,
+    onEntered: x,
+    onEntering: R,
+    onExit: C,
     onExited: f,
-    onExiting: S,
-    style: O,
+    onExiting: $,
+    style: S,
     timeout: D = s,
     // eslint-disable-next-line react/prop-types
-    TransitionComponent: R = Ko
-  } = e, u = j(e, Ee), k = d.useRef(null), E = J(k, c.ref, t), P = (x) => (W) => {
-    if (x) {
-      const g = k.current;
-      W === void 0 ? x(g) : x(g, W);
+    TransitionComponent: P = Uo
+  } = n, p = j(n, he), T = c.useRef(null), h = Q(T, l.ref, t), k = (v) => (W) => {
+    if (v) {
+      const b = T.current;
+      W === void 0 ? v(b) : v(b, W);
     }
-  }, T = P(y), I = P((x, W) => {
-    qo(x);
-    const g = To({
-      style: O,
+  }, y = k(R), O = k((v, W) => {
+    Ho(v);
+    const b = To({
+      style: S,
       timeout: D,
-      easing: p
+      easing: u
     }, {
       mode: "enter"
     });
-    x.style.webkitTransition = r.transitions.create("opacity", g), x.style.transition = r.transitions.create("opacity", g), m && m(x, W);
-  }), z = P(v), B = P(S), F = P((x) => {
+    v.style.webkitTransition = r.transitions.create("opacity", b), v.style.transition = r.transitions.create("opacity", b), m && m(v, W);
+  }), z = k(x), I = k($), F = k((v) => {
     const W = To({
-      style: O,
+      style: S,
       timeout: D,
-      easing: p
+      easing: u
     }, {
       mode: "exit"
     });
-    x.style.webkitTransition = r.transitions.create("opacity", W), x.style.transition = r.transitions.create("opacity", W), h && h(x);
-  }), w = P(f);
-  return /* @__PURE__ */ N(R, l({
+    v.style.webkitTransition = r.transitions.create("opacity", W), v.style.transition = r.transitions.create("opacity", W), C && C(v);
+  }), A = k(f);
+  return /* @__PURE__ */ N(P, d({
     appear: a,
-    in: b,
-    nodeRef: k,
-    onEnter: I,
+    in: g,
+    nodeRef: T,
+    onEnter: O,
     onEntered: z,
-    onEntering: T,
+    onEntering: y,
     onExit: F,
-    onExited: w,
-    onExiting: B,
-    addEndListener: (x) => {
-      i && i(k.current, x);
+    onExited: A,
+    onExiting: I,
+    addEndListener: (v) => {
+      i && i(T.current, v);
     },
     timeout: D
-  }, u, {
-    children: (x, W) => /* @__PURE__ */ d.cloneElement(c, l({
-      style: l({
+  }, p, {
+    children: (v, W) => /* @__PURE__ */ c.cloneElement(l, d({
+      style: d({
         opacity: 0,
-        visibility: x === "exited" && !b ? "hidden" : void 0
-      }, Te[x], O, c.props.style),
-      ref: E
+        visibility: v === "exited" && !g ? "hidden" : void 0
+      }, ye[v], S, l.props.style),
+      ref: h
     }, W))
   }));
 });
@@ -864,13 +819,13 @@ process.env.NODE_ENV !== "production" && (fo.propTypes = {
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: n.func,
+  addEndListener: e.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: n.bool,
+  appear: e.bool,
   /**
    * A single child content element.
    */
@@ -879,42 +834,42 @@ process.env.NODE_ENV !== "production" && (fo.propTypes = {
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: n.oneOfType([n.shape({
-    enter: n.string,
-    exit: n.string
-  }), n.string]),
+  easing: e.oneOfType([e.shape({
+    enter: e.string,
+    exit: e.string
+  }), e.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: n.bool,
+  in: e.bool,
   /**
    * @ignore
    */
-  onEnter: n.func,
+  onEnter: e.func,
   /**
    * @ignore
    */
-  onEntered: n.func,
+  onEntered: e.func,
   /**
    * @ignore
    */
-  onEntering: n.func,
+  onEntering: e.func,
   /**
    * @ignore
    */
-  onExit: n.func,
+  onExit: e.func,
   /**
    * @ignore
    */
-  onExited: n.func,
+  onExited: e.func,
   /**
    * @ignore
    */
-  onExiting: n.func,
+  onExiting: e.func,
   /**
    * @ignore
    */
-  style: n.object,
+  style: e.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -923,36 +878,36 @@ process.env.NODE_ENV !== "production" && (fo.propTypes = {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  timeout: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
+  timeout: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
   })])
 });
-function Ce(o) {
-  return U("MuiBackdrop", o);
+function Ee(o) {
+  return H("MuiBackdrop", o);
 }
-H("MuiBackdrop", ["root", "invisible"]);
-const ke = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], Pe = (o) => {
+U("MuiBackdrop", ["root", "invisible"]);
+const Te = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], Ce = (o) => {
   const {
-    classes: e,
+    classes: n,
     invisible: t
   } = o;
   return G({
     root: ["root", t && "invisible"]
-  }, Ce, e);
-}, Re = L("div", {
+  }, Ee, n);
+}, ke = _("div", {
   name: "MuiBackdrop",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.root, t.invisible && e.invisible];
+    return [n.root, t.invisible && n.invisible];
   }
 })(({
   ownerState: o
-}) => l({
+}) => d({
   position: "fixed",
   display: "flex",
   alignItems: "center",
@@ -965,40 +920,40 @@ const ke = ["children", "className", "component", "components", "componentsProps
   WebkitTapHighlightColor: "transparent"
 }, o.invisible && {
   backgroundColor: "transparent"
-})), bo = /* @__PURE__ */ d.forwardRef(function(e, t) {
+})), bo = /* @__PURE__ */ c.forwardRef(function(n, t) {
   var r, s, i;
   const a = Y({
-    props: e,
+    props: n,
     name: "MuiBackdrop"
   }), {
-    children: c,
-    className: p,
-    component: b = "div",
+    children: l,
+    className: u,
+    component: g = "div",
     components: m = {},
-    componentsProps: v = {},
-    invisible: y = !1,
-    open: h,
+    componentsProps: x = {},
+    invisible: R = !1,
+    open: C,
     slotProps: f = {},
-    slots: S = {},
-    TransitionComponent: O = fo,
+    slots: $ = {},
+    TransitionComponent: S = fo,
     transitionDuration: D
-  } = a, R = j(a, ke), u = l({}, a, {
-    component: b,
-    invisible: y
-  }), k = Pe(u), E = (r = f.root) != null ? r : v.root;
-  return /* @__PURE__ */ N(O, l({
-    in: h,
+  } = a, P = j(a, Te), p = d({}, a, {
+    component: g,
+    invisible: R
+  }), T = Ce(p), h = (r = f.root) != null ? r : x.root;
+  return /* @__PURE__ */ N(S, d({
+    in: C,
     timeout: D
-  }, R, {
-    children: /* @__PURE__ */ N(Re, l({
+  }, P, {
+    children: /* @__PURE__ */ N(ke, d({
       "aria-hidden": !0
-    }, E, {
-      as: (s = (i = S.root) != null ? i : m.Root) != null ? s : b,
-      className: _(k.root, p, E == null ? void 0 : E.className),
-      ownerState: l({}, u, E == null ? void 0 : E.ownerState),
-      classes: k,
+    }, h, {
+      as: (s = (i = $.root) != null ? i : m.Root) != null ? s : g,
+      className: L(T.root, u, h == null ? void 0 : h.className),
+      ownerState: d({}, p, h == null ? void 0 : h.ownerState),
+      classes: T,
       ref: t,
-      children: c
+      children: l
     }))
   }));
 });
@@ -1010,20 +965,20 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: n.elementType,
+  component: e.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -1032,8 +987,8 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
    *
    * @default {}
    */
-  components: n.shape({
-    Root: n.elementType
+  components: e.shape({
+    Root: e.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -1044,19 +999,19 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
    *
    * @default {}
    */
-  componentsProps: n.shape({
-    root: n.object
+  componentsProps: e.shape({
+    root: e.object
   }),
   /**
    * If `true`, the backdrop is invisible.
    * It can be used when rendering a popover or a custom select component.
    * @default false
    */
-  invisible: n.bool,
+  invisible: e.bool,
   /**
    * If `true`, the component is shown.
    */
-  open: n.bool.isRequired,
+  open: e.bool.isRequired,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -1065,8 +1020,8 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
    *
    * @default {}
    */
-  slotProps: n.shape({
-    root: n.object
+  slotProps: e.shape({
+    root: e.object
   }),
   /**
    * The components used for each slot inside.
@@ -1075,256 +1030,256 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
    *
    * @default {}
    */
-  slots: n.shape({
-    root: n.elementType
+  slots: e.shape({
+    root: e.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  TransitionComponent: n.elementType,
+  TransitionComponent: e.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    */
-  transitionDuration: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
+  transitionDuration: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
   })])
 });
-function Ne(o) {
+function Pe(o) {
   return typeof o == "function" ? o() : o;
 }
-function Se(o) {
+function Re(o) {
   return o ? o.props.hasOwnProperty("in") : !1;
 }
-const Oe = new fe();
-function De(o) {
+const Ne = new pe();
+function Se(o) {
   const {
-    container: e,
+    container: n,
     disableEscapeKeyDown: t = !1,
     disableScrollLock: r = !1,
     // @ts-ignore internal logic - Base UI supports the manager as a prop too
-    manager: s = Oe,
+    manager: s = Ne,
     closeAfterTransition: i = !1,
     onTransitionEnter: a,
-    onTransitionExited: c,
-    children: p,
-    onClose: b,
+    onTransitionExited: l,
+    children: u,
+    onClose: g,
     open: m,
-    rootRef: v
-  } = o, y = d.useRef({}), h = d.useRef(null), f = d.useRef(null), S = J(f, v), [O, D] = d.useState(!m), R = Se(p);
-  let u = !0;
-  (o["aria-hidden"] === "false" || o["aria-hidden"] === !1) && (u = !1);
-  const k = () => V(h.current), E = () => (y.current.modalRef = f.current, y.current.mount = h.current, y.current), P = () => {
-    s.mount(E(), {
+    rootRef: x
+  } = o, R = c.useRef({}), C = c.useRef(null), f = c.useRef(null), $ = Q(f, x), [S, D] = c.useState(!m), P = Re(u);
+  let p = !0;
+  (o["aria-hidden"] === "false" || o["aria-hidden"] === !1) && (p = !1);
+  const T = () => V(C.current), h = () => (R.current.modalRef = f.current, R.current.mount = C.current, R.current), k = () => {
+    s.mount(h(), {
       disableScrollLock: r
     }), f.current && (f.current.scrollTop = 0);
-  }, T = Eo(() => {
-    const g = Ne(e) || k().body;
-    s.add(E(), g), f.current && P();
-  }), I = d.useCallback(() => s.isTopModal(E()), [s]), z = Eo((g) => {
-    h.current = g, g && (m && I() ? P() : f.current && Z(f.current, u));
-  }), B = d.useCallback(() => {
-    s.remove(E(), u);
-  }, [u, s]);
-  d.useEffect(() => () => {
-    B();
-  }, [B]), d.useEffect(() => {
-    m ? T() : (!R || !i) && B();
-  }, [m, B, R, i, T]);
-  const F = (g) => (C) => {
-    var M;
-    (M = g.onKeyDown) == null || M.call(g, C), !(C.key !== "Escape" || C.which === 229 || // Wait until IME is settled.
-    !I()) && (t || (C.stopPropagation(), b && b(C, "escapeKeyDown")));
-  }, w = (g) => (C) => {
-    var M;
-    (M = g.onClick) == null || M.call(g, C), C.target === C.currentTarget && b && b(C, "backdropClick");
+  }, y = Eo(() => {
+    const b = Pe(n) || T().body;
+    s.add(h(), b), f.current && k();
+  }), O = c.useCallback(() => s.isTopModal(h()), [s]), z = Eo((b) => {
+    C.current = b, b && (m && O() ? k() : f.current && J(f.current, p));
+  }), I = c.useCallback(() => {
+    s.remove(h(), p);
+  }, [p, s]);
+  c.useEffect(() => () => {
+    I();
+  }, [I]), c.useEffect(() => {
+    m ? y() : (!P || !i) && I();
+  }, [m, I, P, i, y]);
+  const F = (b) => (E) => {
+    var B;
+    (B = b.onKeyDown) == null || B.call(b, E), !(E.key !== "Escape" || E.which === 229 || // Wait until IME is settled.
+    !O()) && (t || (E.stopPropagation(), g && g(E, "escapeKeyDown")));
+  }, A = (b) => (E) => {
+    var B;
+    (B = b.onClick) == null || B.call(b, E), E.target === E.currentTarget && g && g(E, "backdropClick");
   };
   return {
-    getRootProps: (g = {}) => {
-      const C = Bo(o);
-      delete C.onTransitionEnter, delete C.onTransitionExited;
-      const M = l({}, C, g);
-      return l({
+    getRootProps: (b = {}) => {
+      const E = Go(o);
+      delete E.onTransitionEnter, delete E.onTransitionExited;
+      const B = d({}, E, b);
+      return d({
         role: "presentation"
-      }, M, {
-        onKeyDown: F(M),
-        ref: S
+      }, B, {
+        onKeyDown: F(B),
+        ref: $
       });
     },
-    getBackdropProps: (g = {}) => {
-      const C = g;
-      return l({
+    getBackdropProps: (b = {}) => {
+      const E = b;
+      return d({
         "aria-hidden": !0
-      }, C, {
-        onClick: w(C),
+      }, E, {
+        onClick: A(E),
         open: m
       });
     },
     getTransitionProps: () => {
-      const g = () => {
+      const b = () => {
         D(!1), a && a();
-      }, C = () => {
-        D(!0), c && c(), i && B();
+      }, E = () => {
+        D(!0), l && l(), i && I();
       };
       return {
-        onEnter: Co(g, p == null ? void 0 : p.props.onEnter),
-        onExited: Co(C, p == null ? void 0 : p.props.onExited)
+        onEnter: Co(b, u == null ? void 0 : u.props.onEnter),
+        onExited: Co(E, u == null ? void 0 : u.props.onExited)
       };
     },
-    rootRef: S,
+    rootRef: $,
     portalRef: z,
-    isTopModal: I,
-    exited: O,
-    hasTransition: R
+    isTopModal: O,
+    exited: S,
+    hasTransition: P
   };
 }
-function Ie(o) {
-  return U("MuiModal", o);
+function De(o) {
+  return H("MuiModal", o);
 }
-H("MuiModal", ["root", "hidden", "backdrop"]);
-const Be = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"], Me = (o) => {
+U("MuiModal", ["root", "hidden", "backdrop"]);
+const Oe = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "container", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onTransitionEnter", "onTransitionExited", "open", "slotProps", "slots", "theme"], Ie = (o) => {
   const {
-    open: e,
+    open: n,
     exited: t,
     classes: r
   } = o;
   return G({
-    root: ["root", !e && t && "hidden"],
+    root: ["root", !n && t && "hidden"],
     backdrop: ["backdrop"]
-  }, Ie, r);
-}, $e = L("div", {
+  }, De, r);
+}, Be = _("div", {
   name: "MuiModal",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.root, !t.open && t.exited && e.hidden];
+    return [n.root, !t.open && t.exited && n.hidden];
   }
 })(({
   theme: o,
-  ownerState: e
-}) => l({
+  ownerState: n
+}) => d({
   position: "fixed",
   zIndex: (o.vars || o).zIndex.modal,
   right: 0,
   bottom: 0,
   top: 0,
   left: 0
-}, !e.open && e.exited && {
+}, !n.open && n.exited && {
   visibility: "hidden"
-})), We = L(bo, {
+})), Me = _(bo, {
   name: "MuiModal",
   slot: "Backdrop",
-  overridesResolver: (o, e) => e.backdrop
+  overridesResolver: (o, n) => n.backdrop
 })({
   zIndex: -1
-}), zo = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  var r, s, i, a, c, p;
-  const b = Y({
+}), $o = /* @__PURE__ */ c.forwardRef(function(n, t) {
+  var r, s, i, a, l, u;
+  const g = Y({
     name: "MuiModal",
-    props: e
+    props: n
   }), {
-    BackdropComponent: m = We,
-    BackdropProps: v,
-    className: y,
-    closeAfterTransition: h = !1,
+    BackdropComponent: m = Me,
+    BackdropProps: x,
+    className: R,
+    closeAfterTransition: C = !1,
     children: f,
-    container: S,
-    component: O,
+    container: $,
+    component: S,
     components: D = {},
-    componentsProps: R = {},
-    disableAutoFocus: u = !1,
-    disableEnforceFocus: k = !1,
-    disableEscapeKeyDown: E = !1,
-    disablePortal: P = !1,
-    disableRestoreFocus: T = !1,
-    disableScrollLock: I = !1,
+    componentsProps: P = {},
+    disableAutoFocus: p = !1,
+    disableEnforceFocus: T = !1,
+    disableEscapeKeyDown: h = !1,
+    disablePortal: k = !1,
+    disableRestoreFocus: y = !1,
+    disableScrollLock: O = !1,
     hideBackdrop: z = !1,
-    keepMounted: B = !1,
+    keepMounted: I = !1,
     onBackdropClick: F,
-    open: w,
-    slotProps: A,
-    slots: x
+    open: A,
+    slotProps: w,
+    slots: v
     // eslint-disable-next-line react/prop-types
-  } = b, W = j(b, Be), g = l({}, b, {
-    closeAfterTransition: h,
-    disableAutoFocus: u,
-    disableEnforceFocus: k,
-    disableEscapeKeyDown: E,
-    disablePortal: P,
-    disableRestoreFocus: T,
-    disableScrollLock: I,
+  } = g, W = j(g, Oe), b = d({}, g, {
+    closeAfterTransition: C,
+    disableAutoFocus: p,
+    disableEnforceFocus: T,
+    disableEscapeKeyDown: h,
+    disablePortal: k,
+    disableRestoreFocus: y,
+    disableScrollLock: O,
     hideBackdrop: z,
-    keepMounted: B
+    keepMounted: I
   }), {
-    getRootProps: C,
-    getBackdropProps: M,
-    getTransitionProps: wo,
-    portalRef: Ao,
-    isTopModal: _o,
+    getRootProps: E,
+    getBackdropProps: B,
+    getTransitionProps: zo,
+    portalRef: Fo,
+    isTopModal: Ao,
     exited: go,
     hasTransition: mo
-  } = De(l({}, g, {
+  } = Se(d({}, b, {
     rootRef: t
-  })), X = l({}, g, {
+  })), X = d({}, b, {
     exited: go
-  }), K = Me(X), Q = {};
-  if (f.props.tabIndex === void 0 && (Q.tabIndex = "-1"), mo) {
+  }), K = Ie(X), Z = {};
+  if (f.props.tabIndex === void 0 && (Z.tabIndex = "-1"), mo) {
     const {
       onEnter: q,
       onExited: oo
-    } = wo();
-    Q.onEnter = q, Q.onExited = oo;
+    } = zo();
+    Z.onEnter = q, Z.onExited = oo;
   }
-  const vo = (r = (s = x == null ? void 0 : x.root) != null ? s : D.Root) != null ? r : $e, xo = (i = (a = x == null ? void 0 : x.backdrop) != null ? a : D.Backdrop) != null ? i : m, io = (c = A == null ? void 0 : A.root) != null ? c : R.root, so = (p = A == null ? void 0 : A.backdrop) != null ? p : R.backdrop, Lo = Po({
+  const vo = (r = (s = v == null ? void 0 : v.root) != null ? s : D.Root) != null ? r : Be, xo = (i = (a = v == null ? void 0 : v.backdrop) != null ? a : D.Backdrop) != null ? i : m, io = (l = w == null ? void 0 : w.root) != null ? l : P.root, so = (u = w == null ? void 0 : w.backdrop) != null ? u : P.backdrop, wo = ko({
     elementType: vo,
     externalSlotProps: io,
     externalForwardedProps: W,
-    getSlotProps: C,
+    getSlotProps: E,
     additionalProps: {
       ref: t,
-      as: O
+      as: S
     },
     ownerState: X,
-    className: _(y, io == null ? void 0 : io.className, K == null ? void 0 : K.root, !X.open && X.exited && (K == null ? void 0 : K.hidden))
-  }), jo = Po({
+    className: L(R, io == null ? void 0 : io.className, K == null ? void 0 : K.root, !X.open && X.exited && (K == null ? void 0 : K.hidden))
+  }), _o = ko({
     elementType: xo,
     externalSlotProps: so,
-    additionalProps: v,
-    getSlotProps: (q) => M(l({}, q, {
+    additionalProps: x,
+    getSlotProps: (q) => B(d({}, q, {
       onClick: (oo) => {
         F && F(oo), q != null && q.onClick && q.onClick(oo);
       }
     })),
-    className: _(so == null ? void 0 : so.className, v == null ? void 0 : v.className, K == null ? void 0 : K.backdrop),
+    className: L(so == null ? void 0 : so.className, x == null ? void 0 : x.className, K == null ? void 0 : K.backdrop),
     ownerState: X
   });
-  return !B && !w && (!mo || go) ? null : /* @__PURE__ */ N(ro, {
-    ref: Ao,
-    container: S,
-    disablePortal: P,
-    children: /* @__PURE__ */ co(vo, l({}, Lo, {
-      children: [!z && m ? /* @__PURE__ */ N(xo, l({}, jo)) : null, /* @__PURE__ */ N(to, {
-        disableEnforceFocus: k,
-        disableAutoFocus: u,
-        disableRestoreFocus: T,
-        isEnabled: _o,
-        open: w,
-        children: /* @__PURE__ */ d.cloneElement(f, Q)
+  return !I && !A && (!mo || go) ? null : /* @__PURE__ */ N(ro, {
+    ref: Fo,
+    container: $,
+    disablePortal: k,
+    children: /* @__PURE__ */ co(vo, d({}, wo, {
+      children: [!z && m ? /* @__PURE__ */ N(xo, d({}, _o)) : null, /* @__PURE__ */ N(to, {
+        disableEnforceFocus: T,
+        disableAutoFocus: p,
+        disableRestoreFocus: y,
+        isEnabled: Ao,
+        open: A,
+        children: /* @__PURE__ */ c.cloneElement(f, Z)
       })]
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (zo.propTypes = {
+process.env.NODE_ENV !== "production" && ($o.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1343,12 +1298,12 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    *   zIndex: -1,
    * })
    */
-  BackdropComponent: n.elementType,
+  BackdropComponent: e.elementType,
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead.
    */
-  BackdropProps: n.object,
+  BackdropProps: e.object,
   /**
    * A single child content element.
    */
@@ -1356,21 +1311,21 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
-  closeAfterTransition: n.bool,
+  closeAfterTransition: e.bool,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: n.elementType,
+  component: e.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -1379,9 +1334,9 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    *
    * @default {}
    */
-  components: n.shape({
-    Backdrop: n.elementType,
-    Root: n.elementType
+  components: e.shape({
+    Backdrop: e.elementType,
+    Root: e.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -1392,9 +1347,9 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    *
    * @default {}
    */
-  componentsProps: n.shape({
-    backdrop: n.oneOfType([n.func, n.object]),
-    root: n.oneOfType([n.func, n.object])
+  componentsProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
   }),
   /**
    * An HTML element or function that returns one.
@@ -1406,7 +1361,7 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: n.oneOfType([Io, n.func]),
+  container: e.oneOfType([Oo, e.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -1416,7 +1371,7 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus: n.bool,
+  disableAutoFocus: e.bool,
   /**
    * If `true`, the modal will not prevent focus from leaving the modal while open.
    *
@@ -1424,45 +1379,45 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus: n.bool,
+  disableEnforceFocus: e.bool,
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown: n.bool,
+  disableEscapeKeyDown: e.bool,
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal: n.bool,
+  disablePortal: e.bool,
   /**
    * If `true`, the modal will not restore focus to previously focused element once
    * modal is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus: n.bool,
+  disableRestoreFocus: e.bool,
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock: n.bool,
+  disableScrollLock: e.bool,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
-  hideBackdrop: n.bool,
+  hideBackdrop: e.bool,
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Modal.
    * @default false
    */
-  keepMounted: n.bool,
+  keepMounted: e.bool,
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
-  onBackdropClick: n.func,
+  onBackdropClick: e.func,
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -1470,87 +1425,87 @@ process.env.NODE_ENV !== "production" && (zo.propTypes = {
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose: n.func,
+  onClose: e.func,
   /**
    * A function called when a transition enters.
    */
-  onTransitionEnter: n.func,
+  onTransitionEnter: e.func,
   /**
    * A function called when a transition has exited.
    */
-  onTransitionExited: n.func,
+  onTransitionExited: e.func,
   /**
    * If `true`, the component is shown.
    */
-  open: n.bool.isRequired,
+  open: e.bool.isRequired,
   /**
    * The props used for each slot inside the Modal.
    * @default {}
    */
-  slotProps: n.shape({
-    backdrop: n.oneOfType([n.func, n.object]),
-    root: n.oneOfType([n.func, n.object])
+  slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside the Modal.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: n.shape({
-    backdrop: n.elementType,
-    root: n.elementType
+  slots: e.shape({
+    backdrop: e.elementType,
+    root: e.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function ze(o) {
-  return U("MuiDialog", o);
+function $e(o) {
+  return H("MuiDialog", o);
 }
-const lo = H("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Fo = /* @__PURE__ */ d.createContext({});
-process.env.NODE_ENV !== "production" && (Fo.displayName = "DialogContext");
-const Fe = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], we = L(bo, {
+const lo = U("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Wo = /* @__PURE__ */ c.createContext({});
+process.env.NODE_ENV !== "production" && (Wo.displayName = "DialogContext");
+const We = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], ze = _(bo, {
   name: "MuiDialog",
   slot: "Backdrop",
-  overrides: (o, e) => e.backdrop
+  overrides: (o, n) => n.backdrop
 })({
   // Improve scrollable dialog support.
   zIndex: -1
-}), Ae = (o) => {
+}), Fe = (o) => {
   const {
-    classes: e,
+    classes: n,
     scroll: t,
     maxWidth: r,
     fullWidth: s,
     fullScreen: i
   } = o, a = {
     root: ["root"],
-    container: ["container", `scroll${$(t)}`],
-    paper: ["paper", `paperScroll${$(t)}`, `paperWidth${$(String(r))}`, s && "paperFullWidth", i && "paperFullScreen"]
+    container: ["container", `scroll${M(t)}`],
+    paper: ["paper", `paperScroll${M(t)}`, `paperWidth${M(String(r))}`, s && "paperFullWidth", i && "paperFullScreen"]
   };
-  return G(a, ze, e);
-}, _e = L(zo, {
+  return G(a, $e, n);
+}, Ae = _($o, {
   name: "MuiDialog",
   slot: "Root",
-  overridesResolver: (o, e) => e.root
+  overridesResolver: (o, n) => n.root
 })({
   "@media print": {
     // Use !important to override the Modal inline-style.
     position: "absolute !important"
   }
-}), Le = L("div", {
+}), we = _("div", {
   name: "MuiDialog",
   slot: "Container",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.container, e[`scroll${$(t.scroll)}`]];
+    return [n.container, n[`scroll${M(t.scroll)}`]];
   }
 })(({
   ownerState: o
-}) => l({
+}) => d({
   height: "100%",
   "@media print": {
     height: "auto"
@@ -1572,19 +1527,19 @@ const Fe = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     height: "100%",
     width: "0"
   }
-})), je = L(Do, {
+})), _e = _(Do, {
   name: "MuiDialog",
   slot: "Paper",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.paper, e[`scrollPaper${$(t.scroll)}`], e[`paperWidth${$(String(t.maxWidth))}`], t.fullWidth && e.paperFullWidth, t.fullScreen && e.paperFullScreen];
+    return [n.paper, n[`scrollPaper${M(t.scroll)}`], n[`paperWidth${M(String(t.maxWidth))}`], t.fullWidth && n.paperFullWidth, t.fullScreen && n.paperFullScreen];
   }
 })(({
   theme: o,
-  ownerState: e
-}) => l({
+  ownerState: n
+}) => d({
   margin: 32,
   position: "relative",
   overflowY: "auto",
@@ -1593,34 +1548,34 @@ const Fe = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     overflowY: "visible",
     boxShadow: "none"
   }
-}, e.scroll === "paper" && {
+}, n.scroll === "paper" && {
   display: "flex",
   flexDirection: "column",
   maxHeight: "calc(100% - 64px)"
-}, e.scroll === "body" && {
+}, n.scroll === "body" && {
   display: "inline-block",
   verticalAlign: "middle",
   textAlign: "left"
   // 'initial' doesn't work on IE11
-}, !e.maxWidth && {
+}, !n.maxWidth && {
   maxWidth: "calc(100% - 64px)"
-}, e.maxWidth === "xs" && {
+}, n.maxWidth === "xs" && {
   maxWidth: o.breakpoints.unit === "px" ? Math.max(o.breakpoints.values.xs, 444) : `max(${o.breakpoints.values.xs}${o.breakpoints.unit}, 444px)`,
   [`&.${lo.paperScrollBody}`]: {
     [o.breakpoints.down(Math.max(o.breakpoints.values.xs, 444) + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
   }
-}, e.maxWidth && e.maxWidth !== "xs" && {
-  maxWidth: `${o.breakpoints.values[e.maxWidth]}${o.breakpoints.unit}`,
+}, n.maxWidth && n.maxWidth !== "xs" && {
+  maxWidth: `${o.breakpoints.values[n.maxWidth]}${o.breakpoints.unit}`,
   [`&.${lo.paperScrollBody}`]: {
-    [o.breakpoints.down(o.breakpoints.values[e.maxWidth] + 32 * 2)]: {
+    [o.breakpoints.down(o.breakpoints.values[n.maxWidth] + 32 * 2)]: {
       maxWidth: "calc(100% - 64px)"
     }
   }
-}, e.fullWidth && {
+}, n.fullWidth && {
   width: "calc(100% - 64px)"
-}, e.fullScreen && {
+}, n.fullScreen && {
   margin: 0,
   width: "100%",
   maxWidth: "100%",
@@ -1631,87 +1586,87 @@ const Fe = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     margin: 0,
     maxWidth: "100%"
   }
-})), Ve = /* @__PURE__ */ d.forwardRef(function(e, t) {
+})), Le = /* @__PURE__ */ c.forwardRef(function(n, t) {
   const r = Y({
-    props: e,
+    props: n,
     name: "MuiDialog"
-  }), s = So(), i = {
+  }), s = No(), i = {
     enter: s.transitions.duration.enteringScreen,
     exit: s.transitions.duration.leavingScreen
   }, {
     "aria-describedby": a,
-    "aria-labelledby": c,
-    BackdropComponent: p,
-    BackdropProps: b,
+    "aria-labelledby": l,
+    BackdropComponent: u,
+    BackdropProps: g,
     children: m,
-    className: v,
-    disableEscapeKeyDown: y = !1,
-    fullScreen: h = !1,
+    className: x,
+    disableEscapeKeyDown: R = !1,
+    fullScreen: C = !1,
     fullWidth: f = !1,
-    maxWidth: S = "sm",
-    onBackdropClick: O,
+    maxWidth: $ = "sm",
+    onBackdropClick: S,
     onClick: D,
-    onClose: R,
-    open: u,
-    PaperComponent: k = Do,
-    PaperProps: E = {},
-    scroll: P = "paper",
-    TransitionComponent: T = fo,
-    transitionDuration: I = i,
+    onClose: P,
+    open: p,
+    PaperComponent: T = Do,
+    PaperProps: h = {},
+    scroll: k = "paper",
+    TransitionComponent: y = fo,
+    transitionDuration: O = i,
     TransitionProps: z
-  } = r, B = j(r, Fe), F = l({}, r, {
-    disableEscapeKeyDown: y,
-    fullScreen: h,
+  } = r, I = j(r, We), F = d({}, r, {
+    disableEscapeKeyDown: R,
+    fullScreen: C,
     fullWidth: f,
-    maxWidth: S,
-    scroll: P
-  }), w = Ae(F), A = d.useRef(), x = (M) => {
-    A.current = M.target === M.currentTarget;
-  }, W = (M) => {
-    D && D(M), A.current && (A.current = null, O && O(M), R && R(M, "backdropClick"));
-  }, g = Yo(c), C = d.useMemo(() => ({
-    titleId: g
-  }), [g]);
-  return /* @__PURE__ */ N(_e, l({
-    className: _(w.root, v),
+    maxWidth: $,
+    scroll: k
+  }), A = Fe(F), w = c.useRef(), v = (B) => {
+    w.current = B.target === B.currentTarget;
+  }, W = (B) => {
+    D && D(B), w.current && (w.current = null, S && S(B), P && P(B, "backdropClick"));
+  }, b = Xo(l), E = c.useMemo(() => ({
+    titleId: b
+  }), [b]);
+  return /* @__PURE__ */ N(Ae, d({
+    className: L(A.root, x),
     closeAfterTransition: !0,
     components: {
-      Backdrop: we
+      Backdrop: ze
     },
     componentsProps: {
-      backdrop: l({
-        transitionDuration: I,
-        as: p
-      }, b)
+      backdrop: d({
+        transitionDuration: O,
+        as: u
+      }, g)
     },
-    disableEscapeKeyDown: y,
-    onClose: R,
-    open: u,
+    disableEscapeKeyDown: R,
+    onClose: P,
+    open: p,
     ref: t,
     onClick: W,
     ownerState: F
-  }, B, {
-    children: /* @__PURE__ */ N(T, l({
+  }, I, {
+    children: /* @__PURE__ */ N(y, d({
       appear: !0,
-      in: u,
-      timeout: I,
+      in: p,
+      timeout: O,
       role: "presentation"
     }, z, {
-      children: /* @__PURE__ */ N(Le, {
-        className: _(w.container),
-        onMouseDown: x,
+      children: /* @__PURE__ */ N(we, {
+        className: L(A.container),
+        onMouseDown: v,
         ownerState: F,
-        children: /* @__PURE__ */ N(je, l({
-          as: k,
+        children: /* @__PURE__ */ N(_e, d({
+          as: T,
           elevation: 24,
           role: "dialog",
           "aria-describedby": a,
-          "aria-labelledby": g
-        }, E, {
-          className: _(w.paper, E.className),
+          "aria-labelledby": b
+        }, h, {
+          className: L(A.paper, h.className),
           ownerState: F,
-          children: /* @__PURE__ */ N(Fo.Provider, {
-            value: C,
+          children: /* @__PURE__ */ N(Wo.Provider, {
+            value: E,
             children: m
           })
         }))
@@ -1719,7 +1674,7 @@ const Fe = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1727,11 +1682,11 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
-  "aria-describedby": n.string,
+  "aria-describedby": e.string,
   /**
    * The id(s) of the element(s) that label the dialog.
    */
-  "aria-labelledby": n.string,
+  "aria-labelledby": e.string,
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
    * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
@@ -1746,92 +1701,92 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    *   zIndex: -1,
    * })
    */
-  BackdropComponent: n.elementType,
+  BackdropComponent: e.elementType,
   /**
    * @ignore
    */
-  BackdropProps: n.object,
+  BackdropProps: e.object,
   /**
    * Dialog children, usually the included sub-components.
    */
-  children: n.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown: n.bool,
+  disableEscapeKeyDown: e.bool,
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
-  fullScreen: n.bool,
+  fullScreen: e.bool,
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
    * Notice that the dialog width grow is limited by the default margin.
    * @default false
    */
-  fullWidth: n.bool,
+  fullWidth: e.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: n.oneOfType([n.oneOf(["xs", "sm", "md", "lg", "xl", !1]), n.string]),
+  maxWidth: e.oneOfType([e.oneOf(["xs", "sm", "md", "lg", "xl", !1]), e.string]),
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
-  onBackdropClick: n.func,
+  onBackdropClick: e.func,
   /**
    * @ignore
    */
-  onClick: n.func,
+  onClick: e.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: n.func,
+  onClose: e.func,
   /**
    * If `true`, the component is shown.
    */
-  open: n.bool.isRequired,
+  open: e.bool.isRequired,
   /**
    * The component used to render the body of the dialog.
    * @default Paper
    */
-  PaperComponent: n.elementType,
+  PaperComponent: e.elementType,
   /**
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
-  PaperProps: n.object,
+  PaperProps: e.object,
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
-  scroll: n.oneOf(["body", "paper"]),
+  scroll: e.oneOf(["body", "paper"]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
    */
-  TransitionComponent: n.elementType,
+  TransitionComponent: e.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -1840,41 +1795,41 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
+  transitionDuration: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
   })]),
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    */
-  TransitionProps: n.object
+  TransitionProps: e.object
 });
-function He(o) {
-  return U("MuiDialogActions", o);
+function je(o) {
+  return H("MuiDialogActions", o);
 }
-H("MuiDialogActions", ["root", "spacing"]);
-const Ue = ["className", "disableSpacing"], Ke = (o) => {
+U("MuiDialogActions", ["root", "spacing"]);
+const Ve = ["className", "disableSpacing"], Ue = (o) => {
   const {
-    classes: e,
+    classes: n,
     disableSpacing: t
   } = o;
   return G({
     root: ["root", !t && "spacing"]
-  }, He, e);
-}, qe = L("div", {
+  }, je, n);
+}, He = _("div", {
   name: "MuiDialogActions",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.root, !t.disableSpacing && e.spacing];
+    return [n.root, !t.disableSpacing && n.spacing];
   }
 })(({
   ownerState: o
-}) => l({
+}) => d({
   display: "flex",
   alignItems: "center",
   padding: 8,
@@ -1884,23 +1839,23 @@ const Ue = ["className", "disableSpacing"], Ke = (o) => {
   "& > :not(style) ~ :not(style)": {
     marginLeft: 8
   }
-})), Ye = /* @__PURE__ */ d.forwardRef(function(e, t) {
+})), Ke = /* @__PURE__ */ c.forwardRef(function(n, t) {
   const r = Y({
-    props: e,
+    props: n,
     name: "MuiDialogActions"
   }), {
     className: s,
     disableSpacing: i = !1
-  } = r, a = j(r, Ue), c = l({}, r, {
+  } = r, a = j(r, Ve), l = d({}, r, {
     disableSpacing: i
-  }), p = Ke(c);
-  return /* @__PURE__ */ N(qe, l({
-    className: _(p.root, s),
-    ownerState: c,
+  }), u = Ue(l);
+  return /* @__PURE__ */ N(He, d({
+    className: L(u.root, s),
+    ownerState: l,
     ref: t
   }, a));
 });
-process.env.NODE_ENV !== "production" && (Ye.propTypes = {
+process.env.NODE_ENV !== "production" && (Ke.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1908,83 +1863,83 @@ process.env.NODE_ENV !== "production" && (Ye.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing: n.bool,
+  disableSpacing: e.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Ge(o) {
-  return U("MuiDialogContent", o);
+function qe(o) {
+  return H("MuiDialogContent", o);
 }
-H("MuiDialogContent", ["root", "dividers"]);
-function mn(o) {
-  return U("MuiDialogTitle", o);
+U("MuiDialogContent", ["root", "dividers"]);
+function bn(o) {
+  return H("MuiDialogTitle", o);
 }
-const Xe = H("MuiDialogTitle", ["root"]), Ze = ["className", "dividers"], Je = (o) => {
+const Ye = U("MuiDialogTitle", ["root"]), Ge = ["className", "dividers"], Xe = (o) => {
   const {
-    classes: e,
+    classes: n,
     dividers: t
   } = o;
   return G({
     root: ["root", t && "dividers"]
-  }, Ge, e);
-}, Qe = L("div", {
+  }, qe, n);
+}, Je = _("div", {
   name: "MuiDialogContent",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, n) => {
     const {
       ownerState: t
     } = o;
-    return [e.root, t.dividers && e.dividers];
+    return [n.root, t.dividers && n.dividers];
   }
 })(({
   theme: o,
-  ownerState: e
-}) => l({
+  ownerState: n
+}) => d({
   flex: "1 1 auto",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch",
   overflowY: "auto",
   padding: "20px 24px"
-}, e.dividers ? {
+}, n.dividers ? {
   padding: "16px 24px",
   borderTop: `1px solid ${(o.vars || o).palette.divider}`,
   borderBottom: `1px solid ${(o.vars || o).palette.divider}`
 } : {
-  [`.${Xe.root} + &`]: {
+  [`.${Ye.root} + &`]: {
     paddingTop: 0
   }
-})), on = /* @__PURE__ */ d.forwardRef(function(e, t) {
+})), Qe = /* @__PURE__ */ c.forwardRef(function(n, t) {
   const r = Y({
-    props: e,
+    props: n,
     name: "MuiDialogContent"
   }), {
     className: s,
     dividers: i = !1
-  } = r, a = j(r, Ze), c = l({}, r, {
+  } = r, a = j(r, Ge), l = d({}, r, {
     dividers: i
-  }), p = Je(c);
-  return /* @__PURE__ */ N(Qe, l({
-    className: _(p.root, s),
-    ownerState: c,
+  }), u = Xe(l);
+  return /* @__PURE__ */ N(Je, d({
+    className: L(u.root, s),
+    ownerState: l,
     ref: t
   }, a));
 });
-process.env.NODE_ENV !== "production" && (on.propTypes = {
+process.env.NODE_ENV !== "production" && (Qe.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1992,34 +1947,36 @@ process.env.NODE_ENV !== "production" && (on.propTypes = {
   /**
    * The content of the component.
    */
-  children: n.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: n.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: n.string,
+  className: e.string,
   /**
    * Display the top and bottom dividers.
    * @default false
    */
-  dividers: n.bool,
+  dividers: e.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
 export {
-  le as B,
-  Ve as D,
-  Io as H,
-  zo as M,
-  on as a,
-  Ye as b,
-  Fo as c,
-  Zo as d,
-  mn as g,
-  Po as u
+  se as B,
+  Le as D,
+  fo as F,
+  Oo as H,
+  $o as M,
+  Qe as a,
+  Ke as b,
+  Wo as c,
+  Qo as d,
+  lo as e,
+  bn as g,
+  ko as u
 };