@amateescu/portal-ui-components 0.0.30-beta9 → 0.0.31

package/dist/components/Login/Login.js

@@ -1,145 +1,51 @@
 import { jsx as v, jsxs as ce } from "react/jsx-runtime";
 import '../../assets/theme.css';/* empty css                   */
-import { c as Me } from "../../createSvgIcon-jB7EUYpq.js";
+import { c as ke } from "../../createSvgIcon-CgFXfzFk.js";
 import { t as Ye } from "i18next";
-import { f as st, P as e, q as gn, r as hn, c as Y, b as K, d as Z, l as yn, g as te, t as Io, T as No, a as se, u as oe, s as F, i as mt, v as Qt, m as ae, e as Se, w as eo, x as to, y as Po, z as zt, h as Ne, A as Wt, B as vn } from "../../createSimplePaletteValueFilter-rq2_biPF.js";
+import { P as e, q as gn, r as hn, c as Z, b as K, d as J, l as yn, g as te, t as Io, T as Po, a as se, u as oe, s as F, i as mt, v as Qt, m as ae, f as st, e as Re, w as eo, x as to, y as No, z as zt, h as Pe, A as Wt, B as vn } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
 import * as d from "react";
 import ct from "react";
-import { u as Ut, e as Tn, B as oo } from "../../Box-ZFRI9JCw.js";
+import { u as Ut, e as Tn, B as oo } from "../../Box-D-aleOLf.js";
 import { Global as xn } from "@emotion/react";
