@movable/ui 0.15.0 → 0.15.2

package/lib/index.mjs

@@ -1,9 +1,9 @@
 import yt, { useState as Gt } from "react";
-import { Typography as Xe, Stack as Fe, Icon as mt, Breadcrumbs as Vt, Link as Kt, Box as qt, Button as vr, Menu as Ht, MenuItem as Jt } from "@mui/material";
-function Xt(e) {
+import { Typography as Xe, styled as Vt, Stack as Fe, Icon as mt, Breadcrumbs as Kt, Link as qt, Box as Ht, Button as vr, Menu as Jt, MenuItem as Xt } from "@mui/material";
+function Zt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Rr = { exports: {} }, Ke = {};
+var wr = { exports: {} }, Ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,7 +14,7 @@ var Rr = { exports: {} }, Ke = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Kr;
-function Zt() {
+function Qt() {
   if (Kr)
     return Ke;
   Kr = 1;
@@ -42,10 +42,10 @@ var qe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var qr;
-function Qt() {
+function en() {
   return qr || (qr = 1, process.env.NODE_ENV !== "production" && function() {
     var e = yt, r = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), f = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), l = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), A = Symbol.iterator, b = "@@iterator";
-    function w(t) {
+    function R(t) {
       if (t === null || typeof t != "object")
         return null;
       var u = A && t[A] || t[b];
@@ -133,18 +133,18 @@ function Qt() {
         }
       return null;
     }
-    var fe = Object.assign, Te = 0, ye, ve, we, Me, c, x, S;
-    function R() {
+    var fe = Object.assign, Te = 0, ye, ve, Re, Me, c, x, S;
+    function w() {
     }
-    R.__reactDisabledLog = !0;
+    w.__reactDisabledLog = !0;
     function O() {
       {
         if (Te === 0) {
-          ye = console.log, ve = console.info, we = console.warn, Me = console.error, c = console.group, x = console.groupCollapsed, S = console.groupEnd;
+          ye = console.log, ve = console.info, Re = console.warn, Me = console.error, c = console.group, x = console.groupCollapsed, S = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: R,
+            value: w,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -176,7 +176,7 @@ function Qt() {
               value: ve
             }),
             warn: fe({}, t, {
-              value: we
+              value: Re
             }),
             error: fe({}, t, {
               value: Me
@@ -352,13 +352,13 @@ function Qt() {
     function gr(t) {
       return _t(t);
     }
-    function Rt(t) {
+    function wt(t) {
       {
         var u = typeof Symbol == "function" && Symbol.toStringTag, y = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return y;
       }
     }
-    function wt(t) {
+    function Rt(t) {
       try {
         return Dr(t), !1;
       } catch {
@@ -369,8 +369,8 @@ function Qt() {
       return "" + t;
     }
     function Br(t) {
-      if (wt(t))
-        return G("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Rt(t)), Dr(t);
+      if (Rt(t))
+        return G("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wt(t)), Dr(t);
     }
     var Ve = N.ReactCurrentOwner, St = {
       key: !0,
@@ -483,7 +483,7 @@ function Qt() {
     function br(t) {
       return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function Ur() {
+    function Lr() {
       {
         if (mr.current) {
           var t = ge(mr.current.type);
@@ -506,10 +506,10 @@ Check your code at ` + u + ":" + y + ".";
         return "";
       }
     }
-    var Lr = {};
+    var Ur = {};
     function Nt(t) {
       {
-        var u = Ur();
+        var u = Lr();
         if (!u) {
           var y = typeof t == "string" ? t : t.displayName || t.name;
           y && (u = `
@@ -525,9 +525,9 @@ Check the top-level render call using <` + y + ">.");
           return;
         t._store.validated = !0;
         var y = Nt(u);
-        if (Lr[y])
+        if (Ur[y])
           return;
-        Lr[y] = !0;
+        Ur[y] = !0;
         var T = "";
         t && t._owner && t._owner !== mr.current && (T = " It was passed a child from " + ge(t._owner.type) + "."), De(t), G('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, T), De(null);
       }
@@ -544,7 +544,7 @@ Check the top-level render call using <` + y + ">.");
         else if (br(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var F = w(t);
+          var F = R(t);
           if (typeof F == "function" && F !== t.entries)
             for (var z = F.call(t), I; !(I = z.next()).done; )
               br(I.value) && Yr(I.value, u);
@@ -595,7 +595,7 @@ Check the top-level render call using <` + y + ">.");
           var k = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var le = Bt(F);
-          le ? k += le : k += Ur();
+          le ? k += le : k += Lr();
           var ee;
           t === null ? ee = "null" : gr(t) ? ee = "array" : t !== void 0 && t.$$typeof === r ? (ee = "<" + (ge(t.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : ee = typeof t, G("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ee, k);
         }
@@ -618,25 +618,42 @@ Check the top-level render call using <` + y + ">.");
         return t === n ? Wt(te) : Ft(te), te;
       }
     }
-    function Ut(t, u, y) {
+    function Lt(t, u, y) {
       return Gr(t, u, y, !0);
     }
-    function Lt(t, u, y) {
+    function Ut(t, u, y) {
       return Gr(t, u, y, !1);
     }
-    var Yt = Lt, zt = Ut;
+    var Yt = Ut, zt = Lt;
     qe.Fragment = n, qe.jsx = Yt, qe.jsxs = zt;
   }()), qe;
 }
-process.env.NODE_ENV === "production" ? Rr.exports = Zt() : Rr.exports = Qt();
-var V = Rr.exports;
-function ia({ stringToDisplay: e }) {
+process.env.NODE_ENV === "production" ? wr.exports = Qt() : wr.exports = en();
+var V = wr.exports;
+function ua({ stringToDisplay: e }) {
   return V.jsxs(Xe, { children: ["stringToDisplay prop is:", " ", V.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
-function sa({ metadata: e }) {
+const rn = 280;
+Vt("main", { shouldForwardProp: (e) => e !== "open" })(({ theme: e, open: r }) => ({
+  flexGrow: 1,
+  overflowX: "scroll",
+  transition: e.transitions.create("margin", {
+    easing: e.transitions.easing.sharp,
+    duration: e.transitions.duration.leavingScreen
+  }),
+  marginLeft: `-${rn}px`,
+  ...r && {
+    transition: e.transitions.create("margin", {
+      easing: e.transitions.easing.easeOut,
+      duration: e.transitions.duration.enteringScreen
+    }),
+    marginLeft: 0
+  }
+}));
+function la({ metadata: e }) {
   return V.jsx(Fe, { direction: "row", spacing: 2, children: e.map(({ icon: r, label: o, value: n }) => V.jsxs(Fe, { direction: "row", spacing: 0.5, children: [V.jsx(mt, { fontSize: "small", sx: { color: "neutral600" }, children: r }), V.jsx(Xe, { variant: "body2", color: "text.secondary", children: o }), V.jsx(Xe, { variant: "body2", children: n })] }, o)) });
 }
-function ua({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: a, Tabs: i }) {
+function ca({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: a, Tabs: i }) {
   return V.jsx("header", { children: V.jsxs(Fe, { direction: "column", spacing: 2, sx: {
     borderBottom: 1,
     borderColor: "divider",
@@ -645,23 +662,23 @@ function ua({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: a
     ...i && { pb: -3 }
   }, children: [V.jsxs(Fe, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", children: [V.jsxs(Fe, { direction: "row", spacing: 1, alignItems: "center", children: [e, n] }), a] }), o, r, i] }) });
 }
-function en({ label: e }) {
+function tn({ label: e }) {
   return V.jsx(Xe, { "data-cy": "page-title", variant: "h5", component: "h1", sx: { wordBreak: "break-word", fontWeight: "600", color: "text.primary" }, children: e });
 }
-function rn({ breadcrumb: e, i: r }) {
-  return V.jsx(Kt, { underline: "hover", href: e.path, "data-cy": `breadcrumb-${r}`, variant: "h5", color: "text.disabled", children: e.label });
+function nn({ breadcrumb: e, i: r }) {
+  return V.jsx(qt, { underline: "hover", href: e.path, "data-cy": `breadcrumb-${r}`, variant: "h5", color: "text.disabled", children: e.label });
 }
-function la({ breadcrumbs: e }) {
-  return V.jsx(Vt, { children: e == null ? void 0 : e.map((r, o) => o === e.length - 1 ? V.jsx(en, { label: r.label }, `breadcrumb-${o}`) : V.jsx(rn, { breadcrumb: r, i: o }, `breadcrumb-${o}`)) });
+function fa({ breadcrumbs: e }) {
+  return V.jsx(Kt, { children: e == null ? void 0 : e.map((r, o) => o === e.length - 1 ? V.jsx(tn, { label: r.label }, `breadcrumb-${o}`) : V.jsx(nn, { breadcrumb: r, i: o }, `breadcrumb-${o}`)) });
 }
-function ca({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
+function da({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
   var d;
   const [n, a] = Gt(null), i = !!n, s = (p) => {
     a(p.currentTarget);
   }, f = () => {
     a(null);
   };
-  return V.jsxs(Fe, { direction: "row", spacing: 1, children: [o && V.jsxs(qt, { children: [V.jsx(vr, { id: "action-dd", "aria-controls": i ? "action-menu" : void 0, "aria-haspopup": "true", "aria-expanded": i ? "true" : void 0, onClick: s, variant: "contained", color: "inherit", endIcon: V.jsx(mt, { children: "arrow_drop_down" }), children: o.label }), V.jsx(Ht, { id: "action-menu", anchorEl: n, open: i, onClose: f, MenuListProps: {
+  return V.jsxs(Fe, { direction: "row", spacing: 1, children: [o && V.jsxs(Ht, { children: [V.jsx(vr, { id: "action-dd", "aria-controls": i ? "action-menu" : void 0, "aria-haspopup": "true", "aria-expanded": i ? "true" : void 0, onClick: s, variant: "contained", color: "inherit", endIcon: V.jsx(mt, { children: "arrow_drop_down" }), children: o.label }), V.jsx(Jt, { id: "action-menu", anchorEl: n, open: i, onClose: f, MenuListProps: {
     "aria-labelledby": "action-dd"
   }, anchorOrigin: {
     vertical: "bottom",
@@ -669,11 +686,11 @@ function ca({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
   }, transformOrigin: {
     vertical: "top",
     horizontal: "right"
-  }, ...o.menuProps, children: (d = o.menuOptions) == null ? void 0 : d.map(({ label: p, onClick: g, menuItemProps: m }, l) => V.jsx(Jt, { onClick: () => {
+  }, ...o.menuProps, children: (d = o.menuOptions) == null ? void 0 : d.map(({ label: p, onClick: g, menuItemProps: m }, l) => V.jsx(Xt, { onClick: () => {
     g(), f();
   }, ...m, children: p }, l)) })] }), r && V.jsx(vr, { variant: "contained", color: "inherit", ...r, children: r.label }), e && V.jsx(vr, { variant: "contained", ...e, sx: { whiteSpace: "nowrap" }, children: e.label })] });
 }
-function fa({ subtitle: e }) {
+function pa({ subtitle: e }) {
   return V.jsx(Xe, { variant: "body2", color: "text.secondary", children: e });
 }
 function ie() {
@@ -705,7 +722,7 @@ function Ce(e, r, o = {
     a !== "__proto__" && (Ne(r[a]) && a in e && Ne(e[a]) ? n[a] = Ce(e[a], r[a], o) : o.clone ? n[a] = Ne(r[a]) ? ht(r[a]) : r[a] : n[a] = r[a]);
   }), n;
 }
-var wr = { exports: {} }, nr = { exports: {} }, W = {};
+var Rr = { exports: {} }, nr = { exports: {} }, W = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -715,11 +732,11 @@ var wr = { exports: {} }, nr = { exports: {} }, W = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Hr;
-function tn() {
+function on() {
   if (Hr)
     return W;
   Hr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, l = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, l = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, R = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
   function H(v) {
     if (typeof v == "object" && v !== null) {
       var Ae = v.$$typeof;
@@ -778,10 +795,10 @@ function tn() {
   }, W.isSuspense = function(v) {
     return H(v) === m;
   }, W.isValidElementType = function(v) {
-    return typeof v == "string" || typeof v == "function" || v === n || v === p || v === i || v === a || v === m || v === l || typeof v == "object" && v !== null && (v.$$typeof === A || v.$$typeof === E || v.$$typeof === s || v.$$typeof === f || v.$$typeof === g || v.$$typeof === w || v.$$typeof === N || v.$$typeof === G || v.$$typeof === b);
+    return typeof v == "string" || typeof v == "function" || v === n || v === p || v === i || v === a || v === m || v === l || typeof v == "object" && v !== null && (v.$$typeof === A || v.$$typeof === E || v.$$typeof === s || v.$$typeof === f || v.$$typeof === g || v.$$typeof === R || v.$$typeof === N || v.$$typeof === G || v.$$typeof === b);
   }, W.typeOf = H, W;
 }
-var U = {};
+var L = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -791,12 +808,12 @@ var U = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Jr;
-function nn() {
+function an() {
   return Jr || (Jr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, l = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, l = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, R = e ? Symbol.for("react.fundamental") : 60117, N = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
     function H(h) {
       return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === p || h === i || h === a || h === m || h === l || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === E || h.$$typeof === s || h.$$typeof === f || h.$$typeof === g || h.$$typeof === w || h.$$typeof === N || h.$$typeof === G || h.$$typeof === b);
+      h === n || h === p || h === i || h === a || h === m || h === l || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === E || h.$$typeof === s || h.$$typeof === f || h.$$typeof === g || h.$$typeof === R || h.$$typeof === N || h.$$typeof === G || h.$$typeof === b);
     }
     function X(h) {
       if (typeof h == "object" && h !== null) {
@@ -830,9 +847,9 @@ function nn() {
         }
       }
     }
-    var v = d, Ae = p, Ye = f, ze = s, $e = r, Ge = g, ke = n, je = A, ge = E, fe = o, Te = i, ye = a, ve = m, we = !1;
+    var v = d, Ae = p, Ye = f, ze = s, $e = r, Ge = g, ke = n, je = A, ge = E, fe = o, Te = i, ye = a, ve = m, Re = !1;
     function Me(h) {
-      return we || (we = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), c(h) || X(h) === d;
+      return Re || (Re = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), c(h) || X(h) === d;
     }
     function c(h) {
       return X(h) === p;
@@ -843,7 +860,7 @@ function nn() {
     function S(h) {
       return X(h) === s;
     }
-    function R(h) {
+    function w(h) {
       return typeof h == "object" && h !== null && h.$$typeof === r;
     }
     function O(h) {
@@ -870,12 +887,12 @@ function nn() {
     function se(h) {
       return X(h) === m;
     }
-    U.AsyncMode = v, U.ConcurrentMode = Ae, U.ContextConsumer = Ye, U.ContextProvider = ze, U.Element = $e, U.ForwardRef = Ge, U.Fragment = ke, U.Lazy = je, U.Memo = ge, U.Portal = fe, U.Profiler = Te, U.StrictMode = ye, U.Suspense = ve, U.isAsyncMode = Me, U.isConcurrentMode = c, U.isContextConsumer = x, U.isContextProvider = S, U.isElement = R, U.isForwardRef = O, U.isFragment = M, U.isLazy = C, U.isMemo = _, U.isPortal = P, U.isProfiler = B, U.isStrictMode = $, U.isSuspense = se, U.isValidElementType = H, U.typeOf = X;
-  }()), U;
+    L.AsyncMode = v, L.ConcurrentMode = Ae, L.ContextConsumer = Ye, L.ContextProvider = ze, L.Element = $e, L.ForwardRef = Ge, L.Fragment = ke, L.Lazy = je, L.Memo = ge, L.Portal = fe, L.Profiler = Te, L.StrictMode = ye, L.Suspense = ve, L.isAsyncMode = Me, L.isConcurrentMode = c, L.isContextConsumer = x, L.isContextProvider = S, L.isElement = w, L.isForwardRef = O, L.isFragment = M, L.isLazy = C, L.isMemo = _, L.isPortal = P, L.isProfiler = B, L.isStrictMode = $, L.isSuspense = se, L.isValidElementType = H, L.typeOf = X;
+  }()), L;
 }
 var Xr;
 function bt() {
-  return Xr || (Xr = 1, process.env.NODE_ENV === "production" ? nr.exports = tn() : nr.exports = nn()), nr.exports;
+  return Xr || (Xr = 1, process.env.NODE_ENV === "production" ? nr.exports = on() : nr.exports = an()), nr.exports;
 }
 /*
 object-assign
@@ -883,7 +900,7 @@ object-assign
 @license MIT
 */
 var xr, Zr;
-function on() {
+function sn() {
   if (Zr)
     return xr;
   Zr = 1;
@@ -942,7 +959,7 @@ function vt() {
   return et || (et = 1, Ar = Function.call.bind(Object.prototype.hasOwnProperty)), Ar;
 }
 var Tr, rt;
-function an() {
+function un() {
   if (rt)
     return Tr;
   rt = 1;
@@ -992,11 +1009,11 @@ function an() {
   }, Tr = a, Tr;
 }
 var Or, tt;
-function sn() {
+function ln() {
   if (tt)
     return Or;
   tt = 1;
-  var e = bt(), r = on(), o = Sr(), n = vt(), a = an(), i = function() {
+  var e = bt(), r = sn(), o = Sr(), n = vt(), a = un(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(f) {
     var d = "Warning: " + f;
@@ -1044,10 +1061,10 @@ function sn() {
       this.message = c, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
     }
     b.prototype = Error.prototype;
-    function w(c) {
+    function R(c) {
       if (process.env.NODE_ENV !== "production")
         var x = {}, S = 0;
-      function R(M, C, _, P, B, $, se) {
+      function w(M, C, _, P, B, $, se) {
         if (P = P || l, $ = $ || _, se !== o) {
           if (d) {
             var h = new Error(
@@ -1064,12 +1081,12 @@ function sn() {
         }
         return C[_] == null ? M ? C[_] === null ? new b("The " + B + " `" + $ + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new b("The " + B + " `" + $ + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : c(C, _, P, B, $);
       }
-      var O = R.bind(null, !1);
-      return O.isRequired = R.bind(null, !0), O;
+      var O = w.bind(null, !1);
+      return O.isRequired = w.bind(null, !0), O;
     }
     function N(c) {
-      function x(S, R, O, M, C, _) {
-        var P = S[R], B = ye(P);
+      function x(S, w, O, M, C, _) {
+        var P = S[w], B = ye(P);
         if (B !== c) {
           var $ = ve(P);
           return new b(
@@ -1079,16 +1096,16 @@ function sn() {
         }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function G() {
-      return w(s);
+      return R(s);
     }
     function H(c) {
-      function x(S, R, O, M, C) {
+      function x(S, w, O, M, C) {
         if (typeof c != "function")
           return new b("Property `" + C + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var _ = S[R];
+        var _ = S[w];
         if (!Array.isArray(_)) {
           var P = ye(_);
           return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected an array."));
@@ -1100,47 +1117,47 @@ function sn() {
         }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function X() {
-      function c(x, S, R, O, M) {
+      function c(x, S, w, O, M) {
         var C = x[S];
         if (!f(C)) {
           var _ = ye(C);
-          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
+          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + w + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return w(c);
+      return R(c);
     }
     function v() {
-      function c(x, S, R, O, M) {
+      function c(x, S, w, O, M) {
         var C = x[S];
         if (!e.isValidElementType(C)) {
           var _ = ye(C);
-          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
+          return new b("Invalid " + O + " `" + M + "` of type " + ("`" + _ + "` supplied to `" + w + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return w(c);
+      return R(c);
     }
     function Ae(c) {
-      function x(S, R, O, M, C) {
-        if (!(S[R] instanceof c)) {
-          var _ = c.name || l, P = Me(S[R]);
+      function x(S, w, O, M, C) {
+        if (!(S[w] instanceof c)) {
+          var _ = c.name || l, P = Me(S[w]);
           return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function Ye(c) {
       if (!Array.isArray(c))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
-      function x(S, R, O, M, C) {
-        for (var _ = S[R], P = 0; P < c.length; P++)
+      function x(S, w, O, M, C) {
+        for (var _ = S[w], P = 0; P < c.length; P++)
           if (A(_, c[P]))
             return null;
         var B = JSON.stringify(c, function(se, h) {
@@ -1149,13 +1166,13 @@ function sn() {
         });
         return new b("Invalid " + M + " `" + C + "` of value `" + String(_) + "` " + ("supplied to `" + O + "`, expected one of " + B + "."));
       }
-      return w(x);
+      return R(x);
     }
     function ze(c) {
-      function x(S, R, O, M, C) {
+      function x(S, w, O, M, C) {
         if (typeof c != "function")
           return new b("Property `" + C + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var _ = S[R], P = ye(_);
+        var _ = S[w], P = ye(_);
         if (P !== "object")
           return new b("Invalid " + M + " `" + C + "` of type " + ("`" + P + "` supplied to `" + O + "`, expected an object."));
         for (var B in _)
@@ -1166,7 +1183,7 @@ function sn() {
           }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function $e(c) {
       if (!Array.isArray(c))
@@ -1175,10 +1192,10 @@ function sn() {
         var S = c[x];
         if (typeof S != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + we(S) + " at index " + x + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Re(S) + " at index " + x + "."
           ), s;
       }
-      function R(O, M, C, _, P) {
+      function w(O, M, C, _, P) {
         for (var B = [], $ = 0; $ < c.length; $++) {
           var se = c[$], h = se(O, M, C, _, P, o);
           if (h == null)
@@ -1188,22 +1205,22 @@ function sn() {
         var he = B.length > 0 ? ", expected one of type [" + B.join(", ") + "]" : "";
         return new b("Invalid " + _ + " `" + P + "` supplied to " + ("`" + C + "`" + he + "."));
       }
-      return w(R);
+      return R(w);
     }
     function Ge() {
-      function c(x, S, R, O, M) {
-        return fe(x[S]) ? null : new b("Invalid " + O + " `" + M + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      function c(x, S, w, O, M) {
+        return fe(x[S]) ? null : new b("Invalid " + O + " `" + M + "` supplied to " + ("`" + w + "`, expected a ReactNode."));
       }
-      return w(c);
+      return R(c);
     }
-    function ke(c, x, S, R, O) {
+    function ke(c, x, S, w, O) {
       return new b(
-        (c || "React class") + ": " + x + " type `" + S + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
+        (c || "React class") + ": " + x + " type `" + S + "." + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
     function je(c) {
-      function x(S, R, O, M, C) {
-        var _ = S[R], P = ye(_);
+      function x(S, w, O, M, C) {
+        var _ = S[w], P = ye(_);
         if (P !== "object")
           return new b("Invalid " + M + " `" + C + "` of type `" + P + "` " + ("supplied to `" + O + "`, expected `object`."));
         for (var B in c) {
@@ -1216,21 +1233,21 @@ function sn() {
         }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function ge(c) {
-      function x(S, R, O, M, C) {
-        var _ = S[R], P = ye(_);
+      function x(S, w, O, M, C) {
+        var _ = S[w], P = ye(_);
         if (P !== "object")
           return new b("Invalid " + M + " `" + C + "` of type `" + P + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var B = r({}, S[R], c);
+        var B = r({}, S[w], c);
         for (var $ in B) {
           var se = c[$];
           if (n(c, $) && typeof se != "function")
             return ke(O, M, C, $, ve(se));
           if (!se)
             return new b(
-              "Invalid " + M + " `" + C + "` key `" + $ + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(S[R], null, "  ") + `
+              "Invalid " + M + " `" + C + "` key `" + $ + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(S[w], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             );
           var h = se(_, $, O, M, C + "." + $, o);
@@ -1239,7 +1256,7 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
         }
         return null;
       }
-      return w(x);
+      return R(x);
     }
     function fe(c) {
       switch (typeof c) {
@@ -1256,14 +1273,14 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
             return !0;
           var x = m(c);
           if (x) {
-            var S = x.call(c), R;
+            var S = x.call(c), w;
             if (x !== c.entries) {
-              for (; !(R = S.next()).done; )
-                if (!fe(R.value))
+              for (; !(w = S.next()).done; )
+                if (!fe(w.value))
                   return !1;
             } else
-              for (; !(R = S.next()).done; ) {
-                var O = R.value;
+              for (; !(w = S.next()).done; ) {
+                var O = w.value;
                 if (O && !fe(O[1]))
                   return !1;
               }
@@ -1293,7 +1310,7 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
       }
       return x;
     }
-    function we(c) {
+    function Re(c) {
       var x = ve(c);
       switch (x) {
         case "array":
@@ -1314,7 +1331,7 @@ Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
   }, Or;
 }
 var Cr, nt;
-function un() {
+function cn() {
   if (nt)
     return Cr;
   nt = 1;
@@ -1363,13 +1380,13 @@ function un() {
   }, Cr;
 }
 if (process.env.NODE_ENV !== "production") {
-  var ln = bt(), cn = !0;
-  wr.exports = sn()(ln.isElement, cn);
+  var fn = bt(), dn = !0;
+  Rr.exports = ln()(fn.isElement, dn);
 } else
-  wr.exports = un()();
-var fn = wr.exports;
-const He = /* @__PURE__ */ Xt(fn);
-function Ue(e) {
+  Rr.exports = cn()();
+var pn = Rr.exports;
+const He = /* @__PURE__ */ Zt(pn);
+function Le(e) {
   let r = "https://mui.com/production-error/?code=" + e;
   for (let o = 1; o < arguments.length; o += 1)
     r += "&args[]=" + encodeURIComponent(arguments[o]);
@@ -1377,10 +1394,10 @@ function Ue(e) {
 }
 function xt(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Ue(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Le(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const ot = (e) => e, dn = () => {
+const ot = (e) => e, gn = () => {
   let e = ot;
   return {
     configure(r) {
@@ -1393,7 +1410,7 @@ const ot = (e) => e, dn = () => {
       e = ot;
     }
   };
-}, pn = dn(), gn = pn, yn = {
+}, yn = gn(), mn = yn, hn = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1407,11 +1424,11 @@ const ot = (e) => e, dn = () => {
   required: "required",
   selected: "selected"
 };
-function mn(e, r, o = "Mui") {
-  const n = yn[r];
-  return n ? `${o}-${n}` : `${gn.generate(e)}-${r}`;
+function bn(e, r, o = "Mui") {
+  const n = hn[r];
+  return n ? `${o}-${n}` : `${mn.generate(e)}-${r}`;
 }
-function Le(e, r) {
+function Ue(e, r) {
   if (e == null)
     return {};
   var o = {}, n = Object.keys(e), a, i;
@@ -1419,7 +1436,7 @@ function Le(e, r) {
     a = n[i], !(r.indexOf(a) >= 0) && (o[a] = e[a]);
   return o;
 }
-const hn = ["values", "unit", "step"], bn = (e) => {
+const vn = ["values", "unit", "step"], xn = (e) => {
   const r = Object.keys(e).map((o) => ({
     key: o,
     val: e[o]
@@ -1428,7 +1445,7 @@ const hn = ["values", "unit", "step"], bn = (e) => {
     [n.key]: n.val
   }), {});
 };
-function vn(e) {
+function En(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1446,7 +1463,7 @@ function vn(e) {
     },
     unit: o = "px",
     step: n = 5
-  } = e, a = Le(e, hn), i = bn(r), s = Object.keys(i);
+  } = e, a = Ue(e, vn), i = xn(r), s = Object.keys(i);
   function f(l) {
     return `@media (min-width:${typeof r[l] == "number" ? r[l] : l}${o})`;
   }
@@ -1475,9 +1492,9 @@ function vn(e) {
     unit: o
   }, a);
 }
-const xn = {
+const An = {
   borderRadius: 4
-}, En = xn, An = process.env.NODE_ENV !== "production" ? He.oneOfType([He.number, He.string, He.object, He.array]) : {}, Re = An;
+}, Tn = An, On = process.env.NODE_ENV !== "production" ? He.oneOfType([He.number, He.string, He.object, He.array]) : {}, we = On;
 function Je(e, r) {
   return r ? Ce(e, r, {
     clone: !1
@@ -1522,14 +1539,14 @@ function _e(e, r, o) {
   }
   return o(r);
 }
-function Tn(e = {}) {
+function Cn(e = {}) {
   var r;
   return ((r = e.keys) == null ? void 0 : r.reduce((n, a) => {
     const i = e.up(a);
     return n[i] = {}, n;
   }, {})) || {};
 }
-function On(e, r) {
+function _n(e, r) {
   return e.reduce((o, n) => {
     const a = o[n];
     return (!a || Object.keys(a).length === 0) && delete o[n], o;
@@ -1549,7 +1566,7 @@ function or(e, r, o, n = o) {
   let a;
   return typeof e == "function" ? a = e(o) : Array.isArray(e) ? a = e[o] || n : a = ar(e, o) || n, r && (a = r(a, n, e)), a;
 }
-function L(e) {
+function U(e) {
   const {
     prop: r,
     cssProperty: o = e.prop,
@@ -1567,17 +1584,17 @@ function L(e) {
     });
   };
   return i.propTypes = process.env.NODE_ENV !== "production" ? {
-    [r]: Re
+    [r]: we
   } : {}, i.filterProps = [r], i;
 }
-function Cn(e) {
+function wn(e) {
   const r = {};
   return (o) => (r[o] === void 0 && (r[o] = e(o)), r[o]);
 }
-const _n = {
+const Rn = {
   m: "margin",
   p: "padding"
-}, Rn = {
+}, Sn = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -1589,15 +1606,15 @@ const _n = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, wn = Cn((e) => {
+}, Pn = wn((e) => {
   if (e.length > 2)
     if (it[e])
       e = it[e];
     else
       return [e];
-  const [r, o] = e.split(""), n = _n[r], a = Rn[o] || "";
+  const [r, o] = e.split(""), n = Rn[r], a = Sn[o] || "";
   return Array.isArray(a) ? a.map((i) => n + i) : [n + a];
-}), ir = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], sr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Sn = [...ir, ...sr];
+}), ir = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], sr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], $n = [...ir, ...sr];
 function Qe(e, r, o, n) {
   var a;
   const i = (a = ar(e, r, !1)) != null ? a : o;
@@ -1616,31 +1633,31 @@ function er(e, r) {
   const o = Math.abs(r), n = e(o);
   return r >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
 }
-function Pn(e, r) {
+function kn(e, r) {
   return (o) => e.reduce((n, a) => (n[a] = er(r, o), n), {});
 }
-function $n(e, r, o, n) {
+function jn(e, r, o, n) {
   if (r.indexOf(o) === -1)
     return null;
-  const a = wn(o), i = Pn(a, n), s = e[o];
+  const a = Pn(o), i = kn(a, n), s = e[o];
   return _e(e, s, i);
 }
 function At(e, r) {
   const o = Et(e.theme);
-  return Object.keys(e).map((n) => $n(e, r, n, o)).reduce(Je, {});
+  return Object.keys(e).map((n) => jn(e, r, n, o)).reduce(Je, {});
 }
 function Z(e) {
   return At(e, ir);
 }
-Z.propTypes = process.env.NODE_ENV !== "production" ? ir.reduce((e, r) => (e[r] = Re, e), {}) : {};
+Z.propTypes = process.env.NODE_ENV !== "production" ? ir.reduce((e, r) => (e[r] = we, e), {}) : {};
 Z.filterProps = ir;
 function Q(e) {
   return At(e, sr);
 }
-Q.propTypes = process.env.NODE_ENV !== "production" ? sr.reduce((e, r) => (e[r] = Re, e), {}) : {};
+Q.propTypes = process.env.NODE_ENV !== "production" ? sr.reduce((e, r) => (e[r] = we, e), {}) : {};
 Q.filterProps = sr;
-process.env.NODE_ENV !== "production" && Sn.reduce((e, r) => (e[r] = Re, e), {});
-function kn(e = 8) {
+process.env.NODE_ENV !== "production" && $n.reduce((e, r) => (e[r] = we, e), {});
+function Mn(e = 8) {
   if (e.mui)
     return e;
   const r = Et({
@@ -1660,39 +1677,39 @@ function ur(...e) {
 function Ee(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-const jn = L({
+const In = U({
   prop: "border",
   themeKey: "borders",
   transform: Ee
-}), Mn = L({
+}), Dn = U({
   prop: "borderTop",
   themeKey: "borders",
   transform: Ee
-}), In = L({
+}), Bn = U({
   prop: "borderRight",
   themeKey: "borders",
   transform: Ee
-}), Dn = L({
+}), Nn = U({
   prop: "borderBottom",
   themeKey: "borders",
   transform: Ee
-}), Bn = L({
+}), Fn = U({
   prop: "borderLeft",
   themeKey: "borders",
   transform: Ee
-}), Nn = L({
+}), Wn = U({
   prop: "borderColor",
   themeKey: "palette"
-}), Fn = L({
+}), Ln = U({
   prop: "borderTopColor",
   themeKey: "palette"
-}), Wn = L({
+}), Un = U({
   prop: "borderRightColor",
   themeKey: "palette"
-}), Un = L({
+}), Yn = U({
   prop: "borderBottomColor",
   themeKey: "palette"
-}), Ln = L({
+}), zn = U({
   prop: "borderLeftColor",
   themeKey: "palette"
 }), lr = (e) => {
@@ -1705,10 +1722,10 @@ const jn = L({
   return null;
 };
 lr.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: Re
+  borderRadius: we
 } : {};
 lr.filterProps = ["borderRadius"];
-ur(jn, Mn, In, Dn, Bn, Nn, Fn, Wn, Un, Ln, lr);
+ur(In, Dn, Bn, Nn, Fn, Wn, Ln, Un, Yn, zn, lr);
 const cr = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Qe(e.theme, "spacing", 8, "gap"), o = (n) => ({
@@ -1719,7 +1736,7 @@ const cr = (e) => {
   return null;
 };
 cr.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: Re
+  gap: we
 } : {};
 cr.filterProps = ["gap"];
 const fr = (e) => {
@@ -1732,7 +1749,7 @@ const fr = (e) => {
   return null;
 };
 fr.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: Re
+  columnGap: we
 } : {};
 fr.filterProps = ["columnGap"];
 const dr = (e) => {
@@ -1745,51 +1762,51 @@ const dr = (e) => {
   return null;
 };
 dr.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: Re
+  rowGap: we
 } : {};
 dr.filterProps = ["rowGap"];
-const Yn = L({
+const Gn = U({
   prop: "gridColumn"
-}), zn = L({
+}), Vn = U({
   prop: "gridRow"
-}), Gn = L({
+}), Kn = U({
   prop: "gridAutoFlow"
-}), Vn = L({
+}), qn = U({
   prop: "gridAutoColumns"
-}), Kn = L({
+}), Hn = U({
   prop: "gridAutoRows"
-}), qn = L({
+}), Jn = U({
   prop: "gridTemplateColumns"
-}), Hn = L({
+}), Xn = U({
   prop: "gridTemplateRows"
-}), Jn = L({
+}), Zn = U({
   prop: "gridTemplateAreas"
-}), Xn = L({
+}), Qn = U({
   prop: "gridArea"
 });
-ur(cr, fr, dr, Yn, zn, Gn, Vn, Kn, qn, Hn, Jn, Xn);
+ur(cr, fr, dr, Gn, Vn, Kn, qn, Hn, Jn, Xn, Zn, Qn);
 function We(e, r) {
   return r === "grey" ? r : e;
 }
-const Zn = L({
+const eo = U({
   prop: "color",
   themeKey: "palette",
   transform: We
-}), Qn = L({
+}), ro = U({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: We
-}), eo = L({
+}), to = U({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: We
 });
-ur(Zn, Qn, eo);
+ur(eo, ro, to);
 function me(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const ro = L({
+const no = U({
   prop: "width",
   transform: me
 }), $r = (e) => {
@@ -1810,34 +1827,34 @@ const ro = L({
   return null;
 };
 $r.filterProps = ["maxWidth"];
-const to = L({
+const oo = U({
   prop: "minWidth",
   transform: me
-}), no = L({
+}), ao = U({
   prop: "height",
   transform: me
-}), oo = L({
+}), io = U({
   prop: "maxHeight",
   transform: me
-}), ao = L({
+}), so = U({
   prop: "minHeight",
   transform: me
 });
-L({
+U({
   prop: "size",
   cssProperty: "width",
   transform: me
 });
-L({
+U({
   prop: "size",
   cssProperty: "height",
   transform: me
 });
-const io = L({
+const uo = U({
   prop: "boxSizing"
 });
-ur(ro, $r, to, no, oo, ao, io);
-const so = {
+ur(no, $r, oo, ao, io, so, uo);
+const lo = {
   // borders
   border: {
     themeKey: "borders",
@@ -2114,15 +2131,15 @@ const so = {
     cssProperty: !1,
     themeKey: "typography"
   }
-}, kr = so;
-function uo(...e) {
+}, kr = lo;
+function co(...e) {
   const r = e.reduce((n, a) => n.concat(Object.keys(a)), []), o = new Set(r);
   return e.every((n) => o.size === Object.keys(n).length);
 }
-function lo(e, r) {
+function fo(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function co() {
+function po() {
   function e(o, n, a, i) {
     const s = {
       [o]: n,
@@ -2169,10 +2186,10 @@ function co() {
         return d;
       if (!p)
         return null;
-      const g = Tn(i.breakpoints), m = Object.keys(g);
+      const g = Cn(i.breakpoints), m = Object.keys(g);
       let l = g;
       return Object.keys(p).forEach((E) => {
-        const A = lo(p[E], i);
+        const A = fo(p[E], i);
         if (A != null)
           if (typeof A == "object")
             if (s[E])
@@ -2180,32 +2197,32 @@ function co() {
             else {
               const b = _e({
                 theme: i
-              }, A, (w) => ({
-                [E]: w
+              }, A, (R) => ({
+                [E]: R
               }));
-              uo(b, A) ? l[E] = r({
+              co(b, A) ? l[E] = r({
                 sx: A,
                 theme: i
               }) : l = Je(l, b);
             }
           else
             l = Je(l, e(E, A, i, s));
-      }), On(m, l);
+      }), _n(m, l);
     }
     return Array.isArray(a) ? a.map(f) : f(a);
   }
   return r;
 }
-const Tt = co();
+const Tt = po();
 Tt.filterProps = ["sx"];
-const Ot = Tt, fo = ["breakpoints", "palette", "spacing", "shape"];
-function po(e = {}, ...r) {
+const Ot = Tt, go = ["breakpoints", "palette", "spacing", "shape"];
+function yo(e = {}, ...r) {
   const {
     breakpoints: o = {},
     palette: n = {},
     spacing: a,
     shape: i = {}
-  } = e, s = Le(e, fo), f = vn(o), d = kn(a);
+  } = e, s = Ue(e, go), f = En(o), d = Mn(a);
   let p = Ce({
     breakpoints: f,
     direction: "ltr",
@@ -2215,7 +2232,7 @@ function po(e = {}, ...r) {
       mode: "light"
     }, n),
     spacing: d,
-    shape: ie({}, En, i)
+    shape: ie({}, Tn, i)
   }, s);
   return p = r.reduce((g, m) => Ce(g, m), p), p.unstable_sxConfig = ie({}, kr, s == null ? void 0 : s.unstable_sxConfig), p.unstable_sx = function(m) {
     return Ot({
@@ -2227,7 +2244,7 @@ function po(e = {}, ...r) {
 function jr(e, r = 0, o = 1) {
   return process.env.NODE_ENV !== "production" && (e < r || e > o) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${o}].`), Math.min(Math.max(r, e), o);
 }
-function go(e) {
+function mo(e) {
   e = e.slice(1);
   const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let o = e.match(r);
@@ -2237,16 +2254,16 @@ function Pe(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Pe(go(e));
+    return Pe(mo(e));
   const r = e.indexOf("("), o = e.substring(0, r);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(o) === -1)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Ue(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Le(9, e));
   let n = e.substring(r + 1, e.length - 1), a;
   if (o === "color") {
     if (n = n.split(" "), a = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(a) === -1)
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${a}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Ue(10, a));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Le(10, a));
   } else
     n = n.split(",");
   return n = n.map((i) => parseFloat(i)), {
@@ -2265,7 +2282,7 @@ function pr(e) {
   } = e;
   return r.indexOf("rgb") !== -1 ? n = n.map((a, i) => i < 3 ? parseInt(a, 10) : a) : r.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.indexOf("color") !== -1 ? n = `${o} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
 }
-function yo(e) {
+function ho(e) {
   e = Pe(e);
   const {
     values: r
@@ -2279,7 +2296,7 @@ function yo(e) {
 }
 function st(e) {
   e = Pe(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? Pe(yo(e)).values : e.values;
+  let r = e.type === "hsl" || e.type === "hsla" ? Pe(ho(e)).values : e.values;
   return r = r.map((o) => (e.type !== "color" && (o /= 255), o <= 0.03928 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
 function ut(e, r) {
@@ -2289,7 +2306,7 @@ function ut(e, r) {
 function pe(e, r) {
   return e = Pe(e), r = jr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, pr(e);
 }
-function mo(e, r) {
+function bo(e, r) {
   if (e = Pe(e), r = jr(r), e.type.indexOf("hsl") !== -1)
     e.values[2] *= 1 - r;
   else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
@@ -2297,7 +2314,7 @@ function mo(e, r) {
       e.values[o] *= 1 - r;
   return pr(e);
 }
-function ho(e, r) {
+function vo(e, r) {
   if (e = Pe(e), r = jr(r), e.type.indexOf("hsl") !== -1)
     e.values[2] += (100 - e.values[2]) * r;
   else if (e.type.indexOf("rgb") !== -1)
@@ -2308,7 +2325,7 @@ function ho(e, r) {
       e.values[o] += (1 - e.values[o]) * r;
   return pr(e);
 }
-function bo(e, r) {
+function xo(e, r) {
   return ie({
     toolbar: {
       minHeight: 56,
@@ -2323,10 +2340,10 @@ function bo(e, r) {
     }
   }, r);
 }
-const vo = {
+const Eo = {
   black: "#000",
   white: "#fff"
-}, Ze = vo, xo = {
+}, Ze = Eo, Ao = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2341,7 +2358,7 @@ const vo = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, ne = xo, Eo = {
+}, ne = Ao, To = {
   50: "#f3e5f5",
   100: "#e1bee7",
   200: "#ce93d8",
@@ -2356,7 +2373,7 @@ const vo = {
   A200: "#e040fb",
   A400: "#d500f9",
   A700: "#aa00ff"
-}, Y = Eo, Ao = {
+}, Y = To, Oo = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -2371,7 +2388,7 @@ const vo = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, q = Ao, To = {
+}, q = Oo, Co = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -2386,7 +2403,7 @@ const vo = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, ae = To, Oo = {
+}, ae = Co, _o = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -2401,7 +2418,7 @@ const vo = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, re = Oo, Co = {
+}, re = _o, wo = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -2416,7 +2433,7 @@ const vo = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, J = Co, _o = {
+}, J = wo, Ro = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -2431,7 +2448,7 @@ const vo = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, oe = _o, Ro = ["mode", "contrastThreshold", "tonalOffset"], lt = {
+}, oe = Ro, So = ["mode", "contrastThreshold", "tonalOffset"], lt = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -2496,9 +2513,9 @@ const vo = {
 };
 function ct(e, r, o, n) {
   const a = n.light || n, i = n.dark || n * 1.5;
-  e[r] || (e.hasOwnProperty(o) ? e[r] = e[o] : r === "light" ? e.light = ho(e.main, a) : r === "dark" && (e.dark = mo(e.main, i)));
+  e[r] || (e.hasOwnProperty(o) ? e[r] = e[o] : r === "light" ? e.light = vo(e.main, a) : r === "dark" && (e.dark = bo(e.main, i)));
 }
-function wo(e = "light") {
+function Po(e = "light") {
   return e === "dark" ? {
     main: re[200],
     light: re[50],
@@ -2509,7 +2526,7 @@ function wo(e = "light") {
     dark: re[800]
   };
 }
-function So(e = "light") {
+function $o(e = "light") {
   return e === "dark" ? {
     main: Y[200],
     light: Y[50],
@@ -2520,7 +2537,7 @@ function So(e = "light") {
     dark: Y[700]
   };
 }
-function Po(e = "light") {
+function ko(e = "light") {
   return e === "dark" ? {
     main: q[500],
     light: q[300],
@@ -2531,7 +2548,7 @@ function Po(e = "light") {
     dark: q[800]
   };
 }
-function $o(e = "light") {
+function jo(e = "light") {
   return e === "dark" ? {
     main: J[400],
     light: J[300],
@@ -2542,7 +2559,7 @@ function $o(e = "light") {
     dark: J[900]
   };
 }
-function ko(e = "light") {
+function Mo(e = "light") {
   return e === "dark" ? {
     main: oe[400],
     light: oe[300],
@@ -2553,7 +2570,7 @@ function ko(e = "light") {
     dark: oe[900]
   };
 }
-function jo(e = "light") {
+function Io(e = "light") {
   return e === "dark" ? {
     main: ae[400],
     light: ae[300],
@@ -2565,33 +2582,33 @@ function jo(e = "light") {
     dark: ae[900]
   };
 }
-function Mo(e) {
+function Do(e) {
   const {
     mode: r = "light",
     contrastThreshold: o = 3,
     tonalOffset: n = 0.2
-  } = e, a = Le(e, Ro), i = e.primary || wo(r), s = e.secondary || So(r), f = e.error || Po(r), d = e.info || $o(r), p = e.success || ko(r), g = e.warning || jo(r);
+  } = e, a = Ue(e, So), i = e.primary || Po(r), s = e.secondary || $o(r), f = e.error || ko(r), d = e.info || jo(r), p = e.success || Mo(r), g = e.warning || Io(r);
   function m(b) {
-    const w = ut(b, _r.text.primary) >= o ? _r.text.primary : lt.text.primary;
+    const R = ut(b, _r.text.primary) >= o ? _r.text.primary : lt.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const N = ut(b, w);
-      N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${w} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const N = ut(b, R);
+      N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${R} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return w;
+    return R;
   }
   const l = ({
     color: b,
-    name: w,
+    name: R,
     mainShade: N = 500,
     lightShade: G = 300,
     darkShade: H = 700
   }) => {
     if (b = ie({}, b), !b.main && b[N] && (b.main = b[N]), !b.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${N}\` property.` : Ue(11, w ? ` (${w})` : "", N));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${R ? ` (${R})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${N}\` property.` : Le(11, R ? ` (${R})` : "", N));
     if (typeof b.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${R ? ` (${R})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(b.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -2604,7 +2621,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Ue(12, w ? ` (${w})` : "", JSON.stringify(b.main)));
+} });` : Le(12, R ? ` (${R})` : "", JSON.stringify(b.main)));
     return ct(b, "light", G, n), ct(b, "dark", H, n), b.contrastText || (b.contrastText = m(b.main)), b;
   }, E = {
     dark: _r,
@@ -2664,14 +2681,14 @@ const theme2 = createTheme({ palette: {
     tonalOffset: n
   }, E[r]), a);
 }
-const Io = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function Do(e) {
+const Bo = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function No(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const ft = {
   textTransform: "uppercase"
 }, dt = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Bo(e, r) {
+function Fo(e, r) {
   const o = typeof r == "function" ? r(e) : r, {
     fontFamily: n = dt,
     // The default font size of the Material Specification.
@@ -2687,7 +2704,7 @@ function Bo(e, r) {
     // Apply the CSS properties to all the variants.
     allVariants: g,
     pxToRem: m
-  } = o, l = Le(o, Io);
+  } = o, l = Ue(o, Bo);
   process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof p != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
   const E = a / 14, A = m || ((N) => `${N / p * E}rem`), b = (N, G, H, X, v) => ie({
     fontFamily: n,
@@ -2696,8 +2713,8 @@ function Bo(e, r) {
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: H
   }, n === dt ? {
-    letterSpacing: `${Do(X / G)}em`
-  } : {}, v, g), w = {
+    letterSpacing: `${No(X / G)}em`
+  } : {}, v, g), R = {
     h1: b(i, 96, 1.167, -1.5),
     h2: b(i, 60, 1.2, -0.5),
     h3: b(s, 48, 1.167, 0),
@@ -2729,16 +2746,16 @@ function Bo(e, r) {
     fontWeightRegular: s,
     fontWeightMedium: f,
     fontWeightBold: d
-  }, w), l, {
+  }, R), l, {
     clone: !1
     // No need to clone deep
   });
 }
-const No = 0.2, Fo = 0.14, Wo = 0.12;
+const Wo = 0.2, Lo = 0.14, Uo = 0.12;
 function K(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${No})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Fo})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Wo})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Wo})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Lo})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Uo})`].join(",");
 }
-const Uo = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), K(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), K(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), K(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), K(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), K(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), K(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), K(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), K(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), K(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), K(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), K(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), K(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), K(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), K(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), K(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), K(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), K(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), K(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), K(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), K(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), K(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), K(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Lo = Uo, Yo = ["duration", "easing", "delay"], zo = {
+const Yo = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), K(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), K(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), K(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), K(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), K(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), K(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), K(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), K(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), K(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), K(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), K(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), K(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), K(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), K(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), K(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), K(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), K(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), K(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), K(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), K(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), K(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), K(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], zo = Yo, Go = ["duration", "easing", "delay"], Vo = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -2748,7 +2765,7 @@ const Uo = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, Go = {
+}, Ko = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2764,22 +2781,22 @@ const Uo = ["none", K(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), K(0, 3, 1, -2, 0, 2,
 function pt(e) {
   return `${Math.round(e)}ms`;
 }
-function Vo(e) {
+function qo(e) {
   if (!e)
     return 0;
   const r = e / 36;
   return Math.round((4 + 15 * r ** 0.25 + r / 5) * 10);
 }
-function Ko(e) {
-  const r = ie({}, zo, e.easing), o = ie({}, Go, e.duration);
+function Ho(e) {
+  const r = ie({}, Vo, e.easing), o = ie({}, Ko, e.duration);
   return ie({
-    getAutoHeightDuration: Vo,
+    getAutoHeightDuration: qo,
     create: (a = ["all"], i = {}) => {
       const {
         duration: s = o.standard,
         easing: f = r.easeInOut,
         delay: d = 0
-      } = i, p = Le(i, Yo);
+      } = i, p = Ue(i, Go);
       if (process.env.NODE_ENV !== "production") {
         const g = (l) => typeof l == "string", m = (l) => !isNaN(parseFloat(l));
         !g(a) && !Array.isArray(a) && console.error('MUI: Argument "props" must be a string or Array.'), !m(s) && !g(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), g(f) || console.error('MUI: Argument "easing" must be a string.'), !m(d) && !g(d) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
@@ -2792,7 +2809,7 @@ function Ko(e) {
     duration: o
   });
 }
-const qo = {
+const Jo = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2801,25 +2818,25 @@ const qo = {
   modal: 1300,
   snackbar: 1400,
   tooltip: 1500
-}, Ho = qo, Jo = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function Xo(e = {}, ...r) {
+}, Xo = Jo, Zo = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function Qo(e = {}, ...r) {
   const {
     mixins: o = {},
     palette: n = {},
     transitions: a = {},
     typography: i = {}
-  } = e, s = Le(e, Jo);
+  } = e, s = Ue(e, Zo);
   if (e.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : Ue(18));
-  const f = Mo(n), d = po(e);
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : Le(18));
+  const f = Do(n), d = yo(e);
   let p = Ce(d, {
-    mixins: bo(d.breakpoints, o),
+    mixins: xo(d.breakpoints, o),
     palette: f,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Lo.slice(),
-    typography: Bo(f, i),
-    transitions: Ko(a),
-    zIndex: ie({}, Ho)
+    shadows: zo.slice(),
+    typography: Fo(f, i),
+    transitions: Ho(a),
+    zIndex: ie({}, Xo)
   });
   if (p = Ce(p, s), p = r.reduce((g, m) => Ce(g, m), p), process.env.NODE_ENV !== "production") {
     const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], m = (l, E) => {
@@ -2828,10 +2845,10 @@ function Xo(e = {}, ...r) {
         const b = l[A];
         if (g.indexOf(A) !== -1 && Object.keys(b).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const w = mn("", A);
-            console.error([`MUI: The \`${E}\` component increases the CSS specificity of the \`${A}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${w}' syntax:`, JSON.stringify({
+            const R = bn("", A);
+            console.error([`MUI: The \`${E}\` component increases the CSS specificity of the \`${A}\` internal state.`, "You can not override it like this: ", JSON.stringify(l, null, 2), "", `Instead, you need to use the '&.${R}' syntax:`, JSON.stringify({
               root: {
-                [`&.${w}`]: b
+                [`&.${R}`]: b
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -2852,7 +2869,7 @@ function Xo(e = {}, ...r) {
     });
   }, p;
 }
-const Zo = {
+const ea = {
   MuiStepper: {
     styleOverrides: {
       root: {
@@ -2917,7 +2934,7 @@ const Zo = {
       })
     }
   }
-}, Qo = {
+}, ra = {
   50: "#ede7f6",
   100: "#d1c4e9",
   200: "#b39ddb",
@@ -2932,7 +2949,7 @@ const Zo = {
   A200: "#7c4dff",
   A400: "#651fff",
   A700: "#6200ea"
-}, ce = Qo, ea = {
+}, ce = ra, ta = {
   50: "#e0f7fa",
   100: "#b2ebf2",
   200: "#80deea",
@@ -2947,7 +2964,7 @@ const Zo = {
   A200: "#18ffff",
   A400: "#00e5ff",
   A700: "#00b8d4"
-}, de = ea, ra = {
+}, de = ta, na = {
   50: "#f1f8e9",
   100: "#dcedc8",
   200: "#c5e1a5",
@@ -2962,7 +2979,7 @@ const Zo = {
   A200: "#b2ff59",
   A400: "#76ff03",
   A700: "#64dd17"
-}, xe = ra, ta = {
+}, xe = na, oa = {
   50: "#fffde7",
   100: "#fff9c4",
   200: "#fff59d",
@@ -2977,7 +2994,7 @@ const Zo = {
   A200: "#ffff00",
   A400: "#ffea00",
   A700: "#ffd600"
-}, ue = ta, j = {
+}, ue = oa, j = {
   blue600: "#1389F6",
   blue700: "#287DFD",
   blue800: "#285AE6",
@@ -3228,12 +3245,12 @@ const Zo = {
     disabledBackground: ne[200],
     disabled: ne[700]
   }
-}, gt = "0.15px", na = "5.5px", da = Xo({
+}, gt = "0.15px", aa = "5.5px", ga = Qo({
   typography: {
-    fontFamily: ["Inter", "Roboto", "sans-serif"].join(",")
+    fontFamily: ["Inter", "sans-serif"].join(",")
   },
   components: {
-    ...Zo,
+    ...ea,
     MuiAutocomplete: {
       defaultProps: {
         ChipProps: {
@@ -3442,7 +3459,7 @@ const Zo = {
     MuiFormControl: {
       styleOverrides: {
         root: {
-          gap: na
+          gap: aa
         }
       }
     },
@@ -3513,12 +3530,12 @@ const Zo = {
   palette: D
 });
 export {
-  ia as DemoComponent,
-  sa as HeaderMetadata,
-  fa as HeaderSubtitle,
-  ua as InkPageHeader,
-  la as LinkBreadcrumbs,
-  da as MovableUITheme,
-  ca as PageHeaderActionButtons
+  ua as DemoComponent,
+  la as HeaderMetadata,
+  pa as HeaderSubtitle,
+  ca as InkPageHeader,
+  fa as LinkBreadcrumbs,
+  ga as MovableUITheme,
+  da as PageHeaderActionButtons
 };
 //# sourceMappingURL=index.mjs.map