@amateescu/portal-ui-components 0.0.30-beta → 0.0.30-beta2

package/dist/components/Login/Login.js

@@ -1,18 +1,18 @@
 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-Oc4iJwR0.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 * as d from "react";
+import { f as st, P as e, q as gn, r as hn, c as J, b as K, d as Q, l as yn, g as oe, t as Io, T as No, a as ie, u as ne, 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-B5aJotlB.js";
+import * as c 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-Cva4Q3V3.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-xh_JY2OQ.js";
-import { C as Fn } from "../../CircularProgress-D6RyizwS.js";
+import { r as En, m as On, c as Cn, i as ko, b as te, e as Rn, a as Sn, u as no } from "../../useSlot-CLAoIJ2B.js";
+import { u as Vt, B as wn } from "../../Button-Doz6-048.js";
+import { u as Ee, _ as In, T as Mo, B as Nn, a as He, b as Ft, r as Me, e as Fo, c as Pn } from "../../ButtonBase-CTqjtEBO.js";
+import { b as kn } from "../../objectWithoutPropertiesLoose-BTau6TOn.js";
+import { a as dt, r as Mn } from "../../index-xh_JY2OQ.js";
+import { C as Fn } from "../../CircularProgress-AyUrn4Uo.js";
 function jn(t) {
   const {
     prototype: o = {}
@@ -28,16 +28,16 @@ function jo(t, o, n, r, i) {
   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 d = s.type;
+  return typeof d == "function" && !jn(d) && (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) {
+const $n = "exact-prop: ​";
+function $o(t) {
   return process.env.NODE_ENV === "production" ? t : {
     ...t,
-    [An]: (o) => {
+    [$n]: (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;
     }
@@ -55,7 +55,7 @@ function ro(...t) {
   }, () => {
   });
 }
-function $o(t, o = 166) {
+function Ao(t, o = 166) {
   let n;
   function r(...i) {
     const s = () => {
@@ -69,7 +69,7 @@ function $o(t, o = 166) {
 }
 function Nt(t, o) {
   var n, r, i;
-  return /* @__PURE__ */ d.isValidElement(t) && o.indexOf(
+  return /* @__PURE__ */ c.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
@@ -89,7 +89,7 @@ function Lo(t = window) {
   const o = t.document.documentElement.clientWidth;
   return t.innerWidth - o;
 }
-function $n(t) {
+function An(t) {
   var g;
   const {
     elementType: o,
@@ -99,11 +99,11 @@ function $n(t) {
     ...s
   } = t, a = i ? {} : En(n, r), {
     props: l,
-    internalRef: c
+    internalRef: d
   } = On({
     ...s,
     externalSlotProps: a
-  }), u = Ee(c, a == null ? void 0 : a.ref, (g = t.additionalProps) == null ? void 0 : g.ref);
+  }), u = Ee(d, a == null ? void 0 : a.ref, (g = t.additionalProps) == null ? void 0 : g.ref);
   return Cn(o, {
     ...l,
     ref: u
@@ -111,7 +111,7 @@ function $n(t) {
 }
 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;
+  return parseInt(c.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) {
   return t == null || Object.keys(t).length === 0;
@@ -193,7 +193,7 @@ const Wn = yn(), Un = Dn("div", {
   name: "MuiContainer",
   defaultTheme: Wn
 }), Hn = (t, o) => {
-  const n = (c) => te(o, c), {
+  const n = (d) => oe(o, d), {
     classes: r,
     fixed: i,
     disableGutters: s,
@@ -201,7 +201,7 @@ 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 Q(l, n, r);
 };
 function qn(t = {}) {
   const {
@@ -229,11 +229,11 @@ function qn(t = {}) {
   }), ({
     theme: a,
     ownerState: l
-  }) => l.fixed && Object.keys(a.breakpoints.values).reduce((c, u) => {
+  }) => l.fixed && Object.keys(a.breakpoints.values).reduce((d, u) => {
     const m = u, g = a.breakpoints.values[m];
-    return g !== 0 && (c[a.breakpoints.up(m)] = {
+    return g !== 0 && (d[a.breakpoints.up(m)] = {
       maxWidth: `${g}${a.breakpoints.unit}`
-    }), c;
+    }), d;
   }, {}), ({
     theme: a,
     ownerState: l
@@ -254,7 +254,7 @@ function qn(t = {}) {
         maxWidth: `${a.breakpoints.values[l.maxWidth]}${a.breakpoints.unit}`
       }
     }
-  })), s = /* @__PURE__ */ d.forwardRef(function(l, c) {
+  })), s = /* @__PURE__ */ c.forwardRef(function(l, d) {
     const u = n(l), {
       className: m,
       component: g = "div",
@@ -275,8 +275,8 @@ function qn(t = {}) {
       /* @__PURE__ */ v(i, {
         as: g,
         ownerState: h,
-        className: Y(C.root, m),
-        ref: c,
+        className: J(C.root, m),
+        ref: d,
         ...y
       })
     );
@@ -294,7 +294,7 @@ function qn(t = {}) {
 }
 function Ht() {
   const t = Ut(Io);
-  return process.env.NODE_ENV !== "production" && d.useDebugValue(t), t[No] || t;
+  return process.env.NODE_ENV !== "production" && c.useDebugValue(t), t[No] || t;
 }
 function zo(t) {
   return /* @__PURE__ */ v(Bo, {
@@ -330,67 +330,53 @@ function _n() {
   return Tn;
 }
 function Kn(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) {
   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);
-      });
-    }), c;
-  }
   if (typeof t == "function" || typeof o == "function")
-    return (a) => {
-      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);
+    return (i) => {
+      const s = typeof o == "function" ? o(i) : o, a = typeof t == "function" ? t({
+        ...i,
+        ...s
+      }) : t, l = J(i == null ? void 0 : i.className, s == null ? void 0 : s.className, a == null ? void 0 : a.className);
       return {
-        ...l,
-        ...c,
-        ...m,
-        ...!!u && {
-          className: u
+        ...s,
+        ...a,
+        ...!!l && {
+          className: l
         },
-        ...(l == null ? void 0 : l.style) && (c == null ? void 0 : c.style) && {
+        ...(s == null ? void 0 : s.style) && (a == null ? void 0 : a.style) && {
           style: {
-            ...l.style,
-            ...c.style
+            ...s.style,
+            ...a.style
           }
         },
-        ...(l == null ? void 0 : l.sx) && (c == null ? void 0 : c.sx) && {
-          sx: [...Array.isArray(l.sx) ? l.sx : [l.sx], ...Array.isArray(c.sx) ? c.sx : [c.sx]]
+        ...(s == null ? void 0 : s.sx) && (a == null ? void 0 : a.sx) && {
+          sx: [...Array.isArray(s.sx) ? s.sx : [s.sx], ...Array.isArray(a.sx) ? a.sx : [a.sx]]
         }
       };
     };
-  const r = o, i = n(t, r), s = Y(r == null ? void 0 : r.className, t == null ? void 0 : t.className);
+  const n = o, r = J(n == null ? void 0 : n.className, t == null ? void 0 : t.className);
   return {
     ...o,
     ...t,
-    ...i,
-    ...!!s && {
-      className: s
+    ...!!r && {
+      className: r
     },
-    ...(r == null ? void 0 : r.style) && (t == null ? void 0 : t.style) && {
+    ...(n == null ? void 0 : n.style) && (t == null ? void 0 : t.style) && {
       style: {
-        ...r.style,
+        ...n.style,
         ...t.style
       }
     },
-    ...(r == null ? void 0 : r.sx) && (t == null ? void 0 : t.sx) && {
-      sx: [...Array.isArray(r.sx) ? r.sx : [r.sx], ...Array.isArray(t.sx) ? t.sx : [t.sx]]
+    ...(n == null ? void 0 : n.sx) && (t == null ? void 0 : t.sx) && {
+      sx: [...Array.isArray(n.sx) ? n.sx : [n.sx], ...Array.isArray(t.sx) ? t.sx : [t.sx]]
     }
   };
 }
 const io = {
   disabled: !1
 };
-var Xn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+var Gn = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,
   appear: e.number
@@ -407,22 +393,22 @@ process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
   exitDone: e.string,
   exitActive: e.string
 })]);
-var Yn = function(o) {
+var Xn = function(o) {
   return o.scrollTop;
-}, et = "unmounted", $e = "exited", Le = "entering", Ve = "entered", jt = "exiting", we = /* @__PURE__ */ function(t) {
+}, et = "unmounted", Ae = "exited", Le = "entering", Ve = "entered", jt = "exiting", we = /* @__PURE__ */ function(t) {
   In(o, t);
   function o(r, i) {
     var s;
     s = t.call(this, r, i) || this;
-    var a = i, l = a && !a.isMounting ? r.enter : r.appear, c;
-    return s.appearStatus = null, r.in ? l ? (c = $e, s.appearStatus = Le) : c = Ve : r.unmountOnExit || r.mountOnEnter ? c = et : c = $e, s.state = {
-      status: c
+    var a = i, l = a && !a.isMounting ? r.enter : r.appear, d;
+    return s.appearStatus = null, r.in ? l ? (d = Ae, s.appearStatus = Le) : d = Ve : r.unmountOnExit || r.mountOnEnter ? d = et : d = Ae, s.state = {
+      status: d
     }, s.nextCallback = null, s;
   }
   o.getDerivedStateFromProps = function(i, s) {
     var a = i.in;
     return a && s.status === et ? {
-      status: $e
+      status: Ae
     } : null;
   };
   var n = o.prototype;
@@ -449,16 +435,16 @@ 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 && Xn(a);
         }
         this.performEnter(i);
       } else
         this.performExit();
-    else this.props.unmountOnExit && this.state.status === $e && this.setState({
+    else this.props.unmountOnExit && this.state.status === Ae && this.setState({
       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, d = this.props.nodeRef ? [l] : [dt.findDOMNode(this), l], u = d[0], m = d[1], g = this.getTimeouts(), T = l ? g.appear : g.enter;
     if (!i && !a || io.disabled) {
       this.safeSetState({
         status: Ve
@@ -482,7 +468,7 @@ var Yn = function(o) {
     var i = this, s = this.props.exit, a = this.getTimeouts(), l = this.props.nodeRef ? void 0 : dt.findDOMNode(this);
     if (!s || io.disabled) {
       this.safeSetState({
-        status: $e
+        status: Ae
       }, function() {
         i.props.onExited(l);
       });
@@ -493,7 +479,7 @@ var Yn = function(o) {
     }, function() {
       i.props.onExiting(l), i.onTransitionEnd(a.exit, function() {
         i.safeSetState({
-          status: $e
+          status: Ae
         }, function() {
           i.props.onExited(l);
         });
@@ -518,7 +504,7 @@ 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];
+      var d = this.props.nodeRef ? [this.nextCallback] : [a, this.nextCallback], u = d[0], m = d[1];
       this.props.addEndListener(u, m);
     }
     i != null && setTimeout(this.nextCallback, i);
@@ -528,16 +514,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 +620,7 @@ we.propTypes = process.env.NODE_ENV !== "production" ? {
    * @type {number | { enter?: number, exit?: number, appear?: number }}
    */
   timeout: function(o) {
-    var n = Xn;
+    var n = Gn;
     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];
@@ -724,7 +710,7 @@ we.defaultProps = {
   onExited: Ue
 };
 we.UNMOUNTED = et;
-we.EXITED = $e;
+we.EXITED = Ae;
 we.ENTERING = Le;
 we.ENTERED = Ve;
 we.EXITING = jt;
@@ -741,11 +727,11 @@ function bt(t, o) {
     delay: i.transitionDelay
   };
 }
-function Zn(t) {
-  return te("MuiPaper", t);
+function Yn(t) {
+  return oe("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) => {
+ie("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 Zn = (t) => {
   const {
     square: o,
     elevation: n,
@@ -754,8 +740,8 @@ const Jn = (t) => {
   } = t, s = {
     root: ["root", r, !o && "rounded", r === "elevation" && `elevation${n}`]
   };
-  return Z(s, Zn, i);
-}, Qn = F("div", {
+  return Q(s, Yn, i);
+}, Jn = F("div", {
   name: "MuiPaper",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -793,30 +779,30 @@ const Jn = (t) => {
       backgroundImage: "var(--Paper-overlay)"
     }
   }]
-}))), _t = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}))), _t = /* @__PURE__ */ c.forwardRef(function(o, n) {
   var b;
-  const r = oe({
+  const r = ne({
     props: o,
     name: "MuiPaper"
   }), i = Ht(), {
     className: s,
     component: a = "div",
     elevation: l = 1,
-    square: c = !1,
+    square: d = !1,
     variant: u = "elevation",
     ...m
   } = r, g = {
     ...r,
     component: a,
     elevation: l,
-    square: c,
+    square: d,
     variant: u
-  }, T = Jn(g);
+  }, T = Zn(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(Jn, {
     as: a,
     ownerState: g,
-    className: Y(T.root, s),
+    className: J(T.root, s),
     ref: n,
     ...m,
     style: {
@@ -860,7 +846,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 +872,14 @@ process.env.NODE_ENV !== "production" && (_t.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
 });
-function er(t) {
-  return te("MuiAlert", t);
+function Qn(t) {
+  return oe("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) {
-  return te("MuiIconButton", t);
+const ao = ie("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 er(t) {
+  return oe("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 = ie("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge", "loading", "loadingIndicator", "loadingWrapper"]), tr = (t) => {
   const {
     classes: o,
     disabled: n,
@@ -906,8 +892,8 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     loadingIndicator: ["loadingIndicator"],
     loadingWrapper: ["loadingWrapper"]
   };
-  return Z(l, tr, o);
-}, nr = F(Nn, {
+  return Q(l, er, o);
+}, or = F(Nn, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -1019,7 +1005,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
   [`&.${lo.loading}`]: {
     color: "transparent"
   }
-}))), rr = F("span", {
+}))), nr = F("span", {
   name: "MuiIconButton",
   slot: "LoadingIndicator",
   overridesResolver: (t, o) => o.loadingIndicator
@@ -1041,8 +1027,8 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       display: "flex"
     }
   }]
-})), Uo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+})), Uo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiIconButton"
   }), {
@@ -1050,7 +1036,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     children: s,
     className: a,
     color: l = "default",
-    disabled: c = !1,
+    disabled: d = !1,
     disableFocusRipple: u = !1,
     size: m = "medium",
     id: g,
@@ -1065,18 +1051,18 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     ...r,
     edge: i,
     color: l,
-    disabled: c,
+    disabled: d,
     disableFocusRipple: u,
     loading: T,
     loadingIndicator: y,
     size: m
-  }, C = or(h);
-  return /* @__PURE__ */ ce(nr, {
+  }, C = tr(h);
+  return /* @__PURE__ */ ce(or, {
     id: T ? O : g,
-    className: Y(C.root, a),
+    className: J(C.root, a),
     centerRipple: !0,
     focusRipple: !u,
-    disabled: c || T,
+    disabled: d || T,
     ref: n,
     ...x,
     ownerState: h,
@@ -1086,7 +1072,7 @@ const lo = se("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       style: {
         display: "contents"
       },
-      children: /* @__PURE__ */ v(rr, {
+      children: /* @__PURE__ */ v(nr, {
         className: C.loadingIndicator,
         ownerState: h,
         children: T && y
@@ -1102,7 +1088,7 @@ process.env.NODE_ENV !== "production" && (Uo.propTypes = {
   /**
    * The icon to display.
    */
-  children: st(e.node, (t) => d.Children.toArray(t.children).some((n) => /* @__PURE__ */ d.isValidElement(n) && n.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: st(e.node, (t) => c.Children.toArray(t.children).some((n) => /* @__PURE__ */ c.isValidElement(n) && n.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -1173,17 +1159,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 rr = 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"), sr = 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"), ir = 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"), ar = 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"), lr = 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"), cr = (t) => {
   const {
     variant: o,
     color: n,
@@ -1195,8 +1181,8 @@ const sr = Me(/* @__PURE__ */ v("path", {
     message: ["message"],
     action: ["action"]
   };
-  return Z(s, er, i);
-}, pr = F(_t, {
+  return Q(s, Qn, i);
+}, dr = F(_t, {
   name: "MuiAlert",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -1259,7 +1245,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
       }
     }))]
   };
-})), ur = F("div", {
+})), pr = F("div", {
   name: "MuiAlert",
   slot: "Icon",
   overridesResolver: (t, o) => o.icon
@@ -1269,7 +1255,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
   display: "flex",
   fontSize: 22,
   opacity: 0.9
-}), fr = F("div", {
+}), ur = F("div", {
   name: "MuiAlert",
   slot: "Message",
   overridesResolver: (t, o) => o.message
@@ -1277,7 +1263,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
   padding: "8px 0",
   minWidth: 0,
   overflow: "auto"
-}), mr = F("div", {
+}), fr = F("div", {
   name: "MuiAlert",
   slot: "Action",
   overridesResolver: (t, o) => o.action
@@ -1288,20 +1274,20 @@ const sr = Me(/* @__PURE__ */ v("path", {
   marginLeft: "auto",
   marginRight: -8
 }), co = {
-  success: /* @__PURE__ */ v(sr, {
+  success: /* @__PURE__ */ v(rr, {
     fontSize: "inherit"
   }),
-  warning: /* @__PURE__ */ v(ir, {
+  warning: /* @__PURE__ */ v(sr, {
     fontSize: "inherit"
   }),
-  error: /* @__PURE__ */ v(ar, {
+  error: /* @__PURE__ */ v(ir, {
     fontSize: "inherit"
   }),
-  info: /* @__PURE__ */ v(lr, {
+  info: /* @__PURE__ */ v(ar, {
     fontSize: "inherit"
   })
-}, Vo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}, Vo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiAlert"
   }), {
@@ -1309,7 +1295,7 @@ const sr = Me(/* @__PURE__ */ v("path", {
     children: s,
     className: a,
     closeText: l = "Close",
-    color: c,
+    color: d,
     components: u = {},
     componentsProps: m = {},
     icon: g,
@@ -1323,11 +1309,11 @@ const sr = Me(/* @__PURE__ */ v("path", {
     ...p
   } = r, f = {
     ...r,
-    color: c,
+    color: d,
     severity: O,
     variant: C,
-    colorSeverity: c || O
-  }, E = dr(f), w = {
+    colorSeverity: d || O
+  }, E = cr(f), S = {
     slots: {
       closeButton: u.CloseButton,
       closeIcon: u.CloseIcon,
@@ -1337,13 +1323,13 @@ const sr = Me(/* @__PURE__ */ v("path", {
       ...m,
       ...y
     }
-  }, [P, N] = ee("root", {
+  }, [P, N] = te("root", {
     ref: n,
     shouldForwardComponentProp: !0,
-    className: Y(E.root, a),
-    elementType: pr,
+    className: J(E.root, a),
+    elementType: dr,
     externalForwardedProps: {
-      ...w,
+      ...S,
       ...p
     },
     ownerState: f,
@@ -1351,42 +1337,42 @@ const sr = Me(/* @__PURE__ */ v("path", {
       role: x,
       elevation: 0
     }
-  }), [$, D] = ee("icon", {
+  }), [A, L] = te("icon", {
     className: E.icon,
-    elementType: ur,
-    externalForwardedProps: w,
+    elementType: pr,
+    externalForwardedProps: S,
     ownerState: f
-  }), [B, L] = ee("message", {
+  }), [D, $] = te("message", {
     className: E.message,
-    elementType: fr,
-    externalForwardedProps: w,
+    elementType: ur,
+    externalForwardedProps: S,
     ownerState: f
-  }), [z, j] = ee("action", {
+  }), [W, j] = te("action", {
     className: E.action,
-    elementType: mr,
-    externalForwardedProps: w,
+    elementType: fr,
+    externalForwardedProps: S,
     ownerState: f
-  }), [R, S] = ee("closeButton", {
+  }), [R, w] = te("closeButton", {
     elementType: Uo,
-    externalForwardedProps: w,
+    externalForwardedProps: S,
     ownerState: f
-  }), [k, V] = ee("closeIcon", {
-    elementType: cr,
-    externalForwardedProps: w,
+  }), [M, H] = te("closeIcon", {
+    elementType: lr,
+    externalForwardedProps: S,
     ownerState: f
   });
   return /* @__PURE__ */ ce(P, {
     ...N,
-    children: [g !== !1 ? /* @__PURE__ */ v($, {
-      ...D,
-      children: g || T[O] || co[O]
-    }) : null, /* @__PURE__ */ v(B, {
+    children: [g !== !1 ? /* @__PURE__ */ v(A, {
       ...L,
+      children: g || T[O] || co[O]
+    }) : null, /* @__PURE__ */ v(D, {
+      ...$,
       children: s
-    }), i != null ? /* @__PURE__ */ v(z, {
+    }), i != null ? /* @__PURE__ */ v(W, {
       ...j,
       children: i
-    }) : null, i == null && b ? /* @__PURE__ */ v(z, {
+    }) : null, i == null && b ? /* @__PURE__ */ v(W, {
       ...j,
       children: /* @__PURE__ */ v(R, {
         size: "small",
@@ -1394,10 +1380,10 @@ 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
+          ...H
         })
       })
     }) : null]
@@ -1440,7 +1426,7 @@ process.env.NODE_ENV !== "production" && (Vo.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop 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.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1452,7 +1438,7 @@ process.env.NODE_ENV !== "production" && (Vo.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop 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.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -1528,11 +1514,11 @@ process.env.NODE_ENV !== "production" && (Vo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-function br(t) {
-  return te("MuiTypography", t);
+function mr(t) {
+  return oe("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 = {
+ie("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const br = {
   primary: !0,
   secondary: !0,
   error: !0,
@@ -1542,7 +1528,7 @@ const gr = {
   textPrimary: !0,
   textSecondary: !0,
   textDisabled: !0
-}, hr = _n(), yr = (t) => {
+}, gr = _n(), hr = (t) => {
   const {
     align: o,
     gutterBottom: n,
@@ -1553,8 +1539,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 Q(l, mr, a);
+}, yr = F("span", {
   name: "MuiTypography",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -1642,21 +1628,21 @@ const gr = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, At = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}, $t = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const {
     color: r,
     ...i
-  } = oe({
+  } = ne({
     props: o,
     name: "MuiTypography"
-  }), s = !gr[r], a = hr({
+  }), s = !br[r], a = gr({
     ...i,
     ...s && {
       color: r
     }
   }), {
     align: l = "inherit",
-    className: c,
+    className: d,
     component: u,
     gutterBottom: m = !1,
     noWrap: g = !1,
@@ -1668,18 +1654,18 @@ const gr = {
     ...a,
     align: l,
     color: r,
-    className: c,
+    className: d,
     component: u,
     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 = u || (T ? "p" : x[b] || po[b]) || "span", C = hr(y);
+  return /* @__PURE__ */ v(yr, {
     as: h,
     ref: n,
-    className: Y(C.root, c),
+    className: J(C.root, d),
     ...O,
     ownerState: y,
     style: {
@@ -1690,7 +1676,7 @@ const gr = {
     }
   });
 });
-process.env.NODE_ENV !== "production" && (At.propTypes = {
+process.env.NODE_ENV !== "production" && ($t.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -1739,7 +1725,7 @@ process.env.NODE_ENV !== "production" && (At.propTypes = {
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
-   * @deprecated Use the `component` prop 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.
+   * @deprecated Use the `component` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   paragraph: e.bool,
   /**
@@ -1776,32 +1762,32 @@ process.env.NODE_ENV !== "production" && (At.propTypes = {
    */
   variantMapping: e.object
 });
-function Tr(t) {
+function vr(t) {
   return typeof t == "function" ? t() : t;
 }
-const gt = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const gt = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const {
     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] = c.useState(null), d = Ee(/* @__PURE__ */ c.isValidElement(r) ? at(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), () => {
         so(n, null);
       };
   }, [n, a, s]), s) {
-    if (/* @__PURE__ */ d.isValidElement(r)) {
+    if (/* @__PURE__ */ c.isValidElement(r)) {
       const u = {
-        ref: c
+        ref: d
       };
-      return /* @__PURE__ */ d.cloneElement(r, u);
+      return /* @__PURE__ */ c.cloneElement(r, u);
     }
     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 +1815,11 @@ process.env.NODE_ENV !== "production" && (gt.propTypes = {
    */
   disablePortal: e.bool
 });
-process.env.NODE_ENV !== "production" && (gt.propTypes = Ao(gt.propTypes));
+process.env.NODE_ENV !== "production" && (gt.propTypes = $o(gt.propTypes));
 function pt(t) {
   return parseInt(t, 10) || 0;
 }
-const xr = {
+const Tr = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -1848,44 +1834,44 @@ 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;
+  return xr(t) || t.outerHeightStyle === 0 && !t.overflowing;
 }
-const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const Ho = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const {
     onChange: r,
     maxRows: i,
     minRows: s = 1,
     style: a,
     value: l,
-    ...c
+    ...d
   } = o, {
     current: u
-  } = d.useRef(l != null), m = d.useRef(null), g = Ee(n, m), T = d.useRef(null), b = d.useRef(null), x = d.useCallback(() => {
+  } = c.useRef(l != null), m = c.useRef(null), g = Ee(n, m), T = c.useRef(null), b = c.useRef(null), x = c.useCallback(() => {
     const p = m.current, f = b.current;
     if (!p || !f)
       return;
-    const w = Ie(p).getComputedStyle(p);
-    if (w.width === "0px")
+    const S = Ie(p).getComputedStyle(p);
+    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 = p.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 P = S.boxSizing, N = pt(S.paddingBottom) + pt(S.paddingTop), A = pt(S.borderBottomWidth) + pt(S.borderTopWidth), L = 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 D = f.scrollHeight;
+    let $ = L;
+    s && ($ = Math.max(Number(s) * D, $)), i && ($ = Math.min(Number(i) * D, $)), $ = Math.max($, D);
+    const W = $ + (P === "border-box" ? N + A : 0), j = Math.abs($ - L) <= 1;
     return {
-      outerHeightStyle: z,
+      outerHeightStyle: W,
       overflowing: j
     };
   }, [i, s, o.placeholder]), O = Ft(() => {
@@ -1894,26 +1880,26 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
       return !1;
     const E = f.outerHeightStyle;
     return T.current != null && T.current !== E;
-  }), y = d.useCallback(() => {
+  }), y = c.useCallback(() => {
     const p = m.current, f = x();
     if (!p || !f || uo(f))
       return;
     const E = f.outerHeightStyle;
     T.current !== E && (T.current = E, p.style.height = `${E}px`), p.style.overflow = f.overflowing ? "hidden" : "";
-  }, [x]), h = d.useRef(-1);
+  }, [x]), h = c.useRef(-1);
   He(() => {
-    const p = $o(y), f = m == null ? void 0 : m.current;
+    const p = Ao(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);
+    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)), () => {
+      p.clear(), cancelAnimationFrame(h.current), E.removeEventListener("resize", p), S && S.disconnect();
     };
   }, [x, y, O]), He(() => {
     y();
@@ -1921,14 +1907,14 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
   const C = (p) => {
     u || y(), r && r(p);
   };
-  return /* @__PURE__ */ ce(d.Fragment, {
+  return /* @__PURE__ */ ce(c.Fragment, {
     children: [/* @__PURE__ */ v("textarea", {
       value: l,
       onChange: C,
       ref: g,
       rows: s,
       style: a,
-      ...c
+      ...d
     }), /* @__PURE__ */ v("textarea", {
       "aria-hidden": !0,
       className: o.className,
@@ -1936,7 +1922,7 @@ const Ho = /* @__PURE__ */ d.forwardRef(function(o, n) {
       ref: b,
       tabIndex: -1,
       style: {
-        ...xr.shadow,
+        ...Tr.shadow,
         ...a,
         paddingTop: 0,
         paddingBottom: 0
@@ -1979,7 +1965,7 @@ process.env.NODE_ENV !== "production" && (Ho.propTypes = {
    */
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
-function $t(t) {
+function At(t) {
   return typeof t == "string";
 }
 function _e({
@@ -1989,10 +1975,10 @@ function _e({
 }) {
   return o.reduce((r, i) => (r[i] = t[i], n && typeof t[i] > "u" && (r[i] = n[i]), r), {});
 }
-const Tt = /* @__PURE__ */ d.createContext(void 0);
+const Tt = /* @__PURE__ */ c.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Tt.displayName = "FormControlContext");
 function Ke() {
-  return d.useContext(Tt);
+  return c.useContext(Tt);
 }
 function fo(t) {
   return t != null && !(Array.isArray(t) && t.length === 0);
@@ -2000,13 +1986,13 @@ 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) {
-  return te("MuiInputBase", t);
+function Or(t) {
+  return oe("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"]);
+const qe = ie("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var mo;
 const xt = (t, o) => {
   const {
@@ -2018,7 +2004,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,
@@ -2027,7 +2013,7 @@ const xt = (t, o) => {
     endAdornment: s,
     focused: a,
     formControl: l,
-    fullWidth: c,
+    fullWidth: d,
     hiddenLabel: u,
     multiline: m,
     readOnly: g,
@@ -2035,10 +2021,10 @@ const xt = (t, o) => {
     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"],
+    root: ["root", `color${K(n)}`, r && "disabled", i && "error", d && "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"]
   };
-  return Z(O, Cr, o);
+  return Q(O, Or, o);
 }, Ot = F("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -2209,8 +2195,8 @@ const xt = (t, o) => {
       display: "block"
     }
   }
-}), Rt = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), Rt = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiInputBase"
   }), {
@@ -2218,7 +2204,7 @@ const xt = (t, o) => {
     autoComplete: s,
     autoFocus: a,
     className: l,
-    color: c,
+    color: d,
     components: u = {},
     componentsProps: m = {},
     defaultValue: g,
@@ -2232,164 +2218,164 @@ const xt = (t, o) => {
     inputProps: p = {},
     inputRef: f,
     margin: E,
-    maxRows: w,
+    maxRows: S,
     minRows: P,
     multiline: N = !1,
-    name: $,
-    onBlur: D,
-    onChange: B,
-    onClick: L,
-    onFocus: z,
+    name: A,
+    onBlur: L,
+    onChange: D,
+    onClick: $,
+    onFocus: W,
     onKeyDown: j,
     onKeyUp: R,
-    placeholder: S,
-    readOnly: k,
-    renderSuffix: V,
+    placeholder: w,
+    readOnly: M,
+    renderSuffix: H,
     rows: I,
-    size: q,
+    size: _,
     slotProps: le = {},
-    slots: me = {},
-    startAdornment: G,
-    type: ie = "text",
-    value: J,
-    ...ye
-  } = r, fe = p.value != null ? p.value : J, {
+    slots: ye = {},
+    startAdornment: Y,
+    type: X = "text",
+    value: Z,
+    ...be
+  } = r, fe = p.value != null ? p.value : Z, {
     current: ve
-  } = d.useRef(fe != null), ne = d.useRef(), A = 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(`
+  } = c.useRef(fe != null), re = c.useRef(), B = c.useCallback((G) => {
+    process.env.NODE_ENV !== "production" && G && G.nodeName !== "INPUT" && !G.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();
-  process.env.NODE_ENV !== "production" && d.useEffect(() => {
-    if (U)
-      return U.registerEffect();
-  }, [U]);
-  const Q = _e({
+  }, []), z = Ee(re, f, p.ref, B), [U, se] = c.useState(!1), V = Ke();
+  process.env.NODE_ENV !== "production" && c.useEffect(() => {
+    if (V)
+      return V.registerEffect();
+  }, [V]);
+  const ee = _e({
     props: r,
-    muiFormControl: U,
+    muiFormControl: V,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  Q.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) => {
-    ht(X) ? be && be() : Oe && Oe();
-  }, [be, Oe]);
+  ee.focused = V ? V.focused : U, c.useEffect(() => {
+    !V && T && U && (se(!1), L && L());
+  }, [V, T, U, L]);
+  const me = V && V.onFilled, Oe = V && V.onEmpty, ge = c.useCallback((G) => {
+    ht(G) ? me && me() : Oe && Oe();
+  }, [me, Oe]);
   He(() => {
     ve && ge({
       value: fe
     });
   }, [fe, ge, ve]);
-  const Te = (X) => {
-    z && z(X), p.onFocus && p.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);
-  }, de = (X, ...Be) => {
+  const Te = (G) => {
+    W && W(G), p.onFocus && p.onFocus(G), V && V.onFocus ? V.onFocus(G) : se(!0);
+  }, he = (G) => {
+    L && L(G), p.onBlur && p.onBlur(G), V && V.onBlur ? V.onBlur(G) : se(!1);
+  }, de = (G, ...Be) => {
     if (!ve) {
-      const ze = X.target || ne.current;
+      const ze = G.target || re.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));
       ge({
         value: ze.value
       });
     }
-    p.onChange && p.onChange(X, ...Be), B && B(X, ...Be);
+    p.onChange && p.onChange(G, ...Be), D && D(G, ...Be);
   };
-  d.useEffect(() => {
-    ge(ne.current);
+  c.useEffect(() => {
+    ge(re.current);
   }, []);
-  const Ce = (X) => {
-    ne.current && X.currentTarget === X.target && ne.current.focus(), L && L(X);
+  const Ce = (G) => {
+    re.current && G.currentTarget === G.target && re.current.focus(), $ && $(G);
   };
   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 = {
+  N && Pe === "input" && (I ? (process.env.NODE_ENV !== "production" && (P || S) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), pe = {
     type: void 0,
     minRows: I,
     maxRows: I,
     ...pe
   }) : pe = {
     type: void 0,
-    maxRows: w,
+    maxRows: S,
     minRows: P,
     ...pe
   }, Pe = Ho);
-  const De = (X) => {
-    ge(X.animationName === "mui-auto-fill-cancel" ? ne.current : {
+  const De = (G) => {
+    ge(G.animationName === "mui-auto-fill-cancel" ? re.current : {
       value: "x"
     });
   };
-  d.useEffect(() => {
-    U && U.setAdornedStart(!!G);
-  }, [U, G]);
+  c.useEffect(() => {
+    V && V.setAdornedStart(!!Y);
+  }, [V, Y]);
   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,
-    formControl: U,
+    error: ee.error,
+    focused: ee.focused,
+    formControl: V,
     fullWidth: y,
-    hiddenLabel: Q.hiddenLabel,
+    hiddenLabel: ee.hiddenLabel,
     multiline: N,
-    size: Q.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;
+    size: ee.size,
+    startAdornment: Y,
+    type: X
+  }, lt = Cr(Fe), Ge = ye.root || u.Root || Ot, je = le.root || m.root || {}, Xe = ye.input || u.Input || Ct;
   return pe = {
     ...pe,
     ...le.input ?? m.input
-  }, /* @__PURE__ */ ce(d.Fragment, {
+  }, /* @__PURE__ */ ce(c.Fragment, {
     children: [!b && typeof bo == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
     (mo || (mo = /* @__PURE__ */ v(bo, {}))), /* @__PURE__ */ ce(Ge, {
       ...je,
       ref: n,
       onClick: Ce,
-      ...ye,
-      ...!$t(Ge) && {
+      ...be,
+      ...!At(Ge) && {
         ownerState: {
           ...Fe,
           ...je.ownerState
         }
       },
-      className: Y(lt.root, je.className, l, k && "MuiInputBase-readOnly"),
-      children: [G, /* @__PURE__ */ v(Tt.Provider, {
+      className: J(lt.root, je.className, l, M && "MuiInputBase-readOnly"),
+      children: [Y, /* @__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,
+          type: X,
           ...pe,
-          ...!$t(Xe) && {
+          ...!At(Xe) && {
             as: Pe,
             ownerState: {
               ...Fe,
               ...pe.ownerState
             }
           },
-          ref: W,
-          className: Y(lt.input, pe.className, k && "MuiInputBase-readOnly"),
+          ref: z,
+          className: J(lt.input, pe.className, M && "MuiInputBase-readOnly"),
           onBlur: he,
           onChange: de,
           onFocus: Te
         })
-      }), x, V ? V({
-        ...Q,
-        startAdornment: G
+      }), x, H ? H({
+        ...ee,
+        startAdornment: Y
       }) : null]
     })]
   });
@@ -2431,7 +2417,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop 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.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -2443,7 +2429,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop 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.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -2498,7 +2484,7 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
   /**
    * 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.
@@ -2622,47 +2608,47 @@ process.env.NODE_ENV !== "production" && (Rt.propTypes = {
    */
   value: e.any
 });
-function Sr(t) {
-  return te("MuiInput", t);
+function Rr(t) {
+  return oe("MuiInput", t);
 }
 const Ze = {
   ...qe,
-  ...se("MuiInput", ["root", "underline", "input"])
+  ...ie("MuiInput", ["root", "underline", "input"])
 };
-function wr(t) {
-  return te("MuiOutlinedInput", t);
+function Sr(t) {
+  return oe("MuiOutlinedInput", t);
 }
 const Re = {
   ...qe,
-  ...se("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+  ...ie("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 };
-function Ir(t) {
-  return te("MuiFilledInput", t);
+function wr(t) {
+  return oe("MuiFilledInput", t);
 }
-const Ae = {
+const $e = {
   ...qe,
-  ...se("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
-}, Nr = Me(/* @__PURE__ */ v("path", {
+  ...ie("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
+}, Ir = ke(/* @__PURE__ */ v("path", {
   d: "M7 10l5 5 5-5z"
-}), "ArrowDropDown"), Pr = Me(/* @__PURE__ */ v("path", {
+}), "ArrowDropDown"), Nr = 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) {
-  return te("MuiAvatar", t);
+function Pr(t) {
+  return oe("MuiAvatar", t);
 }
-se("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
+ie("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
 const kr = (t) => {
   const {
     classes: o,
     variant: n,
     colorDefault: r
   } = t;
-  return Z({
+  return Q({
     root: ["root", n, r && "colorDefault"],
     img: ["img"],
     fallback: ["fallback"]
-  }, Mr, o);
-}, Fr = F("div", {
+  }, Pr, o);
+}, Mr = F("div", {
   name: "MuiAvatar",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -2717,7 +2703,7 @@ const kr = (t) => {
       }
     }
   }]
-}))), jr = F("img", {
+}))), Fr = F("img", {
   name: "MuiAvatar",
   slot: "Img",
   overridesResolver: (t, o) => o.img
@@ -2731,7 +2717,7 @@ const kr = (t) => {
   color: "transparent",
   // Hide the image broken icon, only works on Chrome.
   textIndent: 1e4
-}), Ar = F(Pr, {
+}), jr = F(Nr, {
   name: "MuiAvatar",
   slot: "Fallback",
   overridesResolver: (t, o) => o.fallback
@@ -2745,8 +2731,8 @@ function $r({
   src: n,
   srcSet: r
 }) {
-  const [i, s] = d.useState(!1);
-  return d.useEffect(() => {
+  const [i, s] = c.useState(!1);
+  return c.useEffect(() => {
     if (!n && !r)
       return;
     s(!1);
@@ -2761,8 +2747,8 @@ function $r({
     };
   }, [t, o, n, r]), i;
 }
-const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+const qo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiAvatar"
   }), {
@@ -2770,7 +2756,7 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
     children: s,
     className: a,
     component: l = "div",
-    slots: c = {},
+    slots: d = {},
     slotProps: u = {},
     imgProps: m,
     sizes: g,
@@ -2791,11 +2777,11 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
     srcSet: b
   }), p = T || b, f = p && C !== "error";
   h.colorDefault = !f, delete h.ownerState;
-  const E = kr(h), [w, P] = ee("img", {
+  const E = kr(h), [S, P] = te("img", {
     className: E.img,
-    elementType: jr,
+    elementType: Fr,
     externalForwardedProps: {
-      slots: c,
+      slots: d,
       slotProps: {
         img: {
           ...m,
@@ -2811,14 +2797,14 @@ const qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
     },
     ownerState: h
   });
-  return f ? y = /* @__PURE__ */ v(w, {
+  return f ? y = /* @__PURE__ */ v(S, {
     ...P
-  }) : s || s === 0 ? y = s : p && i ? y = i[0] : y = /* @__PURE__ */ v(Ar, {
+  }) : s || s === 0 ? y = s : p && i ? y = i[0] : y = /* @__PURE__ */ v(jr, {
     ownerState: h,
     className: E.fallback
-  }), /* @__PURE__ */ v(Fr, {
+  }), /* @__PURE__ */ v(Mr, {
     as: l,
-    className: Y(E.root, a),
+    className: J(E.root, a),
     ref: n,
     ...O,
     ownerState: h,
@@ -2856,7 +2842,7 @@ process.env.NODE_ENV !== "production" && (qo.propTypes = {
   /**
    * [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.
    * 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.
+   * @deprecated Use `slotProps.img` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   imgProps: e.object,
   /**
@@ -2896,14 +2882,14 @@ process.env.NODE_ENV !== "production" && (qo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["circular", "rounded", "square"]), e.string])
 });
-const Lr = {
+const Ar = {
   entering: {
     opacity: 1
   },
   entered: {
     opacity: 1
   }
-}, _o = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}, _o = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const r = Ht(), i = {
     enter: r.transitions.duration.enteringScreen,
     exit: r.transitions.duration.leavingScreen
@@ -2911,7 +2897,7 @@ const Lr = {
     addEndListener: s,
     appear: a = !0,
     children: l,
-    easing: c,
+    easing: d,
     in: u,
     onEnter: m,
     onEntered: g,
@@ -2924,41 +2910,41 @@ const Lr = {
     // 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) => {
+  } = o, f = c.useRef(null), E = Ee(f, at(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) => {
+  }, P = S(T), N = S((j, R) => {
     Wo(j);
-    const S = bt({
+    const w = bt({
       style: y,
       timeout: h,
-      easing: c
+      easing: d
     }, {
       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), L = S(O), D = S((j) => {
     const R = bt({
       style: y,
       timeout: h,
-      easing: c
+      easing: d
     }, {
       mode: "exit"
     });
     j.style.webkitTransition = r.transitions.create("opacity", R), j.style.transition = r.transitions.create("opacity", R), b && b(j);
-  }), L = w(x);
+  }), $ = S(x);
   return /* @__PURE__ */ v(C, {
     appear: a,
     in: u,
     nodeRef: f,
     onEnter: N,
-    onEntered: $,
+    onEntered: A,
     onEntering: P,
-    onExit: B,
-    onExited: L,
-    onExiting: D,
+    onExit: D,
+    onExited: $,
+    onExiting: L,
     addEndListener: (j) => {
       s && s(f.current, j);
     },
@@ -2966,17 +2952,17 @@ const Lr = {
     ...p,
     children: (j, {
       ownerState: R,
-      ...S
-    }) => /* @__PURE__ */ d.cloneElement(l, {
+      ...w
+    }) => /* @__PURE__ */ c.cloneElement(l, {
       style: {
         opacity: 0,
         visibility: j === "exited" && !u ? "hidden" : void 0,
-        ...Lr[j],
+        ...Ar[j],
         ...y,
         ...l.props.style
       },
       ref: E,
-      ...S
+      ...w
     })
   });
 });
@@ -3055,19 +3041,19 @@ process.env.NODE_ENV !== "production" && (_o.propTypes = {
     exit: e.number
   })])
 });
-function Dr(t) {
-  return te("MuiBackdrop", t);
+function Lr(t) {
+  return oe("MuiBackdrop", t);
 }
-se("MuiBackdrop", ["root", "invisible"]);
-const Br = (t) => {
+ie("MuiBackdrop", ["root", "invisible"]);
+const Dr = (t) => {
   const {
     classes: o,
     invisible: n
   } = t;
-  return Z({
+  return Q({
     root: ["root", n && "invisible"]
-  }, Dr, o);
-}, zr = F("div", {
+  }, Lr, o);
+}, Br = F("div", {
   name: "MuiBackdrop",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -3095,8 +3081,8 @@ const Br = (t) => {
       backgroundColor: "transparent"
     }
   }]
-}), Ko = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), Ko = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiBackdrop"
   }), {
@@ -3104,7 +3090,7 @@ const Br = (t) => {
     className: s,
     component: a = "div",
     invisible: l = !1,
-    open: c,
+    open: d,
     components: u = {},
     componentsProps: m = {},
     slotProps: g = {},
@@ -3116,7 +3102,7 @@ const Br = (t) => {
     ...r,
     component: a,
     invisible: l
-  }, h = Br(y), C = {
+  }, h = Dr(y), C = {
     transition: b,
     root: u.Root,
     ...T
@@ -3126,24 +3112,24 @@ const Br = (t) => {
   }, f = {
     slots: C,
     slotProps: p
-  }, [E, w] = ee("root", {
-    elementType: zr,
+  }, [E, S] = te("root", {
+    elementType: Br,
     externalForwardedProps: f,
-    className: Y(h.root, s),
+    className: J(h.root, s),
     ownerState: y
-  }), [P, N] = ee("transition", {
+  }), [P, N] = te("transition", {
     elementType: _o,
     externalForwardedProps: f,
     ownerState: y
   });
   return /* @__PURE__ */ v(P, {
-    in: c,
+    in: d,
     timeout: x,
     ...O,
     ...N,
     children: /* @__PURE__ */ v(E, {
       "aria-hidden": !0,
-      ...w,
+      ...S,
       classes: h,
       ref: n,
       children: i
@@ -3175,7 +3161,7 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated Use the `slots` prop 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.
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -3186,7 +3172,7 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated Use the `slotProps` prop 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.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -3227,7 +3213,7 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Fade
-   * @deprecated Use `slots.transition` 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.
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionComponent: e.elementType,
   /**
@@ -3251,7 +3237,7 @@ const Go = qn({
       return [o.root, o[`maxWidth${K(String(n.maxWidth))}`], n.fixed && o.fixed, n.disableGutters && o.disableGutters];
     }
   }),
-  useThemeProps: (t) => oe({
+  useThemeProps: (t) => ne({
     props: t,
     name: "MuiContainer"
   })
@@ -3299,7 +3285,7 @@ process.env.NODE_ENV !== "production" && (Go.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
+const Lt = typeof qt({}) == "function", zr = (t, o) => ({
   WebkitFontSmoothing: "antialiased",
   // Antialiasing.
   MozOsxFontSmoothing: "grayscale",
@@ -3313,7 +3299,7 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
   ...o && !t.vars && {
     colorScheme: t.palette.mode
   }
-}), Ur = (t) => ({
+}), Wr = (t) => ({
   color: (t.vars || t).palette.text.primary,
   ...t.typography.body1,
   backgroundColor: (t.vars || t).palette.background.default,
@@ -3324,19 +3310,19 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
 }), Xo = (t, o = !1) => {
   var s, a;
   const n = {};
-  o && t.colorSchemes && typeof t.getColorSchemeSelector == "function" && Object.entries(t.colorSchemes).forEach(([l, c]) => {
+  o && t.colorSchemes && typeof t.getColorSchemeSelector == "function" && Object.entries(t.colorSchemes).forEach(([l, d]) => {
     var m, g;
     const u = t.getColorSchemeSelector(l);
     u.startsWith("@") ? n[u] = {
       ":root": {
-        colorScheme: (m = c.palette) == null ? void 0 : m.mode
+        colorScheme: (m = d.palette) == null ? void 0 : m.mode
       }
     } : n[u.replace(/\s*&/, "")] = {
-      colorScheme: (g = c.palette) == null ? void 0 : g.mode
+      colorScheme: (g = d.palette) == null ? void 0 : g.mode
     };
   });
   let r = {
-    html: Wr(t, o),
+    html: zr(t, o),
     "*, *::before, *::after": {
       boxSizing: "inherit"
     },
@@ -3346,7 +3332,7 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
     body: {
       margin: 0,
       // Remove the margin in all browsers.
-      ...Ur(t),
+      ...Wr(t),
       // Add support for document.body.requestFullScreen().
       // Other elements, if background transparent, are not supported.
       "&::backdrop": {
@@ -3357,7 +3343,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) => {
+}, ft = "mui-ecs", Ur = (t) => {
   const o = Xo(t, !1), n = Array.isArray(o) ? o[0] : o;
   return !t.vars && n && (n.html[`:root:has(${ft})`] = {
     colorScheme: t.palette.mode
@@ -3374,22 +3360,22 @@ const Lt = typeof qt({}) == "function", Wr = (t, o) => ({
       }
     };
   }), o;
-}, Hr = qt(Lt ? ({
+}, Vr = qt(Lt ? ({
   theme: t,
   enableColorScheme: o
 }) => Xo(t, o) : ({
   theme: t
-}) => Vr(t));
+}) => Ur(t));
 function Yo(t) {
-  const o = oe({
+  const o = ne({
     props: t,
     name: "MuiCssBaseline"
   }), {
     children: n,
     enableColorScheme: r = !1
   } = o;
-  return /* @__PURE__ */ ce(d.Fragment, {
-    children: [Lt && /* @__PURE__ */ v(Hr, {
+  return /* @__PURE__ */ ce(c.Fragment, {
+    children: [Lt && /* @__PURE__ */ v(Vr, {
       enableColorScheme: r
     }), !Lt && !r && /* @__PURE__ */ v("span", {
       className: ft,
@@ -3416,7 +3402,7 @@ process.env.NODE_ENV !== "production" && (Yo.propTypes = {
    */
   enableColorScheme: e.bool
 });
-function qr(t) {
+function Hr(t) {
   const o = xe(t);
   return o.body === t ? Ie(t).innerWidth > o.documentElement.clientWidth : t.scrollHeight > t.clientHeight;
 }
@@ -3426,25 +3412,25 @@ function ot(t, o) {
 function go(t) {
   return parseInt(Ie(t).getComputedStyle(t).paddingRight, 10) || 0;
 }
-function _r(t) {
+function qr(t) {
   const n = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(t.tagName), r = t.tagName === "INPUT" && t.getAttribute("type") === "hidden";
   return n || r;
 }
 function ho(t, o, n, r, i) {
   const s = [o, n, ...r];
   [].forEach.call(t.children, (a) => {
-    const l = !s.includes(a), c = !_r(a);
-    l && c && ot(a, i);
+    const l = !s.includes(a), d = !qr(a);
+    l && d && ot(a, i);
   });
 }
 function Pt(t, o) {
   let n = -1;
   return t.some((r, i) => o(r) ? (n = i, !0) : !1), n;
 }
-function Kr(t, o) {
+function _r(t, o) {
   const n = [], r = t.container;
   if (!o.disableScrollLock) {
-    if (qr(r)) {
+    if (Hr(r)) {
       const a = Lo(Ie(r));
       n.push({
         value: r.style.paddingRight,
@@ -3452,12 +3438,12 @@ function Kr(t, o) {
         el: r
       }), r.style.paddingRight = `${go(r) + a}px`;
       const l = xe(r).querySelectorAll(".mui-fixed");
-      [].forEach.call(l, (c) => {
+      [].forEach.call(l, (d) => {
         n.push({
-          value: c.style.paddingRight,
+          value: d.style.paddingRight,
           property: "padding-right",
-          el: c
-        }), c.style.paddingRight = `${go(c) + a}px`;
+          el: d
+        }), d.style.paddingRight = `${go(d) + a}px`;
       });
     }
     let s;
@@ -3491,13 +3477,13 @@ function Kr(t, o) {
     });
   };
 }
-function Gr(t) {
+function Kr(t) {
   const o = [];
   return [].forEach.call(t.children, (n) => {
     n.getAttribute("aria-hidden") === "true" && o.push(n);
   }), o;
 }
-class Xr {
+class Gr {
   constructor() {
     this.modals = [], this.containers = [];
   }
@@ -3506,7 +3492,7 @@ class Xr {
     if (r !== -1)
       return r;
     r = this.modals.length, this.modals.push(o), o.modalRef && ot(o.modalRef, !1);
-    const i = Gr(n);
+    const i = Kr(n);
     ho(n, o.mount, o.modalRef, i, !0);
     const s = Pt(this.containers, (a) => a.container === n);
     return s !== -1 ? (this.containers[s].modals.push(o), r) : (this.containers.push({
@@ -3518,7 +3504,7 @@ class Xr {
   }
   mount(o, n) {
     const r = Pt(this.containers, (s) => s.modals.includes(o)), i = this.containers[r];
-    i.restore || (i.restore = Kr(i, n));
+    i.restore || (i.restore = _r(i, n));
   }
   remove(o, n = !0) {
     const r = this.modals.indexOf(o);
@@ -3537,33 +3523,33 @@ class Xr {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === o;
   }
 }
-const Yr = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Zr(t) {
+const Xr = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function Yr(t) {
   const o = parseInt(t.getAttribute("tabindex") || "", 10);
   return Number.isNaN(o) ? t.contentEditable === "true" || (t.nodeName === "AUDIO" || t.nodeName === "VIDEO" || t.nodeName === "DETAILS") && t.getAttribute("tabindex") === null ? 0 : t.tabIndex : o;
 }
-function Jr(t) {
+function Zr(t) {
   if (t.tagName !== "INPUT" || t.type !== "radio" || !t.name)
     return !1;
   const o = (r) => t.ownerDocument.querySelector(`input[type="radio"]${r}`);
   let n = o(`[name="${t.name}"]:checked`);
   return n || (n = o(`[name="${t.name}"]`)), n !== t;
 }
-function Qr(t) {
-  return !(t.disabled || t.tagName === "INPUT" && t.type === "hidden" || Jr(t));
+function Jr(t) {
+  return !(t.disabled || t.tagName === "INPUT" && t.type === "hidden" || Zr(t));
 }
-function es(t) {
+function Qr(t) {
   const o = [], n = [];
-  return Array.from(t.querySelectorAll(Yr)).forEach((r, i) => {
-    const s = Zr(r);
-    s === -1 || !Qr(r) || (s === 0 ? o.push(r) : n.push({
+  return Array.from(t.querySelectorAll(Xr)).forEach((r, i) => {
+    const s = Yr(r);
+    s === -1 || !Jr(r) || (s === 0 ? o.push(r) : n.push({
       documentOrder: i,
       tabIndex: s,
       node: r
     }));
   }), n.sort((r, i) => r.tabIndex === i.tabIndex ? r.documentOrder - i.documentOrder : r.tabIndex - i.tabIndex).map((r) => r.node).concat(o);
 }
-function ts() {
+function es() {
   return !0;
 }
 function yt(t) {
@@ -3572,32 +3558,32 @@ function yt(t) {
     disableAutoFocus: n = !1,
     disableEnforceFocus: r = !1,
     disableRestoreFocus: i = !1,
-    getTabbable: s = es,
-    isEnabled: a = ts,
+    getTabbable: s = Qr,
+    isEnabled: a = es,
     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);
-  d.useEffect(() => {
+  } = t, d = c.useRef(!1), u = c.useRef(null), m = c.useRef(null), g = c.useRef(null), T = c.useRef(null), b = c.useRef(!1), x = c.useRef(null), O = Ee(at(o), x), y = c.useRef(null);
+  c.useEffect(() => {
     !l || !x.current || (b.current = !n);
-  }, [n, l]), d.useEffect(() => {
+  }, [n, l]), c.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(`
 `)), 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);
+      i || (g.current && g.current.focus && (d.current = !0, g.current.focus()), g.current = null);
     };
-  }, [l]), d.useEffect(() => {
+  }, [l]), c.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());
+      y.current = P, !(r || !a() || P.key !== "Tab") && p.activeElement === x.current && P.shiftKey && (d.current = !0, m.current && m.current.focus());
     }, E = () => {
-      var $, D;
+      var A, L;
       const P = x.current;
       if (P === null)
         return;
-      if (!p.hasFocus() || !a() || c.current) {
-        c.current = !1;
+      if (!p.hasFocus() || !a() || d.current) {
+        d.current = !1;
         return;
       }
       if (P.contains(p.activeElement) || r && p.activeElement !== u.current && p.activeElement !== m.current)
@@ -3610,17 +3596,17 @@ function yt(t) {
         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];
-        typeof L != "string" && typeof z != "string" && (B ? z.focus() : L.focus());
+        const D = !!((A = y.current) != null && A.shiftKey && ((L = y.current) == null ? void 0 : L.key) === "Tab"), $ = N[0], W = N[N.length - 1];
+        typeof $ != "string" && typeof W != "string" && (D ? W.focus() : $.focus());
       } else
         P.focus();
     };
     p.addEventListener("focusin", E), p.addEventListener("keydown", f, !0);
-    const w = setInterval(() => {
+    const S = setInterval(() => {
       p.activeElement && p.activeElement.tagName === "BODY" && E();
     }, 50);
     return () => {
-      clearInterval(w), p.removeEventListener("focusin", E), p.removeEventListener("keydown", f, !0);
+      clearInterval(S), p.removeEventListener("focusin", E), p.removeEventListener("keydown", f, !0);
     };
   }, [n, r, i, a, l, s]);
   const h = (p) => {
@@ -3630,13 +3616,13 @@ function yt(t) {
   }, C = (p) => {
     g.current === null && (g.current = p.relatedTarget), b.current = !0;
   };
-  return /* @__PURE__ */ ce(d.Fragment, {
+  return /* @__PURE__ */ ce(c.Fragment, {
     children: [/* @__PURE__ */ v("div", {
       tabIndex: l ? 0 : -1,
       onFocus: C,
       ref: u,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ d.cloneElement(o, {
+    }), /* @__PURE__ */ c.cloneElement(o, {
       ref: O,
       onFocus: h
     }), /* @__PURE__ */ v("div", {
@@ -3701,16 +3687,16 @@ process.env.NODE_ENV !== "production" && (yt.propTypes = {
    */
   open: e.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (yt.propTypes = Ao(yt.propTypes));
-function os(t) {
+process.env.NODE_ENV !== "production" && (yt.propTypes = $o(yt.propTypes));
+function ts(t) {
   return typeof t == "function" ? t() : t;
 }
-function ns(t) {
+function os(t) {
   return t ? t.props.hasOwnProperty("in") : !1;
 }
 const yo = () => {
-}, ut = new Xr();
-function rs(t) {
+}, ut = new Gr();
+function ns(t) {
   const {
     container: o,
     disableEscapeKeyDown: n = !1,
@@ -3719,43 +3705,43 @@ function rs(t) {
     onTransitionEnter: s,
     onTransitionExited: a,
     children: l,
-    onClose: c,
+    onClose: d,
     open: u,
     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 = c.useRef({}), T = c.useRef(null), b = c.useRef(null), x = Ee(b, m), [O, y] = c.useState(!u), h = os(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(), {
       disableScrollLock: r
     }), b.current && (b.current.scrollTop = 0);
-  }, w = Ft(() => {
-    const R = os(o) || p().body;
+  }, S = Ft(() => {
+    const R = ts(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(() => {
+  }), A = c.useCallback(() => {
     ut.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");
+  c.useEffect(() => () => {
+    A();
+  }, [A]), c.useEffect(() => {
+    u ? S() : (!h || !i) && A();
+  }, [u, A, h, i, S]);
+  const L = (R) => (w) => {
+    var M;
+    (M = R.onKeyDown) == null || M.call(R, w), !(w.key !== "Escape" || w.which === 229 || // Wait until IME is settled.
+    !P()) && (n || (w.stopPropagation(), d && d(w, "escapeKeyDown")));
+  }, D = (R) => (w) => {
+    var M;
+    (M = R.onClick) == null || M.call(R, w), w.target === w.currentTarget && d && d(w, "backdropClick");
   };
   return {
     getRootProps: (R = {}) => {
-      const S = Rn(t);
-      delete S.onTransitionEnter, delete S.onTransitionExited;
-      const k = {
-        ...S,
+      const w = Rn(t);
+      delete w.onTransitionEnter, delete w.onTransitionExited;
+      const M = {
+        ...w,
         ...R
       };
       return {
@@ -3766,29 +3752,29 @@ 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: L(M),
         ref: x
       };
     },
     getBackdropProps: (R = {}) => {
-      const S = R;
+      const w = R;
       return {
         "aria-hidden": !0,
-        ...S,
-        onClick: B(S),
+        ...w,
+        onClick: D(w),
         open: u
       };
     },
     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,
@@ -3798,21 +3784,21 @@ function rs(t) {
     hasTransition: h
   };
 }
-function ss(t) {
-  return te("MuiModal", t);
+function rs(t) {
+  return oe("MuiModal", t);
 }
-se("MuiModal", ["root", "hidden", "backdrop"]);
-const is = (t) => {
+ie("MuiModal", ["root", "hidden", "backdrop"]);
+const ss = (t) => {
   const {
     open: o,
     exited: n,
     classes: r
   } = t;
-  return Z({
+  return Q({
     root: ["root", !o && n && "hidden"],
     backdrop: ["backdrop"]
-  }, ss, r);
-}, as = F("div", {
+  }, rs, r);
+}, is = F("div", {
   name: "MuiModal",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -3838,22 +3824,22 @@ const is = (t) => {
       visibility: "hidden"
     }
   }]
-}))), ls = F(Ko, {
+}))), as = F(Ko, {
   name: "MuiModal",
   slot: "Backdrop",
   overridesResolver: (t, o) => o.backdrop
 })({
   zIndex: -1
-}), Zo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), Zo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     name: "MuiModal",
     props: o
   }), {
-    BackdropComponent: i = ls,
+    BackdropComponent: i = as,
     BackdropProps: s,
     classes: a,
     className: l,
-    closeAfterTransition: c = !1,
+    closeAfterTransition: d = !1,
     children: u,
     container: m,
     component: g,
@@ -3867,18 +3853,19 @@ const is = (t) => {
     disableScrollLock: p = !1,
     hideBackdrop: f = !1,
     keepMounted: E = !1,
-    onClose: w,
-    onTransitionEnter: P,
-    onTransitionExited: N,
-    open: $,
+    onBackdropClick: S,
+    onClose: P,
+    onTransitionEnter: N,
+    onTransitionExited: A,
+    open: L,
     slotProps: D = {},
-    slots: B = {},
+    slots: $ = {},
     // eslint-disable-next-line react/prop-types
-    theme: L,
-    ...z
-  } = r, j = {
+    theme: W,
+    ...j
+  } = r, R = {
     ...r,
-    closeAfterTransition: c,
+    closeAfterTransition: d,
     disableAutoFocus: x,
     disableEnforceFocus: O,
     disableEscapeKeyDown: y,
@@ -3888,78 +3875,78 @@ const is = (t) => {
     hideBackdrop: f,
     keepMounted: E
   }, {
-    getRootProps: R,
-    getBackdropProps: S,
-    getTransitionProps: k,
-    portalRef: V,
-    isTopModal: I,
-    exited: q,
-    hasTransition: le
-  } = rs({
-    ...j,
+    getRootProps: w,
+    getBackdropProps: M,
+    getTransitionProps: H,
+    portalRef: I,
+    isTopModal: _,
+    exited: le,
+    hasTransition: ye
+  } = ns({
+    ...R,
     rootRef: n
-  }), me = {
-    ...j,
-    exited: q
-  }, G = is(me), ie = {};
-  if (u.props.tabIndex === void 0 && (ie.tabIndex = "-1"), le) {
+  }), Y = {
+    ...R,
+    exited: le
+  }, X = ss(Y), Z = {};
+  if (u.props.tabIndex === void 0 && (Z.tabIndex = "-1"), ye) {
     const {
-      onEnter: A,
-      onExited: W
-    } = k();
-    ie.onEnter = A, ie.onExited = W;
+      onEnter: z,
+      onExited: U
+    } = H();
+    Z.onEnter = z, Z.onExited = U;
   }
-  const J = {
+  const be = {
     slots: {
       root: T.Root,
       backdrop: T.Backdrop,
-      ...B
+      ...$
     },
     slotProps: {
       ...b,
       ...D
     }
-  }, [ye, fe] = ee("root", {
+  }, [fe, ve] = te("root", {
     ref: n,
-    elementType: as,
+    elementType: is,
     externalForwardedProps: {
-      ...J,
-      ...z,
+      ...be,
+      ...j,
       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", {
+    getSlotProps: w,
+    ownerState: Y,
+    className: J(l, X == null ? void 0 : X.root, !Y.open && Y.exited && (X == null ? void 0 : X.hidden))
+  }), [re, B] = te("backdrop", {
     ref: s == null ? void 0 : s.ref,
     elementType: i,
-    externalForwardedProps: J,
+    externalForwardedProps: be,
     shouldForwardComponentProp: !0,
     additionalProps: s,
-    getSlotProps: (A) => S({
-      ...A,
-      onClick: (W) => {
-        A != null && A.onClick && A.onClick(W);
+    getSlotProps: (z) => M({
+      ...z,
+      onClick: (U) => {
+        S && S(U), z != null && z.onClick && z.onClick(U);
       }
     }),
-    className: Y(s == null ? void 0 : s.className, G == null ? void 0 : G.backdrop),
-    ownerState: me
+    className: J(s == null ? void 0 : s.className, X == null ? void 0 : X.backdrop),
+    ownerState: Y
   });
-  return !E && !$ && (!le || q) ? null : /* @__PURE__ */ v(gt, {
-    ref: V,
+  return !E && !L && (!ye || le) ? null : /* @__PURE__ */ v(gt, {
+    ref: I,
     container: m,
     disablePortal: h,
-    children: /* @__PURE__ */ ce(ye, {
-      ...fe,
-      children: [!f && i ? /* @__PURE__ */ v(ve, {
-        ...ne
+    children: /* @__PURE__ */ ce(fe, {
+      ...ve,
+      children: [!f && i ? /* @__PURE__ */ v(re, {
+        ...B
       }) : null, /* @__PURE__ */ v(yt, {
         disableEnforceFocus: O,
         disableAutoFocus: x,
         disableRestoreFocus: C,
-        isEnabled: I,
-        open: $,
-        children: /* @__PURE__ */ d.cloneElement(u, ie)
+        isEnabled: _,
+        open: L,
+        children: /* @__PURE__ */ c.cloneElement(u, Z)
       })]
     })
   });
@@ -4014,7 +4001,7 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated Use the `slots` prop 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.
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -4026,7 +4013,7 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated Use the `slotProps` prop 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.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -4096,6 +4083,11 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
    * @default false
    */
   keepMounted: e.bool,
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: e.func,
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -4138,7 +4130,7 @@ process.env.NODE_ENV !== "production" && (Zo.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const cs = (t) => {
+const ls = (t) => {
   const {
     classes: o,
     disableUnderline: n,
@@ -4147,16 +4139,16 @@ const cs = (t) => {
     size: s,
     hiddenLabel: a,
     multiline: l
-  } = t, c = {
+  } = t, d = {
     root: ["root", !n && "underline", r && "adornedStart", i && "adornedEnd", s === "small" && `size${K(s)}`, a && "hiddenLabel", l && "multiline"],
     input: ["input"]
-  }, u = Z(c, Ir, o);
+  }, u = Q(d, wr, o);
   return {
     ...o,
     // forward classes to the InputBase
     ...u
   };
-}, ds = F(Ot, {
+}, cs = F(Ot, {
   shouldForwardProp: (t) => Ne(t) || t === "classes",
   name: "MuiFilledInput",
   slot: "Root",
@@ -4186,10 +4178,10 @@ const cs = (t) => {
         backgroundColor: t.vars ? t.vars.palette.FilledInput.bg : r
       }
     },
-    [`&.${Ae.focused}`]: {
+    [`&.${$e.focused}`]: {
       backgroundColor: t.vars ? t.vars.palette.FilledInput.bg : r
     },
-    [`&.${Ae.disabled}`]: {
+    [`&.${$e.disabled}`]: {
       backgroundColor: t.vars ? t.vars.palette.FilledInput.disabledBg : s
     },
     variants: [{
@@ -4211,12 +4203,12 @@ const cs = (t) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${Ae.focused}:after`]: {
+        [`&.${$e.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${Ae.error}`]: {
+        [`&.${$e.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (t.vars || t).palette.error.main
           }
@@ -4234,10 +4226,10 @@ const cs = (t) => {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${Ae.disabled}, .${Ae.error}):before`]: {
+        [`&:hover:not(.${$e.disabled}, .${$e.error}):before`]: {
           borderBottom: `1px solid ${(t.vars || t).palette.text.primary}`
         },
-        [`&.${Ae.disabled}:before`]: {
+        [`&.${$e.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
@@ -4302,7 +4294,7 @@ const cs = (t) => {
       }
     }]
   };
-})), ps = F(Ct, {
+})), ds = F(Ct, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: Et
@@ -4384,8 +4376,8 @@ const cs = (t) => {
       paddingRight: 0
     }
   }]
-}))), St = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}))), St = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiFilledInput"
   }), {
@@ -4393,7 +4385,7 @@ const cs = (t) => {
     components: s = {},
     componentsProps: a,
     fullWidth: l = !1,
-    hiddenLabel: c,
+    hiddenLabel: d,
     // declare here to prevent spreading to DOM
     inputComponent: u = "input",
     multiline: m = !1,
@@ -4408,14 +4400,14 @@ const cs = (t) => {
     inputComponent: u,
     multiline: m,
     type: b
-  }, y = cs(r), h = {
+  }, y = ls(r), h = {
     root: {
       ownerState: O
     },
     input: {
       ownerState: O
     }
-  }, C = g ?? a ? zt(h, g ?? a) : h, p = T.root ?? s.Root ?? ds, f = T.input ?? s.Input ?? ps;
+  }, C = g ?? a ? zt(h, g ?? a) : h, p = T.root ?? s.Root ?? cs, f = T.input ?? s.Input ?? ds;
   return /* @__PURE__ */ v(Rt, {
     slots: {
       root: p,
@@ -4460,7 +4452,7 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop 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.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -4472,7 +4464,7 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop 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.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -4533,7 +4525,7 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
   /**
    * 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.
@@ -4624,11 +4616,11 @@ process.env.NODE_ENV !== "production" && (St.propTypes = {
   value: e.any
 });
 St.muiName = "Input";
-function us(t) {
-  return te("MuiFormControl", t);
+function ps(t) {
+  return oe("MuiFormControl", t);
 }
-se("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
-const fs = (t) => {
+ie("MuiFormControl", ["root", "marginNone", "marginNormal", "marginDense", "fullWidth", "disabled"]);
+const us = (t) => {
   const {
     classes: o,
     margin: n,
@@ -4636,8 +4628,8 @@ const fs = (t) => {
   } = t, i = {
     root: ["root", n !== "none" && `margin${K(n)}`, r && "fullWidth"]
   };
-  return Z(i, us, o);
-}, ms = F("div", {
+  return Q(i, ps, o);
+}, fs = F("div", {
   name: "MuiFormControl",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -4681,8 +4673,8 @@ const fs = (t) => {
       width: "100%"
     }
   }]
-}), Jo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), Jo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiFormControl"
   }), {
@@ -4690,7 +4682,7 @@ const fs = (t) => {
     className: s,
     color: a = "primary",
     component: l = "div",
-    disabled: c = !1,
+    disabled: d = !1,
     error: u = !1,
     focused: m,
     fullWidth: g = !1,
@@ -4704,7 +4696,7 @@ const fs = (t) => {
     ...r,
     color: a,
     component: l,
-    disabled: c,
+    disabled: d,
     error: u,
     fullWidth: g,
     hiddenLabel: T,
@@ -4712,61 +4704,61 @@ const fs = (t) => {
     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"]))
+  }, p = us(C), [f, E] = c.useState(() => {
+    let w = !1;
+    return i && c.Children.forEach(i, (M) => {
+      if (!Nt(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;
-  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(`
-`)), L.current = !0, () => {
-    L.current = !1;
+      const H = Nt(M, ["Select"]) ? M.props.input : M;
+      H && Er(H.props) && (w = !0);
+    }), w;
+  }), [S, P] = c.useState(() => {
+    let w = !1;
+    return i && c.Children.forEach(i, (M) => {
+      Nt(M, ["Input", "Select"]) && (ht(M.props, !0) || ht(M.props.inputProps, !0)) && (w = !0);
+    }), w;
+  }), [N, A] = c.useState(!1);
+  d && N && A(!1);
+  const L = m !== void 0 && !d ? m : N;
+  let D;
+  const $ = c.useRef(!1);
+  process.env.NODE_ENV !== "production" && (D = () => ($.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+`)), $.current = !0, () => {
+    $.current = !1;
   }));
-  const z = d.useCallback(() => {
+  const W = c.useCallback(() => {
     P(!0);
-  }, []), j = d.useCallback(() => {
+  }, []), j = c.useCallback(() => {
     P(!1);
-  }, []), R = d.useMemo(() => ({
+  }, []), R = c.useMemo(() => ({
     adornedStart: f,
     setAdornedStart: E,
     color: a,
-    disabled: c,
+    disabled: d,
     error: u,
-    filled: w,
-    focused: D,
+    filled: S,
+    focused: L,
     fullWidth: g,
     hiddenLabel: T,
     size: O,
     onBlur: () => {
-      $(!1);
+      A(!1);
     },
     onFocus: () => {
-      $(!0);
+      A(!0);
     },
     onEmpty: j,
-    onFilled: z,
-    registerEffect: B,
+    onFilled: W,
+    registerEffect: D,
     required: x,
     variant: y
-  }), [f, a, c, u, w, D, g, T, B, j, z, x, O, y]);
+  }), [f, a, d, u, S, L, g, T, D, j, W, x, O, y]);
   return /* @__PURE__ */ v(Tt.Provider, {
     value: R,
-    children: /* @__PURE__ */ v(ms, {
+    children: /* @__PURE__ */ v(fs, {
       as: l,
       ownerState: C,
-      className: Y(p.root, s),
+      className: J(p.root, s),
       ref: n,
       ...h,
       children: i
@@ -4853,12 +4845,12 @@ process.env.NODE_ENV !== "production" && (Jo.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function bs(t) {
-  return te("MuiFormHelperText", t);
+function ms(t) {
+  return oe("MuiFormHelperText", t);
 }
-const vo = se("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
+const vo = ie("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 var To;
-const gs = (t) => {
+const bs = (t) => {
   const {
     classes: o,
     contained: n,
@@ -4867,12 +4859,12 @@ const gs = (t) => {
     error: s,
     filled: a,
     focused: l,
-    required: c
+    required: d
   } = t, u = {
-    root: ["root", i && "disabled", s && "error", r && `size${K(r)}`, n && "contained", l && "focused", a && "filled", c && "required"]
+    root: ["root", i && "disabled", s && "error", r && `size${K(r)}`, n && "contained", l && "focused", a && "filled", d && "required"]
   };
-  return Z(u, bs, o);
-}, hs = F("p", {
+  return Q(u, ms, o);
+}, gs = F("p", {
   name: "MuiFormHelperText",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -4913,8 +4905,8 @@ const gs = (t) => {
       marginRight: 14
     }
   }]
-}))), Qo = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}))), Qo = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiFormHelperText"
   }), {
@@ -4922,7 +4914,7 @@ const gs = (t) => {
     className: s,
     component: a = "p",
     disabled: l,
-    error: c,
+    error: d,
     filled: u,
     focused: m,
     margin: g,
@@ -4946,10 +4938,10 @@ const gs = (t) => {
     required: y.required
   };
   delete h.ownerState;
-  const C = gs(h);
-  return /* @__PURE__ */ v(hs, {
+  const C = bs(h);
+  return /* @__PURE__ */ v(gs, {
     as: a,
-    className: Y(C.root, s),
+    className: J(C.root, s),
     ref: n,
     ...x,
     ownerState: h,
@@ -5021,10 +5013,10 @@ process.env.NODE_ENV !== "production" && (Qo.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
 });
-function ys(t) {
-  return te("MuiFormLabel", t);
+function hs(t) {
+  return oe("MuiFormLabel", t);
 }
-const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), vs = (t) => {
+const nt = ie("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), ys = (t) => {
   const {
     classes: o,
     color: n,
@@ -5033,12 +5025,12 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     error: s,
     filled: a,
     required: l
-  } = t, c = {
+  } = t, d = {
     root: ["root", `color${K(n)}`, i && "disabled", s && "error", a && "filled", r && "focused", l && "required"],
     asterisk: ["asterisk", s && "error"]
   };
-  return Z(c, ys, o);
-}, Ts = F("label", {
+  return Q(d, hs, o);
+}, vs = F("label", {
   name: "MuiFormLabel",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -5075,7 +5067,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
       }
     }
   }]
-}))), xs = F("span", {
+}))), Ts = F("span", {
   name: "MuiFormLabel",
   slot: "Asterisk",
   overridesResolver: (t, o) => o.asterisk
@@ -5085,8 +5077,8 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
   [`&.${nt.error}`]: {
     color: (t.vars || t).palette.error.main
   }
-}))), en = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}))), en = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiFormLabel"
   }), {
@@ -5094,7 +5086,7 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     className: s,
     color: a,
     component: l = "label",
-    disabled: c,
+    disabled: d,
     error: u,
     filled: m,
     focused: g,
@@ -5113,14 +5105,14 @@ const nt = se("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     filled: O.filled,
     focused: O.focused,
     required: O.required
-  }, h = vs(y);
-  return /* @__PURE__ */ ce(Ts, {
+  }, h = ys(y);
+  return /* @__PURE__ */ ce(vs, {
     as: l,
     ownerState: y,
-    className: Y(h.root, s),
+    className: J(h.root, s),
     ref: n,
     ...b,
-    children: [i, O.required && /* @__PURE__ */ ce(xs, {
+    children: [i, O.required && /* @__PURE__ */ ce(Ts, {
       ownerState: y,
       "aria-hidden": !0,
       className: h.asterisk,
@@ -5184,7 +5176,7 @@ process.env.NODE_ENV !== "production" && (en.propTypes = {
 function Dt(t) {
   return `scale(${t}, ${t ** 2})`;
 }
-const Es = {
+const xs = {
   entering: {
     opacity: 1,
     transform: Dt(1)
@@ -5193,14 +5185,14 @@ 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__ */ c.forwardRef(function(o, n) {
   const {
     addEndListener: r,
     appear: i = !0,
     children: s,
     easing: a,
     in: l,
-    onEnter: c,
+    onEnter: d,
     onEntered: u,
     onEntering: m,
     onExit: g,
@@ -5211,16 +5203,16 @@ 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 = Pn(), p = c.useRef(), f = Ht(), E = c.useRef(null), S = Ee(E, at(s), n), P = (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) => {
+  }, N = P(m), A = P((R, w) => {
     Wo(R);
     const {
-      duration: k,
-      delay: V,
+      duration: M,
+      delay: H,
       easing: I
     } = bt({
       style: x,
@@ -5229,20 +5221,20 @@ 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", {
-      duration: q,
-      delay: V
+    let _;
+    O === "auto" ? (_ = f.transitions.getAutoHeightDuration(R.clientHeight), p.current = _) : _ = M, R.style.transition = [f.transitions.create("opacity", {
+      duration: _,
+      delay: H
     }), f.transitions.create("transform", {
-      duration: Mt ? q : q * 0.666,
-      delay: V,
+      duration: kt ? _ : _ * 0.666,
+      delay: H,
       easing: I
-    })].join(","), c && c(R, S);
-  }), D = P(u), B = P(b), L = P((R) => {
+    })].join(","), d && d(R, w);
+  }), L = P(u), D = P(b), $ = P((R) => {
     const {
-      duration: S,
-      delay: k,
-      easing: V
+      duration: w,
+      delay: M,
+      easing: H
     } = bt({
       style: x,
       timeout: O,
@@ -5251,44 +5243,44 @@ 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), p.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,
-      easing: V
+      duration: kt ? I : I * 0.666,
+      delay: kt ? M : M || I * 0.333,
+      easing: H
     })].join(","), R.style.opacity = 0, R.style.transform = Dt(0.75), g && g(R);
-  }), z = P(T);
+  }), W = P(T);
   return /* @__PURE__ */ v(y, {
     appear: i,
     in: l,
     nodeRef: E,
-    onEnter: $,
-    onEntered: D,
+    onEnter: A,
+    onEntered: L,
     onEntering: N,
-    onExit: L,
-    onExited: z,
-    onExiting: B,
+    onExit: $,
+    onExited: W,
+    onExiting: D,
     addEndListener: (R) => {
       O === "auto" && C.start(p.current || 0, R), r && r(E.current, R);
     },
     timeout: O === "auto" ? null : O,
     ...h,
     children: (R, {
-      ownerState: S,
-      ...k
-    }) => /* @__PURE__ */ d.cloneElement(s, {
+      ownerState: w,
+      ...M
+    }) => /* @__PURE__ */ c.cloneElement(s, {
       style: {
         opacity: 0,
         transform: Dt(0.75),
         visibility: R === "exited" && !l ? "hidden" : void 0,
-        ...Es[R],
+        ...xs[R],
         ...x,
         ...s.props.style
       },
-      ref: w,
-      ...k
+      ref: S,
+      ...M
     })
   });
 });
@@ -5367,20 +5359,20 @@ process.env.NODE_ENV !== "production" && (vt.propTypes = {
   })])
 });
 vt && (vt.muiSupportAuto = !0);
-const Os = (t) => {
+const Es = (t) => {
   const {
     classes: o,
     disableUnderline: n
-  } = t, i = Z({
+  } = t, i = Q({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, Sr, o);
+  }, Rr, o);
   return {
     ...o,
     // forward classes to the InputBase
     ...i
   };
-}, Cs = F(Ot, {
+}, Os = F(Ot, {
   shouldForwardProp: (t) => Ne(t) || t === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -5470,12 +5462,12 @@ const Os = (t) => {
       }
     }))]
   };
-})), Rs = F(Ct, {
+})), Cs = F(Ct, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Et
-})({}), wt = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+})({}), wt = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiInput"
   }), {
@@ -5483,19 +5475,19 @@ const Os = (t) => {
     components: s = {},
     componentsProps: a,
     fullWidth: l = !1,
-    inputComponent: c = "input",
+    inputComponent: d = "input",
     multiline: u = !1,
     slotProps: m,
     slots: g = {},
     type: T = "text",
     ...b
-  } = r, x = Os(r), y = {
+  } = r, x = Es(r), y = {
     root: {
       ownerState: {
         disableUnderline: i
       }
     }
-  }, h = m ?? a ? zt(m ?? a, y) : y, C = g.root ?? s.Root ?? Cs, p = g.input ?? s.Input ?? Rs;
+  }, h = m ?? a ? zt(m ?? a, y) : y, C = g.root ?? s.Root ?? Os, p = g.input ?? s.Input ?? Cs;
   return /* @__PURE__ */ v(Rt, {
     slots: {
       root: C,
@@ -5503,7 +5495,7 @@ const Os = (t) => {
     },
     slotProps: h,
     fullWidth: l,
-    inputComponent: c,
+    inputComponent: d,
     multiline: u,
     ref: n,
     type: T,
@@ -5540,7 +5532,7 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop 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.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -5552,7 +5544,7 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop 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.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -5606,7 +5598,7 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
   /**
    * 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.
@@ -5697,11 +5689,11 @@ process.env.NODE_ENV !== "production" && (wt.propTypes = {
   value: e.any
 });
 wt.muiName = "Input";
-function Ss(t) {
-  return te("MuiInputLabel", t);
+function Rs(t) {
+  return oe("MuiInputLabel", t);
 }
-se("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
-const ws = (t) => {
+ie("MuiInputLabel", ["root", "focused", "disabled", "error", "required", "asterisk", "formControl", "sizeSmall", "shrink", "animated", "standard", "filled", "outlined"]);
+const Ss = (t) => {
   const {
     classes: o,
     formControl: n,
@@ -5710,16 +5702,16 @@ const ws = (t) => {
     disableAnimation: s,
     variant: a,
     required: l
-  } = t, c = {
-    root: ["root", n && "formControl", !s && "animated", i && "shrink", r && r !== "medium" && `size${K(r)}`, a],
+  } = t, d = {
+    root: ["root", n && "formControl", !s && "animated", i && "shrink", r && r !== "normal" && `size${K(r)}`, a],
     asterisk: [l && "asterisk"]
-  }, u = Z(c, Ss, o);
+  }, u = Q(d, Rs, o);
   return {
     ...o,
     // forward the focused, disabled, etc. classes to the FormLabel
     ...u
   };
-}, Is = F(en, {
+}, ws = F(en, {
   shouldForwardProp: (t) => Ne(t) || t === "classes",
   name: "MuiInputLabel",
   slot: "Root",
@@ -5853,8 +5845,8 @@ const ws = (t) => {
       transform: "translate(14px, -9px) scale(0.75)"
     }
   }]
-}))), tn = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}))), tn = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     name: "MuiInputLabel",
     props: o
   }), {
@@ -5862,7 +5854,7 @@ const ws = (t) => {
     margin: s,
     shrink: a,
     variant: l,
-    className: c,
+    className: d,
     ...u
   } = r, m = Ke();
   let g = a;
@@ -5880,11 +5872,11 @@ const ws = (t) => {
     variant: T.variant,
     required: T.required,
     focused: T.focused
-  }, x = ws(b);
-  return /* @__PURE__ */ v(Is, {
+  }, x = Ss(b);
+  return /* @__PURE__ */ v(ws, {
     "data-shrink": g,
     ref: n,
-    className: Y(x.root, c),
+    className: J(x.root, d),
     ...u,
     ownerState: b,
     classes: x
@@ -5945,9 +5937,9 @@ process.env.NODE_ENV !== "production" && (tn.propTypes = {
   shrink: e.bool,
   /**
    * The size of the component.
-   * @default 'medium'
+   * @default 'normal'
    */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  size: e.oneOfType([e.oneOf(["normal", "small"]), e.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -5957,23 +5949,23 @@ process.env.NODE_ENV !== "production" && (tn.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const on = /* @__PURE__ */ d.createContext({});
+const on = /* @__PURE__ */ c.createContext({});
 process.env.NODE_ENV !== "production" && (on.displayName = "ListContext");
-function Ns(t) {
-  return te("MuiList", t);
+function Is(t) {
+  return oe("MuiList", t);
 }
-se("MuiList", ["root", "padding", "dense", "subheader"]);
-const Ps = (t) => {
+ie("MuiList", ["root", "padding", "dense", "subheader"]);
+const Ns = (t) => {
   const {
     classes: o,
     disablePadding: n,
     dense: r,
     subheader: i
   } = t;
-  return Z({
+  return Q({
     root: ["root", !n && "padding", r && "dense", i && "subheader"]
-  }, Ns, o);
-}, Ms = F("ul", {
+  }, Is, o);
+}, Ps = F("ul", {
   name: "MuiList",
   slot: "Root",
   overridesResolver: (t, o) => {
@@ -6003,8 +5995,8 @@ const Ps = (t) => {
       paddingTop: 0
     }
   }]
-}), nn = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), nn = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiList"
   }), {
@@ -6012,22 +6004,22 @@ const Ps = (t) => {
     className: s,
     component: a = "ul",
     dense: l = !1,
-    disablePadding: c = !1,
+    disablePadding: d = !1,
     subheader: u,
     ...m
-  } = r, g = d.useMemo(() => ({
+  } = r, g = c.useMemo(() => ({
     dense: l
   }), [l]), T = {
     ...r,
     component: a,
     dense: l,
-    disablePadding: c
-  }, b = Ps(T);
+    disablePadding: d
+  }, b = Ns(T);
   return /* @__PURE__ */ v(on.Provider, {
     value: g,
-    children: /* @__PURE__ */ ce(Ms, {
+    children: /* @__PURE__ */ ce(Ps, {
       as: a,
-      className: Y(b.root, s),
+      className: J(b.root, s),
       ref: n,
       ownerState: T,
       ...m,
@@ -6078,7 +6070,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) {
@@ -6098,15 +6090,15 @@ function Je(t, o, n, r, i, s) {
         return !1;
       a = !0;
     }
-    const c = r ? !1 : l.disabled || l.getAttribute("aria-disabled") === "true";
-    if (!l.hasAttribute("tabindex") || !rn(l, s) || c)
+    const d = r ? !1 : l.disabled || l.getAttribute("aria-disabled") === "true";
+    if (!l.hasAttribute("tabindex") || !rn(l, s) || d)
       l = i(t, l, n);
     else
       return l.focus(), !0;
   }
   return !1;
 }
-const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
+const sn = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
@@ -6115,12 +6107,12 @@ const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
     autoFocusItem: s = !1,
     children: a,
     className: l,
-    disabledItemsFocusable: c = !1,
+    disabledItemsFocusable: d = !1,
     disableListWrap: u = !1,
     onKeyDown: m,
     variant: g = "selectedMenu",
     ...T
-  } = o, b = d.useRef(null), x = d.useRef({
+  } = o, b = c.useRef(null), x = c.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
@@ -6128,14 +6120,14 @@ const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
   });
   He(() => {
     i && b.current.focus();
-  }, [i]), d.useImperativeHandle(r, () => ({
+  }, [i]), c.useImperativeHandle(r, () => ({
     adjustStyleForScrollbar: (p, {
       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})`;
+        const S = `${Lo(Ie(p))}px`;
+        b.current.style[f === "rtl" ? "paddingLeft" : "paddingRight"] = S, b.current.style.width = `calc(100% + ${S})`;
       }
       return b.current;
     }
@@ -6148,34 +6140,34 @@ const sn = /* @__PURE__ */ d.forwardRef(function(o, n) {
     }
     const P = xe(f).activeElement;
     if (E === "ArrowDown")
-      p.preventDefault(), Je(f, P, u, c, kt);
+      p.preventDefault(), Je(f, P, u, d, Mt);
     else if (E === "ArrowUp")
-      p.preventDefault(), Je(f, P, u, c, xo);
+      p.preventDefault(), Je(f, P, u, d, xo);
     else if (E === "Home")
-      p.preventDefault(), Je(f, null, u, c, kt);
+      p.preventDefault(), Je(f, null, u, d, Mt);
     else if (E === "End")
-      p.preventDefault(), Je(f, null, u, c, xo);
+      p.preventDefault(), Je(f, null, u, d, 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 N = x.current, A = E.toLowerCase(), L = performance.now();
+      N.keys.length > 0 && (L - N.lastTime > 500 ? (N.keys = [], N.repeating = !0, N.previousKeyMatched = !0) : N.repeating && A !== N.keys[0] && (N.repeating = !1)), N.lastTime = L, N.keys.push(A);
+      const D = P && !N.repeating && rn(P, N);
+      N.previousKeyMatched && (D || Je(f, P, !1, d, Mt, N)) ? p.preventDefault() : N.previousKeyMatched = !1;
     }
     m && m(p);
   }, y = Ee(b, n);
   let h = -1;
-  d.Children.forEach(a, (p, f) => {
-    if (!/* @__PURE__ */ d.isValidElement(p)) {
+  c.Children.forEach(a, (p, f) => {
+    if (!/* @__PURE__ */ c.isValidElement(p)) {
       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));
   });
-  const C = d.Children.map(a, (p, f) => {
+  const C = c.Children.map(a, (p, 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), p.props.tabIndex === void 0 && g === "selectedMenu" && (E.tabIndex = 0), /* @__PURE__ */ c.cloneElement(p, E);
     }
     return p;
   });
@@ -6235,9 +6227,9 @@ process.env.NODE_ENV !== "production" && (sn.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 function ks(t) {
-  return te("MuiPopover", t);
+  return oe("MuiPopover", t);
 }
-se("MuiPopover", ["root", "paper"]);
+ie("MuiPopover", ["root", "paper"]);
 function Eo(t, o) {
   let n = 0;
   return typeof o == "number" ? n = o : o === "center" ? n = t.height / 2 : o === "bottom" && (n = t.height), n;
@@ -6252,15 +6244,15 @@ function Co(t) {
 function tt(t) {
   return typeof t == "function" ? t() : t;
 }
-const Fs = (t) => {
+const Ms = (t) => {
   const {
     classes: o
   } = t;
-  return Z({
+  return Q({
     root: ["root"],
     paper: ["paper"]
   }, ks, o);
-}, js = F(Zo, {
+}, Fs = F(Zo, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (t, o) => o.root
@@ -6280,8 +6272,8 @@ const Fs = (t) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), ln = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), ln = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiPopover"
   }), {
@@ -6292,7 +6284,7 @@ const Fs = (t) => {
       horizontal: "left"
     },
     anchorPosition: l,
-    anchorReference: c = "anchorEl",
+    anchorReference: d = "anchorEl",
     children: u,
     className: m,
     container: g,
@@ -6312,99 +6304,99 @@ const Fs = (t) => {
     transitionDuration: f = "auto",
     TransitionProps: E = {},
     // TODO: remove in v7
-    disableScrollLock: w = !1,
+    disableScrollLock: S = !1,
     ...P
-  } = r, N = d.useRef(), $ = {
+  } = r, N = c.useRef(), A = {
     ...r,
     anchorOrigin: a,
-    anchorReference: c,
+    anchorReference: d,
     elevation: T,
     marginThreshold: b,
     transformOrigin: C,
     TransitionComponent: p,
     transitionDuration: f,
     TransitionProps: E
-  }, D = Fs($), B = d.useCallback(() => {
-    if (c === "anchorPosition")
+  }, L = Ms(A), D = c.useCallback(() => {
+    if (d === "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 B = tt(s), z = B && B.nodeType === 1 ? B : xe(N.current).body, U = z.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(`
+      const se = z.getBoundingClientRect();
+      process.env.NODE_ENV !== "test" && se.top === 0 && se.left === 0 && se.right === 0 && se.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(`
 `));
     }
     return {
-      top: _.top + Eo(_, a.vertical),
-      left: _.left + Oo(_, a.horizontal)
+      top: U.top + Eo(U, a.vertical),
+      left: U.left + Oo(U, 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) => {
-    const W = {
-      width: A.offsetWidth,
-      height: A.offsetHeight
-    }, _ = L(W);
-    if (c === "none")
+  }, [s, a.horizontal, a.vertical, l, d]), $ = c.useCallback((B) => ({
+    vertical: Eo(B, C.vertical),
+    horizontal: Oo(B, C.horizontal)
+  }), [C.horizontal, C.vertical]), W = c.useCallback((B) => {
+    const z = {
+      width: B.offsetWidth,
+      height: B.offsetHeight
+    }, U = $(z);
+    if (d === "none")
       return {
         top: null,
         left: null,
-        transformOrigin: Co(_)
+        transformOrigin: Co(U)
       };
-    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;
-    if (b !== null && U < b) {
-      const de = U - b;
-      U -= de, _.vertical += de;
-    } else if (b !== null && be > Te) {
-      const de = be - Te;
-      U -= de, _.vertical += de;
+    const se = D();
+    let V = se.top - U.vertical, ee = se.left - U.horizontal;
+    const me = V + z.height, Oe = ee + z.width, ge = Ie(tt(s)), Te = ge.innerHeight - b, he = ge.innerWidth - b;
+    if (b !== null && V < b) {
+      const de = V - b;
+      V -= de, U.vertical += de;
+    } else if (b !== null && me > Te) {
+      const de = me - Te;
+      V -= de, U.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;
+    if (process.env.NODE_ENV !== "production" && z.height > Te && z.height && Te && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${z.height - Te}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
+`)), b !== null && ee < b) {
+      const de = ee - b;
+      ee -= de, U.horizontal += de;
     } else if (Oe > he) {
       const de = Oe - he;
-      Q -= de, _.horizontal += de;
+      ee -= de, U.horizontal += de;
     }
     return {
-      top: `${Math.round(U)}px`,
-      left: `${Math.round(Q)}px`,
-      transformOrigin: Co(_)
+      top: `${Math.round(V)}px`,
+      left: `${Math.round(ee)}px`,
+      transformOrigin: Co(U)
     };
-  }, [s, c, B, L, b]), [j, R] = d.useState(x), S = d.useCallback(() => {
-    const A = N.current;
-    if (!A)
+  }, [s, d, D, $, b]), [j, R] = c.useState(x), w = c.useCallback(() => {
+    const B = N.current;
+    if (!B)
       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);
-  }, [z]);
-  d.useEffect(() => (w && window.addEventListener("scroll", S), () => window.removeEventListener("scroll", S)), [s, w, S]);
-  const k = () => {
-    S();
-  }, V = () => {
+    const z = W(B);
+    z.top !== null && B.style.setProperty("top", z.top), z.left !== null && (B.style.left = z.left), B.style.transformOrigin = z.transformOrigin, R(!0);
+  }, [W]);
+  c.useEffect(() => (S && window.addEventListener("scroll", w), () => window.removeEventListener("scroll", w)), [s, S, w]);
+  const M = () => {
+    w();
+  }, H = () => {
     R(!1);
   };
-  d.useEffect(() => {
-    x && S();
-  }), d.useImperativeHandle(i, () => x ? {
+  c.useEffect(() => {
+    x && w();
+  }), c.useImperativeHandle(i, () => x ? {
     updatePosition: () => {
-      S();
+      w();
     }
-  } : null, [x, S]), d.useEffect(() => {
+  } : null, [x, w]), c.useEffect(() => {
     if (!x)
       return;
-    const A = $o(() => {
-      S();
-    }), W = Ie(tt(s));
-    return W.addEventListener("resize", A), () => {
-      A.clear(), W.removeEventListener("resize", A);
+    const B = Ao(() => {
+      w();
+    }), z = Ie(tt(s));
+    return z.addEventListener("resize", B), () => {
+      B.clear(), z.removeEventListener("resize", B);
     };
-  }, [s, x, S]);
+  }, [s, x, w]);
   let I = f;
-  const q = {
+  const _ = {
     slots: {
       transition: p,
       ...y
@@ -6414,19 +6406,19 @@ const Fs = (t) => {
       paper: O,
       ...h
     }
-  }, [le, me] = ee("transition", {
+  }, [le, ye] = te("transition", {
     elementType: vt,
-    externalForwardedProps: q,
-    ownerState: $,
-    getSlotProps: (A) => ({
-      ...A,
-      onEntering: (W, _) => {
-        var re;
-        (re = A.onEntering) == null || re.call(A, W, _), k();
+    externalForwardedProps: _,
+    ownerState: A,
+    getSlotProps: (B) => ({
+      ...B,
+      onEntering: (z, U) => {
+        var se;
+        (se = B.onEntering) == null || se.call(B, z, U), M();
       },
-      onExited: (W) => {
-        var _;
-        (_ = A.onExited) == null || _.call(A, W), V();
+      onExited: (z) => {
+        var U;
+        (U = B.onExited) == null || U.call(B, z), H();
       }
     }),
     additionalProps: {
@@ -6435,15 +6427,15 @@ const Fs = (t) => {
     }
   });
   f === "auto" && !le.muiSupportAuto && (I = void 0);
-  const G = g || (s ? xe(tt(s)).body : void 0), [ie, {
-    slots: J,
-    slotProps: ye,
+  const Y = g || (s ? xe(tt(s)).body : void 0), [X, {
+    slots: Z,
+    slotProps: be,
     ...fe
-  }] = ee("root", {
+  }] = te("root", {
     ref: n,
-    elementType: js,
+    elementType: Fs,
     externalForwardedProps: {
-      ...q,
+      ..._,
       ...P
     },
     shouldForwardComponentProp: !0,
@@ -6452,20 +6444,20 @@ const Fs = (t) => {
         backdrop: y.backdrop
       },
       slotProps: {
-        backdrop: Gn(typeof h.backdrop == "function" ? h.backdrop($) : h.backdrop, {
+        backdrop: Kn(typeof h.backdrop == "function" ? h.backdrop(A) : h.backdrop, {
           invisible: !0
         })
       },
-      container: G,
+      container: Y,
       open: x
     },
-    ownerState: $,
-    className: Y(D.root, m)
-  }), [ve, ne] = ee("paper", {
+    ownerState: A,
+    className: J(L.root, m)
+  }), [ve, re] = te("paper", {
     ref: N,
-    className: D.paper,
+    className: L.paper,
     elementType: an,
-    externalForwardedProps: q,
+    externalForwardedProps: _,
     shouldForwardComponentProp: !0,
     additionalProps: {
       elevation: T,
@@ -6473,20 +6465,20 @@ const Fs = (t) => {
         opacity: 0
       }
     },
-    ownerState: $
+    ownerState: A
   });
-  return /* @__PURE__ */ v(ie, {
+  return /* @__PURE__ */ v(X, {
     ...fe,
-    ...!$t(ie) && {
-      slots: J,
-      slotProps: ye,
-      disableScrollLock: w
+    ...!At(X) && {
+      slots: Z,
+      slotProps: be,
+      disableScrollLock: S
     },
     children: /* @__PURE__ */ v(le, {
-      ...me,
+      ...ye,
       timeout: I,
       children: /* @__PURE__ */ v(ve, {
-        ...ne,
+        ...re,
         children: u
       })
     })
@@ -6501,7 +6493,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.
@@ -6554,7 +6546,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
   anchorReference: e.oneOf(["anchorEl", "anchorPosition", "none"]),
   /**
    * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` 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.
+   * @deprecated Use `slots.backdrop` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
@@ -6568,7 +6560,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
   BackdropComponent: e.elementType,
   /**
    * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` 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.
+   * @deprecated Use `slotProps.backdrop` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   BackdropProps: e.object,
   /**
@@ -6600,7 +6592,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.
@@ -6670,7 +6662,7 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated use the `slots.transition` prop 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.
+   * @deprecated use the `slots.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default Grow
    */
   TransitionComponent: e.elementType,
@@ -6686,36 +6678,36 @@ process.env.NODE_ENV !== "production" && (ln.propTypes = {
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop 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.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TransitionProps: e.object
 });
-function As(t) {
-  return te("MuiMenu", t);
+function js(t) {
+  return oe("MuiMenu", t);
 }
-se("MuiMenu", ["root", "paper", "list"]);
+ie("MuiMenu", ["root", "paper", "list"]);
 const $s = {
   vertical: "top",
   horizontal: "right"
-}, Ls = {
+}, As = {
   vertical: "top",
   horizontal: "left"
-}, Ds = (t) => {
+}, Ls = (t) => {
   const {
     classes: o
   } = t;
-  return Z({
+  return Q({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
-  }, As, o);
-}, Bs = F(ln, {
+  }, js, o);
+}, Ds = F(ln, {
   shouldForwardProp: (t) => Ne(t) || t === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), zs = F(an, {
+})({}), Bs = F(an, {
   name: "MuiMenu",
   slot: "Paper",
   overridesResolver: (t, o) => o.paper
@@ -6726,15 +6718,15 @@ const $s = {
   maxHeight: "calc(100% - 96px)",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch"
-}), Ws = F(sn, {
+}), zs = F(sn, {
   name: "MuiMenu",
   slot: "List",
   overridesResolver: (t, o) => o.list
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), cn = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+}), cn = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiMenu"
   }), {
@@ -6742,7 +6734,7 @@ const $s = {
     children: s,
     className: a,
     disableAutoFocusItem: l = !1,
-    MenuListProps: c = {},
+    MenuListProps: d = {},
     onClose: u,
     open: m,
     PaperProps: g = {},
@@ -6760,64 +6752,64 @@ const $s = {
     ...r,
     autoFocus: i,
     disableAutoFocusItem: l,
-    MenuListProps: c,
+    MenuListProps: d,
     onEntering: x,
     PaperProps: g,
     transitionDuration: b,
     TransitionProps: O,
     variant: y
-  }, w = Ds(E), P = i && !l && m, N = d.useRef(null), $ = (I, q) => {
+  }, S = Ls(E), P = i && !l && m, N = c.useRef(null), A = (I, _) => {
     N.current && N.current.adjustStyleForScrollbar(I, {
       direction: f ? "rtl" : "ltr"
-    }), x && x(I, q);
-  }, D = (I) => {
+    }), x && x(I, _);
+  }, L = (I) => {
     I.key === "Tab" && (I.preventDefault(), u && u(I, "tabKeyDown"));
   };
-  let B = -1;
-  d.Children.map(s, (I, q) => {
-    /* @__PURE__ */ d.isValidElement(I) && (process.env.NODE_ENV !== "production" && Wt.isFragment(I) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), I.props.disabled || (y === "selectedMenu" && I.props.selected || B === -1) && (B = q));
+  let D = -1;
+  c.Children.map(s, (I, _) => {
+    /* @__PURE__ */ c.isValidElement(I) && (process.env.NODE_ENV !== "production" && Wt.isFragment(I) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), I.props.disabled || (y === "selectedMenu" && I.props.selected || D === -1) && (D = _));
   });
-  const L = {
+  const $ = {
     slots: h,
     slotProps: {
-      list: c,
+      list: d,
       transition: O,
       paper: g,
       ...C
     }
-  }, z = $n({
+  }, W = An({
     elementType: h.root,
     externalSlotProps: C.root,
     ownerState: E,
-    className: [w.root, a]
-  }), [j, R] = ee("paper", {
-    className: w.paper,
-    elementType: zs,
-    externalForwardedProps: L,
+    className: [S.root, a]
+  }), [j, R] = te("paper", {
+    className: S.paper,
+    elementType: Bs,
+    externalForwardedProps: $,
     shouldForwardComponentProp: !0,
     ownerState: E
-  }), [S, k] = ee("list", {
-    className: Y(w.list, c.className),
-    elementType: Ws,
+  }), [w, M] = te("list", {
+    className: J(S.list, d.className),
+    elementType: zs,
     shouldForwardComponentProp: !0,
-    externalForwardedProps: L,
+    externalForwardedProps: $,
     getSlotProps: (I) => ({
       ...I,
-      onKeyDown: (q) => {
+      onKeyDown: (_) => {
         var le;
-        D(q), (le = I.onKeyDown) == null || le.call(I, q);
+        L(_), (le = I.onKeyDown) == null || le.call(I, _);
       }
     }),
     ownerState: E
-  }), V = typeof L.slotProps.transition == "function" ? L.slotProps.transition(E) : L.slotProps.transition;
-  return /* @__PURE__ */ v(Bs, {
+  }), H = typeof $.slotProps.transition == "function" ? $.slotProps.transition(E) : $.slotProps.transition;
+  return /* @__PURE__ */ v(Ds, {
     onClose: u,
     anchorOrigin: {
       vertical: "bottom",
       horizontal: f ? "right" : "left"
     },
-    transformOrigin: f ? $s : Ls,
+    transformOrigin: f ? $s : As,
     slots: {
       root: h.root,
       paper: j,
@@ -6828,14 +6820,14 @@ const $s = {
       }
     },
     slotProps: {
-      root: z,
+      root: W,
       paper: R,
       backdrop: typeof C.backdrop == "function" ? C.backdrop(E) : C.backdrop,
       transition: {
-        ...V,
+        ...H,
         onEntering: (...I) => {
-          var q;
-          $(...I), (q = V == null ? void 0 : V.onEntering) == null || q.call(V, ...I);
+          var _;
+          A(...I), (_ = H == null ? void 0 : H.onEntering) == null || _.call(H, ...I);
         }
       }
     },
@@ -6845,12 +6837,12 @@ const $s = {
     ownerState: E,
     ...p,
     classes: T,
-    children: /* @__PURE__ */ v(S, {
+    children: /* @__PURE__ */ v(w, {
       actions: N,
-      autoFocus: i && (B === -1 || l),
+      autoFocus: i && (D === -1 || l),
       autoFocusItem: P,
       variant: y,
-      ...k,
+      ...M,
       children: s
     })
   });
@@ -6895,7 +6887,7 @@ process.env.NODE_ENV !== "production" && (cn.propTypes = {
   disableAutoFocusItem: e.bool,
   /**
    * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
-   * @deprecated use the `slotProps.list` prop 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.
+   * @deprecated use the `slotProps.list` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   MenuListProps: e.object,
@@ -6956,7 +6948,7 @@ process.env.NODE_ENV !== "production" && (cn.propTypes = {
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated use the `slotProps.transition` prop 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.
+   * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TransitionProps: e.object,
@@ -6966,10 +6958,10 @@ process.env.NODE_ENV !== "production" && (cn.propTypes = {
    */
   variant: e.oneOf(["menu", "selectedMenu"])
 });
-function Us(t) {
-  return te("MuiNativeSelect", t);
+function Ws(t) {
+  return oe("MuiNativeSelect", t);
 }
-const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Vs = (t) => {
+const Kt = ie("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), Us = (t) => {
   const {
     classes: o,
     variant: n,
@@ -6981,7 +6973,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 Q(l, Ws, o);
 }, dn = F("select")(({
   theme: t
 }) => ({
@@ -7044,7 +7036,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       }
     }
   }]
-})), Hs = F(dn, {
+})), Vs = F(dn, {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: Ne,
@@ -7093,7 +7085,7 @@ const Kt = se("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
       right: 7
     }
   }]
-})), qs = F(pn, {
+})), Hs = F(pn, {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (t, o) => {
@@ -7102,29 +7094,29 @@ 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) {
+})({}), un = /* @__PURE__ */ c.forwardRef(function(o, n) {
   const {
     className: r,
     disabled: i,
     error: s,
     IconComponent: a,
     inputRef: l,
-    variant: c = "standard",
+    variant: d = "standard",
     ...u
   } = o, m = {
     ...o,
     disabled: i,
-    variant: c,
+    variant: d,
     error: s
-  }, g = Vs(m);
-  return /* @__PURE__ */ ce(d.Fragment, {
-    children: [/* @__PURE__ */ v(Hs, {
+  }, g = Us(m);
+  return /* @__PURE__ */ ce(c.Fragment, {
+    children: [/* @__PURE__ */ v(Vs, {
       ownerState: m,
-      className: Y(g.select, r),
+      className: J(g.select, r),
       disabled: i,
       ref: l || n,
       ...u
-    }), o.multiple ? null : /* @__PURE__ */ v(qs, {
+    }), o.multiple ? null : /* @__PURE__ */ v(Hs, {
       as: a,
       ownerState: m,
       className: g.icon
@@ -7161,7 +7153,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
    */
@@ -7187,7 +7179,7 @@ process.env.NODE_ENV !== "production" && (un.propTypes = {
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
 var Ro;
-const _s = F("fieldset", {
+const qs = F("fieldset", {
   shouldForwardProp: Ne
 })({
   textAlign: "left",
@@ -7204,7 +7196,7 @@ const _s = F("fieldset", {
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), Ks = F("legend", {
+}), _s = F("legend", {
   shouldForwardProp: Ne
 })(ae(({
   theme: t
@@ -7276,18 +7268,18 @@ function fn(t) {
     label: i,
     notched: s,
     ...a
-  } = t, l = i != null && i !== "", c = {
+  } = t, l = i != null && i !== "", d = {
     ...t,
     notched: s,
     withLabel: l
   };
-  return /* @__PURE__ */ v(_s, {
+  return /* @__PURE__ */ v(qs, {
     "aria-hidden": !0,
     className: r,
-    ownerState: c,
+    ownerState: d,
     ...a,
-    children: /* @__PURE__ */ v(Ks, {
-      ownerState: c,
+    children: /* @__PURE__ */ v(_s, {
+      ownerState: d,
       children: l ? /* @__PURE__ */ v("span", {
         children: i
       }) : (
@@ -7327,20 +7319,20 @@ process.env.NODE_ENV !== "production" && (fn.propTypes = {
    */
   style: e.object
 });
-const Gs = (t) => {
+const Ks = (t) => {
   const {
     classes: o
-  } = t, r = Z({
+  } = t, r = Q({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, wr, o);
+  }, Sr, o);
   return {
     ...o,
     // forward classes to the InputBase
     ...r
   };
-}, Xs = F(Ot, {
+}, Gs = F(Ot, {
   shouldForwardProp: (t) => Ne(t) || t === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -7415,7 +7407,7 @@ const Gs = (t) => {
       }
     }]
   };
-})), Ys = F(fn, {
+})), Xs = F(fn, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (t, o) => o.notchedOutline
@@ -7426,7 +7418,7 @@ const Gs = (t) => {
   return {
     borderColor: t.vars ? `rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : o
   };
-})), Zs = F(Ct, {
+})), Ys = F(Ct, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: Et
@@ -7483,22 +7475,22 @@ const Gs = (t) => {
       paddingRight: 0
     }
   }]
-}))), It = /* @__PURE__ */ d.forwardRef(function(o, n) {
+}))), It = /* @__PURE__ */ c.forwardRef(function(o, n) {
   var r;
-  const i = oe({
+  const i = ne({
     props: o,
     name: "MuiOutlinedInput"
   }), {
     components: s = {},
     fullWidth: a = !1,
     inputComponent: l = "input",
-    label: c,
+    label: d,
     multiline: u = !1,
     notched: m,
     slots: g = {},
     type: T = "text",
     ...b
-  } = i, x = Gs(i), O = Ke(), y = _e({
+  } = i, x = Ks(i), O = Ke(), y = _e({
     props: i,
     muiFormControl: O,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -7514,18 +7506,18 @@ const Gs = (t) => {
     multiline: u,
     size: y.size,
     type: T
-  }, C = g.root ?? s.Root ?? Xs, p = g.input ?? s.Input ?? Zs;
+  }, C = g.root ?? s.Root ?? Gs, p = g.input ?? s.Input ?? Ys;
   return /* @__PURE__ */ v(Rt, {
     slots: {
       root: C,
       input: p
     },
-    renderSuffix: (f) => /* @__PURE__ */ v(Ys, {
+    renderSuffix: (f) => /* @__PURE__ */ v(Xs, {
       ownerState: h,
       className: x.notchedOutline,
-      label: c != null && c !== "" && y.required ? r || (r = /* @__PURE__ */ ce(d.Fragment, {
-        children: [c, " ", "*"]
-      })) : c,
+      label: d != null && d !== "" && y.required ? r || (r = /* @__PURE__ */ ce(c.Fragment, {
+        children: [d, " ", "*"]
+      })) : d,
       notched: typeof m < "u" ? m : !!(f.startAdornment || f.filled || f.focused)
     }),
     fullWidth: a,
@@ -7569,7 +7561,7 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop 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.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -7618,7 +7610,7 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
   /**
    * 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`.
@@ -7707,11 +7699,11 @@ process.env.NODE_ENV !== "production" && (It.propTypes = {
 });
 It.muiName = "Input";
 function mn(t) {
-  return te("MuiSelect", t);
+  return oe("MuiSelect", t);
 }
-const Qe = se("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const Qe = ie("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var So;
-const Js = F(dn, {
+const Zs = F(dn, {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (t, o) => {
@@ -7745,7 +7737,7 @@ const Js = F(dn, {
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Qs = F(pn, {
+}), Js = F(pn, {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (t, o) => {
@@ -7754,7 +7746,7 @@ const Js = F(dn, {
     } = t;
     return [o.icon, n.variant && o[`icon${K(n.variant)}`], n.open && o.iconOpen];
   }
-})({}), ei = F("input", {
+})({}), Qs = F("input", {
   shouldForwardProp: (t) => vn(t) && t !== "classes",
   name: "MuiSelect",
   slot: "NativeInput",
@@ -7771,10 +7763,10 @@ const Js = F(dn, {
 function wo(t, o) {
   return typeof o == "object" && o !== null ? t === o : String(t) === String(o);
 }
-function ti(t) {
+function ei(t) {
   return t == null || typeof t == "string" && !t.trim();
 }
-const oi = (t) => {
+const ti = (t) => {
   const {
     classes: o,
     variant: n,
@@ -7787,8 +7779,8 @@ const oi = (t) => {
     icon: ["icon", `icon${K(n)}`, s && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return Z(l, mn, o);
-}, bn = /* @__PURE__ */ d.forwardRef(function(o, n) {
+  return Q(l, mn, o);
+}, bn = /* @__PURE__ */ c.forwardRef(function(o, n) {
   var Zt;
   const {
     "aria-describedby": r,
@@ -7796,7 +7788,7 @@ const oi = (t) => {
     autoFocus: s,
     autoWidth: a,
     children: l,
-    className: c,
+    className: d,
     defaultOpen: u,
     defaultValue: m,
     disabled: g,
@@ -7810,162 +7802,162 @@ const oi = (t) => {
     name: p,
     onBlur: f,
     onChange: E,
-    onClose: w,
+    onClose: S,
     onFocus: P,
     onOpen: N,
-    open: $,
-    readOnly: D,
-    renderValue: B,
-    required: L,
-    SelectDisplayProps: z = {},
+    open: A,
+    readOnly: L,
+    renderValue: D,
+    required: $,
+    SelectDisplayProps: W = {},
     tabIndex: j,
     // catching `type` from Input which makes no sense for SelectInput
     type: R,
-    value: S,
-    variant: k = "standard",
-    ...V
-  } = o, [I, q] = no({
-    controlled: S,
+    value: w,
+    variant: M = "standard",
+    ...H
+  } = o, [I, _] = no({
+    controlled: w,
     default: m,
     name: "Select"
-  }), [le, me] = no({
-    controlled: $,
+  }), [le, ye] = no({
+    controlled: A,
     default: u,
     name: "Select"
-  }), G = d.useRef(null), ie = d.useRef(null), [J, ye] = d.useState(null), {
+  }), Y = c.useRef(null), X = c.useRef(null), [Z, be] = c.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, () => ({
+  } = c.useRef(A != null), [ve, re] = c.useState(), B = Ee(n, O), z = c.useCallback((k) => {
+    X.current = k, k && be(k);
+  }, []), U = Z == null ? void 0 : Z.parentNode;
+  c.useImperativeHandle(B, () => ({
     focus: () => {
-      ie.current.focus();
+      X.current.focus();
     },
-    node: G.current,
+    node: Y.current,
     value: I
-  }), [I]), d.useEffect(() => {
-    u && le && J && !fe && (ne(a ? null : _.clientWidth), ie.current.focus());
-  }, [J, a]), d.useEffect(() => {
-    s && ie.current.focus();
-  }, [s]), d.useEffect(() => {
+  }), [I]), c.useEffect(() => {
+    u && le && Z && !fe && (re(a ? null : U.clientWidth), X.current.focus());
+  }, [Z, a]), c.useEffect(() => {
+    s && X.current.focus();
+  }, [s]), c.useEffect(() => {
     if (!y)
       return;
-    const M = xe(ie.current).getElementById(y);
-    if (M) {
-      const H = () => {
-        getSelection().isCollapsed && ie.current.focus();
+    const k = xe(X.current).getElementById(y);
+    if (k) {
+      const q = () => {
+        getSelection().isCollapsed && X.current.focus();
       };
-      return M.addEventListener("click", H), () => {
-        M.removeEventListener("click", H);
+      return k.addEventListener("click", q), () => {
+        k.removeEventListener("click", q);
       };
     }
   }, [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) => {
+  const se = (k, q) => {
+    k ? N && N(q) : S && S(q), fe || (re(a ? null : U.clientWidth), ye(k));
+  }, V = (k) => {
+    k.button === 0 && (k.preventDefault(), X.current.focus(), se(!0, k));
+  }, ee = (k) => {
+    se(!1, k);
+  }, me = c.Children.toArray(l), Oe = (k) => {
+    const q = me.find((ue) => ue.props.value === k.target.value);
+    q !== void 0 && (_(q.props.value), E && E(k, q));
+  }, ge = (k) => (q) => {
     let ue;
-    if (H.currentTarget.hasAttribute("tabindex")) {
+    if (q.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);
+        const We = I.indexOf(k.props.value);
+        We === -1 ? ue.push(k.props.value) : ue.splice(We, 1);
       } else
-        ue = M.props.value;
-      if (M.props.onClick && M.props.onClick(H), I !== ue && (q(ue), E)) {
-        const We = H.nativeEvent || H, Jt = new We.constructor(We.type, We);
+        ue = k.props.value;
+      if (k.props.onClick && k.props.onClick(q), I !== ue && (_(ue), E)) {
+        const We = q.nativeEvent || q, Jt = new We.constructor(We.type, We);
         Object.defineProperty(Jt, "target", {
           writable: !0,
           value: {
             value: ue,
             name: p
           }
-        }), E(Jt, M);
+        }), E(Jt, k);
       }
-      C || re(!1, H);
+      C || se(!1, q);
     }
-  }, Te = (M) => {
-    D || [
+  }, Te = (k) => {
+    L || [
       " ",
       "ArrowUp",
       "ArrowDown",
       // 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(), se(!0, k));
+  }, he = Z !== null && le, de = (k) => {
+    !he && f && (Object.defineProperty(k, "target", {
       writable: !0,
       value: {
         value: I,
         name: p
       }
-    }), f(M));
+    }), f(k));
   };
-  delete V["aria-invalid"];
+  delete H["aria-invalid"];
   let Ce, Pe;
   const pe = [];
   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))
+  }) || T) && (D ? Ce = D(I) : De = !0);
+  const lt = me.map((k) => {
+    if (!/* @__PURE__ */ c.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;
+    let q;
     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);
+      q = I.some((ue) => wo(ue, k.props.value)), q && De && pe.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, {
-      "aria-selected": H ? "true" : "false",
-      onClick: ge(M),
+      q = wo(I, k.props.value), q && De && (Pe = k.props.children);
+    return q && (Fe = !0), /* @__PURE__ */ c.cloneElement(k, {
+      "aria-selected": q ? "true" : "false",
+      onClick: ge(k),
       onKeyUp: (ue) => {
-        ue.key === " " && ue.preventDefault(), M.props.onKeyUp && M.props.onKeyUp(ue);
+        ue.key === " " && ue.preventDefault(), k.props.onKeyUp && k.props.onKeyUp(ue);
       },
       role: "option",
-      selected: H,
+      selected: q,
       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(() => {
+  process.env.NODE_ENV !== "production" && c.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 = me.map((q) => q.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 ${k.filter((q) => q != null).map((q) => `\`${q}\``).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, me, C, p, I]), De && (C ? pe.length === 0 ? Ce = null : Ce = pe.reduce((k, q, ue) => (k.push(q), ue < pe.length - 1 && k.push(", "), k), []) : Ce = Pe);
   let Ge = ve;
-  !a && fe && J && (Ge = _.clientWidth);
+  !a && fe && Z && (Ge = U.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 = W.id || (p ? `mui-component-select-${p}` : void 0), G = {
     ...o,
-    variant: k,
+    variant: M,
     value: I,
     open: he,
     error: b
-  }, Be = oi(X), ze = {
+  }, Be = ti(G), ze = {
     ...h.PaperProps,
     ...(Zt = h.slotProps) == null ? void 0 : Zt.paper
   }, Yt = Vt();
-  return /* @__PURE__ */ ce(d.Fragment, {
-    children: [/* @__PURE__ */ v(Js, {
+  return /* @__PURE__ */ ce(c.Fragment, {
+    children: [/* @__PURE__ */ v(Zs, {
       as: "div",
-      ref: W,
+      ref: z,
       tabIndex: je,
       role: "combobox",
       "aria-controls": he ? Yt : void 0,
@@ -7975,17 +7967,17 @@ const oi = (t) => {
       "aria-label": i,
       "aria-labelledby": [y, Xe].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
-      "aria-required": L ? "true" : void 0,
+      "aria-required": $ ? "true" : void 0,
       "aria-invalid": b ? "true" : void 0,
       onKeyDown: Te,
-      onMouseDown: g || D ? null : U,
+      onMouseDown: g || L ? null : V,
       onBlur: de,
       onFocus: P,
-      ...z,
-      ownerState: X,
-      className: Y(z.className, Be.select, c),
+      ...W,
+      ownerState: G,
+      className: J(W.className, Be.select, d),
       id: Xe,
-      children: ti(Ce) ? (
+      children: ei(Ce) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
         So || (So = /* @__PURE__ */ v("span", {
           className: "notranslate",
@@ -7993,29 +7985,29 @@ const oi = (t) => {
           children: "​"
         }))
       ) : Ce
-    }), /* @__PURE__ */ v(ei, {
+    }), /* @__PURE__ */ v(Qs, {
       "aria-invalid": b,
       value: Array.isArray(I) ? I.join(",") : I,
       name: p,
-      ref: G,
+      ref: Y,
       "aria-hidden": !0,
       onChange: Oe,
       tabIndex: -1,
       disabled: g,
       className: Be.nativeInput,
       autoFocus: s,
-      required: L,
-      ...V,
-      ownerState: X
-    }), /* @__PURE__ */ v(Qs, {
+      required: $,
+      ...H,
+      ownerState: G
+    }), /* @__PURE__ */ v(Js, {
       as: x,
       className: Be.icon,
-      ownerState: X
+      ownerState: G
     }), /* @__PURE__ */ v(cn, {
       id: `menu-${p || ""}`,
-      anchorEl: _,
+      anchorEl: U,
       open: he,
-      onClose: Q,
+      onClose: ee,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -8107,7 +8099,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.
@@ -8195,10 +8187,10 @@ process.env.NODE_ENV !== "production" && (bn.propTypes = {
    */
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
-const ni = (t) => {
+const oi = (t) => {
   const {
     classes: o
-  } = t, r = Z({
+  } = t, r = Q({
     root: ["root"]
   }, mn, o);
   return {
@@ -8210,8 +8202,8 @@ const ni = (t) => {
   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) {
-  const r = oe({
+}, ni = F(wt, Gt)(""), ri = F(It, Gt)(""), si = F(St, Gt)(""), Xt = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     name: "MuiSelect",
     props: o
   }), {
@@ -8219,9 +8211,9 @@ const ni = (t) => {
     children: s,
     classes: a = {},
     className: l,
-    defaultOpen: c = !1,
+    defaultOpen: d = !1,
     displayEmpty: u = !1,
-    IconComponent: m = Nr,
+    IconComponent: m = Ir,
     id: g,
     input: T,
     inputProps: b,
@@ -8233,43 +8225,43 @@ const ni = (t) => {
     onClose: p,
     onOpen: f,
     open: E,
-    renderValue: w,
+    renderValue: S,
     SelectDisplayProps: P,
     variant: N = "outlined",
-    ...$
-  } = r, D = C ? un : bn, B = Ke(), L = _e({
+    ...A
+  } = r, L = C ? un : bn, D = Ke(), $ = _e({
     props: r,
-    muiFormControl: B,
+    muiFormControl: D,
     states: ["variant", "error"]
-  }), z = L.variant || N, j = {
+  }), W = $.variant || N, j = {
     ...r,
-    variant: z,
+    variant: W,
     classes: a
-  }, R = ni(j), {
-    root: S,
-    ...k
-  } = R, V = T || {
-    standard: /* @__PURE__ */ v(ri, {
+  }, R = oi(j), {
+    root: w,
+    ...M
+  } = R, H = T || {
+    standard: /* @__PURE__ */ v(ni, {
       ownerState: j
     }),
-    outlined: /* @__PURE__ */ v(si, {
+    outlined: /* @__PURE__ */ v(ri, {
       label: x,
       ownerState: j
     }),
-    filled: /* @__PURE__ */ v(ii, {
+    filled: /* @__PURE__ */ v(si, {
       ownerState: j
     })
-  }[z], I = Ee(n, at(V));
-  return /* @__PURE__ */ v(d.Fragment, {
-    children: /* @__PURE__ */ d.cloneElement(V, {
+  }[W], I = Ee(n, at(H));
+  return /* @__PURE__ */ v(c.Fragment, {
+    children: /* @__PURE__ */ c.cloneElement(H, {
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
-      inputComponent: D,
+      inputComponent: L,
       inputProps: {
         children: s,
-        error: L.error,
+        error: $.error,
         IconComponent: m,
-        variant: z,
+        variant: W,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: h,
@@ -8277,33 +8269,33 @@ const ni = (t) => {
           id: g
         } : {
           autoWidth: i,
-          defaultOpen: c,
+          defaultOpen: d,
           displayEmpty: u,
           labelId: O,
           MenuProps: y,
           onClose: p,
           onOpen: f,
           open: E,
-          renderValue: w,
+          renderValue: S,
           SelectDisplayProps: {
             id: g,
             ...P
           }
         },
         ...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 || u) && W === "outlined" ? {
         notched: !0
       } : {},
       ref: I,
-      className: Y(V.props.className, l, R.root),
+      className: J(H.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
+        variant: W
       },
-      ...$
+      ...A
     })
   });
 });
@@ -8455,27 +8447,27 @@ process.env.NODE_ENV !== "production" && (Xt.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 Xt.muiName = "Select";
-function ai(t) {
-  return te("MuiTextField", t);
+function ii(t) {
+  return oe("MuiTextField", t);
 }
-se("MuiTextField", ["root"]);
-const li = {
+ie("MuiTextField", ["root"]);
+const ai = {
   standard: wt,
   filled: St,
   outlined: It
-}, ci = (t) => {
+}, li = (t) => {
   const {
     classes: o
   } = t;
-  return Z({
+  return Q({
     root: ["root"]
-  }, ai, o);
-}, di = F(Jo, {
+  }, ii, o);
+}, ci = F(Jo, {
   name: "MuiTextField",
   slot: "Root",
   overridesResolver: (t, o) => o.root
-})({}), Bt = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const r = oe({
+})({}), Bt = /* @__PURE__ */ c.forwardRef(function(o, n) {
+  const r = ne({
     props: o,
     name: "MuiTextField"
   }), {
@@ -8483,7 +8475,7 @@ const li = {
     autoFocus: s = !1,
     children: a,
     className: l,
-    color: c = "primary",
+    color: d = "primary",
     defaultValue: u,
     disabled: m = !1,
     error: g = !1,
@@ -8497,89 +8489,89 @@ const li = {
     inputRef: p,
     label: f,
     maxRows: E,
-    minRows: w,
+    minRows: S,
     multiline: P = !1,
     name: N,
-    onBlur: $,
-    onChange: D,
-    onFocus: B,
-    placeholder: L,
-    required: z = !1,
+    onBlur: A,
+    onChange: L,
+    onFocus: D,
+    placeholder: $,
+    required: W = !1,
     rows: j,
     select: R = !1,
-    SelectProps: S,
-    slots: k = {},
-    slotProps: V = {},
+    SelectProps: w,
+    slots: M = {},
+    slotProps: H = {},
     type: I,
-    value: q,
+    value: _,
     variant: le = "outlined",
-    ...me
-  } = r, G = {
+    ...ye
+  } = r, Y = {
     ...r,
     autoFocus: s,
-    color: c,
+    color: d,
     disabled: m,
     error: g,
     fullWidth: b,
     multiline: P,
-    required: z,
+    required: W,
     select: R,
     variant: le
-  }, ie = ci(G);
+  }, X = li(Y);
   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 Z = Vt(O), be = x && Z ? `${Z}-helper-text` : void 0, fe = f && Z ? `${Z}-label` : void 0, ve = ai[le], re = {
+    slots: M,
     slotProps: {
       input: C,
       inputLabel: y,
       htmlInput: h,
       formHelperText: T,
-      select: S,
-      ...V
+      select: w,
+      ...H
     }
-  }, 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", {
-    elementType: di,
+  }, B = {}, z = re.slotProps.inputLabel;
+  le === "outlined" && (z && typeof z.shrink < "u" && (B.notched = z.shrink), B.label = f), R && ((!w || !w.native) && (B.id = void 0), B["aria-describedby"] = void 0);
+  const [U, se] = te("root", {
+    elementType: ci,
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
-      ...ne,
-      ...me
+      ...re,
+      ...ye
     },
-    ownerState: G,
-    className: Y(ie.root, l),
+    ownerState: Y,
+    className: J(X.root, l),
     ref: n,
     additionalProps: {
       disabled: m,
       error: g,
       fullWidth: b,
-      required: z,
-      color: c,
+      required: W,
+      color: d,
       variant: le
     }
-  }), [U, Q] = ee("input", {
+  }), [V, ee] = te("input", {
     elementType: ve,
-    externalForwardedProps: ne,
-    additionalProps: A,
-    ownerState: G
-  }), [be, Oe] = ee("inputLabel", {
+    externalForwardedProps: re,
+    additionalProps: B,
+    ownerState: Y
+  }), [me, Oe] = te("inputLabel", {
     elementType: tn,
-    externalForwardedProps: ne,
-    ownerState: G
-  }), [ge, Te] = ee("htmlInput", {
+    externalForwardedProps: re,
+    ownerState: Y
+  }), [ge, Te] = te("htmlInput", {
     elementType: "input",
-    externalForwardedProps: ne,
-    ownerState: G
-  }), [he, de] = ee("formHelperText", {
+    externalForwardedProps: re,
+    ownerState: Y
+  }), [he, de] = te("formHelperText", {
     elementType: Qo,
-    externalForwardedProps: ne,
-    ownerState: G
-  }), [Ce, Pe] = ee("select", {
+    externalForwardedProps: re,
+    ownerState: Y
+  }), [Ce, Pe] = te("select", {
     elementType: Xt,
-    externalForwardedProps: ne,
-    ownerState: G
-  }), pe = /* @__PURE__ */ v(U, {
-    "aria-describedby": ye,
+    externalForwardedProps: re,
+    ownerState: Y
+  }), pe = /* @__PURE__ */ v(V, {
+    "aria-describedby": be,
     autoComplete: i,
     autoFocus: s,
     defaultValue: u,
@@ -8588,38 +8580,38 @@ const li = {
     name: N,
     rows: j,
     maxRows: E,
-    minRows: w,
+    minRows: S,
     type: I,
-    value: q,
-    id: J,
+    value: _,
+    id: Z,
     inputRef: p,
-    onBlur: $,
-    onChange: D,
-    onFocus: B,
-    placeholder: L,
+    onBlur: A,
+    onChange: L,
+    onFocus: D,
+    placeholder: $,
     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,
+  return /* @__PURE__ */ ce(U, {
+    ...se,
+    children: [f != null && f !== "" && /* @__PURE__ */ v(me, {
+      htmlFor: Z,
       id: fe,
       ...Oe,
       children: f
     }), R ? /* @__PURE__ */ v(Ce, {
-      "aria-describedby": ye,
-      id: J,
+      "aria-describedby": be,
+      id: Z,
       labelId: fe,
-      value: q,
+      value: _,
       input: pe,
       ...Pe,
       children: a
     }) : pe, x && /* @__PURE__ */ v(he, {
-      id: ye,
+      id: be,
       ...de,
       children: x
     })]
@@ -8676,7 +8668,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
   error: e.bool,
   /**
    * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` 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.
+   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   FormHelperTextProps: e.object,
   /**
@@ -8696,12 +8688,12 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
   /**
    * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` 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.
+   * @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputLabelProps: e.object,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/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.
+   * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
   /**
@@ -8709,13 +8701,13 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
    * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
    * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` 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.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   InputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ke,
+  inputRef: Me,
   /**
    * The label content.
    */
@@ -8778,7 +8770,7 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
   select: e.bool,
   /**
    * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` 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.
+   * @deprecated Use `slotProps.select` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   SelectProps: e.object,
   /**
@@ -8827,9 +8819,9 @@ process.env.NODE_ENV !== "production" && (Bt.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const pi = Me(/* @__PURE__ */ v("path", {
+const di = 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: [
+}), "LockOutlined"), Ri = ({ title: t, disableAll: o, error: n, setError: r, handleSubmit: i, version: s }) => /* @__PURE__ */ ce(Go, { component: "main", maxWidth: "xs", children: [
   /* @__PURE__ */ v(Yo, {}),
   /* @__PURE__ */ ce(
     oo,
@@ -8841,9 +8833,9 @@ const pi = Me(/* @__PURE__ */ v("path", {
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ v(qo, { sx: { m: 1, bgcolor: "secondary.main" }, children: /* @__PURE__ */ v(pi, {}) }),
-        /* @__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__ */ v(qo, { sx: { m: 1, bgcolor: "secondary.main" }, children: /* @__PURE__ */ v(di, {}) }),
+        /* @__PURE__ */ v($t, { component: "h1", variant: "h5", align: "center", children: t }),
+        /* @__PURE__ */ v($t, { 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: [
           /* @__PURE__ */ v(
             Bt,
@@ -8889,5 +8881,5 @@ const pi = Me(/* @__PURE__ */ v("path", {
   )
 ] });
 export {
-  Si as Login
+  Ri as Login
 };