-import { r as En, m as On, c as Cn, i as Mo, b as ee, e as Rn, a as Sn, u as no } from "../../useSlot-CT4096EK.js";
-import { u as Vt, B as wn } from "../../Button-CNfTnafe.js";
-import { u as Ee, _ as In, T as ko, B as Nn, a as He, b as Ft, r as ke, e as Fo, c as Pn } from "../../ButtonBase-DWpUn0eT.js";
-import { b as Mn } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
-import { a as dt, r as kn } from "../../index-BBBjHj3B.js";
-import { C as Fn } from "../../CircularProgress-D6RyizwS.js";
-function jn(t) {
-  const {
-    prototype: o = {}
-  } = t;
-  return !!o.isReactComponent;
-}
-function jo(t, o, n, r, i) {
-  const s = t[o], a = i || o;
-  if (s == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let l;
-  const c = s.type;
-  return typeof c == "function" && !jn(c) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const it = st(e.element, jo);
-it.isRequired = st(e.element.isRequired, jo);
-const An = "exact-prop: ​";
-function Ao(t) {
-  return process.env.NODE_ENV === "production" ? t : {
-    ...t,
-    [An]: (o) => {
-      const n = Object.keys(o).filter((r) => !t.hasOwnProperty(r));
-      return n.length > 0 ? new Error(`The following props are not supported: ${n.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
-    }
-  };
-}
-function rt(t, o, n, r, i) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const s = t[o], a = i || o;
-  return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
-}
+import { i as ko, b as Y, r as En, m as On, c as Cn, e as Sn, a as Rn, u as no } from "../../useSlot-Baxtq84W.js";
+import { u as Vt, B as wn } from "../../Button-xgiLW4_3.js";
+import { _ as In, T as Mo, B as Pn, u as Ee, a as He, b as Ft, r as Me, e as Fo, c as Nn } from "../../ButtonBase-DUKuDCWw.js";
+import { b as kn } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
+import { a as dt, r as Mn } from "../../index-BBBjHj3B.js";
+import { C as Fn } from "../../CircularProgress-Dq_bUtxt.js";
 function ro(...t) {
   return t.reduce((o, n) => n == null ? o : function(...i) {
     o.apply(this, i), n.apply(this, i);
   }, () => {
   });
 }
-function $o(t, o = 166) {
-  let n;
-  function r(...i) {
-    const s = () => {
-      t.apply(this, i);
-    };
-    clearTimeout(n), n = setTimeout(s, o);
-  }
-  return r.clear = () => {
-    clearTimeout(n);
-  }, r;
-}
-function Nt(t, o) {
-  var n, r, i;
-  return /* @__PURE__ */ d.isValidElement(t) && o.indexOf(
-    // For server components `muiName` is avaialble in element.type._payload.value.muiName
-    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
-    // eslint-disable-next-line no-underscore-dangle
-    t.type.muiName ?? ((i = (r = (n = t.type) == null ? void 0 : n._payload) == null ? void 0 : r.value) == null ? void 0 : i.muiName)
-  ) !== -1;
-}
-function xe(t) {
-  return t && t.ownerDocument || document;
-}
-function Ie(t) {
-  return xe(t).defaultView || window;
-}
-function so(t, o) {
-  typeof t == "function" ? t(o) : t && (t.current = o);
-}
-function Lo(t = window) {
-  const o = t.document.documentElement.clientWidth;
-  return t.innerWidth - o;
-}
-function $n(t) {
-  var g;
-  const {
-    elementType: o,
-    externalSlotProps: n,
-    ownerState: r,
-    skipResolvingSlotProps: i = !1,
-    ...s
-  } = t, a = i ? {} : En(n, r), {
-    props: l,
-    internalRef: c
-  } = On({
-    ...s,
-    externalSlotProps: a
-  }), u = Ee(c, a == null ? void 0 : a.ref, (g = t.additionalProps) == null ? void 0 : g.ref);
-  return Cn(o, {
-    ...l,
-    ref: u
-  }, r);
-}
-function at(t) {
-  var o;
-  return parseInt(d.version, 10) >= 19 ? ((o = t == null ? void 0 : t.props) == null ? void 0 : o.ref) || null : (t == null ? void 0 : t.ref) || null;
-}
-function Ln(t) {
+function jn(t) {
   return t == null || Object.keys(t).length === 0;
 }
-function Do(t) {
+function jo(t) {
   const {
     styles: o,
     defaultTheme: n = {}
   } = t;
   return /* @__PURE__ */ v(xn, {
-    styles: typeof o == "function" ? (i) => o(Ln(i) ? n : i) : o
+    styles: typeof o == "function" ? (i) => o(jn(i) ? n : i) : o
   });
 }
-process.env.NODE_ENV !== "production" && (Do.propTypes = {
+process.env.NODE_ENV !== "production" && (jo.propTypes = {
   defaultTheme: e.object,
   styles: e.oneOfType([e.array, e.string, e.object, e.func])
 });
-function Bo({
+function Ao({
   styles: t,
   themeId: o,
   defaultTheme: n = {}
 }) {
   const r = Ut(n), i = typeof t == "function" ? t(o && r[o] || r) : t;
-  return /* @__PURE__ */ v(Do, {
+  return /* @__PURE__ */ v(jo, {
     styles: i
   });
 }
-process.env.NODE_ENV !== "production" && (Bo.propTypes = {
+process.env.NODE_ENV !== "production" && (Ao.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -157,8 +63,8 @@ process.env.NODE_ENV !== "production" && (Bo.propTypes = {
    */
   themeId: e.string
 });
-const Dn = gn();
-function Bn(t) {
+const An = gn();
+function $n(t) {
   const {
     theme: o,
     name: n,
@@ -166,20 +72,30 @@ function Bn(t) {
   } = t;
   return !o || !o.components || !o.components[n] || !o.components[n].defaultProps ? r : hn(o.components[n].defaultProps, r);
 }
-function zn({
+function Ln({
   props: t,
   name: o,
   defaultTheme: n,
   themeId: r
 }) {
   let i = Ut(n);
-  return r && (i = i[r] || i), Bn({
+  return r && (i = i[r] || i), $n({
     theme: i,
     name: o,
     props: t
   });
 }
-const Wn = yn(), Un = Dn("div", {
+const Dn = "exact-prop: ​";
+function $o(t) {
+  return process.env.NODE_ENV === "production" ? t : {
+    ...t,
+    [Dn]: (o) => {
+      const n = Object.keys(o).filter((r) => !t.hasOwnProperty(r));
+      return n.length > 0 ? new Error(`The following props are not supported: ${n.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
+    }
+  };
+}
+const Bn = yn(), zn = An("div", {
   name: "MuiContainer",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -188,11 +104,11 @@ const Wn = yn(), Un = Dn("div", {
     } = t;
     return [o.root, o[`maxWidth${K(String(n.maxWidth))}`], n.fixed && o.fixed, n.disableGutters && o.disableGutters];
   }
-}), Vn = (t) => zn({
+}), Wn = (t) => Ln({
   props: t,
   name: "MuiContainer",
-  defaultTheme: Wn
-}), Hn = (t, o) => {
+  defaultTheme: Bn
+}), Un = (t, o) => {
   const n = (c) => te(o, c), {
     classes: r,
     fixed: i,
@@ -201,13 +117,13 @@ const Wn = yn(), Un = Dn("div", {
   } = t, l = {
     root: ["root", a && `maxWidth${K(String(a))}`, i && "fixed", s && "disableGutters"]
   };
-  return Z(l, n, r);
+  return J(l, n, r);
 };
-function qn(t = {}) {
+function Vn(t = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: o = Un,
-    useThemeProps: n = Vn,
+    createStyledComponent: o = zn,
+    useThemeProps: n = Wn,
     componentName: r = "MuiContainer"
   } = t, i = o(({
     theme: a,
@@ -229,8 +145,8 @@ function qn(t = {}) {
   }), ({
     theme: a,
     ownerState: l
-  }) => l.fixed && Object.keys(a.breakpoints.values).reduce((c, u) => {
-    const m = u, g = a.breakpoints.values[m];
+  }) => l.fixed && Object.keys(a.breakpoints.values).reduce((c, p) => {
+    const m = p, g = a.breakpoints.values[m];
     return g !== 0 && (c[a.breakpoints.up(m)] = {
       maxWidth: `${g}${a.breakpoints.unit}`
     }), c;
@@ -255,7 +171,7 @@ function qn(t = {}) {
       }
     }
   })), s = /* @__PURE__ */ d.forwardRef(function(l, c) {
-    const u = n(l), {
+    const p = n(l), {
       className: m,
       component: g = "div",
       disableGutters: T = !1,
@@ -263,19 +179,19 @@ function qn(t = {}) {
       maxWidth: x = "lg",
       classes: O,
       ...y
-    } = u, h = {
-      ...u,
+    } = p, h = {
+      ...p,
       component: g,
       disableGutters: T,
       fixed: b,
       maxWidth: x
-    }, C = Hn(h, r);
+    }, C = Un(h, r);
     return (
       // @ts-ignore theme is injected by the styled util
       /* @__PURE__ */ v(i, {
         as: g,
         ownerState: h,
-        className: Y(C.root, m),
+        className: Z(C.root, m),
         ref: c,
         ...y
       })
@@ -292,18 +208,27 @@ function qn(t = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), s;
 }
+function Pt(t, o) {
+  var n, r, i;
+  return /* @__PURE__ */ d.isValidElement(t) && o.indexOf(
+    // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    t.type.muiName ?? ((i = (r = (n = t.type) == null ? void 0 : n._payload) == null ? void 0 : r.value) == null ? void 0 : i.muiName)
+  ) !== -1;
+}
 function Ht() {
   const t = Ut(Io);
-  return process.env.NODE_ENV !== "production" && d.useDebugValue(t), t[No] || t;
+  return process.env.NODE_ENV !== "production" && d.useDebugValue(t), t[Po] || t;
 }
-function zo(t) {
-  return /* @__PURE__ */ v(Bo, {
+function Lo(t) {
+  return /* @__PURE__ */ v(Ao, {
     ...t,
     defaultTheme: Io,
-    themeId: No
+    themeId: Po
   });
 }
-process.env.NODE_ENV !== "production" && (zo.propTypes = {
+process.env.NODE_ENV !== "production" && (Lo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -317,7 +242,7 @@ function qt(t) {
   return function(n) {
     return (
       // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
-      /* @__PURE__ */ v(zo, {
+      /* @__PURE__ */ v(Lo, {
         styles: typeof t == "function" ? (r) => t({
           theme: r,
           ...n
@@ -326,21 +251,42 @@ function qt(t) {
     );
   };
 }
-function _n() {
+function Hn() {
   return Tn;
 }
-function Kn(t, o) {
+function Do(t, o = 166) {
+  let n;
+  function r(...i) {
+    const s = () => {
+      t.apply(this, i);
+    };
+    clearTimeout(n), n = setTimeout(s, o);
+  }
+  return r.clear = () => {
+    clearTimeout(n);
+  }, r;
+}
+function xe(t) {
+  return t && t.ownerDocument || document;
+}
+function Ie(t) {
+  return xe(t).defaultView || window;
+}
+function so(t, o) {
+  typeof t == "function" ? t(o) : t && (t.current = o);
+}
+function qn(t, o) {
   const n = t.charCodeAt(2);
   return t[0] === "o" && t[1] === "n" && n >= 65 && n <= 90 && typeof o == "function";
 }
-function Gn(t, o) {
+function _n(t, o) {
   if (!t)
     return o;
   function n(a, l) {
     const c = {};
-    return Object.keys(l).forEach((u) => {
-      Kn(u, l[u]) && typeof a[u] == "function" && (c[u] = (...m) => {
-        a[u](...m), l[u](...m);
+    return Object.keys(l).forEach((p) => {
+      qn(p, l[p]) && typeof a[p] == "function" && (c[p] = (...m) => {
+        a[p](...m), l[p](...m);
       });
     }), c;
   }
@@ -349,13 +295,13 @@ function Gn(t, o) {
       const l = typeof o == "function" ? o(a) : o, c = typeof t == "function" ? t({
         ...a,
         ...l
-      }) : t, u = Y(a == null ? void 0 : a.className, l == null ? void 0 : l.className, c == null ? void 0 : c.className), m = n(c, l);
+      }) : t, p = Z(a == null ? void 0 : a.className, l == null ? void 0 : l.className, c == null ? void 0 : c.className), m = n(c, l);
       return {
         ...l,
         ...c,
         ...m,
-        ...!!u && {
-          className: u
+        ...!!p && {
+          className: p
         },
         ...(l == null ? void 0 : l.style) && (c == null ? void 0 : c.style) && {
           style: {
@@ -368,7 +314,7 @@ function Gn(t, o) {
         }
       };
     };
-  const r = o, i = n(t, r), s = Y(r == null ? void 0 : r.className, t == null ? void 0 : t.className);
+  const r = o, i = n(t, r), s = Z(r == null ? void 0 : r.className, t == null ? void 0 : t.className);
   return {
     ...o,
     ...t,
@@ -390,7 +336,7 @@ function Gn(t, o) {
 const io = {
   disabled: !1
 };
-var Xn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+var Kn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,
   appear: e.number
@@ -407,7 +353,7 @@ process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
   exitDone: e.string,
   exitActive: e.string
 })]);
-var Yn = function(o) {
+var Gn = function(o) {
   return o.scrollTop;
 }, et = "unmounted", $e = "exited", Le = "entering", Ve = "entered", jt = "exiting", we = /* @__PURE__ */ function(t) {
   In(o, t);
@@ -449,7 +395,7 @@ var Yn = function(o) {
       if (this.cancelNextCallback(), s === Le) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
           var a = this.props.nodeRef ? this.props.nodeRef.current : dt.findDOMNode(this);
-          a && Yn(a);
+          a && Gn(a);
         }
         this.performEnter(i);
       } else
@@ -458,23 +404,23 @@ var Yn = function(o) {
       status: et
     });
   }, n.performEnter = function(i) {
-    var s = this, a = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [dt.findDOMNode(this), l], u = c[0], m = c[1], g = this.getTimeouts(), T = l ? g.appear : g.enter;
+    var s = this, a = this.props.enter, l = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [l] : [dt.findDOMNode(this), l], p = c[0], m = c[1], g = this.getTimeouts(), T = l ? g.appear : g.enter;
     if (!i && !a || io.disabled) {
       this.safeSetState({
         status: Ve
       }, function() {
-        s.props.onEntered(u);
+        s.props.onEntered(p);
       });
       return;
     }
-    this.props.onEnter(u, m), this.safeSetState({
+    this.props.onEnter(p, m), this.safeSetState({
       status: Le
     }, function() {
-      s.props.onEntering(u, m), s.onTransitionEnd(T, function() {
+      s.props.onEntering(p, m), s.onTransitionEnd(T, function() {
         s.safeSetState({
           status: Ve
         }, function() {
-          s.props.onEntered(u, m);
+          s.props.onEntered(p, m);
         });
       });
     });
@@ -518,8 +464,8 @@ var Yn = function(o) {
       return;
     }
     if (this.props.addEndListener) {
-      var c = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], u = c[0], m = c[1];
-      this.props.addEndListener(u, m);
+      var c = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], p = c[0], m = c[1];
+      this.props.addEndListener(p, m);
     }
     i != null && setTimeout(this.nextCallback, i);
   }, n.render = function() {
@@ -528,16 +474,16 @@ var Yn = function(o) {
       return null;
     var s = this.props, a = s.children;
     s.in, s.mountOnEnter, s.unmountOnExit, s.appear, s.enter, s.exit, s.timeout, s.addEndListener, s.onEnter, s.onEntering, s.onEntered, s.onExit, s.onExiting, s.onExited, s.nodeRef;
-    var l = Mn(s, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    var l = kn(s, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
     return (
       // allows for nested Transitions
-      /* @__PURE__ */ ct.createElement(ko.Provider, {
+      /* @__PURE__ */ ct.createElement(Mo.Provider, {
         value: null
       }, typeof a == "function" ? a(i, l) : ct.cloneElement(ct.Children.only(a), l))
     );
   }, o;
 }(ct.Component);
-we.contextType = ko;
+we.contextType = Mo;
 we.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A React reference to DOM element that need to transition:
@@ -634,7 +580,7 @@ we.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(o) {
-    var n = Xn;
+    var n = Kn;
     o.addEndListener || (n = n.isRequired);
     for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
       i[s - 1] = arguments[s];
@@ -728,7 +674,7 @@ we.EXITED = $e;
 we.ENTERING = Le;
 we.ENTERED = Ve;
 we.EXITING = jt;
-const Wo = (t) => t.scrollTop;
+const Bo = (t) => t.scrollTop;
 function bt(t, o) {
   const {
     timeout: n,
@@ -741,11 +687,11 @@ function bt(t, o) {
     delay: i.transitionDelay
   };
 }
-function Zn(t) {
+function Xn(t) {
   return te("MuiPaper", t);
 }
 se("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
-const Jn = (t) => {
+const Yn = (t) => {
   const {
     square: o,
     elevation: n,
@@ -754,8 +700,8 @@ const Jn = (t) => {
   } = t, s = {
     root: ["root", r, !o && "rounded", r === "elevation" && `elevation${n}`]
   };
-  return Z(s, Zn, i);
-}, Qn = F("div", {
+  return J(s, Xn, i);
+}, Zn = F("div", {
   name: "MuiPaper",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -803,24 +749,24 @@ const Jn = (t) => {
     component: a = "div",
     elevation: l = 1,
     square: c = !1,
-    variant: u = "elevation",
+    variant: p = "elevation",
     ...m
   } = r, g = {
     ...r,
     component: a,
     elevation: l,
     square: c,
-    variant: u
-  }, T = Jn(g);
+    variant: p
+  }, T = Yn(g);
   return process.env.NODE_ENV !== "production" && i.shadows[l] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${l}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${l}]\` is defined.`].join(`
-`)), /* @__PURE__ */ v(Qn, {
+`)), /* @__PURE__ */ v(Zn, {
     as: a,
     ownerState: g,
-    className: Y(T.root, s),
+    className: Z(T.root, s),
     ref: n,
     ...m,
     style: {
-      ...u === "elevation" && {
+      ...p === "elevation" && {
         "--Paper-shadow": (i.vars || i).shadows[l],
         ...i.vars && {
           "--Paper-overlay": (b = i.vars.overlays) == null ? void 0 : b[l]
@@ -860,7 +806,7 @@ process.env.NODE_ENV !== "production" && (_t.propTypes = {
    * It accepts values between 0 and 24 inclusive.
    * @default 1
    */
-  elevation: st(Mo, (t) => {
+  elevation: st(ko, (t) => {
     const {
       elevation: o,
       variant: n
@@ -886,14 +832,14 @@ process.env.NODE_ENV !== "production" && (_t.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
 });
-function er(t) {
+function Jn(t) {
   return te("MuiAlert", t);
 }
 const ao = se("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]);
-function tr(t) {
+function Qn(t) {
   return te("MuiIconButton", t);
 }
-const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), or = (t) => {
+const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), er = (t) => {
   const {
     classes: o,
     disabled: n,
@@ -906,8 +852,8 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return Z(l, tr, o);
-}, nr = F(Nn, {
+  return J(l, Qn, o);
+}, tr = F(Pn, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -981,14 +927,14 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     style: {
       color: "inherit"
     }
-  }, ...Object.entries(t.palette).filter(Se()).map(([o]) => ({
+  }, ...Object.entries(t.palette).filter(Re()).map(([o]) => ({
     props: {
       color: o
     },
     style: {
       color: (t.vars || t).palette[o].main
     }
-  })), ...Object.entries(t.palette).filter(Se()).map(([o]) => ({
+  })), ...Object.entries(t.palette).filter(Re()).map(([o]) => ({
     props: {
       color: o
     },
@@ -1019,10 +965,9 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
   [`&.${lo.loading}`]: {
     color: "transparent"
   }
-}))), rr = F("span", {
+}))), or = F("span", {
   name: "MuiIconButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (t, o) => o.loadingIndicator
+  slot: "LoadingIndicator"
 })(({
   theme: t
 }) => ({
@@ -1041,7 +986,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       display: "flex"
     }
   }]
-})), Uo = /* @__PURE__ */ d.forwardRef(function(o, n) {
+})), zo = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiIconButton"
@@ -1051,7 +996,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     className: a,
     color: l = "default",
     disabled: c = !1,
-    disableFocusRipple: u = !1,
+    disableFocusRipple: p = !1,
     size: m = "medium",
     id: g,
     loading: T = null,
@@ -1066,16 +1011,16 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     edge: i,
     color: l,
     disabled: c,
-    disableFocusRipple: u,
+    disableFocusRipple: p,
     loading: T,
     loadingIndicator: y,
     size: m
-  }, C = or(h);
-  return /* @__PURE__ */ ce(nr, {
+  }, C = er(h);
+  return /* @__PURE__ */ ce(tr, {
     id: T ? O : g,
-    className: Y(C.root, a),
+    className: Z(C.root, a),
     centerRipple: !0,
-    focusRipple: !u,
+    focusRipple: !p,
     disabled: c || T,
     ref: n,
     ...x,
@@ -1086,7 +1031,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ v(rr, {
+      children: /* @__PURE__ */ v(or, {
         className: C.loadingIndicator,
         ownerState: h,
         children: T && y
@@ -1094,7 +1039,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     }), s]
   });
 });
-process.env.NODE_ENV !== "production" && (Uo.propTypes = {
+process.env.NODE_ENV !== "production" && (zo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1173,17 +1118,17 @@ process.env.NODE_ENV !== "production" && (Uo.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const sr = Me(/* @__PURE__ */ v("path", {
+const nr = ke(/* @__PURE__ */ v("path", {
   d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
-}), "SuccessOutlined"), ir = Me(/* @__PURE__ */ v("path", {
+}), "SuccessOutlined"), rr = ke(/* @__PURE__ */ v("path", {
   d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-}), "ReportProblemOutlined"), ar = Me(/* @__PURE__ */ v("path", {
+}), "ReportProblemOutlined"), sr = ke(/* @__PURE__ */ v("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "ErrorOutline"), lr = Me(/* @__PURE__ */ v("path", {
+}), "ErrorOutline"), ir = ke(/* @__PURE__ */ v("path", {
   d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
-}), "InfoOutlined"), cr = Me(/* @__PURE__ */ v("path", {
+}), "InfoOutlined"), ar = ke(/* @__PURE__ */ v("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), dr = (t) => {
+}), "Close"), lr = (t) => {
   const {
     variant: o,
     color: n,
@@ -1195,8 +1140,8 @@ const sr = Me(/* @__PURE__ */ v("path", {
     message: ["message"],
     action: ["action"]
   };
-  return Z(s, er, i);
-}, pr = F(_t, {
+  return J(s, Jn, i);
+}, cr = F(_t, {
   name: "MuiAlert",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -1214,7 +1159,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
     backgroundColor: "transparent",
     display: "flex",
     padding: "6px 16px",
-    variants: [...Object.entries(t.palette).filter(Se(["light"])).map(([r]) => ({
+    variants: [...Object.entries(t.palette).filter(Re(["light"])).map(([r]) => ({
       props: {
         colorSeverity: r,
         variant: "standard"
@@ -1228,7 +1173,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
           color: t.palette[r].main
         }
       }
-    })), ...Object.entries(t.palette).filter(Se(["light"])).map(([r]) => ({
+    })), ...Object.entries(t.palette).filter(Re(["light"])).map(([r]) => ({
       props: {
         colorSeverity: r,
         variant: "outlined"
@@ -1242,7 +1187,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
           color: t.palette[r].main
         }
       }
-    })), ...Object.entries(t.palette).filter(Se(["dark"])).map(([r]) => ({
+    })), ...Object.entries(t.palette).filter(Re(["dark"])).map(([r]) => ({
       props: {
         colorSeverity: r,
         variant: "filled"
@@ -1259,28 +1204,25 @@ const sr = Me(/* @__PURE__ */ v("path", {
       }
     }))]
   };
-})), ur = F("div", {
+})), dr = F("div", {
   name: "MuiAlert",
-  slot: "Icon",
-  overridesResolver: (t, o) => o.icon
+  slot: "Icon"
 })({
   marginRight: 12,
   padding: "7px 0",
   display: "flex",
   fontSize: 22,
   opacity: 0.9
-}), fr = F("div", {
+}), ur = F("div", {
   name: "MuiAlert",
-  slot: "Message",
-  overridesResolver: (t, o) => o.message
+  slot: "Message"
 })({
   padding: "8px 0",
   minWidth: 0,
   overflow: "auto"
-}), mr = F("div", {
+}), pr = F("div", {
   name: "MuiAlert",
-  slot: "Action",
-  overridesResolver: (t, o) => o.action
+  slot: "Action"
 })({
   display: "flex",
   alignItems: "flex-start",
@@ -1288,19 +1230,19 @@ const sr = Me(/* @__PURE__ */ v("path", {
   marginLeft: "auto",
   marginRight: -8
 }), co = {
-  success: /* @__PURE__ */ v(sr, {
+  success: /* @__PURE__ */ v(nr, {
     fontSize: "inherit"
   }),
-  warning: /* @__PURE__ */ v(ir, {
+  warning: /* @__PURE__ */ v(rr, {
     fontSize: "inherit"
   }),
-  error: /* @__PURE__ */ v(ar, {
+  error: /* @__PURE__ */ v(sr, {
     fontSize: "inherit"
   }),
-  info: /* @__PURE__ */ v(lr, {
+  info: /* @__PURE__ */ v(ir, {
     fontSize: "inherit"
   })
-}, Vo = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}, Wo = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiAlert"
@@ -1310,7 +1252,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
     className: a,
     closeText: l = "Close",
     color: c,
-    components: u = {},
+    components: p = {},
     componentsProps: m = {},
     icon: g,
     iconMapping: T = co,
@@ -1320,64 +1262,64 @@ const sr = Me(/* @__PURE__ */ v("path", {
     slotProps: y = {},
     slots: h = {},
     variant: C = "standard",
-    ...p
+    ...u
   } = r, f = {
     ...r,
     color: c,
     severity: O,
     variant: C,
     colorSeverity: c || O
-  }, E = dr(f), w = {
+  }, E = lr(f), S = {
     slots: {
-      closeButton: u.CloseButton,
-      closeIcon: u.CloseIcon,
+      closeButton: p.CloseButton,
+      closeIcon: p.CloseIcon,
       ...h
     },
     slotProps: {
       ...m,
       ...y
     }
-  }, [P, N] = ee("root", {
+  }, [N, P] = Y("root", {
     ref: n,
     shouldForwardComponentProp: !0,
-    className: Y(E.root, a),
-    elementType: pr,
+    className: Z(E.root, a),
+    elementType: cr,
     externalForwardedProps: {
-      ...w,
-      ...p
+      ...S,
+      ...u
     },
     ownerState: f,
     additionalProps: {
       role: x,
       elevation: 0
     }
-  }), [$, D] = ee("icon", {
+  }), [A, D] = Y("icon", {
     className: E.icon,
-    elementType: ur,
-    externalForwardedProps: w,
+    elementType: dr,
+    externalForwardedProps: S,
     ownerState: f
-  }), [B, L] = ee("message", {
+  }), [B, L] = Y("message", {
     className: E.message,
-    elementType: fr,
-    externalForwardedProps: w,
+    elementType: ur,
+    externalForwardedProps: S,
     ownerState: f
-  }), [z, j] = ee("action", {
+  }), [z, j] = Y("action", {
     className: E.action,
-    elementType: mr,
-    externalForwardedProps: w,
+    elementType: pr,
+    externalForwardedProps: S,
     ownerState: f
-  }), [R, S] = ee("closeButton", {
-    elementType: Uo,
-    externalForwardedProps: w,
+  }), [R, w] = Y("closeButton", {
+    elementType: zo,
+    externalForwardedProps: S,
     ownerState: f
-  }), [k, V] = ee("closeIcon", {
-    elementType: cr,
-    externalForwardedProps: w,
+  }), [M, V] = Y("closeIcon", {
+    elementType: ar,
+    externalForwardedProps: S,
     ownerState: f
   });
-  return /* @__PURE__ */ ce(P, {
-    ...N,
-    children: [g !== !1 ? /* @__PURE__ */ v($, {
+  return /* @__PURE__ */ ce(N, {
+    ...P,
+    children: [g !== !1 ? /* @__PURE__ */ v(A, {
       ...D,
       children: g || T[O] || co[O]
     }) : null, /* @__PURE__ */ v(B, {
@@ -1394,8 +1336,8 @@ const sr = Me(/* @__PURE__ */ v("path", {
         title: l,
         color: "inherit",
         onClick: b,
-        ...S,
-        children: /* @__PURE__ */ v(k, {
+        ...w,
+        children: /* @__PURE__ */ v(M, {
           fontSize: "small",
           ...V
         })
@@ -1403,7 +1345,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (Vo.propTypes = {
+process.env.NODE_ENV !== "production" && (Wo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1528,11 +1470,11 @@ process.env.NODE_ENV !== "production" && (Vo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-function br(t) {
+function fr(t) {
   return te("MuiTypography", t);
 }
 se("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const gr = {
+const mr = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -1542,7 +1484,7 @@ const gr = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, hr = _n(), yr = (t) => {
+}, br = Hn(), gr = (t) => {
   const {
     align: o,
     gutterBottom: n,
@@ -1553,8 +1495,8 @@ const gr = {
   } = t, l = {
     root: ["root", s, t.align !== "inherit" && `align${K(o)}`, n && "gutterBottom", r && "noWrap", i && "paragraph"]
   };
-  return Z(l, br, a);
-}, vr = F("span", {
+  return J(l, fr, a);
+}, hr = F("span", {
   name: "MuiTypography",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -1584,7 +1526,7 @@ const gr = {
         variant: n
       },
       style: r
-    })), ...Object.entries(t.palette).filter(Se()).map(([n]) => ({
+    })), ...Object.entries(t.palette).filter(Re()).map(([n]) => ({
       props: {
         color: n
       },
@@ -1630,7 +1572,7 @@ const gr = {
       }
     }]
   };
-})), po = {
+})), uo = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -1649,7 +1591,7 @@ const gr = {
   } = oe({
     props: o,
     name: "MuiTypography"
-  }), s = !gr[r], a = hr({
+  }), s = !mr[r], a = br({
     ...i,
     ...s && {
       color: r
@@ -1657,29 +1599,29 @@ const gr = {
   }), {
     align: l = "inherit",
     className: c,
-    component: u,
+    component: p,
     gutterBottom: m = !1,
     noWrap: g = !1,
     paragraph: T = !1,
     variant: b = "body1",
-    variantMapping: x = po,
+    variantMapping: x = uo,
     ...O
   } = a, y = {
     ...a,
     align: l,
     color: r,
     className: c,
-    component: u,
+    component: p,
     gutterBottom: m,
     noWrap: g,
     paragraph: T,
     variant: b,
     variantMapping: x
-  }, h = u || (T ? "p" : x[b] || po[b]) || "span", C = yr(y);
-  return /* @__PURE__ */ v(vr, {
+  }, h = p || (T ? "p" : x[b] || uo[b]) || "span", C = gr(y);
+  return /* @__PURE__ */ v(hr, {
     as: h,
     ref: n,
-    className: Y(C.root, c),
+    className: Z(C.root, c),
     ...O,
     ownerState: y,
     style: {
@@ -1776,7 +1718,37 @@ process.env.NODE_ENV !== "production" && (At.propTypes = {
    */
   variantMapping: e.object
 });
-function Tr(t) {
+function rt(t, o, n, r, i) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const s = t[o], a = i || o;
+  return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
+}
+function yr(t) {
+  var g;
+  const {
+    elementType: o,
+    externalSlotProps: n,
+    ownerState: r,
+    skipResolvingSlotProps: i = !1,
+    ...s
+  } = t, a = i ? {} : En(n, r), {
+    props: l,
+    internalRef: c
+  } = On({
+    ...s,
+    externalSlotProps: a
+  }), p = Ee(c, a == null ? void 0 : a.ref, (g = t.additionalProps) == null ? void 0 : g.ref);
+  return Cn(o, {
+    ...l,
+    ref: p
+  }, r);
+}
+function it(t) {
+  var o;
+  return parseInt(d.version, 10) >= 19 ? ((o = t == null ? void 0 : t.props) == null ? void 0 : o.ref) || null : (t == null ? void 0 : t.ref) || null;
+}
+function vr(t) {
   return typeof t == "function" ? t() : t;
 }
 const gt = /* @__PURE__ */ d.forwardRef(function(o, n) {
@@ -1784,9 +1756,9 @@ const gt = /* @__PURE__ */ d.forwardRef(function(o, n) {
     children: r,
     container: i,
     disablePortal: s = !1
-  } = o, [a, l] = d.useState(null), c = Ee(/* @__PURE__ */ d.isValidElement(r) ? at(r) : null, n);
+  } = o, [a, l] = d.useState(null), c = Ee(/* @__PURE__ */ d.isValidElement(r) ? it(r) : null, n);
   if (He(() => {
-    s || l(Tr(i) || document.body);
+    s || l(vr(i) || document.body);
   }, [i, s]), He(() => {
     if (a && !s)
       return so(n, a), () => {
@@ -1794,14 +1766,14 @@ const gt = /* @__PURE__ */ d.forwardRef(function(o, n) {
       };
   }, [n, a, s]), s) {
     if (/* @__PURE__ */ d.isValidElement(r)) {
-      const u = {
+      const p = {
         ref: c
       };
-      return /* @__PURE__ */ d.cloneElement(r, u);
+      return /* @__PURE__ */ d.cloneElement(r, p);
     }
     return r;
   }
-  return a && /* @__PURE__ */ kn.createPortal(r, a);
+  return a && /* @__PURE__ */ Mn.createPortal(r, a);
 });
 process.env.NODE_ENV !== "production" && (gt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -1829,11 +1801,11 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    */
   disablePortal: e.bool
 });
-process.env.NODE_ENV !== "production" && (gt.propTypes = Ao(gt.propTypes));
-function pt(t) {
+process.env.NODE_ENV !== "production" && (gt.propTypes = $o(gt.propTypes));
+function ut(t) {
   return parseInt(t, 10) || 0;
 }
-const xr = {
+const Tr = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -1848,15 +1820,15 @@ const xr = {
     transform: "translateZ(0)"
   }
 };
-function Er(t) {
+function xr(t) {
   for (const o in t)
     return !1;
   return !0;
 }
-function uo(t) {
-  return Er(t) || t.outerHeightStyle === 0 && !t.overflowing;
+function po(t) {
+  return xr(t) || t.outerHeightStyle === 0 && !t.overflowing;
 }
-const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const Uo = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const {
     onChange: r,
     maxRows: i,
@@ -1865,61 +1837,64 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
     value: l,
     ...c
   } = o, {
-    current: u
+    current: p
   } = d.useRef(l != null), m = d.useRef(null), g = Ee(n, m), T = d.useRef(null), b = d.useRef(null), x = d.useCallback(() => {
-    const p = m.current, f = b.current;
-    if (!p || !f)
+    const u = m.current, f = b.current;
+    if (!u || !f)
       return;
-    const w = Ie(p).getComputedStyle(p);
-    if (w.width === "0px")
+    const S = Ie(u).getComputedStyle(u);
+    if (S.width === "0px")
       return {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    f.style.width = w.width, f.value = p.value || o.placeholder || "x", f.value.slice(-1) === `
+    f.style.width = S.width, f.value = u.value || o.placeholder || "x", f.value.slice(-1) === `
 ` && (f.value += " ");
-    const P = w.boxSizing, N = pt(w.paddingBottom) + pt(w.paddingTop), $ = pt(w.borderBottomWidth) + pt(w.borderTopWidth), D = f.scrollHeight;
+    const N = S.boxSizing, P = ut(S.paddingBottom) + ut(S.paddingTop), A = ut(S.borderBottomWidth) + ut(S.borderTopWidth), D = f.scrollHeight;
     f.value = "x";
     const B = f.scrollHeight;
     let L = D;
     s && (L = Math.max(Number(s) * B, L)), i && (L = Math.min(Number(i) * B, L)), L = Math.max(L, B);
-    const z = L + (P === "border-box" ? N + $ : 0), j = Math.abs(L - D) <= 1;
+    const z = L + (N === "border-box" ? P + A : 0), j = Math.abs(L - D) <= 1;
     return {
       outerHeightStyle: z,
       overflowing: j
     };
   }, [i, s, o.placeholder]), O = Ft(() => {
-    const p = m.current, f = x();
-    if (!p || !f || uo(f))
+    const u = m.current, f = x();
+    if (!u || !f || po(f))
       return !1;
     const E = f.outerHeightStyle;
     return T.current != null && T.current !== E;
   }), y = d.useCallback(() => {
-    const p = m.current, f = x();
-    if (!p || !f || uo(f))
+    const u = m.current, f = x();
+    if (!u || !f || po(f))
       return;
     const E = f.outerHeightStyle;
-    T.current !== E && (T.current = E, p.style.height = `${E}px`), p.style.overflow = f.overflowing ? "hidden" : "";
+    T.current !== E && (T.current = E, u.style.height = `${E}px`), u.style.overflow = f.overflowing ? "hidden" : "";
   }, [x]), h = d.useRef(-1);
   He(() => {
-    const p = $o(y), f = m == null ? void 0 : m.current;
+    const u = Do(y), f = m == null ? void 0 : m.current;
     if (!f)
       return;
     const E = Ie(f);
-    E.addEventListener("resize", p);
-    let w;
-    return typeof ResizeObserver < "u" && (w = new ResizeObserver(() => {
-      O() && (w.unobserve(f), cancelAnimationFrame(h.current), y(), h.current = requestAnimationFrame(() => {
-        w.observe(f);
+    E.addEventListener("resize", u);
+    let S;
+    return typeof ResizeObserver < "u" && (S = new ResizeObserver(() => {
+      O() && (S.unobserve(f), cancelAnimationFrame(h.current), y(), h.current = requestAnimationFrame(() => {
+        S.observe(f);
       }));
-    }), w.observe(f)), () => {
-      p.clear(), cancelAnimationFrame(h.current), E.removeEventListener("resize", p), w && w.disconnect();
+    }), S.observe(f)), () => {
+      u.clear(), cancelAnimationFrame(h.current), E.removeEventListener("resize", u), S && S.disconnect();
     };
   }, [x, y, O]), He(() => {
     y();
   });
-  const C = (p) => {
-    u || y(), r && r(p);
+  const C = (u) => {
+    p || y();
+    const f = u.target, E = f.value.length, S = f.value.endsWith(`
+`), N = f.selectionStart === E;
+    S && N && f.setSelectionRange(E, E), r && r(u);
   };
   return /* @__PURE__ */ ce(d.Fragment, {
     children: [/* @__PURE__ */ v("textarea", {
@@ -1936,7 +1911,7 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
       ref: b,
       tabIndex: -1,
       style: {
-        ...xr.shadow,
+        ...Tr.shadow,
         ...a,
         paddingTop: 0,
         paddingBottom: 0
@@ -1944,7 +1919,7 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ho.propTypes = {
+process.env.NODE_ENV !== "production" && (Uo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -2000,10 +1975,10 @@ function fo(t) {
 function ht(t, o = !1) {
   return t && (fo(t.value) && t.value !== "" || o && fo(t.defaultValue) && t.defaultValue !== "");
 }
-function Or(t) {
+function Er(t) {
   return t.startAdornment;
 }
-function Cr(t) {
+function Or(t) {
   return te("MuiInputBase", t);
 }
 const qe = se("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
@@ -2018,7 +1993,7 @@ const xt = (t, o) => {
     ownerState: n
   } = t;
   return [o.input, n.size === "small" && o.inputSizeSmall, n.multiline && o.inputMultiline, n.type === "search" && o.inputTypeSearch, n.startAdornment && o.inputAdornedStart, n.endAdornment && o.inputAdornedEnd, n.hiddenLabel && o.inputHiddenLabel];
-}, Rr = (t) => {
+}, Cr = (t) => {
   const {
     classes: o,
     color: n,
@@ -2028,17 +2003,17 @@ const xt = (t, o) => {
     focused: a,
     formControl: l,
     fullWidth: c,
-    hiddenLabel: u,
+    hiddenLabel: p,
     multiline: m,
     readOnly: g,
     size: T,
     startAdornment: b,
     type: x
   } = t, O = {
-    root: ["root", `color${K(n)}`, r && "disabled", i && "error", c && "fullWidth", a && "focused", l && "formControl", T && T !== "medium" && `size${K(T)}`, m && "multiline", b && "adornedStart", s && "adornedEnd", u && "hiddenLabel", g && "readOnly"],
-    input: ["input", r && "disabled", x === "search" && "inputTypeSearch", m && "inputMultiline", T === "small" && "inputSizeSmall", u && "inputHiddenLabel", b && "inputAdornedStart", s && "inputAdornedEnd", g && "readOnly"]
+    root: ["root", `color${K(n)}`, r && "disabled", i && "error", c && "fullWidth", a && "focused", l && "formControl", T && T !== "medium" && `size${K(T)}`, m && "multiline", b && "adornedStart", s && "adornedEnd", p && "hiddenLabel", g && "readOnly"],
+    input: ["input", r && "disabled", x === "search" && "inputTypeSearch", m && "inputMultiline", T === "small" && "inputSizeSmall", p && "inputHiddenLabel", b && "inputAdornedStart", s && "inputAdornedEnd", g && "readOnly"]
   };
-  return Z(O, Cr, o);
+  return J(O, Or, o);
 }, Ot = F("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -2209,7 +2184,7 @@ const xt = (t, o) => {
       display: "block"
     }
   }
-}), Rt = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}), St = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiInputBase"
@@ -2219,7 +2194,7 @@ const xt = (t, o) => {
     autoFocus: a,
     className: l,
     color: c,
-    components: u = {},
+    components: p = {},
     componentsProps: m = {},
     defaultValue: g,
     disabled: T,
@@ -2229,21 +2204,21 @@ const xt = (t, o) => {
     fullWidth: y = !1,
     id: h,
     inputComponent: C = "input",
-    inputProps: p = {},
+    inputProps: u = {},
     inputRef: f,
     margin: E,
-    maxRows: w,
-    minRows: P,
-    multiline: N = !1,
-    name: $,
+    maxRows: S,
+    minRows: N,
+    multiline: P = !1,
+    name: A,
     onBlur: D,
     onChange: B,
     onClick: L,
     onFocus: z,
     onKeyDown: j,
     onKeyUp: R,
-    placeholder: S,
-    readOnly: k,
+    placeholder: w,
+    readOnly: M,
     renderSuffix: V,
     rows: I,
     size: q,
@@ -2251,24 +2226,24 @@ const xt = (t, o) => {
     slots: me = {},
     startAdornment: G,
     type: ie = "text",
-    value: J,
+    value: Q,
     ...ye
-  } = r, fe = p.value != null ? p.value : J, {
+  } = r, fe = u.value != null ? u.value : Q, {
     current: ve
-  } = d.useRef(fe != null), ne = d.useRef(), A = d.useCallback((X) => {
+  } = d.useRef(fe != null), ne = d.useRef(), $ = d.useCallback((X) => {
     process.env.NODE_ENV !== "production" && X && X.nodeName !== "INPUT" && !X.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), W = Ee(ne, f, p.ref, A), [_, re] = d.useState(!1), U = Ke();
+  }, []), W = Ee(ne, f, u.ref, $), [_, re] = d.useState(!1), U = Ke();
   process.env.NODE_ENV !== "production" && d.useEffect(() => {
     if (U)
       return U.registerEffect();
   }, [U]);
-  const Q = _e({
+  const ee = _e({
     props: r,
     muiFormControl: U,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  Q.focused = U ? U.focused : _, d.useEffect(() => {
+  ee.focused = U ? U.focused : _, d.useEffect(() => {
     !U && T && _ && (re(!1), D && D());
   }, [U, T, _, D]);
   const be = U && U.onFilled, Oe = U && U.onEmpty, ge = d.useCallback((X) => {
@@ -2280,19 +2255,19 @@ const xt = (t, o) => {
     });
   }, [fe, ge, ve]);
   const Te = (X) => {
-    z && z(X), p.onFocus && p.onFocus(X), U && U.onFocus ? U.onFocus(X) : re(!0);
+    z && z(X), u.onFocus && u.onFocus(X), U && U.onFocus ? U.onFocus(X) : re(!0);
   }, he = (X) => {
-    D && D(X), p.onBlur && p.onBlur(X), U && U.onBlur ? U.onBlur(X) : re(!1);
+    D && D(X), u.onBlur && u.onBlur(X), U && U.onBlur ? U.onBlur(X) : re(!1);
   }, de = (X, ...Be) => {
     if (!ve) {
       const ze = X.target || ne.current;
       if (ze == null)
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Po(1));
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : No(1));
       ge({
         value: ze.value
       });
     }
-    p.onChange && p.onChange(X, ...Be), B && B(X, ...Be);
+    u.onChange && u.onChange(X, ...Be), B && B(X, ...Be);
   };
   d.useEffect(() => {
     ge(ne.current);
@@ -2300,18 +2275,18 @@ const xt = (t, o) => {
   const Ce = (X) => {
     ne.current && X.currentTarget === X.target && ne.current.focus(), L && L(X);
   };
-  let Pe = C, pe = p;
-  N && Pe === "input" && (I ? (process.env.NODE_ENV !== "production" && (P || w) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), pe = {
+  let Ne = C, ue = u;
+  P && Ne === "input" && (I ? (process.env.NODE_ENV !== "production" && (N || S) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ue = {
     type: void 0,
     minRows: I,
     maxRows: I,
-    ...pe
-  }) : pe = {
+    ...ue
+  }) : ue = {
     type: void 0,
-    maxRows: w,
-    minRows: P,
-    ...pe
-  }, Pe = Ho);
+    maxRows: S,
+    minRows: N,
+    ...ue
+  }, Ne = Uo);
   const De = (X) => {
     ge(X.animationName === "mui-auto-fill-cancel" ? ne.current : {
       value: "x"
@@ -2322,21 +2297,21 @@ const xt = (t, o) => {
   }, [U, G]);
   const Fe = {
     ...r,
-    color: Q.color || "primary",
-    disabled: Q.disabled,
+    color: ee.color || "primary",
+    disabled: ee.disabled,
     endAdornment: x,
-    error: Q.error,
-    focused: Q.focused,
+    error: ee.error,
+    focused: ee.focused,
     formControl: U,
     fullWidth: y,
-    hiddenLabel: Q.hiddenLabel,
-    multiline: N,
-    size: Q.size,
+    hiddenLabel: ee.hiddenLabel,
+    multiline: P,
+    size: ee.size,
     startAdornment: G,
     type: ie
-  }, lt = Rr(Fe), Ge = me.root || u.Root || Ot, je = le.root || m.root || {}, Xe = me.input || u.Input || Ct;
-  return pe = {
-    ...pe,
+  }, lt = Cr(Fe), Ge = me.root || p.Root || Ot, je = le.root || m.root || {}, Xe = me.input || p.Input || Ct;
+  return ue = {
+    ...ue,
     ...le.input ?? m.input
   }, /* @__PURE__ */ ce(d.Fragment, {
     children: [!b && typeof bo == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
@@ -2352,49 +2327,49 @@ const xt = (t, o) => {
           ...je.ownerState
         }
       },
-      className: Y(lt.root, je.className, l, k && "MuiInputBase-readOnly"),
+      className: Z(lt.root, je.className, l, M && "MuiInputBase-readOnly"),
       children: [G, /* @__PURE__ */ v(Tt.Provider, {
         value: null,
         children: /* @__PURE__ */ v(Xe, {
-          "aria-invalid": Q.error,
+          "aria-invalid": ee.error,
           "aria-describedby": i,
           autoComplete: s,
           autoFocus: a,
           defaultValue: g,
-          disabled: Q.disabled,
+          disabled: ee.disabled,
           id: h,
           onAnimationStart: De,
-          name: $,
-          placeholder: S,
-          readOnly: k,
-          required: Q.required,
+          name: A,
+          placeholder: w,
+          readOnly: M,
+          required: ee.required,
           rows: I,
           value: fe,
           onKeyDown: j,
           onKeyUp: R,
           type: ie,
-          ...pe,
+          ...ue,
           ...!$t(Xe) && {
-            as: Pe,
+            as: Ne,
             ownerState: {
               ...Fe,
-              ...pe.ownerState
+              ...ue.ownerState
             }
           },
           ref: W,
-          className: Y(lt.input, pe.className, k && "MuiInputBase-readOnly"),
+          className: Z(lt.input, ue.className, M && "MuiInputBase-readOnly"),
           onBlur: he,
           onChange: de,
           onFocus: Te
         })
       }), x, V ? V({
-        ...Q,
+        ...ee,
         startAdornment: G
       }) : null]
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Rt.propTypes = {
+process.env.NODE_ENV !== "production" && (St.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2491,14 +2466,14 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   inputComponent: Fo,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -2613,7 +2588,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -2629,25 +2604,25 @@ const Ze = {
   ...qe,
   ...se("MuiInput", ["root", "underline", "input"])
 };
-function wr(t) {
+function Rr(t) {
   return te("MuiOutlinedInput", t);
 }
-const Re = {
+const Se = {
   ...qe,
   ...se("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function Ir(t) {
+function wr(t) {
   return te("MuiFilledInput", t);
 }
 const Ae = {
   ...qe,
   ...se("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, Nr = Me(/* @__PURE__ */ v("path", {
+}, Ir = ke(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), Pr = Me(/* @__PURE__ */ v("path", {
+}), "ArrowDropDown"), Pr = ke(/* @__PURE__ */ v("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 }), "Person");
-function Mr(t) {
+function Nr(t) {
   return te("MuiAvatar", t);
 }
 se("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
@@ -2657,12 +2632,12 @@ const kr = (t) => {
     variant: n,
     colorDefault: r
   } = t;
-  return Z({
+  return J({
     root: ["root", n, r && "colorDefault"],
     img: ["img"],
     fallback: ["fallback"]
-  }, Mr, o);
-}, Fr = F("div", {
+  }, Nr, o);
+}, Mr = F("div", {
   name: "MuiAvatar",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -2717,10 +2692,9 @@ const kr = (t) => {
       }
     }
   }]
-}))), jr = F("img", {
+}))), Fr = F("img", {
   name: "MuiAvatar",
-  slot: "Img",
-  overridesResolver: (t, o) => o.img
+  slot: "Img"
 })({
   width: "100%",
   height: "100%",
@@ -2731,15 +2705,14 @@ const kr = (t) => {
   color: "transparent",
   // Hide the image broken icon, only works on Chrome.
   textIndent: 1e4
-}), Ar = F(Pr, {
+}), jr = F(Pr, {
   name: "MuiAvatar",
-  slot: "Fallback",
-  overridesResolver: (t, o) => o.fallback
+  slot: "Fallback"
 })({
   width: "75%",
   height: "75%"
 });
-function $r({
+function Ar({
   crossOrigin: t,
   referrerPolicy: o,
   src: n,
@@ -2761,7 +2734,7 @@ function $r({
     };
   }, [t, o, n, r]), i;
 }
-const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const Vo = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiAvatar"
@@ -2771,7 +2744,7 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
     className: a,
     component: l = "div",
     slots: c = {},
-    slotProps: u = {},
+    slotProps: p = {},
     imgProps: m,
     sizes: g,
     src: T,
@@ -2784,22 +2757,33 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
     ...r,
     component: l,
     variant: x
-  }, C = $r({
+  }, C = Ar({
     ...m,
-    ...typeof u.img == "function" ? u.img(h) : u.img,
+    ...typeof p.img == "function" ? p.img(h) : p.img,
     src: T,
     srcSet: b
-  }), p = T || b, f = p && C !== "error";
+  }), u = T || b, f = u && C !== "error";
   h.colorDefault = !f, delete h.ownerState;
-  const E = kr(h), [w, P] = ee("img", {
+  const E = kr(h), [S, N] = Y("root", {
+    ref: n,
+    className: Z(E.root, a),
+    elementType: Mr,
+    externalForwardedProps: {
+      slots: c,
+      slotProps: p,
+      component: l,
+      ...O
+    },
+    ownerState: h
+  }), [P, A] = Y("img", {
     className: E.img,
-    elementType: jr,
+    elementType: Fr,
     externalForwardedProps: {
       slots: c,
       slotProps: {
         img: {
           ...m,
-          ...u.img
+          ...p.img
         }
       }
     },
@@ -2810,22 +2794,26 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
       sizes: g
     },
     ownerState: h
+  }), [D, B] = Y("fallback", {
+    className: E.fallback,
+    elementType: jr,
+    externalForwardedProps: {
+      slots: c,
+      slotProps: p
+    },
+    shouldForwardComponentProp: !0,
+    ownerState: h
   });
-  return f ? y = /* @__PURE__ */ v(w, {
-    ...P
-  }) : s || s === 0 ? y = s : p && i ? y = i[0] : y = /* @__PURE__ */ v(Ar, {
-    ownerState: h,
-    className: E.fallback
-  }), /* @__PURE__ */ v(Fr, {
-    as: l,
-    className: Y(E.root, a),
-    ref: n,
-    ...O,
-    ownerState: h,
+  return f ? y = /* @__PURE__ */ v(P, {
+    ...A
+  }) : s || s === 0 ? y = s : u && i ? y = i[0] : y = /* @__PURE__ */ v(D, {
+    ...B
+  }), /* @__PURE__ */ v(S, {
+    ...N,
     children: y
   });
 });
-process.env.NODE_ENV !== "production" && (qo.propTypes = {
+process.env.NODE_ENV !== "production" && (Vo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -2854,7 +2842,7 @@ process.env.NODE_ENV !== "production" && (qo.propTypes = {
    */
   component: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    * @deprecated Use `slotProps.img` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
@@ -2868,14 +2856,18 @@ process.env.NODE_ENV !== "production" && (qo.propTypes = {
    * @default {}
    */
   slotProps: e.shape({
-    img: e.oneOfType([e.func, e.object])
+    fallback: e.oneOfType([e.func, e.object]),
+    img: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots: e.shape({
-    img: e.elementType
+    fallback: e.elementType,
+    img: e.elementType,
+    root: e.elementType
   }),
   /**
    * The `src` attribute for the `img` element.
@@ -2896,6 +2888,26 @@ process.env.NODE_ENV !== "production" && (qo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["circular", "rounded", "square"]), e.string])
 });
+function $r(t) {
+  const {
+    prototype: o = {}
+  } = t;
+  return !!o.isReactComponent;
+}
+function Ho(t, o, n, r, i) {
+  const s = t[o], a = i || o;
+  if (s == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let l;
+  const c = s.type;
+  return typeof c == "function" && !$r(c) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${n}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const at = st(e.element, Ho);
+at.isRequired = st(e.element.isRequired, Ho);
 const Lr = {
   entering: {
     opacity: 1
@@ -2903,7 +2915,7 @@ const Lr = {
   entered: {
     opacity: 1
   }
-}, _o = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}, qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = Ht(), i = {
     enter: r.transitions.duration.enteringScreen,
     exit: r.transitions.duration.leavingScreen
@@ -2912,7 +2924,7 @@ const Lr = {
     appear: a = !0,
     children: l,
     easing: c,
-    in: u,
+    in: p,
     onEnter: m,
     onEntered: g,
     onEntering: T,
@@ -2923,23 +2935,23 @@ const Lr = {
     timeout: h = i,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: C = we,
-    ...p
-  } = o, f = d.useRef(null), E = Ee(f, at(l), n), w = (j) => (R) => {
+    ...u
+  } = o, f = d.useRef(null), E = Ee(f, it(l), n), S = (j) => (R) => {
     if (j) {
-      const S = f.current;
-      R === void 0 ? j(S) : j(S, R);
+      const w = f.current;
+      R === void 0 ? j(w) : j(w, R);
     }
-  }, P = w(T), N = w((j, R) => {
-    Wo(j);
-    const S = bt({
+  }, N = S(T), P = S((j, R) => {
+    Bo(j);
+    const w = bt({
       style: y,
       timeout: h,
       easing: c
     }, {
       mode: "enter"
     });
-    j.style.webkitTransition = r.transitions.create("opacity", S), j.style.transition = r.transitions.create("opacity", S), m && m(j, R);
-  }), $ = w(g), D = w(O), B = w((j) => {
+    j.style.webkitTransition = r.transitions.create("opacity", w), j.style.transition = r.transitions.create("opacity", w), m && m(j, R);
+  }), A = S(g), D = S(O), B = S((j) => {
     const R = bt({
       style: y,
       timeout: h,
@@ -2948,14 +2960,14 @@ const Lr = {
       mode: "exit"
     });
     j.style.webkitTransition = r.transitions.create("opacity", R), j.style.transition = r.transitions.create("opacity", R), b && b(j);
-  }), L = w(x);
+  }), L = S(x);
   return /* @__PURE__ */ v(C, {
     appear: a,
-    in: u,
+    in: p,
     nodeRef: f,
-    onEnter: N,
-    onEntered: $,
-    onEntering: P,
+    onEnter: P,
+    onEntered: A,
+    onEntering: N,
     onExit: B,
     onExited: L,
     onExiting: D,
@@ -2963,24 +2975,24 @@ const Lr = {
       s && s(f.current, j);
     },
     timeout: h,
-    ...p,
+    ...u,
     children: (j, {
       ownerState: R,
-      ...S
+      ...w
     }) => /* @__PURE__ */ d.cloneElement(l, {
       style: {
         opacity: 0,
-        visibility: j === "exited" && !u ? "hidden" : void 0,
+        visibility: j === "exited" && !p ? "hidden" : void 0,
         ...Lr[j],
         ...y,
         ...l.props.style
       },
       ref: E,
-      ...S
+      ...w
     })
   });
 });
-process.env.NODE_ENV !== "production" && (_o.propTypes = {
+process.env.NODE_ENV !== "production" && (qo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3000,7 +3012,7 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
   /**
    * A single child content element.
    */
-  children: it.isRequired,
+  children: at.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -3064,7 +3076,7 @@ const Br = (t) => {
     classes: o,
     invisible: n
   } = t;
-  return Z({
+  return J({
     root: ["root", n && "invisible"]
   }, Dr, o);
 }, zr = F("div", {
@@ -3095,7 +3107,7 @@ const Br = (t) => {
       backgroundColor: "transparent"
     }
   }]
-}), Ko = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}), _o = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiBackdrop"
@@ -3105,7 +3117,7 @@ const Br = (t) => {
     component: a = "div",
     invisible: l = !1,
     open: c,
-    components: u = {},
+    components: p = {},
     componentsProps: m = {},
     slotProps: g = {},
     slots: T = {},
@@ -3118,39 +3130,39 @@ const Br = (t) => {
     invisible: l
   }, h = Br(y), C = {
     transition: b,
-    root: u.Root,
+    root: p.Root,
     ...T
-  }, p = {
+  }, u = {
     ...m,
     ...g
   }, f = {
     slots: C,
-    slotProps: p
-  }, [E, w] = ee("root", {
+    slotProps: u
+  }, [E, S] = Y("root", {
     elementType: zr,
     externalForwardedProps: f,
-    className: Y(h.root, s),
+    className: Z(h.root, s),
     ownerState: y
-  }), [P, N] = ee("transition", {
-    elementType: _o,
+  }), [N, P] = Y("transition", {
+    elementType: qo,
     externalForwardedProps: f,
     ownerState: y
   });
-  return /* @__PURE__ */ v(P, {
+  return /* @__PURE__ */ v(N, {
     in: c,
     timeout: x,
     ...O,
-    ...N,
+    ...P,
     children: /* @__PURE__ */ v(E, {
       "aria-hidden": !0,
-      ...w,
+      ...S,
       classes: h,
       ref: n,
       children: i
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Ko.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`.     │
@@ -3240,7 +3252,7 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
     exit: e.number
   })])
 });
-const Go = qn({
+const Ko = Vn({
   createStyledComponent: F("div", {
     name: "MuiContainer",
     slot: "Root",
@@ -3256,7 +3268,7 @@ const Go = qn({
     name: "MuiContainer"
   })
 });
-process.env.NODE_ENV !== "production" && (Go.propTypes = {
+process.env.NODE_ENV !== "production" && (Ko.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3321,17 +3333,17 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
     // Save printer ink.
     backgroundColor: (t.vars || t).palette.common.white
   }
-}), Xo = (t, o = !1) => {
+}), Go = (t, o = !1) => {
   var s, a;
   const n = {};
   o && t.colorSchemes && typeof t.getColorSchemeSelector == "function" && Object.entries(t.colorSchemes).forEach(([l, c]) => {
     var m, g;
-    const u = t.getColorSchemeSelector(l);
-    u.startsWith("@") ? n[u] = {
+    const p = t.getColorSchemeSelector(l);
+    p.startsWith("@") ? n[p] = {
       ":root": {
         colorScheme: (m = c.palette) == null ? void 0 : m.mode
       }
-    } : n[u.replace(/\s*&/, "")] = {
+    } : n[p.replace(/\s*&/, "")] = {
       colorScheme: (g = c.palette) == null ? void 0 : g.mode
     };
   });
@@ -3358,7 +3370,7 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
   const i = (a = (s = t.components) == null ? void 0 : s.MuiCssBaseline) == null ? void 0 : a.styleOverrides;
   return i && (r = [r, i]), r;
 }, ft = "mui-ecs", Vr = (t) => {
-  const o = Xo(t, !1), n = Array.isArray(o) ? o[0] : o;
+  const o = Go(t, !1), n = Array.isArray(o) ? o[0] : o;
   return !t.vars && n && (n.html[`:root:has(${ft})`] = {
     colorScheme: t.palette.mode
   }), t.colorSchemes && Object.entries(t.colorSchemes).forEach(([r, i]) => {
@@ -3377,10 +3389,10 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
 }, Hr = qt(Lt ? ({
   theme: t,
   enableColorScheme: o
-}) => Xo(t, o) : ({
+}) => Go(t, o) : ({
   theme: t
 }) => Vr(t));
-function Yo(t) {
+function Xo(t) {
   const o = oe({
     props: t,
     name: "MuiCssBaseline"
@@ -3399,7 +3411,7 @@ function Yo(t) {
     }), n]
   });
 }
-process.env.NODE_ENV !== "production" && (Yo.propTypes = {
+process.env.NODE_ENV !== "production" && (Xo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -3416,6 +3428,10 @@ process.env.NODE_ENV !== "production" && (Yo.propTypes = {
    */
   enableColorScheme: e.bool
 });
+function Yo(t = window) {
+  const o = t.document.documentElement.clientWidth;
+  return t.innerWidth - o;
+}
 function qr(t) {
   const o = xe(t);
   return o.body === t ? Ie(t).innerWidth > o.documentElement.clientWidth : t.scrollHeight > t.clientHeight;
@@ -3437,7 +3453,7 @@ function ho(t, o, n, r, i) {
     l && c && ot(a, i);
   });
 }
-function Pt(t, o) {
+function Nt(t, o) {
   let n = -1;
   return t.some((r, i) => o(r) ? (n = i, !0) : !1), n;
 }
@@ -3445,7 +3461,7 @@ function Kr(t, o) {
   const n = [], r = t.container;
   if (!o.disableScrollLock) {
     if (qr(r)) {
-      const a = Lo(Ie(r));
+      const a = Yo(Ie(r));
       n.push({
         value: r.style.paddingRight,
         property: "padding-right",
@@ -3508,7 +3524,7 @@ class Xr {
     r = this.modals.length, this.modals.push(o), o.modalRef && ot(o.modalRef, !1);
     const i = Gr(n);
     ho(n, o.mount, o.modalRef, i, !0);
-    const s = Pt(this.containers, (a) => a.container === n);
+    const s = Nt(this.containers, (a) => a.container === n);
     return s !== -1 ? (this.containers[s].modals.push(o), r) : (this.containers.push({
       modals: [o],
       container: n,
@@ -3517,14 +3533,14 @@ class Xr {
     }), r);
   }
   mount(o, n) {
-    const r = Pt(this.containers, (s) => s.modals.includes(o)), i = this.containers[r];
+    const r = Nt(this.containers, (s) => s.modals.includes(o)), i = this.containers[r];
     i.restore || (i.restore = Kr(i, n));
   }
   remove(o, n = !0) {
     const r = this.modals.indexOf(o);
     if (r === -1)
       return r;
-    const i = Pt(this.containers, (a) => a.modals.includes(o)), s = this.containers[i];
+    const i = Nt(this.containers, (a) => a.modals.includes(o)), s = this.containers[i];
     if (s.modals.splice(s.modals.indexOf(o), 1), this.modals.splice(r, 1), s.modals.length === 0)
       s.restore && s.restore(), o.modalRef && ot(o.modalRef, n), ho(s.container, o.mount, o.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
@@ -3575,66 +3591,66 @@ function yt(t) {
     getTabbable: s = es,
     isEnabled: a = ts,
     open: l
-  } = t, c = d.useRef(!1), u = d.useRef(null), m = d.useRef(null), g = d.useRef(null), T = d.useRef(null), b = d.useRef(!1), x = d.useRef(null), O = Ee(at(o), x), y = d.useRef(null);
+  } = t, c = d.useRef(!1), p = d.useRef(null), m = d.useRef(null), g = d.useRef(null), T = d.useRef(null), b = d.useRef(!1), x = d.useRef(null), O = Ee(it(o), x), y = d.useRef(null);
   d.useEffect(() => {
     !l || !x.current || (b.current = !n);
   }, [n, l]), d.useEffect(() => {
     if (!l || !x.current)
       return;
-    const p = xe(x.current);
-    return x.current.contains(p.activeElement) || (x.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(`
+    const u = xe(x.current);
+    return x.current.contains(u.activeElement) || (x.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(`
 `)), x.current.setAttribute("tabIndex", "-1")), b.current && x.current.focus()), () => {
       i || (g.current && g.current.focus && (c.current = !0, g.current.focus()), g.current = null);
     };
   }, [l]), d.useEffect(() => {
     if (!l || !x.current)
       return;
-    const p = xe(x.current), f = (P) => {
-      y.current = P, !(r || !a() || P.key !== "Tab") && p.activeElement === x.current && P.shiftKey && (c.current = !0, m.current && m.current.focus());
+    const u = xe(x.current), f = (N) => {
+      y.current = N, !(r || !a() || N.key !== "Tab") && u.activeElement === x.current && N.shiftKey && (c.current = !0, m.current && m.current.focus());
     }, E = () => {
-      var $, D;
-      const P = x.current;
-      if (P === null)
+      var A, D;
+      const N = x.current;
+      if (N === null)
         return;
-      if (!p.hasFocus() || !a() || c.current) {
+      if (!u.hasFocus() || !a() || c.current) {
         c.current = !1;
         return;
       }
-      if (P.contains(p.activeElement) || r && p.activeElement !== u.current && p.activeElement !== m.current)
+      if (N.contains(u.activeElement) || r && u.activeElement !== p.current && u.activeElement !== m.current)
         return;
-      if (p.activeElement !== T.current)
+      if (u.activeElement !== T.current)
         T.current = null;
       else if (T.current !== null)
         return;
       if (!b.current)
         return;
-      let N = [];
-      if ((p.activeElement === u.current || p.activeElement === m.current) && (N = s(x.current)), N.length > 0) {
-        const B = !!(($ = y.current) != null && $.shiftKey && ((D = y.current) == null ? void 0 : D.key) === "Tab"), L = N[0], z = N[N.length - 1];
+      let P = [];
+      if ((u.activeElement === p.current || u.activeElement === m.current) && (P = s(x.current)), P.length > 0) {
+        const B = !!((A = y.current) != null && A.shiftKey && ((D = y.current) == null ? void 0 : D.key) === "Tab"), L = P[0], z = P[P.length - 1];
         typeof L != "string" && typeof z != "string" && (B ? z.focus() : L.focus());
       } else
-        P.focus();
+        N.focus();
     };
-    p.addEventListener("focusin", E), p.addEventListener("keydown", f, !0);
-    const w = setInterval(() => {
-      p.activeElement && p.activeElement.tagName === "BODY" && E();
+    u.addEventListener("focusin", E), u.addEventListener("keydown", f, !0);
+    const S = setInterval(() => {
+      u.activeElement && u.activeElement.tagName === "BODY" && E();
     }, 50);
     return () => {
-      clearInterval(w), p.removeEventListener("focusin", E), p.removeEventListener("keydown", f, !0);
+      clearInterval(S), u.removeEventListener("focusin", E), u.removeEventListener("keydown", f, !0);
     };
   }, [n, r, i, a, l, s]);
-  const h = (p) => {
-    g.current === null && (g.current = p.relatedTarget), b.current = !0, T.current = p.target;
+  const h = (u) => {
+    g.current === null && (g.current = u.relatedTarget), b.current = !0, T.current = u.target;
     const f = o.props.onFocus;
-    f && f(p);
-  }, C = (p) => {
-    g.current === null && (g.current = p.relatedTarget), b.current = !0;
+    f && f(u);
+  }, C = (u) => {
+    g.current === null && (g.current = u.relatedTarget), b.current = !0;
   };
   return /* @__PURE__ */ ce(d.Fragment, {
     children: [/* @__PURE__ */ v("div", {
       tabIndex: l ? 0 : -1,
       onFocus: C,
-      ref: u,
+      ref: p,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ d.cloneElement(o, {
       ref: O,
@@ -3655,7 +3671,7 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
   /**
    * A single child content element.
    */
-  children: it,
+  children: at,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -3701,7 +3717,7 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
    */
   open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (yt.propTypes = Ao(yt.propTypes));
+process.env.NODE_ENV !== "production" && (yt.propTypes = $o(yt.propTypes));
 function os(t) {
   return typeof t == "function" ? t() : t;
 }
@@ -3709,7 +3725,7 @@ function ns(t) {
   return t ? t.props.hasOwnProperty("in") : !1;
 }
 const yo = () => {
-}, ut = new Xr();
+}, pt = new Xr();
 function rs(t) {
   const {
     container: o,
@@ -3720,42 +3736,42 @@ function rs(t) {
     onTransitionExited: a,
     children: l,
     onClose: c,
-    open: u,
+    open: p,
     rootRef: m
-  } = t, g = d.useRef({}), T = d.useRef(null), b = d.useRef(null), x = Ee(b, m), [O, y] = d.useState(!u), h = ns(l);
+  } = t, g = d.useRef({}), T = d.useRef(null), b = d.useRef(null), x = Ee(b, m), [O, y] = d.useState(!p), h = ns(l);
   let C = !0;
   (t["aria-hidden"] === "false" || t["aria-hidden"] === !1) && (C = !1);
-  const p = () => xe(T.current), f = () => (g.current.modalRef = b.current, g.current.mount = T.current, g.current), E = () => {
-    ut.mount(f(), {
+  const u = () => xe(T.current), f = () => (g.current.modalRef = b.current, g.current.mount = T.current, g.current), E = () => {
+    pt.mount(f(), {
       disableScrollLock: r
     }), b.current && (b.current.scrollTop = 0);
-  }, w = Ft(() => {
-    const R = os(o) || p().body;
-    ut.add(f(), R), b.current && E();
-  }), P = () => ut.isTopModal(f()), N = Ft((R) => {
-    T.current = R, R && (u && P() ? E() : b.current && ot(b.current, C));
-  }), $ = d.useCallback(() => {
-    ut.remove(f(), C);
+  }, S = Ft(() => {
+    const R = os(o) || u().body;
+    pt.add(f(), R), b.current && E();
+  }), N = () => pt.isTopModal(f()), P = Ft((R) => {
+    T.current = R, R && (p && N() ? E() : b.current && ot(b.current, C));
+  }), A = d.useCallback(() => {
+    pt.remove(f(), C);
   }, [C]);
   d.useEffect(() => () => {
-    $();
-  }, [$]), d.useEffect(() => {
-    u ? w() : (!h || !i) && $();
-  }, [u, $, h, i, w]);
-  const D = (R) => (S) => {
-    var k;
-    (k = R.onKeyDown) == null || k.call(R, S), !(S.key !== "Escape" || S.which === 229 || // Wait until IME is settled.
-    !P()) && (n || (S.stopPropagation(), c && c(S, "escapeKeyDown")));
-  }, B = (R) => (S) => {
-    var k;
-    (k = R.onClick) == null || k.call(R, S), S.target === S.currentTarget && c && c(S, "backdropClick");
+    A();
+  }, [A]), d.useEffect(() => {
+    p ? S() : (!h || !i) && A();
+  }, [p, A, h, i, S]);
+  const D = (R) => (w) => {
+    var M;
+    (M = R.onKeyDown) == null || M.call(R, w), !(w.key !== "Escape" || w.which === 229 || // Wait until IME is settled.
+    !N()) && (n || (w.stopPropagation(), c && c(w, "escapeKeyDown")));
+  }, B = (R) => (w) => {
+    var M;
+    (M = R.onClick) == null || M.call(R, w), w.target === w.currentTarget && c && c(w, "backdropClick");
   };
   return {
     getRootProps: (R = {}) => {
-      const S = Rn(t);
-      delete S.onTransitionEnter, delete S.onTransitionExited;
-      const k = {
-        ...S,
+      const w = Sn(t);
+      delete w.onTransitionEnter, delete w.onTransitionExited;
+      const M = {
+        ...w,
         ...R
       };
       return {
@@ -3766,34 +3782,34 @@ function rs(t) {
          * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
          */
         role: "presentation",
-        ...k,
-        onKeyDown: D(k),
+        ...M,
+        onKeyDown: D(M),
         ref: x
       };
     },
     getBackdropProps: (R = {}) => {
-      const S = R;
+      const w = R;
       return {
         "aria-hidden": !0,
-        ...S,
-        onClick: B(S),
-        open: u
+        ...w,
+        onClick: B(w),
+        open: p
       };
     },
     getTransitionProps: () => {
       const R = () => {
         y(!1), s && s();
-      }, S = () => {
-        y(!0), a && a(), i && $();
+      }, w = () => {
+        y(!0), a && a(), i && A();
       };
       return {
         onEnter: ro(R, (l == null ? void 0 : l.props.onEnter) ?? yo),
-        onExited: ro(S, (l == null ? void 0 : l.props.onExited) ?? yo)
+        onExited: ro(w, (l == null ? void 0 : l.props.onExited) ?? yo)
       };
     },
     rootRef: x,
-    portalRef: N,
-    isTopModal: P,
+    portalRef: P,
+    isTopModal: N,
     exited: O,
     hasTransition: h
   };
@@ -3808,7 +3824,7 @@ const is = (t) => {
     exited: n,
     classes: r
   } = t;
-  return Z({
+  return J({
     root: ["root", !o && n && "hidden"],
     backdrop: ["backdrop"]
   }, ss, r);
@@ -3838,10 +3854,9 @@ const is = (t) => {
       visibility: "hidden"
     }
   }]
-}))), ls = F(Ko, {
+}))), ls = F(_o, {
   name: "MuiModal",
-  slot: "Backdrop",
-  overridesResolver: (t, o) => o.backdrop
+  slot: "Backdrop"
 })({
   zIndex: -1
 }), Zo = /* @__PURE__ */ d.forwardRef(function(o, n) {
@@ -3854,7 +3869,7 @@ const is = (t) => {
     classes: a,
     className: l,
     closeAfterTransition: c = !1,
-    children: u,
+    children: p,
     container: m,
     component: g,
     components: T = {},
@@ -3864,13 +3879,13 @@ const is = (t) => {
     disableEscapeKeyDown: y = !1,
     disablePortal: h = !1,
     disableRestoreFocus: C = !1,
-    disableScrollLock: p = !1,
+    disableScrollLock: u = !1,
     hideBackdrop: f = !1,
     keepMounted: E = !1,
-    onClose: w,
-    onTransitionEnter: P,
-    onTransitionExited: N,
-    open: $,
+    onClose: S,
+    onTransitionEnter: N,
+    onTransitionExited: P,
+    open: A,
     slotProps: D = {},
     slots: B = {},
     // eslint-disable-next-line react/prop-types
@@ -3884,13 +3899,13 @@ const is = (t) => {
     disableEscapeKeyDown: y,
     disablePortal: h,
     disableRestoreFocus: C,
-    disableScrollLock: p,
+    disableScrollLock: u,
     hideBackdrop: f,
     keepMounted: E
   }, {
     getRootProps: R,
-    getBackdropProps: S,
-    getTransitionProps: k,
+    getBackdropProps: w,
+    getTransitionProps: M,
     portalRef: V,
     isTopModal: I,
     exited: q,
@@ -3902,14 +3917,14 @@ const is = (t) => {
     ...j,
     exited: q
   }, G = is(me), ie = {};
-  if (u.props.tabIndex === void 0 && (ie.tabIndex = "-1"), le) {
+  if (p.props.tabIndex === void 0 && (ie.tabIndex = "-1"), le) {
     const {
-      onEnter: A,
+      onEnter: $,
       onExited: W
-    } = k();
-    ie.onEnter = A, ie.onExited = W;
+    } = M();
+    ie.onEnter = $, ie.onExited = W;
   }
-  const J = {
+  const Q = {
     slots: {
       root: T.Root,
       backdrop: T.Backdrop,
@@ -3919,33 +3934,33 @@ const is = (t) => {
       ...b,
       ...D
     }
-  }, [ye, fe] = ee("root", {
+  }, [ye, fe] = Y("root", {
     ref: n,
     elementType: as,
     externalForwardedProps: {
-      ...J,
+      ...Q,
       ...z,
       component: g
     },
     getSlotProps: R,
     ownerState: me,
-    className: Y(l, G == null ? void 0 : G.root, !me.open && me.exited && (G == null ? void 0 : G.hidden))
-  }), [ve, ne] = ee("backdrop", {
+    className: Z(l, G == null ? void 0 : G.root, !me.open && me.exited && (G == null ? void 0 : G.hidden))
+  }), [ve, ne] = Y("backdrop", {
     ref: s == null ? void 0 : s.ref,
     elementType: i,
-    externalForwardedProps: J,
+    externalForwardedProps: Q,
     shouldForwardComponentProp: !0,
     additionalProps: s,
-    getSlotProps: (A) => S({
-      ...A,
+    getSlotProps: ($) => w({
+      ...$,
       onClick: (W) => {
-        A != null && A.onClick && A.onClick(W);
+        $ != null && $.onClick && $.onClick(W);
       }
     }),
-    className: Y(s == null ? void 0 : s.className, G == null ? void 0 : G.backdrop),
+    className: Z(s == null ? void 0 : s.className, G == null ? void 0 : G.backdrop),
     ownerState: me
   });
-  return !E && !$ && (!le || q) ? null : /* @__PURE__ */ v(gt, {
+  return !E && !A && (!le || q) ? null : /* @__PURE__ */ v(gt, {
     ref: V,
     container: m,
     disablePortal: h,
@@ -3958,8 +3973,8 @@ const is = (t) => {
         disableAutoFocus: x,
         disableRestoreFocus: C,
         isEnabled: I,
-        open: $,
-        children: /* @__PURE__ */ d.cloneElement(u, ie)
+        open: A,
+        children: /* @__PURE__ */ d.cloneElement(p, ie)
       })]
     })
   });
@@ -3976,9 +3991,6 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })
@@ -3992,7 +4004,7 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
   /**
    * A single child content element.
    */
-  children: it.isRequired,
+  children: at.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -4150,14 +4162,14 @@ const cs = (t) => {
   } = t, c = {
     root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", s === "small" && `size${K(s)}`, a && "hiddenLabel", l && "multiline"],
     input: ["input"]
-  }, u = Z(c, Ir, o);
+  }, p = J(c, wr, o);
   return {
     ...o,
     // forward classes to the InputBase
-    ...u
+    ...p
   };
 }, ds = F(Ot, {
-  shouldForwardProp: (t) => Ne(t) || t === "classes",
+  shouldForwardProp: (t) => Pe(t) || t === "classes",
   name: "MuiFilledInput",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -4241,7 +4253,7 @@ const cs = (t) => {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(t.palette).filter(Se()).map(([a]) => {
+    }, ...Object.entries(t.palette).filter(Re()).map(([a]) => {
       var l;
       return {
         props: {
@@ -4302,7 +4314,7 @@ const cs = (t) => {
       }
     }]
   };
-})), ps = F(Ct, {
+})), us = F(Ct, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: Et
@@ -4384,7 +4396,7 @@ const cs = (t) => {
       paddingRight: 0
     }
   }]
-}))), St = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}))), Rt = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
     name: "MuiFilledInput"
@@ -4395,7 +4407,7 @@ const cs = (t) => {
     fullWidth: l = !1,
     hiddenLabel: c,
     // declare here to prevent spreading to DOM
-    inputComponent: u = "input",
+    inputComponent: p = "input",
     multiline: m = !1,
     slotProps: g,
     slots: T = {},
@@ -4405,7 +4417,7 @@ const cs = (t) => {
     ...r,
     disableUnderline: i,
     fullWidth: l,
-    inputComponent: u,
+    inputComponent: p,
     multiline: m,
     type: b
   }, y = cs(r), h = {
@@ -4415,15 +4427,15 @@ const cs = (t) => {
     input: {
       ownerState: O
     }
-  }, C = g ?? a ? zt(h, g ?? a) : h, p = T.root ?? s.Root ?? ds, f = T.input ?? s.Input ?? ps;
-  return /* @__PURE__ */ v(Rt, {
+  }, C = g ?? a ? zt(h, g ?? a) : h, u = T.root ?? s.Root ?? ds, f = T.input ?? s.Input ?? us;
+  return /* @__PURE__ */ v(St, {
     slots: {
-      root: p,
+      root: u,
       input: f
     },
     slotProps: C,
     fullWidth: l,
-    inputComponent: u,
+    inputComponent: p,
     multiline: m,
     ref: n,
     type: b,
@@ -4431,7 +4443,7 @@ const cs = (t) => {
     classes: y
   });
 });
-process.env.NODE_ENV !== "production" && (St.propTypes = {
+process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -4526,14 +4538,14 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -4614,7 +4626,7 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -4623,8 +4635,8 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
    */
   value: e.any
 });
-St.muiName = "Input";
-function us(t) {
+Rt.muiName = "Input";
+function ps(t) {
   return te("MuiFormControl", t);
 }
 se("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
@@ -4636,7 +4648,7 @@ const fs = (t) => {
   } = t, i = {
     root: ["root", n !== "none" && `margin${K(n)}`, r && "fullWidth"]
   };
-  return Z(i, us, o);
+  return J(i, ps, o);
 }, ms = F("div", {
   name: "MuiFormControl",
   slot: "Root",
@@ -4691,7 +4703,7 @@ const fs = (t) => {
     color: a = "primary",
     component: l = "div",
     disabled: c = !1,
-    error: u = !1,
+    error: p = !1,
     focused: m,
     fullWidth: g = !1,
     hiddenLabel: T = !1,
@@ -4705,29 +4717,29 @@ const fs = (t) => {
     color: a,
     component: l,
     disabled: c,
-    error: u,
+    error: p,
     fullWidth: g,
     hiddenLabel: T,
     margin: b,
     required: x,
     size: O,
     variant: y
-  }, p = fs(C), [f, E] = d.useState(() => {
-    let S = !1;
-    return i && d.Children.forEach(i, (k) => {
-      if (!Nt(k, ["Input", "Select"]))
+  }, u = fs(C), [f, E] = d.useState(() => {
+    let w = !1;
+    return i && d.Children.forEach(i, (M) => {
+      if (!Pt(M, ["Input", "Select"]))
         return;
-      const V = Nt(k, ["Select"]) ? k.props.input : k;
-      V && Or(V.props) && (S = !0);
-    }), S;
-  }), [w, P] = d.useState(() => {
-    let S = !1;
-    return i && d.Children.forEach(i, (k) => {
-      Nt(k, ["Input", "Select"]) && (ht(k.props, !0) || ht(k.props.inputProps, !0)) && (S = !0);
-    }), S;
-  }), [N, $] = d.useState(!1);
-  c && N && $(!1);
-  const D = m !== void 0 && !c ? m : N;
+      const V = Pt(M, ["Select"]) ? M.props.input : M;
+      V && Er(V.props) && (w = !0);
+    }), w;
+  }), [S, N] = d.useState(() => {
+    let w = !1;
+    return i && d.Children.forEach(i, (M) => {
+      Pt(M, ["Input", "Select"]) && (ht(M.props, !0) || ht(M.props.inputProps, !0)) && (w = !0);
+    }), w;
+  }), [P, A] = d.useState(!1);
+  c && P && A(!1);
+  const D = m !== void 0 && !c ? m : P;
   let B;
   const L = d.useRef(!1);
   process.env.NODE_ENV !== "production" && (B = () => (L.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
@@ -4735,38 +4747,38 @@ const fs = (t) => {
     L.current = !1;
   }));
   const z = d.useCallback(() => {
-    P(!0);
+    N(!0);
   }, []), j = d.useCallback(() => {
-    P(!1);
+    N(!1);
   }, []), R = d.useMemo(() => ({
     adornedStart: f,
     setAdornedStart: E,
     color: a,
     disabled: c,
-    error: u,
-    filled: w,
+    error: p,
+    filled: S,
     focused: D,
     fullWidth: g,
     hiddenLabel: T,
     size: O,
     onBlur: () => {
-      $(!1);
+      A(!1);
     },
     onFocus: () => {
-      $(!0);
+      A(!0);
     },
     onEmpty: j,
     onFilled: z,
     registerEffect: B,
     required: x,
     variant: y
-  }), [f, a, c, u, w, D, g, T, B, j, z, x, O, y]);
+  }), [f, a, c, p, S, D, g, T, B, j, z, x, O, y]);
   return /* @__PURE__ */ v(Tt.Provider, {
     value: R,
     children: /* @__PURE__ */ v(ms, {
       as: l,
       ownerState: C,
-      className: Y(p.root, s),
+      className: Z(u.root, s),
       ref: n,
       ...h,
       children: i
@@ -4868,10 +4880,10 @@ const gs = (t) => {
     filled: a,
     focused: l,
     required: c
-  } = t, u = {
+  } = t, p = {
     root: ["root", i && "disabled", s && "error", r && `size${K(r)}`, n && "contained", l && "focused", a && "filled", c && "required"]
   };
-  return Z(u, bs, o);
+  return J(p, bs, o);
 }, hs = F("p", {
   name: "MuiFormHelperText",
   slot: "Root",
@@ -4923,7 +4935,7 @@ const gs = (t) => {
     component: a = "p",
     disabled: l,
     error: c,
-    filled: u,
+    filled: p,
     focused: m,
     margin: g,
     required: T,
@@ -4949,7 +4961,7 @@ const gs = (t) => {
   const C = gs(h);
   return /* @__PURE__ */ v(hs, {
     as: a,
-    className: Y(C.root, s),
+    className: Z(C.root, s),
     ref: n,
     ...x,
     ownerState: h,
@@ -5037,7 +5049,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     root: ["root", `color${K(n)}`, i && "disabled", s && "error", a && "filled", r && "focused", l && "required"],
     asterisk: ["asterisk", s && "error"]
   };
-  return Z(c, ys, o);
+  return J(c, ys, o);
 }, Ts = F("label", {
   name: "MuiFormLabel",
   slot: "Root",
@@ -5055,7 +5067,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
   lineHeight: "1.4375em",
   padding: 0,
   position: "relative",
-  variants: [...Object.entries(t.palette).filter(Se()).map(([o]) => ({
+  variants: [...Object.entries(t.palette).filter(Re()).map(([o]) => ({
     props: {
       color: o
     },
@@ -5077,8 +5089,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
   }]
 }))), xs = F("span", {
   name: "MuiFormLabel",
-  slot: "Asterisk",
-  overridesResolver: (t, o) => o.asterisk
+  slot: "Asterisk"
 })(ae(({
   theme: t
 }) => ({
@@ -5095,7 +5106,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     color: a,
     component: l = "label",
     disabled: c,
-    error: u,
+    error: p,
     filled: m,
     focused: g,
     required: T,
@@ -5117,7 +5128,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
   return /* @__PURE__ */ ce(Ts, {
     as: l,
     ownerState: y,
-    className: Y(h.root, s),
+    className: Z(h.root, s),
     ref: n,
     ...b,
     children: [i, O.required && /* @__PURE__ */ ce(xs, {
@@ -5193,7 +5204,7 @@ const Es = {
     opacity: 1,
     transform: "none"
   }
-}, Mt = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), vt = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}, kt = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), vt = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const {
     addEndListener: r,
     appear: i = !0,
@@ -5201,7 +5212,7 @@ const Es = {
     easing: a,
     in: l,
     onEnter: c,
-    onEntered: u,
+    onEntered: p,
     onEntering: m,
     onExit: g,
     onExited: T,
@@ -5211,15 +5222,15 @@ const Es = {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: y = we,
     ...h
-  } = o, C = Pn(), p = d.useRef(), f = Ht(), E = d.useRef(null), w = Ee(E, at(s), n), P = (R) => (S) => {
+  } = o, C = Nn(), u = d.useRef(), f = Ht(), E = d.useRef(null), S = Ee(E, it(s), n), N = (R) => (w) => {
     if (R) {
-      const k = E.current;
-      S === void 0 ? R(k) : R(k, S);
+      const M = E.current;
+      w === void 0 ? R(M) : R(M, w);
     }
-  }, N = P(m), $ = P((R, S) => {
-    Wo(R);
+  }, P = N(m), A = N((R, w) => {
+    Bo(R);
     const {
-      duration: k,
+      duration: M,
       delay: V,
       easing: I
     } = bt({
@@ -5230,18 +5241,18 @@ const Es = {
       mode: "enter"
     });
     let q;
-    O === "auto" ? (q = f.transitions.getAutoHeightDuration(R.clientHeight), p.current = q) : q = k, R.style.transition = [f.transitions.create("opacity", {
+    O === "auto" ? (q = f.transitions.getAutoHeightDuration(R.clientHeight), u.current = q) : q = M, R.style.transition = [f.transitions.create("opacity", {
       duration: q,
       delay: V
     }), f.transitions.create("transform", {
-      duration: Mt ? q : q * 0.666,
+      duration: kt ? q : q * 0.666,
       delay: V,
       easing: I
-    })].join(","), c && c(R, S);
-  }), D = P(u), B = P(b), L = P((R) => {
+    })].join(","), c && c(R, w);
+  }), D = N(p), B = N(b), L = N((R) => {
     const {
-      duration: S,
-      delay: k,
+      duration: w,
+      delay: M,
       easing: V
     } = bt({
       style: x,
@@ -5251,33 +5262,33 @@ const Es = {
       mode: "exit"
     });
     let I;
-    O === "auto" ? (I = f.transitions.getAutoHeightDuration(R.clientHeight), p.current = I) : I = S, R.style.transition = [f.transitions.create("opacity", {
+    O === "auto" ? (I = f.transitions.getAutoHeightDuration(R.clientHeight), u.current = I) : I = w, R.style.transition = [f.transitions.create("opacity", {
       duration: I,
-      delay: k
+      delay: M
     }), f.transitions.create("transform", {
-      duration: Mt ? I : I * 0.666,
-      delay: Mt ? k : k || I * 0.333,
+      duration: kt ? I : I * 0.666,
+      delay: kt ? M : M || I * 0.333,
       easing: V
     })].join(","), R.style.opacity = 0, R.style.transform = Dt(0.75), g && g(R);
-  }), z = P(T);
+  }), z = N(T);
   return /* @__PURE__ */ v(y, {
     appear: i,
     in: l,
     nodeRef: E,
-    onEnter: $,
+    onEnter: A,
     onEntered: D,
-    onEntering: N,
+    onEntering: P,
     onExit: L,
     onExited: z,
     onExiting: B,
     addEndListener: (R) => {
-      O === "auto" && C.start(p.current || 0, R), r && r(E.current, R);
+      O === "auto" && C.start(u.current || 0, R), r && r(E.current, R);
     },
     timeout: O === "auto" ? null : O,
     ...h,
     children: (R, {
-      ownerState: S,
-      ...k
+      ownerState: w,
+      ...M
     }) => /* @__PURE__ */ d.cloneElement(s, {
       style: {
         opacity: 0,
@@ -5287,8 +5298,8 @@ const Es = {
         ...x,
         ...s.props.style
       },
-      ref: w,
-      ...k
+      ref: S,
+      ...M
     })
   });
 });
@@ -5312,7 +5323,7 @@ process.env.NODE_ENV !== "production" && (vt.propTypes = {
   /**
    * A single child content element.
    */
-  children: it.isRequired,
+  children: at.isRequired,
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -5371,7 +5382,7 @@ const Os = (t) => {
   const {
     classes: o,
     disableUnderline: n
-  } = t, i = Z({
+  } = t, i = J({
     root: ["root", !n && "underline"],
     input: ["input"]
   }, Sr, o);
@@ -5381,7 +5392,7 @@ const Os = (t) => {
     ...i
   };
 }, Cs = F(Ot, {
-  shouldForwardProp: (t) => Ne(t) || t === "classes",
+  shouldForwardProp: (t) => Pe(t) || t === "classes",
   name: "MuiInput",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -5458,7 +5469,7 @@ const Os = (t) => {
           borderBottomStyle: "dotted"
         }
       }
-    }, ...Object.entries(t.palette).filter(Se()).map(([r]) => ({
+    }, ...Object.entries(t.palette).filter(Re()).map(([r]) => ({
       props: {
         color: r,
         disableUnderline: !1
@@ -5470,7 +5481,7 @@ const Os = (t) => {
       }
     }))]
   };
-})), Rs = F(Ct, {
+})), Ss = F(Ct, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Et
@@ -5484,7 +5495,7 @@ const Os = (t) => {
     componentsProps: a,
     fullWidth: l = !1,
     inputComponent: c = "input",
-    multiline: u = !1,
+    multiline: p = !1,
     slotProps: m,
     slots: g = {},
     type: T = "text",
@@ -5495,16 +5506,16 @@ const Os = (t) => {
         disableUnderline: i
       }
     }
-  }, h = m ?? a ? zt(m ?? a, y) : y, C = g.root ?? s.Root ?? Cs, p = g.input ?? s.Input ?? Rs;
-  return /* @__PURE__ */ v(Rt, {
+  }, h = m ?? a ? zt(m ?? a, y) : y, C = g.root ?? s.Root ?? Cs, u = g.input ?? s.Input ?? Ss;
+  return /* @__PURE__ */ v(St, {
     slots: {
       root: C,
-      input: p
+      input: u
     },
     slotProps: h,
     fullWidth: l,
     inputComponent: c,
-    multiline: u,
+    multiline: p,
     ref: n,
     type: T,
     ...b,
@@ -5599,14 +5610,14 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -5687,7 +5698,7 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -5697,7 +5708,7 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
   value: e.any
 });
 wt.muiName = "Input";
-function Ss(t) {
+function Rs(t) {
   return te("MuiInputLabel", t);
 }
 se("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
@@ -5713,14 +5724,14 @@ const ws = (t) => {
   } = t, c = {
     root: ["root", n && "formControl", !s && "animated", i && "shrink", r && r !== "medium" && `size${K(r)}`, a],
     asterisk: [l && "asterisk"]
-  }, u = Z(c, Ss, o);
+  }, p = J(c, Rs, o);
   return {
     ...o,
     // forward the focused, disabled, etc. classes to the FormLabel
-    ...u
+    ...p
   };
 }, Is = F(en, {
-  shouldForwardProp: (t) => Ne(t) || t === "classes",
+  shouldForwardProp: (t) => Pe(t) || t === "classes",
   name: "MuiInputLabel",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -5863,7 +5874,7 @@ const ws = (t) => {
     shrink: a,
     variant: l,
     className: c,
-    ...u
+    ...p
   } = r, m = Ke();
   let g = a;
   typeof g > "u" && m && (g = m.filled || m.focused || m.adornedStart);
@@ -5884,8 +5895,8 @@ const ws = (t) => {
   return /* @__PURE__ */ v(Is, {
     "data-shrink": g,
     ref: n,
-    className: Y(x.root, c),
-    ...u,
+    className: Z(x.root, c),
+    ...p,
     ownerState: b,
     classes: x
   });
@@ -5959,21 +5970,21 @@ process.env.NODE_ENV !== "production" && (tn.propTypes = {
 });
 const on = /* @__PURE__ */ d.createContext({});
 process.env.NODE_ENV !== "production" && (on.displayName = "ListContext");
-function Ns(t) {
+function Ps(t) {
   return te("MuiList", t);
 }
 se("MuiList", ["root", "padding", "dense", "subheader"]);
-const Ps = (t) => {
+const Ns = (t) => {
   const {
     classes: o,
     disablePadding: n,
     dense: r,
     subheader: i
   } = t;
-  return Z({
+  return J({
     root: ["root", !n && "padding", r && "dense", i && "subheader"]
-  }, Ns, o);
-}, Ms = F("ul", {
+  }, Ps, o);
+}, ks = F("ul", {
   name: "MuiList",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -6013,7 +6024,7 @@ const Ps = (t) => {
     component: a = "ul",
     dense: l = !1,
     disablePadding: c = !1,
-    subheader: u,
+    subheader: p,
     ...m
   } = r, g = d.useMemo(() => ({
     dense: l
@@ -6022,16 +6033,16 @@ const Ps = (t) => {
     component: a,
     dense: l,
     disablePadding: c
-  }, b = Ps(T);
+  }, b = Ns(T);
   return /* @__PURE__ */ v(on.Provider, {
     value: g,
-    children: /* @__PURE__ */ ce(Ms, {
+    children: /* @__PURE__ */ ce(ks, {
       as: a,
-      className: Y(b.root, s),
+      className: Z(b.root, s),
       ref: n,
       ownerState: T,
       ...m,
-      children: [u, i]
+      children: [p, i]
     })
   });
 });
@@ -6078,7 +6089,7 @@ process.env.NODE_ENV !== "production" && (nn.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function kt(t, o, n) {
+function Mt(t, o, n) {
   return t === o ? t.firstChild : o && o.nextElementSibling ? o.nextElementSibling : n ? null : t.firstChild;
 }
 function xo(t, o, n) {
@@ -6116,7 +6127,7 @@ const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
     children: a,
     className: l,
     disabledItemsFocusable: c = !1,
-    disableListWrap: u = !1,
+    disableListWrap: p = !1,
     onKeyDown: m,
     variant: g = "selectedMenu",
     ...T
@@ -6129,55 +6140,55 @@ const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
   He(() => {
     i && b.current.focus();
   }, [i]), d.useImperativeHandle(r, () => ({
-    adjustStyleForScrollbar: (p, {
+    adjustStyleForScrollbar: (u, {
       direction: f
     }) => {
       const E = !b.current.style.width;
-      if (p.clientHeight < b.current.clientHeight && E) {
-        const w = `${Lo(Ie(p))}px`;
-        b.current.style[f === "rtl" ? "paddingLeft" : "paddingRight"] = w, b.current.style.width = `calc(100% + ${w})`;
+      if (u.clientHeight < b.current.clientHeight && E) {
+        const S = `${Yo(Ie(u))}px`;
+        b.current.style[f === "rtl" ? "paddingLeft" : "paddingRight"] = S, b.current.style.width = `calc(100% + ${S})`;
       }
       return b.current;
     }
   }), []);
-  const O = (p) => {
-    const f = b.current, E = p.key;
-    if (p.ctrlKey || p.metaKey || p.altKey) {
-      m && m(p);
+  const O = (u) => {
+    const f = b.current, E = u.key;
+    if (u.ctrlKey || u.metaKey || u.altKey) {
+      m && m(u);
       return;
     }
-    const P = xe(f).activeElement;
+    const N = xe(f).activeElement;
     if (E === "ArrowDown")
-      p.preventDefault(), Je(f, P, u, c, kt);
+      u.preventDefault(), Je(f, N, p, c, Mt);
     else if (E === "ArrowUp")
-      p.preventDefault(), Je(f, P, u, c, xo);
+      u.preventDefault(), Je(f, N, p, c, xo);
     else if (E === "Home")
-      p.preventDefault(), Je(f, null, u, c, kt);
+      u.preventDefault(), Je(f, null, p, c, Mt);
     else if (E === "End")
-      p.preventDefault(), Je(f, null, u, c, xo);
+      u.preventDefault(), Je(f, null, p, c, xo);
     else if (E.length === 1) {
-      const N = x.current, $ = E.toLowerCase(), D = performance.now();
-      N.keys.length > 0 && (D - N.lastTime > 500 ? (N.keys = [], N.repeating = !0, N.previousKeyMatched = !0) : N.repeating && $ !== N.keys[0] && (N.repeating = !1)), N.lastTime = D, N.keys.push($);
-      const B = P && !N.repeating && rn(P, N);
-      N.previousKeyMatched && (B || Je(f, P, !1, c, kt, N)) ? p.preventDefault() : N.previousKeyMatched = !1;
+      const P = x.current, A = E.toLowerCase(), D = performance.now();
+      P.keys.length > 0 && (D - P.lastTime > 500 ? (P.keys = [], P.repeating = !0, P.previousKeyMatched = !0) : P.repeating && A !== P.keys[0] && (P.repeating = !1)), P.lastTime = D, P.keys.push(A);
+      const B = N && !P.repeating && rn(N, P);
+      P.previousKeyMatched && (B || Je(f, N, !1, c, Mt, P)) ? u.preventDefault() : P.previousKeyMatched = !1;
     }
-    m && m(p);
+    m && m(u);
   }, y = Ee(b, n);
   let h = -1;
-  d.Children.forEach(a, (p, f) => {
-    if (!/* @__PURE__ */ d.isValidElement(p)) {
+  d.Children.forEach(a, (u, f) => {
+    if (!/* @__PURE__ */ d.isValidElement(u)) {
       h === f && (h += 1, h >= a.length && (h = -1));
       return;
     }
-    process.env.NODE_ENV !== "production" && Wt.isFragment(p) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), p.props.disabled || (g === "selectedMenu" && p.props.selected || h === -1) && (h = f), h === f && (p.props.disabled || p.props.muiSkipListHighlight || p.type.muiSkipListHighlight) && (h += 1, h >= a.length && (h = -1));
+    process.env.NODE_ENV !== "production" && Wt.isFragment(u) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), u.props.disabled || (g === "selectedMenu" && u.props.selected || h === -1) && (h = f), h === f && (u.props.disabled || u.props.muiSkipListHighlight || u.type.muiSkipListHighlight) && (h += 1, h >= a.length && (h = -1));
   });
-  const C = d.Children.map(a, (p, f) => {
+  const C = d.Children.map(a, (u, f) => {
     if (f === h) {
       const E = {};
-      return s && (E.autoFocus = !0), p.props.tabIndex === void 0 && g === "selectedMenu" && (E.tabIndex = 0), /* @__PURE__ */ d.cloneElement(p, E);
+      return s && (E.autoFocus = !0), u.props.tabIndex === void 0 && g === "selectedMenu" && (E.tabIndex = 0), /* @__PURE__ */ d.cloneElement(u, E);
     }
-    return p;
+    return u;
   });
   return /* @__PURE__ */ v(nn, {
     role: "menu",
@@ -6234,7 +6245,7 @@ process.env.NODE_ENV !== "production" && (sn.propTypes = {
    */
   variant: e.oneOf(["menu", "selectedMenu"])
 });
-function ks(t) {
+function Ms(t) {
   return te("MuiPopover", t);
 }
 se("MuiPopover", ["root", "paper"]);
@@ -6256,18 +6267,16 @@ const Fs = (t) => {
   const {
     classes: o
   } = t;
-  return Z({
+  return J({
     root: ["root"],
     paper: ["paper"]
-  }, ks, o);
+  }, Ms, o);
 }, js = F(Zo, {
   name: "MuiPopover",
-  slot: "Root",
-  overridesResolver: (t, o) => o.root
+  slot: "Root"
 })({}), an = F(_t, {
   name: "MuiPopover",
-  slot: "Paper",
-  overridesResolver: (t, o) => o.paper
+  slot: "Paper"
 })({
   position: "absolute",
   overflowY: "auto",
@@ -6293,7 +6302,7 @@ const Fs = (t) => {
     },
     anchorPosition: l,
     anchorReference: c = "anchorEl",
-    children: u,
+    children: p,
     className: m,
     container: g,
     elevation: T = 8,
@@ -6307,27 +6316,27 @@ const Fs = (t) => {
       vertical: "top",
       horizontal: "left"
     },
-    TransitionComponent: p,
+    TransitionComponent: u,
     // TODO: remove in v7
     transitionDuration: f = "auto",
     TransitionProps: E = {},
     // TODO: remove in v7
-    disableScrollLock: w = !1,
-    ...P
-  } = r, N = d.useRef(), $ = {
+    disableScrollLock: S = !1,
+    ...N
+  } = r, P = d.useRef(), A = {
     ...r,
     anchorOrigin: a,
     anchorReference: c,
     elevation: T,
     marginThreshold: b,
     transformOrigin: C,
-    TransitionComponent: p,
+    TransitionComponent: u,
     transitionDuration: f,
     TransitionProps: E
-  }, D = Fs($), B = d.useCallback(() => {
+  }, D = Fs(A), B = d.useCallback(() => {
     if (c === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
-    const A = tt(s), W = A && A.nodeType === 1 ? A : xe(N.current).body, _ = W.getBoundingClientRect();
+    const $ = tt(s), W = $ && $.nodeType === 1 ? $ : xe(P.current).body, _ = W.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const re = W.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && re.top === 0 && re.left === 0 && re.right === 0 && re.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
@@ -6337,13 +6346,13 @@ const Fs = (t) => {
       top: _.top + Eo(_, a.vertical),
       left: _.left + Oo(_, a.horizontal)
     };
-  }, [s, a.horizontal, a.vertical, l, c]), L = d.useCallback((A) => ({
-    vertical: Eo(A, C.vertical),
-    horizontal: Oo(A, C.horizontal)
-  }), [C.horizontal, C.vertical]), z = d.useCallback((A) => {
+  }, [s, a.horizontal, a.vertical, l, c]), L = d.useCallback(($) => ({
+    vertical: Eo($, C.vertical),
+    horizontal: Oo($, C.horizontal)
+  }), [C.horizontal, C.vertical]), z = d.useCallback(($) => {
     const W = {
-      width: A.offsetWidth,
-      height: A.offsetHeight
+      width: $.offsetWidth,
+      height: $.offsetHeight
     }, _ = L(W);
     if (c === "none")
       return {
@@ -6352,8 +6361,8 @@ const Fs = (t) => {
         transformOrigin: Co(_)
       };
     const re = B();
-    let U = re.top - _.vertical, Q = re.left - _.horizontal;
-    const be = U + W.height, Oe = Q + W.width, ge = Ie(tt(s)), Te = ge.innerHeight - b, he = ge.innerWidth - b;
+    let U = re.top - _.vertical, ee = re.left - _.horizontal;
+    const be = U + W.height, Oe = ee + W.width, ge = Ie(tt(s)), Te = ge.innerHeight - b, he = ge.innerWidth - b;
     if (b !== null && U < b) {
       const de = U - b;
       U -= de, _.vertical += de;
@@ -6362,51 +6371,51 @@ const Fs = (t) => {
       U -= de, _.vertical += de;
     }
     if (process.env.NODE_ENV !== "production" && W.height > Te && W.height && Te && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${W.height - Te}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
-`)), b !== null && Q < b) {
-      const de = Q - b;
-      Q -= de, _.horizontal += de;
+`)), b !== null && ee < b) {
+      const de = ee - b;
+      ee -= de, _.horizontal += de;
     } else if (Oe > he) {
       const de = Oe - he;
-      Q -= de, _.horizontal += de;
+      ee -= de, _.horizontal += de;
     }
     return {
       top: `${Math.round(U)}px`,
-      left: `${Math.round(Q)}px`,
+      left: `${Math.round(ee)}px`,
       transformOrigin: Co(_)
     };
-  }, [s, c, B, L, b]), [j, R] = d.useState(x), S = d.useCallback(() => {
-    const A = N.current;
-    if (!A)
+  }, [s, c, B, L, b]), [j, R] = d.useState(x), w = d.useCallback(() => {
+    const $ = P.current;
+    if (!$)
       return;
-    const W = z(A);
-    W.top !== null && A.style.setProperty("top", W.top), W.left !== null && (A.style.left = W.left), A.style.transformOrigin = W.transformOrigin, R(!0);
+    const W = z($);
+    W.top !== null && $.style.setProperty("top", W.top), W.left !== null && ($.style.left = W.left), $.style.transformOrigin = W.transformOrigin, R(!0);
   }, [z]);
-  d.useEffect(() => (w && window.addEventListener("scroll", S), () => window.removeEventListener("scroll", S)), [s, w, S]);
-  const k = () => {
-    S();
+  d.useEffect(() => (S && window.addEventListener("scroll", w), () => window.removeEventListener("scroll", w)), [s, S, w]);
+  const M = () => {
+    w();
   }, V = () => {
     R(!1);
   };
   d.useEffect(() => {
-    x && S();
+    x && w();
   }), d.useImperativeHandle(i, () => x ? {
     updatePosition: () => {
-      S();
+      w();
     }
-  } : null, [x, S]), d.useEffect(() => {
+  } : null, [x, w]), d.useEffect(() => {
     if (!x)
       return;
-    const A = $o(() => {
-      S();
+    const $ = Do(() => {
+      w();
     }), W = Ie(tt(s));
-    return W.addEventListener("resize", A), () => {
-      A.clear(), W.removeEventListener("resize", A);
+    return W.addEventListener("resize", $), () => {
+      $.clear(), W.removeEventListener("resize", $);
     };
-  }, [s, x, S]);
+  }, [s, x, w]);
   let I = f;
   const q = {
     slots: {
-      transition: p,
+      transition: u,
       ...y
     },
     slotProps: {
@@ -6414,19 +6423,19 @@ const Fs = (t) => {
       paper: O,
       ...h
     }
-  }, [le, me] = ee("transition", {
+  }, [le, me] = Y("transition", {
     elementType: vt,
     externalForwardedProps: q,
-    ownerState: $,
-    getSlotProps: (A) => ({
-      ...A,
+    ownerState: A,
+    getSlotProps: ($) => ({
+      ...$,
       onEntering: (W, _) => {
         var re;
-        (re = A.onEntering) == null || re.call(A, W, _), k();
+        (re = $.onEntering) == null || re.call($, W, _), M();
       },
       onExited: (W) => {
         var _;
-        (_ = A.onExited) == null || _.call(A, W), V();
+        (_ = $.onExited) == null || _.call($, W), V();
       }
     }),
     additionalProps: {
@@ -6436,15 +6445,15 @@ const Fs = (t) => {
   });
   f === "auto" && !le.muiSupportAuto && (I = void 0);
   const G = g || (s ? xe(tt(s)).body : void 0), [ie, {
-    slots: J,
+    slots: Q,
     slotProps: ye,
     ...fe
-  }] = ee("root", {
+  }] = Y("root", {
     ref: n,
     elementType: js,
     externalForwardedProps: {
       ...q,
-      ...P
+      ...N
     },
     shouldForwardComponentProp: !0,
     additionalProps: {
@@ -6452,17 +6461,17 @@ const Fs = (t) => {
         backdrop: y.backdrop
       },
       slotProps: {
-        backdrop: Gn(typeof h.backdrop == "function" ? h.backdrop($) : h.backdrop, {
+        backdrop: _n(typeof h.backdrop == "function" ? h.backdrop(A) : h.backdrop, {
           invisible: !0
         })
       },
       container: G,
       open: x
     },
-    ownerState: $,
-    className: Y(D.root, m)
-  }), [ve, ne] = ee("paper", {
-    ref: N,
+    ownerState: A,
+    className: Z(D.root, m)
+  }), [ve, ne] = Y("paper", {
+    ref: P,
     className: D.paper,
     elementType: an,
     externalForwardedProps: q,
@@ -6473,21 +6482,21 @@ const Fs = (t) => {
         opacity: 0
       }
     },
-    ownerState: $
+    ownerState: A
   });
   return /* @__PURE__ */ v(ie, {
     ...fe,
     ...!$t(ie) && {
-      slots: J,
+      slots: Q,
       slotProps: ye,
-      disableScrollLock: w
+      disableScrollLock: S
     },
     children: /* @__PURE__ */ v(le, {
       ...me,
       timeout: I,
       children: /* @__PURE__ */ v(ve, {
         ...ne,
-        children: u
+        children: p
       })
     })
   });
@@ -6501,7 +6510,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: ke,
+  action: Me,
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
@@ -6600,7 +6609,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
    * The elevation of the popover.
    * @default 8
    */
-  elevation: Mo,
+  elevation: ko,
   /**
    * Specifies how close to the edge of the window the popover can appear.
    * If null, the popover will not be constrained by the window.
@@ -6705,20 +6714,18 @@ const $s = {
   const {
     classes: o
   } = t;
-  return Z({
+  return J({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
   }, As, o);
 }, Bs = F(ln, {
-  shouldForwardProp: (t) => Ne(t) || t === "classes",
+  shouldForwardProp: (t) => Pe(t) || t === "classes",
   name: "MuiMenu",
-  slot: "Root",
-  overridesResolver: (t, o) => o.root
+  slot: "Root"
 })({}), zs = F(an, {
   name: "MuiMenu",
-  slot: "Paper",
-  overridesResolver: (t, o) => o.paper
+  slot: "Paper"
 })({
   // specZ: The maximum height of a simple menu should be one or more rows less than the view
   // height. This ensures a tappable area outside of the simple menu with which to dismiss
@@ -6728,8 +6735,7 @@ const $s = {
   WebkitOverflowScrolling: "touch"
 }), Ws = F(sn, {
   name: "MuiMenu",
-  slot: "List",
-  overridesResolver: (t, o) => o.list
+  slot: "List"
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
@@ -6743,7 +6749,7 @@ const $s = {
     className: a,
     disableAutoFocusItem: l = !1,
     MenuListProps: c = {},
-    onClose: u,
+    onClose: p,
     open: m,
     PaperProps: g = {},
     PopoverClasses: T,
@@ -6755,8 +6761,8 @@ const $s = {
     variant: y = "selectedMenu",
     slots: h = {},
     slotProps: C = {},
-    ...p
-  } = r, f = Sn(), E = {
+    ...u
+  } = r, f = Rn(), E = {
     ...r,
     autoFocus: i,
     disableAutoFocusItem: l,
@@ -6766,12 +6772,12 @@ const $s = {
     transitionDuration: b,
     TransitionProps: O,
     variant: y
-  }, w = Ds(E), P = i && !l && m, N = d.useRef(null), $ = (I, q) => {
-    N.current && N.current.adjustStyleForScrollbar(I, {
+  }, S = Ds(E), N = i && !l && m, P = d.useRef(null), A = (I, q) => {
+    P.current && P.current.adjustStyleForScrollbar(I, {
       direction: f ? "rtl" : "ltr"
     }), x && x(I, q);
   }, D = (I) => {
-    I.key === "Tab" && (I.preventDefault(), u && u(I, "tabKeyDown"));
+    I.key === "Tab" && (I.preventDefault(), p && p(I, "tabKeyDown"));
   };
   let B = -1;
   d.Children.map(s, (I, q) => {
@@ -6786,19 +6792,19 @@ const $s = {
       paper: g,
       ...C
     }
-  }, z = $n({
+  }, z = yr({
     elementType: h.root,
     externalSlotProps: C.root,
     ownerState: E,
-    className: [w.root, a]
-  }), [j, R] = ee("paper", {
-    className: w.paper,
+    className: [S.root, a]
+  }), [j, R] = Y("paper", {
+    className: S.paper,
     elementType: zs,
     externalForwardedProps: L,
     shouldForwardComponentProp: !0,
     ownerState: E
-  }), [S, k] = ee("list", {
-    className: Y(w.list, c.className),
+  }), [w, M] = Y("list", {
+    className: Z(S.list, c.className),
     elementType: Ws,
     shouldForwardComponentProp: !0,
     externalForwardedProps: L,
@@ -6812,7 +6818,7 @@ const $s = {
     ownerState: E
   }), V = typeof L.slotProps.transition == "function" ? L.slotProps.transition(E) : L.slotProps.transition;
   return /* @__PURE__ */ v(Bs, {
-    onClose: u,
+    onClose: p,
     anchorOrigin: {
       vertical: "bottom",
       horizontal: f ? "right" : "left"
@@ -6835,7 +6841,7 @@ const $s = {
         ...V,
         onEntering: (...I) => {
           var q;
-          $(...I), (q = V == null ? void 0 : V.onEntering) == null || q.call(V, ...I);
+          A(...I), (q = V == null ? void 0 : V.onEntering) == null || q.call(V, ...I);
         }
       }
     },
@@ -6843,14 +6849,14 @@ const $s = {
     ref: n,
     transitionDuration: b,
     ownerState: E,
-    ...p,
+    ...u,
     classes: T,
-    children: /* @__PURE__ */ v(S, {
-      actions: N,
+    children: /* @__PURE__ */ v(w, {
+      actions: P,
       autoFocus: i && (B === -1 || l),
-      autoFocusItem: P,
+      autoFocusItem: N,
       variant: y,
-      ...k,
+      ...M,
       children: s
     })
   });
@@ -6981,7 +6987,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     select: ["select", n, r && "disabled", i && "multiple", a && "error"],
     icon: ["icon", `icon${K(n)}`, s && "iconOpen", r && "disabled"]
   };
-  return Z(l, Us, o);
+  return J(l, Us, o);
 }, dn = F("select")(({
   theme: t
 }) => ({
@@ -7047,7 +7053,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
 })), Hs = F(dn, {
   name: "MuiNativeSelect",
   slot: "Select",
-  shouldForwardProp: Ne,
+  shouldForwardProp: Pe,
   overridesResolver: (t, o) => {
     const {
       ownerState: n
@@ -7056,7 +7062,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       [`&.${Kt.multiple}`]: o.multiple
     }];
   }
-})({}), pn = F("svg")(({
+})({}), un = F("svg")(({
   theme: t
 }) => ({
   // We use a position absolute over a flexbox in order to forward the pointer events
@@ -7093,7 +7099,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       right: 7
     }
   }]
-})), qs = F(pn, {
+})), qs = F(un, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (t, o) => {
@@ -7102,7 +7108,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     } = t;
     return [o.icon, n.variant && o[`icon${K(n.variant)}`], n.open && o.iconOpen];
   }
-})({}), un = /* @__PURE__ */ d.forwardRef(function(o, n) {
+})({}), pn = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const {
     className: r,
     disabled: i,
@@ -7110,7 +7116,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     IconComponent: a,
     inputRef: l,
     variant: c = "standard",
-    ...u
+    ...p
   } = o, m = {
     ...o,
     disabled: i,
@@ -7120,10 +7126,10 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
   return /* @__PURE__ */ ce(d.Fragment, {
     children: [/* @__PURE__ */ v(Hs, {
       ownerState: m,
-      className: Y(g.select, r),
+      className: Z(g.select, r),
       disabled: i,
       ref: l || n,
-      ...u
+      ...p
     }), o.multiple ? null : /* @__PURE__ */ v(qs, {
       as: a,
       ownerState: m,
@@ -7131,7 +7137,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (un.propTypes = {
+process.env.NODE_ENV !== "production" && (pn.propTypes = {
   /**
    * The option elements to populate the select with.
    * Can be some `<option>` elements.
@@ -7161,7 +7167,7 @@ process.env.NODE_ENV !== "production" && (un.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * @ignore
    */
@@ -7186,9 +7192,9 @@ process.env.NODE_ENV !== "production" && (un.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-var Ro;
+var So;
 const _s = F("fieldset", {
-  shouldForwardProp: Ne
+  shouldForwardProp: Pe
 })({
   textAlign: "left",
   position: "absolute",
@@ -7205,7 +7211,7 @@ const _s = F("fieldset", {
   overflow: "hidden",
   minWidth: "0%"
 }), Ks = F("legend", {
-  shouldForwardProp: Ne
+  shouldForwardProp: Pe
 })(ae(({
   theme: t
 }) => ({
@@ -7292,7 +7298,7 @@ function fn(t) {
         children: i
       }) : (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        Ro || (Ro = /* @__PURE__ */ v("span", {
+        So || (So = /* @__PURE__ */ v("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
@@ -7330,18 +7336,18 @@ process.env.NODE_ENV !== "production" && (fn.propTypes = {
 const Gs = (t) => {
   const {
     classes: o
-  } = t, r = Z({
+  } = t, r = J({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, wr, o);
+  }, Rr, o);
   return {
     ...o,
     // forward classes to the InputBase
     ...r
   };
 }, Xs = F(Ot, {
-  shouldForwardProp: (t) => Ne(t) || t === "classes",
+  shouldForwardProp: (t) => Pe(t) || t === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
   overridesResolver: xt
@@ -7352,24 +7358,24 @@ const Gs = (t) => {
   return {
     position: "relative",
     borderRadius: (t.vars || t).shape.borderRadius,
-    [`&:hover .${Re.notchedOutline}`]: {
+    [`&:hover .${Se.notchedOutline}`]: {
       borderColor: (t.vars || t).palette.text.primary
     },
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      [`&:hover .${Re.notchedOutline}`]: {
+      [`&:hover .${Se.notchedOutline}`]: {
         borderColor: t.vars ? `rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : o
       }
     },
-    [`&.${Re.focused} .${Re.notchedOutline}`]: {
+    [`&.${Se.focused} .${Se.notchedOutline}`]: {
       borderWidth: 2
     },
-    variants: [...Object.entries(t.palette).filter(Se()).map(([n]) => ({
+    variants: [...Object.entries(t.palette).filter(Re()).map(([n]) => ({
       props: {
         color: n
       },
       style: {
-        [`&.${Re.focused} .${Re.notchedOutline}`]: {
+        [`&.${Se.focused} .${Se.notchedOutline}`]: {
           borderColor: (t.vars || t).palette[n].main
         }
       }
@@ -7377,10 +7383,10 @@ const Gs = (t) => {
       props: {},
       // to overide the above style
       style: {
-        [`&.${Re.error} .${Re.notchedOutline}`]: {
+        [`&.${Se.error} .${Se.notchedOutline}`]: {
           borderColor: (t.vars || t).palette.error.main
         },
-        [`&.${Re.disabled} .${Re.notchedOutline}`]: {
+        [`&.${Se.disabled} .${Se.notchedOutline}`]: {
           borderColor: (t.vars || t).palette.action.disabled
         }
       }
@@ -7417,8 +7423,7 @@ const Gs = (t) => {
   };
 })), Ys = F(fn, {
   name: "MuiOutlinedInput",
-  slot: "NotchedOutline",
-  overridesResolver: (t, o) => o.notchedOutline
+  slot: "NotchedOutline"
 })(ae(({
   theme: t
 }) => {
@@ -7484,53 +7489,64 @@ const Gs = (t) => {
     }
   }]
 }))), It = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  var r;
-  const i = oe({
+  const r = oe({
     props: o,
     name: "MuiOutlinedInput"
   }), {
-    components: s = {},
-    fullWidth: a = !1,
-    inputComponent: l = "input",
-    label: c,
-    multiline: u = !1,
-    notched: m,
-    slots: g = {},
+    components: i = {},
+    fullWidth: s = !1,
+    inputComponent: a = "input",
+    label: l,
+    multiline: c = !1,
+    notched: p,
+    slots: m = {},
+    slotProps: g = {},
     type: T = "text",
     ...b
-  } = i, x = Gs(i), O = Ke(), y = _e({
-    props: i,
+  } = r, x = Gs(r), O = Ke(), y = _e({
+    props: r,
     muiFormControl: O,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
   }), h = {
-    ...i,
+    ...r,
     color: y.color || "primary",
     disabled: y.disabled,
     error: y.error,
     focused: y.focused,
     formControl: O,
-    fullWidth: a,
+    fullWidth: s,
     hiddenLabel: y.hiddenLabel,
-    multiline: u,
+    multiline: c,
     size: y.size,
     type: T
-  }, C = g.root ?? s.Root ?? Xs, p = g.input ?? s.Input ?? Zs;
-  return /* @__PURE__ */ v(Rt, {
+  }, C = m.root ?? i.Root ?? Xs, u = m.input ?? i.Input ?? Zs, [f, E] = Y("notchedOutline", {
+    elementType: Ys,
+    className: x.notchedOutline,
+    shouldForwardComponentProp: !0,
+    ownerState: h,
+    externalForwardedProps: {
+      slots: m,
+      slotProps: g
+    },
+    additionalProps: {
+      label: l != null && l !== "" && y.required ? /* @__PURE__ */ ce(d.Fragment, {
+        children: [l, " ", "*"]
+      }) : l
+    }
+  });
+  return /* @__PURE__ */ v(St, {
     slots: {
       root: C,
-      input: p
+      input: u
     },
-    renderSuffix: (f) => /* @__PURE__ */ v(Ys, {
-      ownerState: h,
-      className: x.notchedOutline,
-      label: c != null && c !== "" && y.required ? r || (r = /* @__PURE__ */ ce(d.Fragment, {
-        children: [c, " ", "*"]
-      })) : c,
-      notched: typeof m < "u" ? m : !!(f.startAdornment || f.filled || f.focused)
+    slotProps: g,
+    renderSuffix: (S) => /* @__PURE__ */ v(f, {
+      ...E,
+      notched: typeof p < "u" ? p : !!(S.startAdornment || S.filled || S.focused)
     }),
-    fullWidth: a,
-    inputComponent: l,
-    multiline: u,
+    fullWidth: s,
+    inputComponent: a,
+    multiline: c,
     ref: n,
     type: T,
     ...b,
@@ -7611,14 +7627,14 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
    */
   inputComponent: e.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -7676,15 +7692,22 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
    * Number of rows to display when multiline option is set to true.
    */
   rows: e.oneOfType([e.number, e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.object,
+    notchedOutline: e.oneOfType([e.func, e.object]),
+    root: e.object
+  }),
   /**
    * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: e.shape({
     input: e.elementType,
+    notchedOutline: e.elementType,
     root: e.elementType
   }),
   /**
@@ -7696,7 +7719,7 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: e.string,
@@ -7710,7 +7733,7 @@ function mn(t) {
   return te("MuiSelect", t);
 }
 const Qe = se("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-var So;
+var Ro;
 const Js = F(dn, {
   name: "MuiSelect",
   slot: "Select",
@@ -7745,7 +7768,7 @@ const Js = F(dn, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Qs = F(pn, {
+}), Qs = F(un, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (t, o) => {
@@ -7757,8 +7780,7 @@ const Js = F(dn, {
 })({}), ei = F("input", {
   shouldForwardProp: (t) => vn(t) && t !== "classes",
   name: "MuiSelect",
-  slot: "NativeInput",
-  overridesResolver: (t, o) => o.nativeInput
+  slot: "NativeInput"
 })({
   bottom: 0,
   left: 0,
@@ -7787,7 +7809,7 @@ const oi = (t) => {
     icon: ["icon", `icon${K(n)}`, s && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return Z(l, mn, o);
+  return J(l, mn, o);
 }, bn = /* @__PURE__ */ d.forwardRef(function(o, n) {
   var Zt;
   const {
@@ -7797,7 +7819,7 @@ const oi = (t) => {
     autoWidth: a,
     children: l,
     className: c,
-    defaultOpen: u,
+    defaultOpen: p,
     defaultValue: m,
     disabled: g,
     displayEmpty: T,
@@ -7807,13 +7829,13 @@ const oi = (t) => {
     labelId: y,
     MenuProps: h = {},
     multiple: C,
-    name: p,
+    name: u,
     onBlur: f,
     onChange: E,
-    onClose: w,
-    onFocus: P,
-    onOpen: N,
-    open: $,
+    onClose: S,
+    onFocus: N,
+    onOpen: P,
+    open: A,
     readOnly: D,
     renderValue: B,
     required: L,
@@ -7821,76 +7843,76 @@ const oi = (t) => {
     tabIndex: j,
     // catching `type` from Input which makes no sense for SelectInput
     type: R,
-    value: S,
-    variant: k = "standard",
+    value: w,
+    variant: M = "standard",
     ...V
   } = o, [I, q] = no({
-    controlled: S,
+    controlled: w,
     default: m,
     name: "Select"
   }), [le, me] = no({
-    controlled: $,
-    default: u,
+    controlled: A,
+    default: p,
     name: "Select"
-  }), G = d.useRef(null), ie = d.useRef(null), [J, ye] = d.useState(null), {
+  }), G = d.useRef(null), ie = d.useRef(null), [Q, ye] = d.useState(null), {
     current: fe
-  } = d.useRef($ != null), [ve, ne] = d.useState(), A = Ee(n, O), W = d.useCallback((M) => {
-    ie.current = M, M && ye(M);
-  }, []), _ = J == null ? void 0 : J.parentNode;
-  d.useImperativeHandle(A, () => ({
+  } = d.useRef(A != null), [ve, ne] = d.useState(), $ = Ee(n, O), W = d.useCallback((k) => {
+    ie.current = k, k && ye(k);
+  }, []), _ = Q == null ? void 0 : Q.parentNode;
+  d.useImperativeHandle($, () => ({
     focus: () => {
       ie.current.focus();
     },
     node: G.current,
     value: I
   }), [I]), d.useEffect(() => {
-    u && le && J && !fe && (ne(a ? null : _.clientWidth), ie.current.focus());
-  }, [J, a]), d.useEffect(() => {
+    p && le && Q && !fe && (ne(a ? null : _.clientWidth), ie.current.focus());
+  }, [Q, a]), d.useEffect(() => {
     s && ie.current.focus();
   }, [s]), d.useEffect(() => {
     if (!y)
       return;
-    const M = xe(ie.current).getElementById(y);
-    if (M) {
+    const k = xe(ie.current).getElementById(y);
+    if (k) {
       const H = () => {
         getSelection().isCollapsed && ie.current.focus();
       };
-      return M.addEventListener("click", H), () => {
-        M.removeEventListener("click", H);
+      return k.addEventListener("click", H), () => {
+        k.removeEventListener("click", H);
       };
     }
   }, [y]);
-  const re = (M, H) => {
-    M ? N && N(H) : w && w(H), fe || (ne(a ? null : _.clientWidth), me(M));
-  }, U = (M) => {
-    M.button === 0 && (M.preventDefault(), ie.current.focus(), re(!0, M));
-  }, Q = (M) => {
-    re(!1, M);
-  }, be = d.Children.toArray(l), Oe = (M) => {
-    const H = be.find((ue) => ue.props.value === M.target.value);
-    H !== void 0 && (q(H.props.value), E && E(M, H));
-  }, ge = (M) => (H) => {
-    let ue;
+  const re = (k, H) => {
+    k ? P && P(H) : S && S(H), fe || (ne(a ? null : _.clientWidth), me(k));
+  }, U = (k) => {
+    k.button === 0 && (k.preventDefault(), ie.current.focus(), re(!0, k));
+  }, ee = (k) => {
+    re(!1, k);
+  }, be = d.Children.toArray(l), Oe = (k) => {
+    const H = be.find((pe) => pe.props.value === k.target.value);
+    H !== void 0 && (q(H.props.value), E && E(k, H));
+  }, ge = (k) => (H) => {
+    let pe;
     if (H.currentTarget.hasAttribute("tabindex")) {
       if (C) {
-        ue = Array.isArray(I) ? I.slice() : [];
-        const We = I.indexOf(M.props.value);
-        We === -1 ? ue.push(M.props.value) : ue.splice(We, 1);
+        pe = Array.isArray(I) ? I.slice() : [];
+        const We = I.indexOf(k.props.value);
+        We === -1 ? pe.push(k.props.value) : pe.splice(We, 1);
       } else
-        ue = M.props.value;
-      if (M.props.onClick && M.props.onClick(H), I !== ue && (q(ue), E)) {
+        pe = k.props.value;
+      if (k.props.onClick && k.props.onClick(H), I !== pe && (q(pe), E)) {
         const We = H.nativeEvent || H, Jt = new We.constructor(We.type, We);
         Object.defineProperty(Jt, "target", {
           writable: !0,
           value: {
-            value: ue,
-            name: p
+            value: pe,
+            name: u
           }
-        }), E(Jt, M);
+        }), E(Jt, k);
       }
       C || re(!1, H);
     }
-  }, Te = (M) => {
+  }, Te = (k) => {
     D || [
       " ",
       "ArrowUp",
@@ -7898,63 +7920,63 @@ const oi = (t) => {
       // The native select doesn't respond to enter on macOS, but it's recommended by
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
-    ].includes(M.key) && (M.preventDefault(), re(!0, M));
-  }, he = J !== null && le, de = (M) => {
-    !he && f && (Object.defineProperty(M, "target", {
+    ].includes(k.key) && (k.preventDefault(), re(!0, k));
+  }, he = Q !== null && le, de = (k) => {
+    !he && f && (Object.defineProperty(k, "target", {
       writable: !0,
       value: {
         value: I,
-        name: p
+        name: u
       }
-    }), f(M));
+    }), f(k));
   };
   delete V["aria-invalid"];
-  let Ce, Pe;
-  const pe = [];
+  let Ce, Ne;
+  const ue = [];
   let De = !1, Fe = !1;
   (ht({
     value: I
   }) || T) && (B ? Ce = B(I) : De = !0);
-  const lt = be.map((M) => {
-    if (!/* @__PURE__ */ d.isValidElement(M))
+  const lt = be.map((k) => {
+    if (!/* @__PURE__ */ d.isValidElement(k))
       return null;
-    process.env.NODE_ENV !== "production" && Wt.isFragment(M) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && Wt.isFragment(k) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     let H;
     if (C) {
       if (!Array.isArray(I))
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Po(2));
-      H = I.some((ue) => wo(ue, M.props.value)), H && De && pe.push(M.props.children);
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : No(2));
+      H = I.some((pe) => wo(pe, k.props.value)), H && De && ue.push(k.props.children);
     } else
-      H = wo(I, M.props.value), H && De && (Pe = M.props.children);
-    return H && (Fe = !0), /* @__PURE__ */ d.cloneElement(M, {
+      H = wo(I, k.props.value), H && De && (Ne = k.props.children);
+    return H && (Fe = !0), /* @__PURE__ */ d.cloneElement(k, {
       "aria-selected": H ? "true" : "false",
-      onClick: ge(M),
-      onKeyUp: (ue) => {
-        ue.key === " " && ue.preventDefault(), M.props.onKeyUp && M.props.onKeyUp(ue);
+      onClick: ge(k),
+      onKeyUp: (pe) => {
+        pe.key === " " && pe.preventDefault(), k.props.onKeyUp && k.props.onKeyUp(pe);
       },
       role: "option",
       selected: H,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
-      "data-value": M.props.value
+      "data-value": k.props.value
       // Instead, we provide it as a data attribute.
     });
   });
   process.env.NODE_ENV !== "production" && d.useEffect(() => {
     if (!Fe && !C && I !== "") {
-      const M = be.map((H) => H.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${I}\` for the select ${p ? `(name="${p}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${M.filter((H) => H != null).map((H) => `\`${H}\``).join(", ") || '""'}.`].join(`
+      const k = be.map((H) => H.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${I}\` for the select ${u ? `(name="${u}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${k.filter((H) => H != null).map((H) => `\`${H}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [Fe, be, C, p, I]), De && (C ? pe.length === 0 ? Ce = null : Ce = pe.reduce((M, H, ue) => (M.push(H), ue < pe.length - 1 && M.push(", "), M), []) : Ce = Pe);
+  }, [Fe, be, C, u, I]), De && (C ? ue.length === 0 ? Ce = null : Ce = ue.reduce((k, H, pe) => (k.push(H), pe < ue.length - 1 && k.push(", "), k), []) : Ce = Ne);
   let Ge = ve;
-  !a && fe && J && (Ge = _.clientWidth);
+  !a && fe && Q && (Ge = _.clientWidth);
   let je;
   typeof j < "u" ? je = j : je = g ? null : 0;
-  const Xe = z.id || (p ? `mui-component-select-${p}` : void 0), X = {
+  const Xe = z.id || (u ? `mui-component-select-${u}` : void 0), X = {
     ...o,
-    variant: k,
+    variant: M,
     value: I,
     open: he,
     error: b
@@ -7980,14 +8002,14 @@ const oi = (t) => {
       onKeyDown: Te,
       onMouseDown: g || D ? null : U,
       onBlur: de,
-      onFocus: P,
+      onFocus: N,
       ...z,
       ownerState: X,
-      className: Y(z.className, Be.select, c),
+      className: Z(z.className, Be.select, c),
       id: Xe,
       children: ti(Ce) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
-        So || (So = /* @__PURE__ */ v("span", {
+        Ro || (Ro = /* @__PURE__ */ v("span", {
           className: "notranslate",
           "aria-hidden": !0,
           children: "​"
@@ -7996,7 +8018,7 @@ const oi = (t) => {
     }), /* @__PURE__ */ v(ei, {
       "aria-invalid": b,
       value: Array.isArray(I) ? I.join(",") : I,
-      name: p,
+      name: u,
       ref: G,
       "aria-hidden": !0,
       onChange: Oe,
@@ -8012,10 +8034,10 @@ const oi = (t) => {
       className: Be.icon,
       ownerState: X
     }), /* @__PURE__ */ v(cn, {
-      id: `menu-${p || ""}`,
+      id: `menu-${u || ""}`,
       anchorEl: _,
       open: he,
-      onClose: Q,
+      onClose: ee,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -8107,7 +8129,7 @@ process.env.NODE_ENV !== "production" && (bn.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -8198,7 +8220,7 @@ process.env.NODE_ENV !== "production" && (bn.propTypes = {
 const ni = (t) => {
   const {
     classes: o
-  } = t, r = Z({
+  } = t, r = J({
     root: ["root"]
   }, mn, o);
   return {
@@ -8207,10 +8229,9 @@ const ni = (t) => {
   };
 }, Gt = {
   name: "MuiSelect",
-  overridesResolver: (t, o) => o.root,
-  shouldForwardProp: (t) => Ne(t) && t !== "variant",
-  slot: "Root"
-}, ri = F(wt, Gt)(""), si = F(It, Gt)(""), ii = F(St, Gt)(""), Xt = /* @__PURE__ */ d.forwardRef(function(o, n) {
+  slot: "Root",
+  shouldForwardProp: (t) => Pe(t) && t !== "variant"
+}, ri = F(wt, Gt)(""), si = F(It, Gt)(""), ii = F(Rt, Gt)(""), Xt = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     name: "MuiSelect",
     props: o
@@ -8220,8 +8241,8 @@ const ni = (t) => {
     classes: a = {},
     className: l,
     defaultOpen: c = !1,
-    displayEmpty: u = !1,
-    IconComponent: m = Nr,
+    displayEmpty: p = !1,
+    IconComponent: m = Ir,
     id: g,
     input: T,
     inputProps: b,
@@ -8230,24 +8251,24 @@ const ni = (t) => {
     MenuProps: y,
     multiple: h = !1,
     native: C = !1,
-    onClose: p,
+    onClose: u,
     onOpen: f,
     open: E,
-    renderValue: w,
-    SelectDisplayProps: P,
-    variant: N = "outlined",
-    ...$
-  } = r, D = C ? un : bn, B = Ke(), L = _e({
+    renderValue: S,
+    SelectDisplayProps: N,
+    variant: P = "outlined",
+    ...A
+  } = r, D = C ? pn : bn, B = Ke(), L = _e({
     props: r,
     muiFormControl: B,
     states: ["variant", "error"]
-  }), z = L.variant || N, j = {
+  }), z = L.variant || P, j = {
     ...r,
     variant: z,
     classes: a
   }, R = ni(j), {
-    root: S,
-    ...k
+    root: w,
+    ...M
   } = R, V = T || {
     standard: /* @__PURE__ */ v(ri, {
       ownerState: j
@@ -8259,7 +8280,7 @@ const ni = (t) => {
     filled: /* @__PURE__ */ v(ii, {
       ownerState: j
     })
-  }[z], I = Ee(n, at(V));
+  }[z], I = Ee(n, it(V));
   return /* @__PURE__ */ v(d.Fragment, {
     children: /* @__PURE__ */ d.cloneElement(V, {
       // Most of the logic is implemented in `SelectInput`.
@@ -8278,32 +8299,32 @@ const ni = (t) => {
         } : {
           autoWidth: i,
           defaultOpen: c,
-          displayEmpty: u,
+          displayEmpty: p,
           labelId: O,
           MenuProps: y,
-          onClose: p,
+          onClose: u,
           onOpen: f,
           open: E,
-          renderValue: w,
+          renderValue: S,
           SelectDisplayProps: {
             id: g,
-            ...P
+            ...N
           }
         },
         ...b,
-        classes: b ? zt(k, b.classes) : k,
+        classes: b ? zt(M, b.classes) : M,
         ...T ? T.props.inputProps : {}
       },
-      ...(h && C || u) && z === "outlined" ? {
+      ...(h && C || p) && z === "outlined" ? {
         notched: !0
       } : {},
       ref: I,
-      className: Y(V.props.className, l, R.root),
+      className: Z(V.props.className, l, R.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!T && {
         variant: z
       },
-      ...$
+      ...A
     })
   });
 });
@@ -8369,7 +8390,7 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
    */
   input: e.element,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps: e.object,
@@ -8461,19 +8482,18 @@ function ai(t) {
 se("MuiTextField", ["root"]);
 const li = {
   standard: wt,
-  filled: St,
+  filled: Rt,
   outlined: It
 }, ci = (t) => {
   const {
     classes: o
   } = t;
-  return Z({
+  return J({
     root: ["root"]
   }, ai, o);
 }, di = F(Jo, {
   name: "MuiTextField",
-  slot: "Root",
-  overridesResolver: (t, o) => o.root
+  slot: "Root"
 })({}), Bt = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const r = oe({
     props: o,
@@ -8484,7 +8504,7 @@ const li = {
     children: a,
     className: l,
     color: c = "primary",
-    defaultValue: u,
+    defaultValue: p,
     disabled: m = !1,
     error: g = !1,
     FormHelperTextProps: T,
@@ -8494,21 +8514,21 @@ const li = {
     InputLabelProps: y,
     inputProps: h,
     InputProps: C,
-    inputRef: p,
+    inputRef: u,
     label: f,
     maxRows: E,
-    minRows: w,
-    multiline: P = !1,
-    name: N,
-    onBlur: $,
+    minRows: S,
+    multiline: N = !1,
+    name: P,
+    onBlur: A,
     onChange: D,
     onFocus: B,
     placeholder: L,
     required: z = !1,
     rows: j,
     select: R = !1,
-    SelectProps: S,
-    slots: k = {},
+    SelectProps: w,
+    slots: M = {},
     slotProps: V = {},
     type: I,
     value: q,
@@ -8521,25 +8541,25 @@ const li = {
     disabled: m,
     error: g,
     fullWidth: b,
-    multiline: P,
+    multiline: N,
     required: z,
     select: R,
     variant: le
   }, ie = ci(G);
   process.env.NODE_ENV !== "production" && R && !a && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const J = Vt(O), ye = x && J ? `${J}-helper-text` : void 0, fe = f && J ? `${J}-label` : void 0, ve = li[le], ne = {
-    slots: k,
+  const Q = Vt(O), ye = x && Q ? `${Q}-helper-text` : void 0, fe = f && Q ? `${Q}-label` : void 0, ve = li[le], ne = {
+    slots: M,
     slotProps: {
       input: C,
       inputLabel: y,
       htmlInput: h,
       formHelperText: T,
-      select: S,
+      select: w,
       ...V
     }
-  }, A = {}, W = ne.slotProps.inputLabel;
-  le === "outlined" && (W && typeof W.shrink < "u" && (A.notched = W.shrink), A.label = f), R && ((!S || !S.native) && (A.id = void 0), A["aria-describedby"] = void 0);
-  const [_, re] = ee("root", {
+  }, $ = {}, W = ne.slotProps.inputLabel;
+  le === "outlined" && (W && typeof W.shrink < "u" && ($.notched = W.shrink), $.label = f), R && ((!w || !w.native) && ($.id = void 0), $["aria-describedby"] = void 0);
+  const [_, re] = Y("root", {
     elementType: di,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
@@ -8547,7 +8567,7 @@ const li = {
       ...me
     },
     ownerState: G,
-    className: Y(ie.root, l),
+    className: Z(ie.root, l),
     ref: n,
     additionalProps: {
       disabled: m,
@@ -8557,68 +8577,68 @@ const li = {
       color: c,
       variant: le
     }
-  }), [U, Q] = ee("input", {
+  }), [U, ee] = Y("input", {
     elementType: ve,
     externalForwardedProps: ne,
-    additionalProps: A,
+    additionalProps: $,
     ownerState: G
-  }), [be, Oe] = ee("inputLabel", {
+  }), [be, Oe] = Y("inputLabel", {
     elementType: tn,
     externalForwardedProps: ne,
     ownerState: G
-  }), [ge, Te] = ee("htmlInput", {
+  }), [ge, Te] = Y("htmlInput", {
     elementType: "input",
     externalForwardedProps: ne,
     ownerState: G
-  }), [he, de] = ee("formHelperText", {
+  }), [he, de] = Y("formHelperText", {
     elementType: Qo,
     externalForwardedProps: ne,
     ownerState: G
-  }), [Ce, Pe] = ee("select", {
+  }), [Ce, Ne] = Y("select", {
     elementType: Xt,
     externalForwardedProps: ne,
     ownerState: G
-  }), pe = /* @__PURE__ */ v(U, {
+  }), ue = /* @__PURE__ */ v(U, {
     "aria-describedby": ye,
     autoComplete: i,
     autoFocus: s,
-    defaultValue: u,
+    defaultValue: p,
     fullWidth: b,
-    multiline: P,
-    name: N,
+    multiline: N,
+    name: P,
     rows: j,
     maxRows: E,
-    minRows: w,
+    minRows: S,
     type: I,
     value: q,
-    id: J,
-    inputRef: p,
-    onBlur: $,
+    id: Q,
+    inputRef: u,
+    onBlur: A,
     onChange: D,
     onFocus: B,
     placeholder: L,
     inputProps: Te,
     slots: {
-      input: k.htmlInput ? ge : void 0
+      input: M.htmlInput ? ge : void 0
     },
-    ...Q
+    ...ee
   });
   return /* @__PURE__ */ ce(_, {
     ...re,
     children: [f != null && f !== "" && /* @__PURE__ */ v(be, {
-      htmlFor: J,
+      htmlFor: Q,
       id: fe,
       ...Oe,
       children: f
     }), R ? /* @__PURE__ */ v(Ce, {
       "aria-describedby": ye,
-      id: J,
+      id: Q,
       labelId: fe,
       value: q,
-      input: pe,
-      ...Pe,
+      input: ue,
+      ...Ne,
       children: a
-    }) : pe, x && /* @__PURE__ */ v(he, {
+    }) : ue, x && /* @__PURE__ */ v(he, {
       id: ye,
       ...de,
       children: x
@@ -8700,7 +8720,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    */
   InputLabelProps: e.object,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
@@ -8715,7 +8735,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * The label content.
    */
@@ -8814,7 +8834,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    */
   type: e.string,
   /**
@@ -8827,10 +8847,10 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const pi = Me(/* @__PURE__ */ v("path", {
+const ui = ke(/* @__PURE__ */ v("path", {
   d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2M9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9zm9 14H6V10h12zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2"
-}), "LockOutlined"), Si = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => /* @__PURE__ */ ce(Go, { component: "main", maxWidth: "xs", children: [
-  /* @__PURE__ */ v(Yo, {}),
+}), "LockOutlined"), Ri = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => /* @__PURE__ */ ce(Ko, { component: "main", maxWidth: "xs", children: [
+  /* @__PURE__ */ v(Xo, {}),
   /* @__PURE__ */ ce(
     oo,
     {
@@ -8841,7 +8861,7 @@ const pi = Me(/* @__PURE__ */ v("path", {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ v(qo, { sx: { m: 1, bgcolor: "secondary.main" }, children: /* @__PURE__ */ v(pi, {}) }),
+        /* @__PURE__ */ v(Vo, { sx: { m: 1, bgcolor: "secondary.main" }, children: /* @__PURE__ */ v(ui, {}) }),
         /* @__PURE__ */ v(At, { component: "h1", variant: "h5", align: "center", children: t }),
         /* @__PURE__ */ v(At, { component: "h1", variant: "h5", align: "center", children: `${Ye("version")}: ${Ye("softwareName")} ${s}` }),
         /* @__PURE__ */ ce(oo, { component: "form", onSubmit: i, noValidate: !0, sx: { mt: 1 }, children: [
@@ -8882,12 +8902,12 @@ const pi = Me(/* @__PURE__ */ v("path", {
             }
           ),
           /* @__PURE__ */ v(wn, { type: "submit", fullWidth: !0, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: o, children: Ye("login") ?? "Login" }),
-          n && /* @__PURE__ */ v(Vo, { severity: "error", children: n })
+          n && /* @__PURE__ */ v(Wo, { severity: "error", children: n })
         ] })
       ]
     }
   )
 ] });
 export {
-  Si as Login
+  Ri as Login
 };