@cgi-learning-hub/ui 1.7.0-dev.1754301696 → 1.7.0-dev.1754384740

package/dist/{generateUtilityClasses-32ARRWdA.js → identifier-Dnc8T93Z.js}

@@ -1,8 +1,8 @@
-import wt from "@emotion/styled";
+import kt from "@emotion/styled";
 import "@emotion/react";
-import * as Ee from "react";
-import { P as oe } from "./index-Sy88PpwE.js";
-var me = { exports: {} }, $ = {};
+import * as dt from "react";
+import { P as le } from "./index-Sy88PpwE.js";
+var ye = { exports: {} }, v = {};
 /**
  * @license React
  * react-is.production.js
@@ -12,71 +12,71 @@ var me = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ke;
-function Ot() {
-  if (Ke) return $;
-  Ke = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
-  function g(s) {
-    if (typeof s == "object" && s !== null) {
-      var S = s.$$typeof;
-      switch (S) {
+var Ye;
+function Nt() {
+  if (Ye) return v;
+  Ye = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  function m(l) {
+    if (typeof l == "object" && l !== null) {
+      var C = l.$$typeof;
+      switch (C) {
         case e:
-          switch (s = s.type, s) {
+          switch (l = l.type, l) {
             case r:
             case o:
             case n:
             case f:
             case d:
             case p:
-              return s;
+              return l;
             default:
-              switch (s = s && s.$$typeof, s) {
-                case l:
+              switch (l = l && l.$$typeof, l) {
+                case s:
                 case u:
-                case m:
                 case h:
-                  return s;
+                case y:
+                  return l;
                 case a:
-                  return s;
+                  return l;
                 default:
-                  return S;
+                  return C;
               }
           }
         case t:
-          return S;
+          return C;
       }
     }
   }
-  return $.ContextConsumer = a, $.ContextProvider = l, $.Element = e, $.ForwardRef = u, $.Fragment = r, $.Lazy = m, $.Memo = h, $.Portal = t, $.Profiler = o, $.StrictMode = n, $.Suspense = f, $.SuspenseList = d, $.isContextConsumer = function(s) {
-    return g(s) === a;
-  }, $.isContextProvider = function(s) {
-    return g(s) === l;
-  }, $.isElement = function(s) {
-    return typeof s == "object" && s !== null && s.$$typeof === e;
-  }, $.isForwardRef = function(s) {
-    return g(s) === u;
-  }, $.isFragment = function(s) {
-    return g(s) === r;
-  }, $.isLazy = function(s) {
-    return g(s) === m;
-  }, $.isMemo = function(s) {
-    return g(s) === h;
-  }, $.isPortal = function(s) {
-    return g(s) === t;
-  }, $.isProfiler = function(s) {
-    return g(s) === o;
-  }, $.isStrictMode = function(s) {
-    return g(s) === n;
-  }, $.isSuspense = function(s) {
-    return g(s) === f;
-  }, $.isSuspenseList = function(s) {
-    return g(s) === d;
-  }, $.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === r || s === o || s === n || s === f || s === d || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === l || s.$$typeof === a || s.$$typeof === u || s.$$typeof === b || s.getModuleId !== void 0);
-  }, $.typeOf = g, $;
-}
-var T = {};
+  return v.ContextConsumer = a, v.ContextProvider = s, v.Element = e, v.ForwardRef = u, v.Fragment = r, v.Lazy = h, v.Memo = y, v.Portal = t, v.Profiler = o, v.StrictMode = n, v.Suspense = f, v.SuspenseList = d, v.isContextConsumer = function(l) {
+    return m(l) === a;
+  }, v.isContextProvider = function(l) {
+    return m(l) === s;
+  }, v.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === e;
+  }, v.isForwardRef = function(l) {
+    return m(l) === u;
+  }, v.isFragment = function(l) {
+    return m(l) === r;
+  }, v.isLazy = function(l) {
+    return m(l) === h;
+  }, v.isMemo = function(l) {
+    return m(l) === y;
+  }, v.isPortal = function(l) {
+    return m(l) === t;
+  }, v.isProfiler = function(l) {
+    return m(l) === o;
+  }, v.isStrictMode = function(l) {
+    return m(l) === n;
+  }, v.isSuspense = function(l) {
+    return m(l) === f;
+  }, v.isSuspenseList = function(l) {
+    return m(l) === d;
+  }, v.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === d || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === y || l.$$typeof === s || l.$$typeof === a || l.$$typeof === u || l.$$typeof === b || l.getModuleId !== void 0);
+  }, v.typeOf = m, v;
+}
+var w = {};
 /**
  * @license React
  * react-is.development.js
@@ -86,136 +86,136 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var He;
-function _t() {
-  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(s) {
-      if (typeof s == "object" && s !== null) {
-        var S = s.$$typeof;
-        switch (S) {
+var Ke;
+function Rt() {
+  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(l) {
+      if (typeof l == "object" && l !== null) {
+        var C = l.$$typeof;
+        switch (C) {
           case t:
-            switch (s = s.type, s) {
+            switch (l = l.type, l) {
               case n:
               case a:
               case o:
               case d:
-              case h:
+              case y:
               case b:
-                return s;
+                return l;
               default:
-                switch (s = s && s.$$typeof, s) {
+                switch (l = l && l.$$typeof, l) {
                   case u:
                   case f:
                   case p:
-                  case m:
-                    return s;
-                  case l:
-                    return s;
+                  case h:
+                    return l;
+                  case s:
+                    return l;
                   default:
-                    return S;
+                    return C;
                 }
             }
           case r:
-            return S;
+            return C;
         }
       }
     }
-    var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
-    T.ContextConsumer = l, T.ContextProvider = u, T.Element = t, T.ForwardRef = f, T.Fragment = n, T.Lazy = p, T.Memo = m, T.Portal = r, T.Profiler = a, T.StrictMode = o, T.Suspense = d, T.SuspenseList = h, T.isContextConsumer = function(s) {
-      return e(s) === l;
-    }, T.isContextProvider = function(s) {
-      return e(s) === u;
-    }, T.isElement = function(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === t;
-    }, T.isForwardRef = function(s) {
-      return e(s) === f;
-    }, T.isFragment = function(s) {
-      return e(s) === n;
-    }, T.isLazy = function(s) {
-      return e(s) === p;
-    }, T.isMemo = function(s) {
-      return e(s) === m;
-    }, T.isPortal = function(s) {
-      return e(s) === r;
-    }, T.isProfiler = function(s) {
-      return e(s) === a;
-    }, T.isStrictMode = function(s) {
-      return e(s) === o;
-    }, T.isSuspense = function(s) {
-      return e(s) === d;
-    }, T.isSuspenseList = function(s) {
-      return e(s) === h;
-    }, T.isValidElementType = function(s) {
-      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === o || s === d || s === h || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === m || s.$$typeof === u || s.$$typeof === l || s.$$typeof === f || s.$$typeof === g || s.getModuleId !== void 0);
-    }, T.typeOf = e;
-  }()), T;
-}
-var qe;
-function kt() {
-  return qe || (qe = 1, process.env.NODE_ENV === "production" ? me.exports = /* @__PURE__ */ Ot() : me.exports = /* @__PURE__ */ _t()), me.exports;
-}
-var $e = /* @__PURE__ */ kt();
-function dt(e) {
+    var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
+    w.ContextConsumer = s, w.ContextProvider = u, w.Element = t, w.ForwardRef = f, w.Fragment = n, w.Lazy = p, w.Memo = h, w.Portal = r, w.Profiler = a, w.StrictMode = o, w.Suspense = d, w.SuspenseList = y, w.isContextConsumer = function(l) {
+      return e(l) === s;
+    }, w.isContextProvider = function(l) {
+      return e(l) === u;
+    }, w.isElement = function(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }, w.isForwardRef = function(l) {
+      return e(l) === f;
+    }, w.isFragment = function(l) {
+      return e(l) === n;
+    }, w.isLazy = function(l) {
+      return e(l) === p;
+    }, w.isMemo = function(l) {
+      return e(l) === h;
+    }, w.isPortal = function(l) {
+      return e(l) === r;
+    }, w.isProfiler = function(l) {
+      return e(l) === a;
+    }, w.isStrictMode = function(l) {
+      return e(l) === o;
+    }, w.isSuspense = function(l) {
+      return e(l) === d;
+    }, w.isSuspenseList = function(l) {
+      return e(l) === y;
+    }, w.isValidElementType = function(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === a || l === o || l === d || l === y || typeof l == "object" && l !== null && (l.$$typeof === p || l.$$typeof === h || l.$$typeof === u || l.$$typeof === s || l.$$typeof === f || l.$$typeof === m || l.getModuleId !== void 0);
+    }, w.typeOf = e;
+  }()), w;
+}
+var He;
+function It() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? ye.exports = /* @__PURE__ */ Nt() : ye.exports = /* @__PURE__ */ Rt()), ye.exports;
+}
+var pt = /* @__PURE__ */ It();
+function mt(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (r = dt(e[t])) && (n && (n += " "), n += r);
+    for (t = 0; t < o; t++) e[t] && (r = mt(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function kn() {
-  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = dt(e)) && (n && (n += " "), n += t);
+function Bn() {
+  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = mt(e)) && (n && (n += " "), n += t);
   return n;
 }
-function ye(e, ...t) {
+function Q(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
-function pt(e) {
+function gt(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ye(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Q(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function te(e) {
+function H(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function mt(e) {
-  if (/* @__PURE__ */ Ee.isValidElement(e) || $e.isValidElementType(e) || !te(e))
+function ht(e) {
+  if (/* @__PURE__ */ dt.isValidElement(e) || pt.isValidElementType(e) || !H(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = mt(e[r]);
+    t[r] = ht(e[r]);
   }), t;
 }
-function K(e, t, r = {
+function M(e, t, r = {
   clone: !0
 }) {
   const n = r.clone ? {
     ...e
   } : e;
-  return te(e) && te(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ Ee.isValidElement(t[o]) || $e.isValidElementType(t[o]) ? n[o] = t[o] : te(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && te(e[o]) ? n[o] = K(e[o], t[o], r) : r.clone ? n[o] = te(t[o]) ? mt(t[o]) : t[o] : n[o] = t[o];
+  return H(e) && H(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ dt.isValidElement(t[o]) || pt.isValidElementType(t[o]) ? n[o] = t[o] : H(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && H(e[o]) ? n[o] = M(e[o], t[o], r) : r.clone ? n[o] = H(t[o]) ? ht(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
-function le(e, t) {
-  return t ? K(e, t, {
+function de(e, t) {
+  return t ? M(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const H = process.env.NODE_ENV !== "production" ? oe.oneOfType([oe.number, oe.string, oe.object, oe.array]) : {};
-function Qe(e, t) {
+const X = process.env.NODE_ENV !== "production" ? le.oneOfType([le.number, le.string, le.object, le.array]) : {};
+function qe(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
-    var l, u;
+    var s, u;
     const a = /min-width:\s*([0-9.]+)/;
-    return +(((l = n.match(a)) == null ? void 0 : l[1]) || 0) - +(((u = o.match(a)) == null ? void 0 : u[1]) || 0);
+    return +(((s = n.match(a)) == null ? void 0 : s[1]) || 0) - +(((u = o.match(a)) == null ? void 0 : u[1]) || 0);
   });
   return r.length ? r.reduce((n, o) => {
     const a = t[o];
@@ -224,25 +224,25 @@ function Qe(e, t) {
     ...t
   }) : t;
 }
-function Rt(e, t) {
+function Bt(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function It(e, t) {
+function Pt(e, t) {
   const r = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!r) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : ye(18, `(${t})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Q(18, `(${t})`));
     return null;
   }
   const [, n, o] = r, a = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(a);
 }
-function Nt(e) {
-  const t = (a, l) => a.replace("@media", l ? `@container ${l}` : "@container");
-  function r(a, l) {
-    a.up = (...u) => t(e.breakpoints.up(...u), l), a.down = (...u) => t(e.breakpoints.down(...u), l), a.between = (...u) => t(e.breakpoints.between(...u), l), a.only = (...u) => t(e.breakpoints.only(...u), l), a.not = (...u) => {
-      const f = t(e.breakpoints.not(...u), l);
+function Dt(e) {
+  const t = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function r(a, s) {
+    a.up = (...u) => t(e.breakpoints.up(...u), s), a.down = (...u) => t(e.breakpoints.down(...u), s), a.between = (...u) => t(e.breakpoints.between(...u), s), a.only = (...u) => t(e.breakpoints.only(...u), s), a.not = (...u) => {
+      const f = t(e.breakpoints.not(...u), s);
       return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
     };
   }
@@ -252,7 +252,7 @@ function Nt(e) {
     containerQueries: o
   };
 }
-const Te = {
+const $e = {
   xs: 0,
   // phone
   sm: 600,
@@ -263,61 +263,61 @@ const Te = {
   // desktop
   xl: 1536
   // large screen
-}, Xe = {
+}, Qe = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Te[e]}px)`
-}, Pt = {
+  up: (e) => `@media (min-width:${$e[e]}px)`
+}, Mt = {
   containerQueries: (e) => ({
     up: (t) => {
-      let r = typeof t == "number" ? t : Te[t] || t;
+      let r = typeof t == "number" ? t : $e[t] || t;
       return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
     }
   })
 };
-function W(e, t, r) {
+function z(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const a = n.breakpoints || Xe;
-    return t.reduce((l, u, f) => (l[a.up(a.keys[f])] = r(t[f]), l), {});
+    const a = n.breakpoints || Qe;
+    return t.reduce((s, u, f) => (s[a.up(a.keys[f])] = r(t[f]), s), {});
   }
   if (typeof t == "object") {
-    const a = n.breakpoints || Xe;
-    return Object.keys(t).reduce((l, u) => {
-      if (Rt(a.keys, u)) {
-        const f = It(n.containerQueries ? n : Pt, u);
-        f && (l[f] = r(t[u], u));
-      } else if (Object.keys(a.values || Te).includes(u)) {
+    const a = n.breakpoints || Qe;
+    return Object.keys(t).reduce((s, u) => {
+      if (Bt(a.keys, u)) {
+        const f = Pt(n.containerQueries ? n : Mt, u);
+        f && (s[f] = r(t[u], u));
+      } else if (Object.keys(a.values || $e).includes(u)) {
         const f = a.up(u);
-        l[f] = r(t[u], u);
+        s[f] = r(t[u], u);
       } else {
         const f = u;
-        l[f] = t[f];
+        s[f] = t[f];
       }
-      return l;
+      return s;
     }, {});
   }
   return r(t);
 }
-function gt(e = {}) {
+function yt(e = {}) {
   var r;
   return ((r = e.keys) == null ? void 0 : r.reduce((n, o) => {
     const a = e.up(o);
     return n[a] = {}, n;
   }, {})) || {};
 }
-function Ve(e, t) {
+function Fe(e, t) {
   return e.reduce((r, n) => {
     const o = r[n];
     return (!o || Object.keys(o).length === 0) && delete r[n], r;
   }, t);
 }
-function Rn(e, ...t) {
-  const r = gt(e), n = [r, ...t].reduce((o, a) => K(o, a), {});
-  return Ve(Object.keys(r), n);
+function Pn(e, ...t) {
+  const r = yt(e), n = [r, ...t].reduce((o, a) => M(o, a), {});
+  return Fe(Object.keys(r), n);
 }
-function Bt(e, t) {
+function Ft(e, t) {
   if (typeof e != "object")
     return {};
   const r = {}, n = Object.keys(t);
@@ -327,18 +327,18 @@ function Bt(e, t) {
     e[o] != null && (r[o] = !0);
   }), r;
 }
-function In({
+function Dn({
   values: e,
   breakpoints: t,
   base: r
 }) {
-  const n = r || Bt(e, t), o = Object.keys(n);
+  const n = r || Ft(e, t), o = Object.keys(n);
   if (o.length === 0)
     return e;
   let a;
-  return o.reduce((l, u, f) => (Array.isArray(e) ? (l[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (l[u] = e[u] != null ? e[u] : e[a], a = u) : l[u] = e, l), {});
+  return o.reduce((s, u, f) => (Array.isArray(e) ? (s[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (s[u] = e[u] != null ? e[u] : e[a], a = u) : s[u] = e, s), {});
 }
-function Ae(e, t, r = !0) {
+function Ee(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -348,283 +348,283 @@ function Ae(e, t, r = !0) {
   }
   return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function be(e, t, r, n = r) {
+function Ce(e, t, r, n = r) {
   let o;
-  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ae(e, r) || n, t && (o = t(o, n, e)), o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ee(e, r) || n, t && (o = t(o, n, e)), o;
 }
-function R(e) {
+function B(e) {
   const {
     prop: t,
     cssProperty: r = e.prop,
     themeKey: n,
     transform: o
-  } = e, a = (l) => {
-    if (l[t] == null)
+  } = e, a = (s) => {
+    if (s[t] == null)
       return null;
-    const u = l[t], f = l.theme, d = Ae(f, n) || {};
-    return W(l, u, (m) => {
-      let p = be(d, o, m);
-      return m === p && typeof m == "string" && (p = be(d, o, `${t}${m === "default" ? "" : pt(m)}`, m)), r === !1 ? p : {
+    const u = s[t], f = s.theme, d = Ee(f, n) || {};
+    return z(s, u, (h) => {
+      let p = Ce(d, o, h);
+      return h === p && typeof h == "string" && (p = Ce(d, o, `${t}${h === "default" ? "" : gt(h)}`, h)), r === !1 ? p : {
         [r]: p
       };
     });
   };
   return a.propTypes = process.env.NODE_ENV !== "production" ? {
-    [t]: H
+    [t]: X
   } : {}, a.filterProps = [t], a;
 }
-function Mt(e) {
+function Vt(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const Dt = {
+const Lt = {
   m: "margin",
   p: "padding"
-}, Vt = {
+}, Wt = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Je = {
+}, Xe = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, Ft = Mt((e) => {
+}, Ut = Vt((e) => {
   if (e.length > 2)
-    if (Je[e])
-      e = Je[e];
+    if (Xe[e])
+      e = Xe[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = Dt[t], o = Vt[r] || "";
+  const [t, r] = e.split(""), n = Lt[t], o = Wt[r] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), xe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ve = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Lt = [...xe, ...ve];
-function ue(e, t, r, n) {
-  const o = Ae(e, t, !0) ?? r;
+}), xe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Te = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], jt = [...xe, ...Te];
+function me(e, t, r, n) {
+  const o = Ee(e, t, !0) ?? r;
   return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
     if (typeof a == "string")
       return a;
-    const l = Math.abs(a);
-    process.env.NODE_ENV !== "production" && (Number.isInteger(l) ? l > o.length - 1 && console.error([`MUI: The value provided (${l}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${l} > ${o.length - 1}, you need to add the missing values.`].join(`
+    const s = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
 `)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
 `)));
-    const u = o[l];
+    const u = o[s];
     return a >= 0 ? u : typeof u == "number" ? -u : typeof u == "string" && u.startsWith("var(") ? `calc(-1 * ${u})` : `-${u}`;
   } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
 `)), () => {
   });
 }
 function Ue(e) {
-  return ue(e, "spacing", 8, "spacing");
+  return me(e, "spacing", 8, "spacing");
 }
-function fe(e, t) {
+function ge(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function Ut(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = fe(t, r), n), {});
+function Gt(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = ge(t, r), n), {});
 }
-function Wt(e, t, r, n) {
+function zt(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = Ft(r), a = Ut(o, n), l = e[r];
-  return W(e, l, a);
+  const o = Ut(r), a = Gt(o, n), s = e[r];
+  return z(e, s, a);
 }
-function ht(e, t) {
+function bt(e, t) {
   const r = Ue(e.theme);
-  return Object.keys(e).map((n) => Wt(e, t, n, r)).reduce(le, {});
+  return Object.keys(e).map((n) => zt(e, t, n, r)).reduce(de, {});
 }
-function _(e) {
-  return ht(e, xe);
+function N(e) {
+  return bt(e, xe);
 }
-_.propTypes = process.env.NODE_ENV !== "production" ? xe.reduce((e, t) => (e[t] = H, e), {}) : {};
-_.filterProps = xe;
-function k(e) {
-  return ht(e, ve);
+N.propTypes = process.env.NODE_ENV !== "production" ? xe.reduce((e, t) => (e[t] = X, e), {}) : {};
+N.filterProps = xe;
+function R(e) {
+  return bt(e, Te);
 }
-k.propTypes = process.env.NODE_ENV !== "production" ? ve.reduce((e, t) => (e[t] = H, e), {}) : {};
-k.filterProps = ve;
-process.env.NODE_ENV !== "production" && Lt.reduce((e, t) => (e[t] = H, e), {});
-function we(...e) {
+R.propTypes = process.env.NODE_ENV !== "production" ? Te.reduce((e, t) => (e[t] = X, e), {}) : {};
+R.filterProps = Te;
+process.env.NODE_ENV !== "production" && jt.reduce((e, t) => (e[t] = X, e), {});
+function Ae(...e) {
   const t = e.reduce((n, o) => (o.filterProps.forEach((a) => {
     n[a] = o;
-  }), n), {}), r = (n) => Object.keys(n).reduce((o, a) => t[a] ? le(o, t[a](n)) : o, {});
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, a) => t[a] ? de(o, t[a](n)) : o, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
 }
-function B(e) {
+function L(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-function M(e, t) {
-  return R({
+function W(e, t) {
+  return B({
     prop: e,
     themeKey: "borders",
     transform: t
   });
 }
-const jt = M("border", B), Gt = M("borderTop", B), zt = M("borderRight", B), Yt = M("borderBottom", B), Kt = M("borderLeft", B), Ht = M("borderColor"), qt = M("borderTopColor"), Qt = M("borderRightColor"), Xt = M("borderBottomColor"), Jt = M("borderLeftColor"), Zt = M("outline", B), er = M("outlineColor"), Oe = (e) => {
+const Yt = W("border", L), Kt = W("borderTop", L), Ht = W("borderRight", L), qt = W("borderBottom", L), Qt = W("borderLeft", L), Xt = W("borderColor"), Jt = W("borderTopColor"), Zt = W("borderRightColor"), er = W("borderBottomColor"), tr = W("borderLeftColor"), rr = W("outline", L), nr = W("outlineColor"), ve = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = ue(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
-      borderRadius: fe(t, n)
+    const t = me(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: ge(t, n)
     });
-    return W(e, e.borderRadius, r);
+    return z(e, e.borderRadius, r);
   }
   return null;
 };
-Oe.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: H
+ve.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: X
 } : {};
-Oe.filterProps = ["borderRadius"];
-we(jt, Gt, zt, Yt, Kt, Ht, qt, Qt, Xt, Jt, Oe, Zt, er);
-const _e = (e) => {
+ve.filterProps = ["borderRadius"];
+Ae(Yt, Kt, Ht, qt, Qt, Xt, Jt, Zt, er, tr, ve, rr, nr);
+const we = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const t = ue(e.theme, "spacing", 8, "gap"), r = (n) => ({
-      gap: fe(t, n)
+    const t = me(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: ge(t, n)
     });
-    return W(e, e.gap, r);
+    return z(e, e.gap, r);
   }
   return null;
 };
-_e.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: H
+we.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: X
 } : {};
-_e.filterProps = ["gap"];
-const ke = (e) => {
+we.filterProps = ["gap"];
+const _e = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = ue(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
-      columnGap: fe(t, n)
+    const t = me(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: ge(t, n)
     });
-    return W(e, e.columnGap, r);
+    return z(e, e.columnGap, r);
   }
   return null;
 };
-ke.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: H
+_e.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: X
 } : {};
-ke.filterProps = ["columnGap"];
-const Re = (e) => {
+_e.filterProps = ["columnGap"];
+const Oe = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = ue(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
-      rowGap: fe(t, n)
+    const t = me(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: ge(t, n)
     });
-    return W(e, e.rowGap, r);
+    return z(e, e.rowGap, r);
   }
   return null;
 };
-Re.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: H
+Oe.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: X
 } : {};
-Re.filterProps = ["rowGap"];
-const tr = R({
+Oe.filterProps = ["rowGap"];
+const or = B({
   prop: "gridColumn"
-}), rr = R({
+}), ir = B({
   prop: "gridRow"
-}), nr = R({
+}), ar = B({
   prop: "gridAutoFlow"
-}), or = R({
+}), sr = B({
   prop: "gridAutoColumns"
-}), ir = R({
+}), lr = B({
   prop: "gridAutoRows"
-}), ar = R({
+}), cr = B({
   prop: "gridTemplateColumns"
-}), sr = R({
+}), ur = B({
   prop: "gridTemplateRows"
-}), lr = R({
+}), fr = B({
   prop: "gridTemplateAreas"
-}), cr = R({
+}), dr = B({
   prop: "gridArea"
 });
-we(_e, ke, Re, tr, rr, nr, or, ir, ar, sr, lr, cr);
-function re(e, t) {
+Ae(we, _e, Oe, or, ir, ar, sr, lr, cr, ur, fr, dr);
+function ae(e, t) {
   return t === "grey" ? t : e;
 }
-const ur = R({
+const pr = B({
   prop: "color",
   themeKey: "palette",
-  transform: re
-}), fr = R({
+  transform: ae
+}), mr = B({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: re
-}), dr = R({
+  transform: ae
+}), gr = B({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: re
+  transform: ae
 });
-we(ur, fr, dr);
-function P(e) {
+Ae(pr, mr, gr);
+function F(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const pr = R({
+const hr = B({
   prop: "width",
-  transform: P
-}), We = (e) => {
+  transform: F
+}), je = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
-      var o, a, l, u, f;
-      const n = ((l = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : l[r]) || Te[r];
+      var o, a, s, u, f;
+      const n = ((s = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : s[r]) || $e[r];
       return n ? ((f = (u = e.theme) == null ? void 0 : u.breakpoints) == null ? void 0 : f.unit) !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
         maxWidth: n
       } : {
-        maxWidth: P(r)
+        maxWidth: F(r)
       };
     };
-    return W(e, e.maxWidth, t);
+    return z(e, e.maxWidth, t);
   }
   return null;
 };
-We.filterProps = ["maxWidth"];
-const mr = R({
+je.filterProps = ["maxWidth"];
+const yr = B({
   prop: "minWidth",
-  transform: P
-}), gr = R({
+  transform: F
+}), br = B({
   prop: "height",
-  transform: P
-}), hr = R({
+  transform: F
+}), Cr = B({
   prop: "maxHeight",
-  transform: P
-}), yr = R({
+  transform: F
+}), Sr = B({
   prop: "minHeight",
-  transform: P
+  transform: F
 });
-R({
+B({
   prop: "size",
   cssProperty: "width",
-  transform: P
+  transform: F
 });
-R({
+B({
   prop: "size",
   cssProperty: "height",
-  transform: P
+  transform: F
 });
-const br = R({
+const $r = B({
   prop: "boxSizing"
 });
-we(pr, We, mr, gr, hr, yr, br);
-const Ie = {
+Ae(hr, je, yr, br, Cr, Sr, $r);
+const ke = {
   // borders
   border: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   borderTop: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   borderRight: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   borderBottom: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   borderLeft: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   borderColor: {
     themeKey: "palette"
@@ -643,149 +643,149 @@ const Ie = {
   },
   outline: {
     themeKey: "borders",
-    transform: B
+    transform: L
   },
   outlineColor: {
     themeKey: "palette"
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: Oe
+    style: ve
   },
   // palette
   color: {
     themeKey: "palette",
-    transform: re
+    transform: ae
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: re
+    transform: ae
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: re
+    transform: ae
   },
   // spacing
   p: {
-    style: k
+    style: R
   },
   pt: {
-    style: k
+    style: R
   },
   pr: {
-    style: k
+    style: R
   },
   pb: {
-    style: k
+    style: R
   },
   pl: {
-    style: k
+    style: R
   },
   px: {
-    style: k
+    style: R
   },
   py: {
-    style: k
+    style: R
   },
   padding: {
-    style: k
+    style: R
   },
   paddingTop: {
-    style: k
+    style: R
   },
   paddingRight: {
-    style: k
+    style: R
   },
   paddingBottom: {
-    style: k
+    style: R
   },
   paddingLeft: {
-    style: k
+    style: R
   },
   paddingX: {
-    style: k
+    style: R
   },
   paddingY: {
-    style: k
+    style: R
   },
   paddingInline: {
-    style: k
+    style: R
   },
   paddingInlineStart: {
-    style: k
+    style: R
   },
   paddingInlineEnd: {
-    style: k
+    style: R
   },
   paddingBlock: {
-    style: k
+    style: R
   },
   paddingBlockStart: {
-    style: k
+    style: R
   },
   paddingBlockEnd: {
-    style: k
+    style: R
   },
   m: {
-    style: _
+    style: N
   },
   mt: {
-    style: _
+    style: N
   },
   mr: {
-    style: _
+    style: N
   },
   mb: {
-    style: _
+    style: N
   },
   ml: {
-    style: _
+    style: N
   },
   mx: {
-    style: _
+    style: N
   },
   my: {
-    style: _
+    style: N
   },
   margin: {
-    style: _
+    style: N
   },
   marginTop: {
-    style: _
+    style: N
   },
   marginRight: {
-    style: _
+    style: N
   },
   marginBottom: {
-    style: _
+    style: N
   },
   marginLeft: {
-    style: _
+    style: N
   },
   marginX: {
-    style: _
+    style: N
   },
   marginY: {
-    style: _
+    style: N
   },
   marginInline: {
-    style: _
+    style: N
   },
   marginInlineStart: {
-    style: _
+    style: N
   },
   marginInlineEnd: {
-    style: _
+    style: N
   },
   marginBlock: {
-    style: _
+    style: N
   },
   marginBlockStart: {
-    style: _
+    style: N
   },
   marginBlockEnd: {
-    style: _
+    style: N
   },
   // display
   displayPrint: {
@@ -817,13 +817,13 @@ const Ie = {
   justifySelf: {},
   // grid
   gap: {
-    style: _e
+    style: we
   },
   rowGap: {
-    style: Re
+    style: Oe
   },
   columnGap: {
-    style: ke
+    style: _e
   },
   gridColumn: {},
   gridRow: {},
@@ -849,22 +849,22 @@ const Ie = {
   },
   // sizing
   width: {
-    transform: P
+    transform: F
   },
   maxWidth: {
-    style: We
+    style: je
   },
   minWidth: {
-    transform: P
+    transform: F
   },
   height: {
-    transform: P
+    transform: F
   },
   maxHeight: {
-    transform: P
+    transform: F
   },
   minHeight: {
-    transform: P
+    transform: F
   },
   boxSizing: {},
   // typography
@@ -892,16 +892,16 @@ const Ie = {
     themeKey: "typography"
   }
 };
-function Sr(...e) {
+function Er(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function Cr(e, t) {
+function xr(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Er() {
+function Tr() {
   function e(r, n, o, a) {
-    const l = {
+    const s = {
       [r]: n,
       theme: o
     }, u = a[r];
@@ -912,8 +912,8 @@ function Er() {
     const {
       cssProperty: f = r,
       themeKey: d,
-      transform: h,
-      style: m
+      transform: y,
+      style: h
     } = u;
     if (n == null)
       return null;
@@ -921,11 +921,11 @@ function Er() {
       return {
         [r]: n
       };
-    const p = Ae(o, d) || {};
-    return m ? m(l) : W(l, n, (g) => {
-      let s = be(p, h, g);
-      return g === s && typeof g == "string" && (s = be(p, h, `${r}${g === "default" ? "" : pt(g)}`, g)), f === !1 ? s : {
-        [f]: s
+    const p = Ee(o, d) || {};
+    return h ? h(s) : z(s, n, (m) => {
+      let l = Ce(p, y, m);
+      return m === l && typeof m == "string" && (l = Ce(p, y, `${r}${m === "default" ? "" : gt(m)}`, m)), f === !1 ? l : {
+        [f]: l
       };
     });
   }
@@ -937,7 +937,7 @@ function Er() {
     } = r || {};
     if (!n)
       return null;
-    const l = o.unstable_sxConfig ?? Ie;
+    const s = o.unstable_sxConfig ?? ke;
     function u(f) {
       let d = f;
       if (typeof f == "function")
@@ -946,39 +946,39 @@ function Er() {
         return f;
       if (!d)
         return null;
-      const h = gt(o.breakpoints), m = Object.keys(h);
-      let p = h;
+      const y = yt(o.breakpoints), h = Object.keys(y);
+      let p = y;
       return Object.keys(d).forEach((b) => {
-        const g = Cr(d[b], o);
-        if (g != null)
-          if (typeof g == "object")
-            if (l[b])
-              p = le(p, e(b, g, o, l));
+        const m = xr(d[b], o);
+        if (m != null)
+          if (typeof m == "object")
+            if (s[b])
+              p = de(p, e(b, m, o, s));
             else {
-              const s = W({
+              const l = z({
                 theme: o
-              }, g, (S) => ({
-                [b]: S
+              }, m, (C) => ({
+                [b]: C
               }));
-              Sr(s, g) ? p[b] = t({
-                sx: g,
+              Er(l, m) ? p[b] = t({
+                sx: m,
                 theme: o,
                 nested: !0
-              }) : p = le(p, s);
+              }) : p = de(p, l);
             }
           else
-            p = le(p, e(b, g, o, l));
+            p = de(p, e(b, m, o, s));
       }), !a && o.modularCssLayers ? {
-        "@layer sx": Qe(o, Ve(m, p))
-      } : Qe(o, Ve(m, p));
+        "@layer sx": qe(o, Fe(h, p))
+      } : qe(o, Fe(h, p));
     }
     return Array.isArray(n) ? n.map(u) : u(n);
   }
   return t;
 }
-const Ne = Er();
+const Ne = Tr();
 Ne.filterProps = ["sx"];
-function $r(e) {
+function Ar(e) {
   for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -997,7 +997,7 @@ function $r(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var Tr = {
+var vr = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1047,32 +1047,32 @@ var Tr = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Ar(e) {
+function wr(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var xr = /[A-Z]|^ms/g, vr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, yt = function(t) {
+var _r = /[A-Z]|^ms/g, Or = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ct = function(t) {
   return t.charCodeAt(1) === 45;
-}, Ze = function(t) {
+}, Je = function(t) {
   return t != null && typeof t != "boolean";
-}, Be = /* @__PURE__ */ Ar(function(e) {
-  return yt(e) ? e : e.replace(xr, "-$&").toLowerCase();
-}), et = function(t, r) {
+}, Pe = /* @__PURE__ */ wr(function(e) {
+  return Ct(e) ? e : e.replace(_r, "-$&").toLowerCase();
+}), Ze = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(vr, function(n, o, a) {
-          return Y = {
+        return r.replace(Or, function(n, o, a) {
+          return q = {
             name: o,
             styles: a,
-            next: Y
+            next: q
           }, o;
         });
   }
-  return Tr[t] !== 1 && !yt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return vr[t] !== 1 && !Ct(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function Se(e, t, r) {
   if (r == null)
@@ -1086,50 +1086,50 @@ function Se(e, t, r) {
     case "object": {
       var o = r;
       if (o.anim === 1)
-        return Y = {
+        return q = {
           name: o.name,
           styles: o.styles,
-          next: Y
+          next: q
         }, o.name;
       var a = r;
       if (a.styles !== void 0) {
-        var l = a.next;
-        if (l !== void 0)
-          for (; l !== void 0; )
-            Y = {
-              name: l.name,
-              styles: l.styles,
-              next: Y
-            }, l = l.next;
+        var s = a.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            q = {
+              name: s.name,
+              styles: s.styles,
+              next: q
+            }, s = s.next;
         var u = a.styles + ";";
         return u;
       }
-      return wr(e, t, r);
+      return kr(e, t, r);
     }
   }
   var f = r;
   return f;
 }
-function wr(e, t, r) {
+function kr(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var o = 0; o < r.length; o++)
       n += Se(e, t, r[o]) + ";";
   else
     for (var a in r) {
-      var l = r[a];
-      if (typeof l != "object") {
-        var u = l;
-        Ze(u) && (n += Be(a) + ":" + et(a, u) + ";");
-      } else if (Array.isArray(l) && typeof l[0] == "string" && t == null)
-        for (var f = 0; f < l.length; f++)
-          Ze(l[f]) && (n += Be(a) + ":" + et(a, l[f]) + ";");
+      var s = r[a];
+      if (typeof s != "object") {
+        var u = s;
+        Je(u) && (n += Pe(a) + ":" + Ze(a, u) + ";");
+      } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
+        for (var f = 0; f < s.length; f++)
+          Je(s[f]) && (n += Pe(a) + ":" + Ze(a, s[f]) + ";");
       else {
-        var d = Se(e, t, l);
+        var d = Se(e, t, s);
         switch (a) {
           case "animation":
           case "animationName": {
-            n += Be(a) + ":" + d + ";";
+            n += Pe(a) + ":" + d + ";";
             break;
           }
           default:
@@ -1139,57 +1139,57 @@ function wr(e, t, r) {
     }
   return n;
 }
-var tt = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
-function Or(e, t, r) {
+var et = /label:\s*([^\s;{]+)\s*(;|$)/g, q;
+function Nr(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
-  Y = void 0;
+  q = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
     n = !1, o += Se(r, t, a);
   else {
-    var l = a;
-    o += l[0];
+    var s = a;
+    o += s[0];
   }
   for (var u = 1; u < e.length; u++)
     if (o += Se(r, t, e[u]), n) {
       var f = a;
       o += f[u];
     }
-  tt.lastIndex = 0;
-  for (var d = "", h; (h = tt.exec(o)) !== null; )
-    d += "-" + h[1];
-  var m = $r(o) + d;
+  et.lastIndex = 0;
+  for (var d = "", y; (y = et.exec(o)) !== null; )
+    d += "-" + y[1];
+  var h = Ar(o) + d;
   return {
-    name: m,
+    name: h,
     styles: o,
-    next: Y
+    next: q
   };
 }
 /**
- * @mui/styled-engine v7.2.0
+ * @mui/styled-engine v7.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Nn(e, t) {
-  const r = wt(e, t);
+function Mn(e, t) {
+  const r = kt(e, t);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
 `)) : n.some((a) => a === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
   } : r;
 }
-function Pn(e, t) {
+function Fn(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const rt = [];
-function Bn(e) {
-  return rt[0] = e, Or(rt);
+const tt = [];
+function Vn(e) {
+  return tt[0] = e, Nr(tt);
 }
-const _r = (e) => {
+const Rr = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -1199,7 +1199,7 @@ const _r = (e) => {
     [n.key]: n.val
   }), {});
 };
-function kr(e) {
+function Ir(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1218,7 +1218,7 @@ function kr(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, a = _r(t), l = Object.keys(a);
+  } = e, a = Rr(t), s = Object.keys(a);
   function u(p) {
     return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
   }
@@ -1226,43 +1226,43 @@ function kr(e) {
     return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
   }
   function d(p, b) {
-    const g = l.indexOf(b);
-    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(g !== -1 && typeof t[l[g]] == "number" ? t[l[g]] : b) - n / 100}${r})`;
+    const m = s.indexOf(b);
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(m !== -1 && typeof t[s[m]] == "number" ? t[s[m]] : b) - n / 100}${r})`;
   }
-  function h(p) {
-    return l.indexOf(p) + 1 < l.length ? d(p, l[l.indexOf(p) + 1]) : u(p);
+  function y(p) {
+    return s.indexOf(p) + 1 < s.length ? d(p, s[s.indexOf(p) + 1]) : u(p);
   }
-  function m(p) {
-    const b = l.indexOf(p);
-    return b === 0 ? u(l[1]) : b === l.length - 1 ? f(l[b]) : d(p, l[l.indexOf(p) + 1]).replace("@media", "@media not all and");
+  function h(p) {
+    const b = s.indexOf(p);
+    return b === 0 ? u(s[1]) : b === s.length - 1 ? f(s[b]) : d(p, s[s.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return {
-    keys: l,
+    keys: s,
     values: a,
     up: u,
     down: f,
     between: d,
-    only: h,
-    not: m,
+    only: y,
+    not: h,
     unit: r,
     ...o
   };
 }
-const Rr = {
+const Br = {
   borderRadius: 4
 };
-function bt(e = 8, t = Ue({
+function St(e = 8, t = Ue({
   spacing: e
 })) {
   if (e.mui)
     return e;
   const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
-    const l = t(a);
-    return typeof l == "number" ? `${l}px` : l;
+    const s = t(a);
+    return typeof s == "number" ? `${s}px` : s;
   }).join(" "));
   return r.mui = !0, r;
 }
-function Ir(e, t) {
+function Pr(e, t) {
   var n;
   const r = this;
   if (r.vars) {
@@ -1275,15 +1275,15 @@ function Ir(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function Nr(e = {}, ...t) {
+function Dr(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
-    ...l
-  } = e, u = kr(r), f = bt(o);
-  let d = K({
+    ...s
+  } = e, u = Ir(r), f = St(o);
+  let d = M({
     breakpoints: u,
     direction: "ltr",
     components: {},
@@ -1294,50 +1294,87 @@ function Nr(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...Rr,
+      ...Br,
       ...a
     }
-  }, l);
-  return d = Nt(d), d.applyStyles = Ir, d = t.reduce((h, m) => K(h, m), d), d.unstable_sxConfig = {
-    ...Ie,
-    ...l == null ? void 0 : l.unstable_sxConfig
-  }, d.unstable_sx = function(m) {
+  }, s);
+  return d = Dt(d), d.applyStyles = Pr, d = t.reduce((y, h) => M(y, h), d), d.unstable_sxConfig = {
+    ...ke,
+    ...s == null ? void 0 : s.unstable_sxConfig
+  }, d.unstable_sx = function(h) {
     return Ne({
-      sx: m,
+      sx: h,
       theme: this
     });
   }, d;
 }
-function Pr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+const rt = (e) => e, Mr = () => {
+  let e = rt;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = rt;
+    }
+  };
+}, Fr = Mr(), Vr = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function $t(e, t, r = "Mui") {
+  const n = Vr[t];
+  return n ? `${r}-${n}` : `${Fr.generate(e)}-${t}`;
+}
+function Ln(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = $t(e, o, r);
+  }), n;
+}
+function Lr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function je(e, t = 0, r = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Pr(e, t, r);
+function Ge(e, t = 0, r = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Lr(e, t, r);
 }
-function Br(e) {
+function Wr(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
   return r && r[0].length === 1 && (r = r.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Mr(e) {
+function Ur(e) {
   const t = e.toString(16);
   return t.length === 1 ? `0${t}` : t;
 }
-function j(e) {
+function Y(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return j(Br(e));
+    return Y(Wr(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : ye(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Q(9, e));
   let n = e.substring(t + 1, e.length - 1), o;
   if (r === "color") {
     if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : ye(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Q(10, o));
   } else
     n = n.split(",");
   return n = n.map((a) => parseFloat(a)), {
@@ -1346,17 +1383,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const Dr = (e) => {
-  const t = j(e);
+const jr = (e) => {
+  const t = Y(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
-}, ae = (e, t) => {
+}, ue = (e, t) => {
   try {
-    return Dr(e);
+    return jr(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function Pe(e) {
+function Re(e) {
   const {
     type: t,
     colorSpace: r
@@ -1366,62 +1403,62 @@ function Pe(e) {
   } = e;
   return t.includes("rgb") ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
 }
-function Mn(e) {
+function Wn(e) {
   if (e.startsWith("#"))
     return e;
   const {
     values: t
-  } = j(e);
-  return `#${t.map((r, n) => Mr(n === 3 ? Math.round(255 * r) : r)).join("")}`;
+  } = Y(e);
+  return `#${t.map((r, n) => Ur(n === 3 ? Math.round(255 * r) : r)).join("")}`;
 }
-function St(e) {
-  e = j(e);
+function Et(e) {
+  e = Y(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), l = (d, h = (d + r / 30) % 12) => o - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), s = (d, y = (d + r / 30) % 12) => o - a * Math.max(Math.min(y - 3, 9 - y, 1), -1);
   let u = "rgb";
-  const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
-  return e.type === "hsla" && (u += "a", f.push(t[3])), Pe({
+  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (u += "a", f.push(t[3])), Re({
     type: u,
     values: f
   });
 }
-function Fe(e) {
-  e = j(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? j(St(e)).values : e.values;
+function Ve(e) {
+  e = Y(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? Y(Et(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function nt(e, t) {
-  const r = Fe(e), n = Fe(t);
+  const r = Ve(e), n = Ve(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-function Vr(e, t) {
-  return e = j(e), t = je(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Pe(e);
+function xt(e, t) {
+  return e = Y(e), t = Ge(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Re(e);
 }
-function ge(e, t, r) {
+function J(e, t, r) {
   try {
-    return Vr(e, t);
+    return xt(e, t);
   } catch {
-    return e;
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Ge(e, t) {
-  if (e = j(e), t = je(t), e.type.includes("hsl"))
+function Ie(e, t) {
+  if (e = Y(e), t = Ge(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] *= 1 - t;
-  return Pe(e);
+  return Re(e);
 }
-function x(e, t, r) {
+function T(e, t, r) {
   try {
-    return Ge(e, t);
+    return Ie(e, t);
   } catch {
-    return e;
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function ze(e, t) {
-  if (e = j(e), t = je(t), e.type.includes("hsl"))
+function Be(e, t) {
+  if (e = Y(e), t = Ge(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -1429,26 +1466,26 @@ function ze(e, t) {
   else if (e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] += (1 - e.values[r]) * t;
-  return Pe(e);
+  return Re(e);
 }
-function v(e, t, r) {
+function A(e, t, r) {
   try {
-    return ze(e, t);
+    return Be(e, t);
   } catch {
-    return e;
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Fr(e, t = 0.15) {
-  return Fe(e) > 0.5 ? Ge(e, t) : ze(e, t);
+function Gr(e, t = 0.15) {
+  return Ve(e) > 0.5 ? Ie(e, t) : Be(e, t);
 }
-function he(e, t, r) {
+function be(e, t, r) {
   try {
-    return Fr(e, t);
+    return Gr(e, t);
   } catch {
     return e;
   }
 }
-function Lr(e = "") {
+function zr(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -1459,30 +1496,30 @@ function Lr(e = "") {
 }
 const ot = (e, t, r, n = []) => {
   let o = e;
-  t.forEach((a, l) => {
-    l === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
+  t.forEach((a, s) => {
+    s === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
   });
-}, Ur = (e, t, r) => {
-  function n(o, a = [], l = []) {
+}, Yr = (e, t, r) => {
+  function n(o, a = [], s = []) {
     Object.entries(o).forEach(([u, f]) => {
-      (!r || r && !r([...a, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, u], Array.isArray(f) ? [...l, u] : l) : t([...a, u], f, l));
+      (!r || r && !r([...a, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, u], Array.isArray(f) ? [...s, u] : s) : t([...a, u], f, s));
     });
   }
   n(e);
-}, Wr = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
-function Me(e, t) {
+}, Kr = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function De(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
-  } = t || {}, o = {}, a = {}, l = {};
-  return Ur(
+  } = t || {}, o = {}, a = {}, s = {};
+  return Yr(
     e,
     (u, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const h = `--${r ? `${r}-` : ""}${u.join("-")}`, m = Wr(u, f);
+        const y = `--${r ? `${r}-` : ""}${u.join("-")}`, h = Kr(u, f);
         Object.assign(o, {
-          [h]: m
-        }), ot(a, u, `var(${h})`, d), ot(l, u, `var(${h}, ${m})`, d);
+          [y]: h
+        }), ot(a, u, `var(${y})`, d), ot(s, u, `var(${y}, ${h})`, d);
       }
     },
     (u) => u[0] === "vars"
@@ -1490,162 +1527,142 @@ function Me(e, t) {
   ), {
     css: o,
     vars: a,
-    varsWithDefaults: l
+    varsWithDefaults: s
   };
 }
-function jr(e, t = {}) {
+function Hr(e, t = {}) {
   const {
-    getSelector: r = S,
+    getSelector: r = _,
     disableCssColorScheme: n,
-    colorSchemeSelector: o
+    colorSchemeSelector: o,
+    enableContrastVars: a
   } = t, {
-    colorSchemes: a = {},
-    components: l,
-    defaultColorScheme: u = "light",
-    ...f
+    colorSchemes: s = {},
+    components: u,
+    defaultColorScheme: f = "light",
+    ...d
   } = e, {
-    vars: d,
+    vars: y,
     css: h,
-    varsWithDefaults: m
-  } = Me(f, t);
-  let p = m;
-  const b = {}, {
-    [u]: g,
-    ...s
-  } = a;
-  if (Object.entries(s || {}).forEach(([E, C]) => {
+    varsWithDefaults: p
+  } = De(d, t);
+  let b = p;
+  const m = {}, {
+    [f]: l,
+    ...C
+  } = s;
+  if (Object.entries(C || {}).forEach(([$, D]) => {
     const {
-      vars: N,
-      css: L,
-      varsWithDefaults: G
-    } = Me(C, t);
-    p = K(p, G), b[E] = {
-      css: L,
-      vars: N
+      vars: E,
+      css: j,
+      varsWithDefaults: K
+    } = De(D, t);
+    b = M(b, K), m[$] = {
+      css: j,
+      vars: E
     };
-  }), g) {
+  }), l) {
     const {
-      css: E,
-      vars: C,
-      varsWithDefaults: N
-    } = Me(g, t);
-    p = K(p, N), b[u] = {
-      css: E,
-      vars: C
+      css: $,
+      vars: D,
+      varsWithDefaults: E
+    } = De(l, t);
+    b = M(b, E), m[f] = {
+      css: $,
+      vars: D
     };
   }
-  function S(E, C) {
-    var L, G;
-    let N = o;
-    if (o === "class" && (N = ".%s"), o === "data" && (N = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (N = `[${o}="%s"]`), E) {
-      if (N === "media")
-        return e.defaultColorScheme === E ? ":root" : {
-          [`@media (prefers-color-scheme: ${((G = (L = a[E]) == null ? void 0 : L.palette) == null ? void 0 : G.mode) || E})`]: {
-            ":root": C
+  function _($, D) {
+    var j, K;
+    let E = o;
+    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), $) {
+      if (E === "media")
+        return e.defaultColorScheme === $ ? ":root" : {
+          [`@media (prefers-color-scheme: ${((K = (j = s[$]) == null ? void 0 : j.palette) == null ? void 0 : K.mode) || $})`]: {
+            ":root": D
           }
         };
-      if (N)
-        return e.defaultColorScheme === E ? `:root, ${N.replace("%s", String(E))}` : N.replace("%s", String(E));
+      if (E)
+        return e.defaultColorScheme === $ ? `:root, ${E.replace("%s", String($))}` : E.replace("%s", String($));
     }
     return ":root";
   }
   return {
-    vars: p,
+    vars: b,
     generateThemeVars: () => {
-      let E = {
-        ...d
+      let $ = {
+        ...y
       };
-      return Object.entries(b).forEach(([, {
-        vars: C
+      return Object.entries(m).forEach(([, {
+        vars: D
       }]) => {
-        E = K(E, C);
-      }), E;
+        $ = M($, D);
+      }), $;
     },
     generateStyleSheets: () => {
-      var ne, V;
-      const E = [], C = e.defaultColorScheme || "light";
-      function N(i, y) {
-        Object.keys(y).length && E.push(typeof i == "string" ? {
-          [i]: {
-            ...y
+      var se, he;
+      const $ = [], D = e.defaultColorScheme || "light";
+      function E(P, i) {
+        Object.keys(i).length && $.push(typeof P == "string" ? {
+          [P]: {
+            ...i
           }
-        } : i);
+        } : P);
       }
-      N(r(void 0, {
+      E(r(void 0, {
         ...h
       }), h);
       const {
-        [C]: L,
-        ...G
-      } = b;
-      if (L) {
+        [D]: j,
+        ...K
+      } = m;
+      if (j) {
         const {
-          css: i
-        } = L, y = (V = (ne = a[C]) == null ? void 0 : ne.palette) == null ? void 0 : V.mode, A = !n && y ? {
-          colorScheme: y,
-          ...i
+          css: P
+        } = j, i = (he = (se = s[D]) == null ? void 0 : se.palette) == null ? void 0 : he.mode, S = !n && i ? {
+          colorScheme: i,
+          ...P
         } : {
-          ...i
+          ...P
         };
-        N(r(C, {
-          ...A
-        }), A);
+        E(r(D, {
+          ...S
+        }), S);
       }
-      return Object.entries(G).forEach(([i, {
-        css: y
+      return Object.entries(K).forEach(([P, {
+        css: i
       }]) => {
-        var de, pe;
-        const A = (pe = (de = a[i]) == null ? void 0 : de.palette) == null ? void 0 : pe.mode, I = !n && A ? {
-          colorScheme: A,
-          ...y
+        var x, I;
+        const S = (I = (x = s[P]) == null ? void 0 : x.palette) == null ? void 0 : I.mode, g = !n && S ? {
+          colorScheme: S,
+          ...i
         } : {
-          ...y
+          ...i
         };
-        N(r(i, {
-          ...I
-        }), I);
-      }), E;
+        E(r(P, {
+          ...g
+        }), g);
+      }), a && $.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), $;
     }
   };
 }
-function Gr(e) {
+function qr(e) {
   return function(r) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
   };
 }
-function Ce(e, ...t) {
-  const r = new URL(`https://mui.com/production-error/?code=${e}`);
-  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
-}
-function z(e) {
-  if (typeof e != "object" || e === null)
-    return !1;
-  const t = Object.getPrototypeOf(e);
-  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}
-function Ct(e) {
-  if (/* @__PURE__ */ Ee.isValidElement(e) || $e.isValidElementType(e) || !z(e))
-    return e;
-  const t = {};
-  return Object.keys(e).forEach((r) => {
-    t[r] = Ct(e[r]);
-  }), t;
-}
-function q(e, t, r = {
-  clone: !0
-}) {
-  const n = r.clone ? {
-    ...e
-  } : e;
-  return z(e) && z(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ Ee.isValidElement(t[o]) || $e.isValidElementType(t[o]) ? n[o] = t[o] : z(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && z(e[o]) ? n[o] = q(e[o], t[o], r) : r.clone ? n[o] = z(t[o]) ? Ct(t[o]) : t[o] : n[o] = t[o];
-  }), n;
-}
-const ce = {
+const pe = {
   black: "#000",
   white: "#fff"
-}, zr = {
+}, Qr = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -1660,7 +1677,7 @@ const ce = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, Q = {
+}, te = {
   50: "#f3e5f5",
   100: "#e1bee7",
   200: "#ce93d8",
@@ -1675,7 +1692,7 @@ const ce = {
   A200: "#e040fb",
   A400: "#d500f9",
   A700: "#aa00ff"
-}, X = {
+}, re = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -1690,7 +1707,7 @@ const ce = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, ie = {
+}, ce = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -1705,7 +1722,7 @@ const ce = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, J = {
+}, ne = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -1720,7 +1737,7 @@ const ce = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, Z = {
+}, oe = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -1735,7 +1752,7 @@ const ce = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, ee = {
+}, ie = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -1751,7 +1768,7 @@ const ce = {
   A400: "#00e676",
   A700: "#00c853"
 };
-function Et() {
+function Tt() {
   return {
     // The colors used to style the text.
     text: {
@@ -1767,8 +1784,8 @@ function Et() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: ce.white,
-      default: ce.white
+      paper: pe.white,
+      default: pe.white
     },
     // The colors used to style the action elements.
     action: {
@@ -1791,11 +1808,11 @@ function Et() {
     }
   };
 }
-const Yr = Et();
-function $t() {
+const At = Tt();
+function vt() {
   return {
     text: {
-      primary: ce.white,
+      primary: pe.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -1806,7 +1823,7 @@ function $t() {
       default: "#121212"
     },
     action: {
-      active: ce.white,
+      active: pe.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -1820,109 +1837,119 @@ function $t() {
     }
   };
 }
-const it = $t();
-function at(e, t, r, n) {
+const Le = vt();
+function it(e, t, r, n) {
   const o = n.light || n, a = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = ze(e.main, o) : t === "dark" && (e.dark = Ge(e.main, a)));
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Be(e.main, o) : t === "dark" && (e.dark = Ie(e.main, a)));
 }
-function Kr(e = "light") {
-  return e === "dark" ? {
-    main: J[200],
-    light: J[50],
-    dark: J[400]
-  } : {
-    main: J[700],
-    light: J[400],
-    dark: J[800]
-  };
+function at(e, t, r, n, o) {
+  const a = o.light || o, s = o.dark || o * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(a * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(s * 100).toFixed(0)}%)`));
 }
-function Hr(e = "light") {
+function Xr(e = "light") {
   return e === "dark" ? {
-    main: Q[200],
-    light: Q[50],
-    dark: Q[400]
+    main: ne[200],
+    light: ne[50],
+    dark: ne[400]
   } : {
-    main: Q[500],
-    light: Q[300],
-    dark: Q[700]
+    main: ne[700],
+    light: ne[400],
+    dark: ne[800]
   };
 }
-function qr(e = "light") {
+function Jr(e = "light") {
   return e === "dark" ? {
-    main: X[500],
-    light: X[300],
-    dark: X[700]
+    main: te[200],
+    light: te[50],
+    dark: te[400]
   } : {
-    main: X[700],
-    light: X[400],
-    dark: X[800]
+    main: te[500],
+    light: te[300],
+    dark: te[700]
   };
 }
-function Qr(e = "light") {
+function Zr(e = "light") {
   return e === "dark" ? {
-    main: Z[400],
-    light: Z[300],
-    dark: Z[700]
+    main: re[500],
+    light: re[300],
+    dark: re[700]
   } : {
-    main: Z[700],
-    light: Z[500],
-    dark: Z[900]
+    main: re[700],
+    light: re[400],
+    dark: re[800]
   };
 }
-function Xr(e = "light") {
+function en(e = "light") {
   return e === "dark" ? {
-    main: ee[400],
-    light: ee[300],
-    dark: ee[700]
+    main: oe[400],
+    light: oe[300],
+    dark: oe[700]
   } : {
-    main: ee[800],
-    light: ee[500],
-    dark: ee[900]
+    main: oe[700],
+    light: oe[500],
+    dark: oe[900]
   };
 }
-function Jr(e = "light") {
+function tn(e = "light") {
   return e === "dark" ? {
     main: ie[400],
     light: ie[300],
     dark: ie[700]
   } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
+    main: ie[800],
     light: ie[500],
     dark: ie[900]
   };
 }
-function Ye(e) {
+function rn(e = "light") {
+  return e === "dark" ? {
+    main: ce[400],
+    light: ce[300],
+    dark: ce[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: ce[500],
+    dark: ce[900]
+  };
+}
+function nn(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function ze(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
-    ...o
-  } = e, a = e.primary || Kr(t), l = e.secondary || Hr(t), u = e.error || qr(t), f = e.info || Qr(t), d = e.success || Xr(t), h = e.warning || Jr(t);
-  function m(s) {
-    const S = nt(s, it.text.primary) >= r ? it.text.primary : Yr.text.primary;
+    colorSpace: o,
+    ...a
+  } = e, s = e.primary || Xr(t), u = e.secondary || Jr(t), f = e.error || Zr(t), d = e.info || en(t), y = e.success || tn(t), h = e.warning || rn(t);
+  function p(C) {
+    if (o)
+      return nn(C);
+    const _ = nt(C, Le.text.primary) >= r ? Le.text.primary : At.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const w = nt(s, S);
-      w < 3 && console.error([`MUI: The contrast ratio of ${w}:1 for ${S} on ${s}`, "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 O = nt(C, _);
+      O < 3 && console.error([`MUI: The contrast ratio of ${O}:1 for ${_} on ${C}`, "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 S;
+    return _;
   }
-  const p = ({
-    color: s,
-    name: S,
-    mainShade: w = 500,
-    lightShade: D = 300,
-    darkShade: E = 700
+  const b = ({
+    color: C,
+    name: _,
+    mainShade: O = 500,
+    lightShade: V = 300,
+    darkShade: $ = 700
   }) => {
-    if (s = {
-      ...s
-    }, !s.main && s[w] && (s.main = s[w]), !s.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${w}\` property.` : Ce(11, S ? ` (${S})` : "", w));
-    if (typeof s.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(s.main)}\` was provided instead.
+    if (C = {
+      ...C
+    }, !C.main && C[O] && (C.main = C[O]), !C.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${O}\` property.` : Q(11, _ ? ` (${_})` : "", O));
+    if (typeof C.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(C.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
 
@@ -1934,107 +1961,76 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Ce(12, S ? ` (${S})` : "", JSON.stringify(s.main)));
-    return at(s, "light", D, n), at(s, "dark", E, n), s.contrastText || (s.contrastText = m(s.main)), s;
+} });` : Q(12, _ ? ` (${_})` : "", JSON.stringify(C.main)));
+    return o ? (at(o, C, "light", V, n), at(o, C, "dark", $, n)) : (it(C, "light", V, n), it(C, "dark", $, n)), C.contrastText || (C.contrastText = p(C.main)), C;
   };
-  let b;
-  return t === "light" ? b = Et() : t === "dark" && (b = $t()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), q({
+  let m;
+  return t === "light" ? m = Tt() : t === "dark" && (m = vt()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), M({
     // A collection of common colors.
     common: {
-      ...ce
+      ...pe
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: p({
-      color: a,
+    primary: b({
+      color: s,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: p({
-      color: l,
+    secondary: b({
+      color: u,
       name: "secondary",
       mainShade: "A400",
       lightShade: "A200",
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: p({
-      color: u,
+    error: b({
+      color: f,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: p({
+    warning: b({
       color: h,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: p({
-      color: f,
+    info: b({
+      color: d,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: p({
-      color: d,
+    success: b({
+      color: y,
       name: "success"
     }),
     // The grey colors.
-    grey: zr,
+    grey: Qr,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: m,
+    getContrastText: p,
     // Generate a rich color object.
-    augmentColor: p,
+    augmentColor: b,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
     tonalOffset: n,
     // The light and dark mode object.
-    ...b
-  }, o);
+    ...m
+  }, a);
 }
-function Zr(e) {
+function on(e) {
   const t = {};
   return Object.entries(e).forEach((n) => {
     const [o, a] = n;
     typeof a == "object" && (t[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
   }), t;
 }
-const st = (e) => e, en = () => {
-  let e = st;
-  return {
-    configure(t) {
-      e = t;
-    },
-    generate(t) {
-      return e(t);
-    },
-    reset() {
-      e = st;
-    }
-  };
-}, tn = en(), rn = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function Tt(e, t, r = "Mui") {
-  const n = rn[t];
-  return n ? `${r}-${n}` : `${tn.generate(e)}-${t}`;
-}
-function nn(e, t) {
+function an(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2050,58 +2046,58 @@ function nn(e, t) {
     ...t
   };
 }
-function on(e) {
+function sn(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const lt = {
+const st = {
   textTransform: "uppercase"
-}, ct = '"Roboto", "Helvetica", "Arial", sans-serif';
-function an(e, t) {
+}, lt = '"Roboto", "Helvetica", "Arial", sans-serif';
+function ln(e, t) {
   const {
-    fontFamily: r = ct,
+    fontFamily: r = lt,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
     fontWeightLight: o = 300,
     fontWeightRegular: a = 400,
-    fontWeightMedium: l = 500,
+    fontWeightMedium: s = 500,
     fontWeightBold: u = 700,
     // Tell MUI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
     htmlFontSize: f = 16,
     // Apply the CSS properties to all the variants.
     allVariants: d,
-    pxToRem: h,
-    ...m
+    pxToRem: y,
+    ...h
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const p = n / 14, b = h || ((S) => `${S / f * p}rem`), g = (S, w, D, E, C) => ({
+  const p = n / 14, b = y || ((C) => `${C / f * p}rem`), m = (C, _, O, V, $) => ({
     fontFamily: r,
-    fontWeight: S,
-    fontSize: b(w),
+    fontWeight: C,
+    fontSize: b(_),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: D,
+    lineHeight: O,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...r === ct ? {
-      letterSpacing: `${on(E / w)}em`
+    ...r === lt ? {
+      letterSpacing: `${sn(V / _)}em`
     } : {},
-    ...C,
+    ...$,
     ...d
-  }), s = {
-    h1: g(o, 96, 1.167, -1.5),
-    h2: g(o, 60, 1.2, -0.5),
-    h3: g(a, 48, 1.167, 0),
-    h4: g(a, 34, 1.235, 0.25),
-    h5: g(a, 24, 1.334, 0),
-    h6: g(l, 20, 1.6, 0.15),
-    subtitle1: g(a, 16, 1.75, 0.15),
-    subtitle2: g(l, 14, 1.57, 0.1),
-    body1: g(a, 16, 1.5, 0.15),
-    body2: g(a, 14, 1.43, 0.15),
-    button: g(l, 14, 1.75, 0.4, lt),
-    caption: g(a, 12, 1.66, 0.4),
-    overline: g(a, 12, 2.66, 1, lt),
+  }), l = {
+    h1: m(o, 96, 1.167, -1.5),
+    h2: m(o, 60, 1.2, -0.5),
+    h3: m(a, 48, 1.167, 0),
+    h4: m(a, 34, 1.235, 0.25),
+    h5: m(a, 24, 1.334, 0),
+    h6: m(s, 20, 1.6, 0.15),
+    subtitle1: m(a, 16, 1.75, 0.15),
+    subtitle2: m(s, 14, 1.57, 0.1),
+    body1: m(a, 16, 1.5, 0.15),
+    body2: m(a, 14, 1.43, 0.15),
+    button: m(s, 14, 1.75, 0.4, st),
+    caption: m(a, 12, 1.66, 0.4),
+    overline: m(a, 12, 2.66, 1, st),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -2111,26 +2107,26 @@ function an(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return q({
+  return M({
     htmlFontSize: f,
     pxToRem: b,
     fontFamily: r,
     fontSize: n,
     fontWeightLight: o,
     fontWeightRegular: a,
-    fontWeightMedium: l,
+    fontWeightMedium: s,
     fontWeightBold: u,
-    ...s
-  }, m, {
+    ...l
+  }, h, {
     clone: !1
     // No need to clone deep
   });
 }
-const sn = 0.2, ln = 0.14, cn = 0.12;
-function O(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${sn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ln})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${cn})`].join(",");
+const cn = 0.2, un = 0.14, fn = 0.12;
+function k(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${cn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${un})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${fn})`].join(",");
 }
-const un = ["none", O(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), O(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), O(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), O(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), O(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), O(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), O(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), O(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), O(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), O(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), O(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), O(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), O(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), O(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), O(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), O(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), O(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), O(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), O(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), O(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), O(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), O(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), O(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), O(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], fn = {
+const dn = ["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)], pn = {
   // 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
@@ -2140,7 +2136,7 @@ const un = ["none", O(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), O(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)"
-}, dn = {
+}, mn = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2153,45 +2149,45 @@ const un = ["none", O(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), O(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function ut(e) {
+function ct(e) {
   return `${Math.round(e)}ms`;
 }
-function pn(e) {
+function gn(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function mn(e) {
+function hn(e) {
   const t = {
-    ...fn,
+    ...pn,
     ...e.easing
   }, r = {
-    ...dn,
+    ...mn,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: pn,
+    getAutoHeightDuration: gn,
     create: (o = ["all"], a = {}) => {
       const {
-        duration: l = r.standard,
+        duration: s = r.standard,
         easing: u = t.easeInOut,
         delay: f = 0,
         ...d
       } = a;
       if (process.env.NODE_ENV !== "production") {
-        const h = (p) => typeof p == "string", m = (p) => !Number.isNaN(parseFloat(p));
-        !h(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(l) && !h(l) && console.error(`MUI: Argument "duration" must be a number or a string but found ${l}.`), h(u) || console.error('MUI: Argument "easing" must be a string.'), !m(f) && !h(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "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(`
+        const y = (p) => typeof p == "string", h = (p) => !Number.isNaN(parseFloat(p));
+        !y(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !h(s) && !y(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), y(u) || console.error('MUI: Argument "easing" must be a string.'), !h(f) && !y(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "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(`
 `)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((h) => `${h} ${typeof l == "string" ? l : ut(l)} ${u} ${typeof f == "string" ? f : ut(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((y) => `${y} ${typeof s == "string" ? s : ct(s)} ${u} ${typeof f == "string" ? f : ct(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const gn = {
+const yn = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2201,20 +2197,20 @@ const gn = {
   snackbar: 1400,
   tooltip: 1500
 };
-function hn(e) {
-  return z(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+function bn(e) {
+  return H(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function At(e = {}) {
+function wt(e = {}) {
   const t = {
     ...e
   };
   function r(n) {
     const o = Object.entries(n);
     for (let a = 0; a < o.length; a++) {
-      const [l, u] = o[a];
-      !hn(u) || l.startsWith("unstable_") ? delete n[l] : z(u) && (n[l] = {
+      const [s, u] = o[a];
+      !bn(u) || s.startsWith("unstable_") ? delete n[s] : H(u) && (n[s] = {
         ...u
-      }, r(n[l]));
+      }, r(n[s]));
     }
   }
   return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -2226,78 +2222,112 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function Le(e = {}, ...t) {
+function ut(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Cn = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const t = e.match(/\d*\.?\d+/g);
+  if (!t)
+    return 0;
+  let r = 0;
+  for (let n = 0; n < t.length; n += 1)
+    r += +t[n];
+  return r;
+};
+function Sn(e) {
+  Object.assign(e, {
+    alpha(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : xt(t, Cn(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${ut(r)})` : Be(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${ut(r)})` : Ie(t, r);
+    }
+  });
+}
+function We(e = {}, ...t) {
   const {
     breakpoints: r,
     mixins: n = {},
     spacing: o,
     palette: a = {},
-    transitions: l = {},
+    transitions: s = {},
     typography: u = {},
     shape: f,
-    ...d
+    colorSpace: d,
+    ...y
   } = e;
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Ce(20));
-  const h = Ye(a), m = Nr(e);
-  let p = q(m, {
-    mixins: nn(m.breakpoints, n),
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Q(20));
+  const h = ze({
+    ...a,
+    colorSpace: d
+  }), p = Dr(e);
+  let b = M(p, {
+    mixins: an(p.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: un.slice(),
-    typography: an(h, u),
-    transitions: mn(l),
+    shadows: dn.slice(),
+    typography: ln(h, u),
+    transitions: hn(s),
     zIndex: {
-      ...gn
+      ...yn
     }
   });
-  if (p = q(p, d), p = t.reduce((b, g) => q(b, g), p), process.env.NODE_ENV !== "production") {
-    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], g = (s, S) => {
-      let w;
-      for (w in s) {
-        const D = s[w];
-        if (b.includes(w) && Object.keys(D).length > 0) {
+  if (b = M(b, y), b = t.reduce((m, l) => M(m, l), b), process.env.NODE_ENV !== "production") {
+    const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], l = (C, _) => {
+      let O;
+      for (O in C) {
+        const V = C[O];
+        if (m.includes(O) && Object.keys(V).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const E = Tt("", w);
-            console.error([`MUI: The \`${S}\` component increases the CSS specificity of the \`${w}\` internal state.`, "You can not override it like this: ", JSON.stringify(s, null, 2), "", `Instead, you need to use the '&.${E}' syntax:`, JSON.stringify({
+            const $ = $t("", O);
+            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
               root: {
-                [`&.${E}`]: D
+                [`&.${$}`]: V
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          s[w] = {};
+          C[O] = {};
         }
       }
     };
-    Object.keys(p.components).forEach((s) => {
-      const S = p.components[s].styleOverrides;
-      S && s.startsWith("Mui") && g(S, s);
+    Object.keys(b.components).forEach((C) => {
+      const _ = b.components[C].styleOverrides;
+      _ && C.startsWith("Mui") && l(_, C);
     });
   }
-  return p.unstable_sxConfig = {
-    ...Ie,
-    ...d == null ? void 0 : d.unstable_sxConfig
-  }, p.unstable_sx = function(g) {
+  return b.unstable_sxConfig = {
+    ...ke,
+    ...y == null ? void 0 : y.unstable_sxConfig
+  }, b.unstable_sx = function(l) {
     return Ne({
-      sx: g,
+      sx: l,
       theme: this
     });
-  }, p.toRuntimeSource = At, p;
+  }, b.toRuntimeSource = wt, Sn(b), b;
 }
-function yn(e) {
+function $n(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const bn = [...Array(25)].map((e, t) => {
+const En = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = yn(t);
+  const r = $n(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function xt(e) {
+function _t(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -2305,10 +2335,10 @@ function xt(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function vt(e) {
-  return e === "dark" ? bn : [];
+function Ot(e) {
+  return e === "dark" ? En : [];
 }
-function Sn(e) {
+function xn(e) {
   const {
     palette: t = {
       mode: "light"
@@ -2316,43 +2346,47 @@ function Sn(e) {
     // need to cast to avoid module augmentation test
     opacity: r,
     overlays: n,
-    ...o
-  } = e, a = Ye(t);
+    colorSpace: o,
+    ...a
+  } = e, s = ze({
+    ...t,
+    colorSpace: o
+  });
   return {
-    palette: a,
+    palette: s,
     opacity: {
-      ...xt(a.mode),
+      ..._t(s.mode),
       ...r
     },
-    overlays: n || vt(a.mode),
-    ...o
+    overlays: n || Ot(s.mode),
+    ...a
   };
 }
-function Cn(e) {
+function Tn(e) {
   var t;
-  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
 }
-const En = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], $n = (e) => (t, r) => {
+const An = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], vn = (e) => (t, r) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   let a = o;
   if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
-      const l = {};
-      return En(e.cssVarPrefix).forEach((u) => {
-        l[u] = r[u], delete r[u];
+      const s = {};
+      return An(e.cssVarPrefix).forEach((u) => {
+        s[u] = r[u], delete r[u];
       }), a === "media" ? {
         [n]: r,
         "@media (prefers-color-scheme: dark)": {
-          [n]: l
+          [n]: s
         }
       } : a ? {
-        [a.replace("%s", t)]: l,
+        [a.replace("%s", t)]: s,
         [`${n}, ${a.replace("%s", t)}`]: r
       } : {
         [n]: {
           ...r,
-          ...l
+          ...s
         }
       };
     }
@@ -2370,7 +2404,7 @@ const En = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function Tn(e, t) {
+function wn(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -2378,58 +2412,60 @@ function Tn(e, t) {
 function c(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
-function se(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : St(e);
+function fe(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Et(e);
 }
-function U(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = ae(se(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+function G(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = ue(fe(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function An(e) {
+function _n(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const F = (e) => {
+const U = (e) => {
   try {
     return e();
   } catch {
   }
-}, xn = (e = "mui") => Lr(e);
-function De(e, t, r, n) {
-  if (!t)
+}, On = (e = "mui") => zr(e);
+function Me(e, t, r, n, o) {
+  if (!r)
     return;
-  t = t === !0 ? {} : t;
-  const o = n === "dark" ? "dark" : "light";
-  if (!r) {
-    e[n] = Sn({
-      ...t,
+  r = r === !0 ? {} : r;
+  const a = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = xn({
+      ...r,
       palette: {
-        mode: o,
-        ...t == null ? void 0 : t.palette
-      }
+        mode: a,
+        ...r == null ? void 0 : r.palette
+      },
+      colorSpace: e
     });
     return;
   }
   const {
-    palette: a,
-    ...l
-  } = Le({
-    ...r,
+    palette: s,
+    ...u
+  } = We({
+    ...n,
     palette: {
-      mode: o,
-      ...t == null ? void 0 : t.palette
-    }
+      mode: a,
+      ...r == null ? void 0 : r.palette
+    },
+    colorSpace: e
   });
-  return e[n] = {
-    ...t,
-    palette: a,
+  return t[o] = {
+    ...r,
+    palette: s,
     opacity: {
-      ...xt(o),
-      ...t == null ? void 0 : t.opacity
+      ..._t(a),
+      ...r == null ? void 0 : r.opacity
     },
-    overlays: (t == null ? void 0 : t.overlays) || vt(o)
-  }, l;
+    overlays: (r == null ? void 0 : r.overlays) || Ot(a)
+  }, u;
 }
-function vn(e = {}, ...t) {
+function kn(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -2437,92 +2473,104 @@ function vn(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: a = "mui",
-    shouldSkipGeneratingVar: l = Cn,
-    colorSchemeSelector: u = r.light && r.dark ? "media" : void 0,
-    rootSelector: f = ":root",
-    ...d
-  } = e, h = Object.keys(r)[0], m = n || (r.light && h !== "light" ? "light" : h), p = xn(a), {
-    [m]: b,
-    light: g,
-    dark: s,
-    ...S
-  } = r, w = {
-    ...S
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: u = Tn,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...y
+  } = e, h = Object.keys(r)[0], p = n || (r.light && h !== "light" ? "light" : h), b = On(a), {
+    [p]: m,
+    light: l,
+    dark: C,
+    ..._
+  } = r, O = {
+    ..._
   };
-  let D = b;
-  if ((m === "dark" && !("dark" in r) || m === "light" && !("light" in r)) && (D = !0), !D)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : Ce(21, m));
-  const E = De(w, D, d, m);
-  g && !w.light && De(w, g, void 0, "light"), s && !w.dark && De(w, s, void 0, "dark");
-  let C = {
-    defaultColorScheme: m,
-    ...E,
+  let V = m;
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (V = !0), !V)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : Q(21, p));
+  let $;
+  s && ($ = "oklch");
+  const D = Me($, O, V, y, p);
+  l && !O.light && Me($, O, l, void 0, "light"), C && !O.dark && Me($, O, C, void 0, "dark");
+  let E = {
+    defaultColorScheme: p,
+    ...D,
     cssVarPrefix: a,
-    colorSchemeSelector: u,
-    rootSelector: f,
-    getCssVar: p,
-    colorSchemes: w,
+    colorSchemeSelector: f,
+    rootSelector: d,
+    getCssVar: b,
+    colorSchemes: O,
     font: {
-      ...Zr(E.typography),
-      ...E.font
+      ...on(D.typography),
+      ...D.font
     },
-    spacing: An(d.spacing)
+    spacing: _n(y.spacing)
   };
-  Object.keys(C.colorSchemes).forEach((V) => {
-    const i = C.colorSchemes[V].palette, y = (A) => {
-      const I = A.split("-"), de = I[1], pe = I[2];
-      return p(A, i[de][pe]);
+  Object.keys(E.colorSchemes).forEach((P) => {
+    const i = E.colorSchemes[P].palette, S = (x) => {
+      const I = x.split("-"), Z = I[1], ee = I[2];
+      return b(x, i[Z][ee]);
     };
-    if (i.mode === "light" && (c(i.common, "background", "#fff"), c(i.common, "onBackground", "#000")), i.mode === "dark" && (c(i.common, "background", "#000"), c(i.common, "onBackground", "#fff")), Tn(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
-      c(i.Alert, "errorColor", x(i.error.light, 0.6)), c(i.Alert, "infoColor", x(i.info.light, 0.6)), c(i.Alert, "successColor", x(i.success.light, 0.6)), c(i.Alert, "warningColor", x(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-main")), c(i.Alert, "infoFilledBg", y("palette-info-main")), c(i.Alert, "successFilledBg", y("palette-success-main")), c(i.Alert, "warningFilledBg", y("palette-warning-main")), c(i.Alert, "errorFilledColor", F(() => i.getContrastText(i.error.main))), c(i.Alert, "infoFilledColor", F(() => i.getContrastText(i.info.main))), c(i.Alert, "successFilledColor", F(() => i.getContrastText(i.success.main))), c(i.Alert, "warningFilledColor", F(() => i.getContrastText(i.warning.main))), c(i.Alert, "errorStandardBg", v(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", v(i.info.light, 0.9)), c(i.Alert, "successStandardBg", v(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", v(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-100")), c(i.Avatar, "defaultBg", y("palette-grey-400")), c(i.Button, "inheritContainedBg", y("palette-grey-300")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-A100")), c(i.Chip, "defaultBorder", y("palette-grey-400")), c(i.Chip, "defaultAvatarColor", y("palette-grey-700")), c(i.Chip, "defaultIconColor", y("palette-grey-700")), c(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(i.LinearProgress, "primaryBg", v(i.primary.main, 0.62)), c(i.LinearProgress, "secondaryBg", v(i.secondary.main, 0.62)), c(i.LinearProgress, "errorBg", v(i.error.main, 0.62)), c(i.LinearProgress, "infoBg", v(i.info.main, 0.62)), c(i.LinearProgress, "successBg", v(i.success.main, 0.62)), c(i.LinearProgress, "warningBg", v(i.warning.main, 0.62)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.11)`), c(i.Slider, "primaryTrack", v(i.primary.main, 0.62)), c(i.Slider, "secondaryTrack", v(i.secondary.main, 0.62)), c(i.Slider, "errorTrack", v(i.error.main, 0.62)), c(i.Slider, "infoTrack", v(i.info.main, 0.62)), c(i.Slider, "successTrack", v(i.success.main, 0.62)), c(i.Slider, "warningTrack", v(i.warning.main, 0.62));
-      const A = he(i.background.default, 0.8);
-      c(i.SnackbarContent, "bg", A), c(i.SnackbarContent, "color", F(() => i.getContrastText(A))), c(i.SpeedDialAction, "fabHoverBg", he(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-400")), c(i.StepContent, "border", y("palette-grey-400")), c(i.Switch, "defaultColor", y("palette-common-white")), c(i.Switch, "defaultDisabledColor", y("palette-grey-100")), c(i.Switch, "primaryDisabledColor", v(i.primary.main, 0.62)), c(i.Switch, "secondaryDisabledColor", v(i.secondary.main, 0.62)), c(i.Switch, "errorDisabledColor", v(i.error.main, 0.62)), c(i.Switch, "infoDisabledColor", v(i.info.main, 0.62)), c(i.Switch, "successDisabledColor", v(i.success.main, 0.62)), c(i.Switch, "warningDisabledColor", v(i.warning.main, 0.62)), c(i.TableCell, "border", v(ge(i.divider, 1), 0.88)), c(i.Tooltip, "bg", ge(i.grey[700], 0.92));
+    i.mode === "light" && (c(i.common, "background", "#fff"), c(i.common, "onBackground", "#000")), i.mode === "dark" && (c(i.common, "background", "#000"), c(i.common, "onBackground", "#fff"));
+    function g(x, I, Z) {
+      if ($) {
+        let ee;
+        return x === J && (ee = `transparent ${((1 - Z) * 100).toFixed(0)}%`), x === T && (ee = `#000 ${(Z * 100).toFixed(0)}%`), x === A && (ee = `#fff ${(Z * 100).toFixed(0)}%`), `color-mix(in ${$}, ${I}, ${ee})`;
+      }
+      return x(I, Z);
+    }
+    if (wn(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      c(i.Alert, "errorColor", g(T, i.error.light, 0.6)), c(i.Alert, "infoColor", g(T, i.info.light, 0.6)), c(i.Alert, "successColor", g(T, i.success.light, 0.6)), c(i.Alert, "warningColor", g(T, i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", S("palette-error-main")), c(i.Alert, "infoFilledBg", S("palette-info-main")), c(i.Alert, "successFilledBg", S("palette-success-main")), c(i.Alert, "warningFilledBg", S("palette-warning-main")), c(i.Alert, "errorFilledColor", U(() => i.getContrastText(i.error.main))), c(i.Alert, "infoFilledColor", U(() => i.getContrastText(i.info.main))), c(i.Alert, "successFilledColor", U(() => i.getContrastText(i.success.main))), c(i.Alert, "warningFilledColor", U(() => i.getContrastText(i.warning.main))), c(i.Alert, "errorStandardBg", g(A, i.error.light, 0.9)), c(i.Alert, "infoStandardBg", g(A, i.info.light, 0.9)), c(i.Alert, "successStandardBg", g(A, i.success.light, 0.9)), c(i.Alert, "warningStandardBg", g(A, i.warning.light, 0.9)), c(i.Alert, "errorIconColor", S("palette-error-main")), c(i.Alert, "infoIconColor", S("palette-info-main")), c(i.Alert, "successIconColor", S("palette-success-main")), c(i.Alert, "warningIconColor", S("palette-warning-main")), c(i.AppBar, "defaultBg", S("palette-grey-100")), c(i.Avatar, "defaultBg", S("palette-grey-400")), c(i.Button, "inheritContainedBg", S("palette-grey-300")), c(i.Button, "inheritContainedHoverBg", S("palette-grey-A100")), c(i.Chip, "defaultBorder", S("palette-grey-400")), c(i.Chip, "defaultAvatarColor", S("palette-grey-700")), c(i.Chip, "defaultIconColor", S("palette-grey-700")), c(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(i.LinearProgress, "primaryBg", g(A, i.primary.main, 0.62)), c(i.LinearProgress, "secondaryBg", g(A, i.secondary.main, 0.62)), c(i.LinearProgress, "errorBg", g(A, i.error.main, 0.62)), c(i.LinearProgress, "infoBg", g(A, i.info.main, 0.62)), c(i.LinearProgress, "successBg", g(A, i.success.main, 0.62)), c(i.LinearProgress, "warningBg", g(A, i.warning.main, 0.62)), c(i.Skeleton, "bg", $ ? g(J, i.text.primary, 0.11) : `rgba(${S("palette-text-primaryChannel")} / 0.11)`), c(i.Slider, "primaryTrack", g(A, i.primary.main, 0.62)), c(i.Slider, "secondaryTrack", g(A, i.secondary.main, 0.62)), c(i.Slider, "errorTrack", g(A, i.error.main, 0.62)), c(i.Slider, "infoTrack", g(A, i.info.main, 0.62)), c(i.Slider, "successTrack", g(A, i.success.main, 0.62)), c(i.Slider, "warningTrack", g(A, i.warning.main, 0.62));
+      const x = $ ? g(T, i.background.default, 0.6825) : be(i.background.default, 0.8);
+      c(i.SnackbarContent, "bg", x), c(i.SnackbarContent, "color", U(() => $ ? Le.text.primary : i.getContrastText(x))), c(i.SpeedDialAction, "fabHoverBg", be(i.background.paper, 0.15)), c(i.StepConnector, "border", S("palette-grey-400")), c(i.StepContent, "border", S("palette-grey-400")), c(i.Switch, "defaultColor", S("palette-common-white")), c(i.Switch, "defaultDisabledColor", S("palette-grey-100")), c(i.Switch, "primaryDisabledColor", g(A, i.primary.main, 0.62)), c(i.Switch, "secondaryDisabledColor", g(A, i.secondary.main, 0.62)), c(i.Switch, "errorDisabledColor", g(A, i.error.main, 0.62)), c(i.Switch, "infoDisabledColor", g(A, i.info.main, 0.62)), c(i.Switch, "successDisabledColor", g(A, i.success.main, 0.62)), c(i.Switch, "warningDisabledColor", g(A, i.warning.main, 0.62)), c(i.TableCell, "border", g(A, g(J, i.divider, 1), 0.88)), c(i.Tooltip, "bg", g(J, i.grey[700], 0.92));
     }
     if (i.mode === "dark") {
-      c(i.Alert, "errorColor", v(i.error.light, 0.6)), c(i.Alert, "infoColor", v(i.info.light, 0.6)), c(i.Alert, "successColor", v(i.success.light, 0.6)), c(i.Alert, "warningColor", v(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-dark")), c(i.Alert, "infoFilledBg", y("palette-info-dark")), c(i.Alert, "successFilledBg", y("palette-success-dark")), c(i.Alert, "warningFilledBg", y("palette-warning-dark")), c(i.Alert, "errorFilledColor", F(() => i.getContrastText(i.error.dark))), c(i.Alert, "infoFilledColor", F(() => i.getContrastText(i.info.dark))), c(i.Alert, "successFilledColor", F(() => i.getContrastText(i.success.dark))), c(i.Alert, "warningFilledColor", F(() => i.getContrastText(i.warning.dark))), c(i.Alert, "errorStandardBg", x(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", x(i.info.light, 0.9)), c(i.Alert, "successStandardBg", x(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", x(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-900")), c(i.AppBar, "darkBg", y("palette-background-paper")), c(i.AppBar, "darkColor", y("palette-text-primary")), c(i.Avatar, "defaultBg", y("palette-grey-600")), c(i.Button, "inheritContainedBg", y("palette-grey-800")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-700")), c(i.Chip, "defaultBorder", y("palette-grey-700")), c(i.Chip, "defaultAvatarColor", y("palette-grey-300")), c(i.Chip, "defaultIconColor", y("palette-grey-300")), c(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(i.LinearProgress, "primaryBg", x(i.primary.main, 0.5)), c(i.LinearProgress, "secondaryBg", x(i.secondary.main, 0.5)), c(i.LinearProgress, "errorBg", x(i.error.main, 0.5)), c(i.LinearProgress, "infoBg", x(i.info.main, 0.5)), c(i.LinearProgress, "successBg", x(i.success.main, 0.5)), c(i.LinearProgress, "warningBg", x(i.warning.main, 0.5)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.13)`), c(i.Slider, "primaryTrack", x(i.primary.main, 0.5)), c(i.Slider, "secondaryTrack", x(i.secondary.main, 0.5)), c(i.Slider, "errorTrack", x(i.error.main, 0.5)), c(i.Slider, "infoTrack", x(i.info.main, 0.5)), c(i.Slider, "successTrack", x(i.success.main, 0.5)), c(i.Slider, "warningTrack", x(i.warning.main, 0.5));
-      const A = he(i.background.default, 0.98);
-      c(i.SnackbarContent, "bg", A), c(i.SnackbarContent, "color", F(() => i.getContrastText(A))), c(i.SpeedDialAction, "fabHoverBg", he(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-600")), c(i.StepContent, "border", y("palette-grey-600")), c(i.Switch, "defaultColor", y("palette-grey-300")), c(i.Switch, "defaultDisabledColor", y("palette-grey-600")), c(i.Switch, "primaryDisabledColor", x(i.primary.main, 0.55)), c(i.Switch, "secondaryDisabledColor", x(i.secondary.main, 0.55)), c(i.Switch, "errorDisabledColor", x(i.error.main, 0.55)), c(i.Switch, "infoDisabledColor", x(i.info.main, 0.55)), c(i.Switch, "successDisabledColor", x(i.success.main, 0.55)), c(i.Switch, "warningDisabledColor", x(i.warning.main, 0.55)), c(i.TableCell, "border", x(ge(i.divider, 1), 0.68)), c(i.Tooltip, "bg", ge(i.grey[700], 0.92));
+      c(i.Alert, "errorColor", g(A, i.error.light, 0.6)), c(i.Alert, "infoColor", g(A, i.info.light, 0.6)), c(i.Alert, "successColor", g(A, i.success.light, 0.6)), c(i.Alert, "warningColor", g(A, i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", S("palette-error-dark")), c(i.Alert, "infoFilledBg", S("palette-info-dark")), c(i.Alert, "successFilledBg", S("palette-success-dark")), c(i.Alert, "warningFilledBg", S("palette-warning-dark")), c(i.Alert, "errorFilledColor", U(() => i.getContrastText(i.error.dark))), c(i.Alert, "infoFilledColor", U(() => i.getContrastText(i.info.dark))), c(i.Alert, "successFilledColor", U(() => i.getContrastText(i.success.dark))), c(i.Alert, "warningFilledColor", U(() => i.getContrastText(i.warning.dark))), c(i.Alert, "errorStandardBg", g(T, i.error.light, 0.9)), c(i.Alert, "infoStandardBg", g(T, i.info.light, 0.9)), c(i.Alert, "successStandardBg", g(T, i.success.light, 0.9)), c(i.Alert, "warningStandardBg", g(T, i.warning.light, 0.9)), c(i.Alert, "errorIconColor", S("palette-error-main")), c(i.Alert, "infoIconColor", S("palette-info-main")), c(i.Alert, "successIconColor", S("palette-success-main")), c(i.Alert, "warningIconColor", S("palette-warning-main")), c(i.AppBar, "defaultBg", S("palette-grey-900")), c(i.AppBar, "darkBg", S("palette-background-paper")), c(i.AppBar, "darkColor", S("palette-text-primary")), c(i.Avatar, "defaultBg", S("palette-grey-600")), c(i.Button, "inheritContainedBg", S("palette-grey-800")), c(i.Button, "inheritContainedHoverBg", S("palette-grey-700")), c(i.Chip, "defaultBorder", S("palette-grey-700")), c(i.Chip, "defaultAvatarColor", S("palette-grey-300")), c(i.Chip, "defaultIconColor", S("palette-grey-300")), c(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(i.LinearProgress, "primaryBg", g(T, i.primary.main, 0.5)), c(i.LinearProgress, "secondaryBg", g(T, i.secondary.main, 0.5)), c(i.LinearProgress, "errorBg", g(T, i.error.main, 0.5)), c(i.LinearProgress, "infoBg", g(T, i.info.main, 0.5)), c(i.LinearProgress, "successBg", g(T, i.success.main, 0.5)), c(i.LinearProgress, "warningBg", g(T, i.warning.main, 0.5)), c(i.Skeleton, "bg", $ ? g(J, i.text.primary, 0.13) : `rgba(${S("palette-text-primaryChannel")} / 0.13)`), c(i.Slider, "primaryTrack", g(T, i.primary.main, 0.5)), c(i.Slider, "secondaryTrack", g(T, i.secondary.main, 0.5)), c(i.Slider, "errorTrack", g(T, i.error.main, 0.5)), c(i.Slider, "infoTrack", g(T, i.info.main, 0.5)), c(i.Slider, "successTrack", g(T, i.success.main, 0.5)), c(i.Slider, "warningTrack", g(T, i.warning.main, 0.5));
+      const x = $ ? g(A, i.background.default, 0.985) : be(i.background.default, 0.98);
+      c(i.SnackbarContent, "bg", x), c(i.SnackbarContent, "color", U(() => $ ? At.text.primary : i.getContrastText(x))), c(i.SpeedDialAction, "fabHoverBg", be(i.background.paper, 0.15)), c(i.StepConnector, "border", S("palette-grey-600")), c(i.StepContent, "border", S("palette-grey-600")), c(i.Switch, "defaultColor", S("palette-grey-300")), c(i.Switch, "defaultDisabledColor", S("palette-grey-600")), c(i.Switch, "primaryDisabledColor", g(T, i.primary.main, 0.55)), c(i.Switch, "secondaryDisabledColor", g(T, i.secondary.main, 0.55)), c(i.Switch, "errorDisabledColor", g(T, i.error.main, 0.55)), c(i.Switch, "infoDisabledColor", g(T, i.info.main, 0.55)), c(i.Switch, "successDisabledColor", g(T, i.success.main, 0.55)), c(i.Switch, "warningDisabledColor", g(T, i.warning.main, 0.55)), c(i.TableCell, "border", g(T, g(J, i.divider, 1), 0.68)), c(i.Tooltip, "bg", g(J, i.grey[700], 0.92));
     }
-    U(i.background, "default"), U(i.background, "paper"), U(i.common, "background"), U(i.common, "onBackground"), U(i, "divider"), Object.keys(i).forEach((A) => {
-      const I = i[A];
-      A !== "tonalOffset" && I && typeof I == "object" && (I.main && c(i[A], "mainChannel", ae(se(I.main))), I.light && c(i[A], "lightChannel", ae(se(I.light))), I.dark && c(i[A], "darkChannel", ae(se(I.dark))), I.contrastText && c(i[A], "contrastTextChannel", ae(se(I.contrastText))), A === "text" && (U(i[A], "primary"), U(i[A], "secondary")), A === "action" && (I.active && U(i[A], "active"), I.selected && U(i[A], "selected")));
+    G(i.background, "default"), G(i.background, "paper"), G(i.common, "background"), G(i.common, "onBackground"), G(i, "divider"), Object.keys(i).forEach((x) => {
+      const I = i[x];
+      x !== "tonalOffset" && I && typeof I == "object" && (I.main && c(i[x], "mainChannel", ue(fe(I.main))), I.light && c(i[x], "lightChannel", ue(fe(I.light))), I.dark && c(i[x], "darkChannel", ue(fe(I.dark))), I.contrastText && c(i[x], "contrastTextChannel", ue(fe(I.contrastText))), x === "text" && (G(i[x], "primary"), G(i[x], "secondary")), x === "action" && (I.active && G(i[x], "active"), I.selected && G(i[x], "selected")));
     });
-  }), C = t.reduce((V, i) => q(V, i), C);
-  const N = {
+  }), E = t.reduce((P, i) => M(P, i), E);
+  const j = {
     prefix: a,
     disableCssColorScheme: o,
-    shouldSkipGeneratingVar: l,
-    getSelector: $n(C)
+    shouldSkipGeneratingVar: u,
+    getSelector: vn(E),
+    enableContrastVars: s
   }, {
-    vars: L,
-    generateThemeVars: G,
-    generateStyleSheets: ne
-  } = jr(C, N);
-  return C.vars = L, Object.entries(C.colorSchemes[C.defaultColorScheme]).forEach(([V, i]) => {
-    C[V] = i;
-  }), C.generateThemeVars = G, C.generateStyleSheets = ne, C.generateSpacing = function() {
-    return bt(d.spacing, Ue(this));
-  }, C.getColorSchemeSelector = Gr(u), C.spacing = C.generateSpacing(), C.shouldSkipGeneratingVar = l, C.unstable_sxConfig = {
-    ...Ie,
-    ...d == null ? void 0 : d.unstable_sxConfig
-  }, C.unstable_sx = function(i) {
+    vars: K,
+    generateThemeVars: se,
+    generateStyleSheets: he
+  } = Hr(E, j);
+  return E.vars = K, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([P, i]) => {
+    E[P] = i;
+  }), E.generateThemeVars = se, E.generateStyleSheets = he, E.generateSpacing = function() {
+    return St(y.spacing, Ue(this));
+  }, E.getColorSchemeSelector = qr(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = u, E.unstable_sxConfig = {
+    ...ke,
+    ...y == null ? void 0 : y.unstable_sxConfig
+  }, E.unstable_sx = function(i) {
     return Ne({
       sx: i,
       theme: this
     });
-  }, C.toRuntimeSource = At, C;
+  }, E.toRuntimeSource = wt, E;
 }
 function ft(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: Ye({
+    palette: ze({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function Dn(e = {}, ...t) {
+function Un(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -2530,7 +2578,7 @@ function Dn(e = {}, ...t) {
       light: !0
     },
     defaultColorScheme: a = r == null ? void 0 : r.mode,
-    ...l
+    ...s
   } = e, u = a || "light", f = o == null ? void 0 : o[u], d = {
     ...o,
     ...r ? {
@@ -2542,91 +2590,84 @@ function Dn(e = {}, ...t) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return Le(e, ...t);
-    let h = r;
-    "palette" in e || d[u] && (d[u] !== !0 ? h = d[u].palette : u === "dark" && (h = {
+      return We(e, ...t);
+    let y = r;
+    "palette" in e || d[u] && (d[u] !== !0 ? y = d[u].palette : u === "dark" && (y = {
       mode: "dark"
     }));
-    const m = Le({
+    const h = We({
       ...e,
-      palette: h
+      palette: y
     }, ...t);
-    return m.defaultColorScheme = u, m.colorSchemes = d, m.palette.mode === "light" && (m.colorSchemes.light = {
+    return h.defaultColorScheme = u, h.colorSchemes = d, h.palette.mode === "light" && (h.colorSchemes.light = {
       ...d.light !== !0 && d.light,
-      palette: m.palette
-    }, ft(m, "dark", d.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      palette: h.palette
+    }, ft(h, "dark", d.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
-      palette: m.palette
-    }, ft(m, "light", d.light)), m;
+      palette: h.palette
+    }, ft(h, "light", d.light)), h;
   }
-  return !r && !("light" in d) && u === "light" && (d.light = !0), vn({
-    ...l,
+  return !r && !("light" in d) && u === "light" && (d.light = !0), kn({
+    ...s,
     colorSchemes: d,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const Vn = "$$material";
-function Fn(e, t, r = "Mui") {
-  const n = {};
-  return t.forEach((o) => {
-    n[o] = Tt(e, o, r);
-  }), n;
-}
+const jn = "$$material";
 export {
-  q as $,
-  yn as A,
-  Cn as B,
-  an as C,
-  nn as D,
-  En as E,
-  Fn as F,
-  Tt as G,
-  kn as H,
-  Ce as I,
-  te as J,
-  Ie as K,
-  W as L,
-  In as M,
+  St as $,
+  $n as A,
+  Tn as B,
+  ln as C,
+  an as D,
+  An as E,
+  Ln as F,
+  $t as G,
+  Bn as H,
+  H as I,
+  ke as J,
+  gt as K,
+  z as L,
+  Dn as M,
   Ue as N,
-  K as O,
-  Rn as P,
-  Nr as Q,
-  fe as R,
-  Ae as S,
-  Vn as T,
-  Nn as U,
+  M as O,
+  Pn as P,
+  Dr as Q,
+  ge as R,
+  Ee as S,
+  jn as T,
+  Mn as U,
   Ne as V,
-  tn as W,
-  Bn as X,
-  $e as Y,
-  Pn as Z,
-  pt as _,
-  zr as a,
-  bt as a0,
-  J as b,
-  ce as c,
-  Mn as d,
-  St as e,
-  j as f,
-  ee as g,
-  Br as h,
-  Pe as i,
+  Fr as W,
+  Q as X,
+  Vn as Y,
+  pt as Z,
+  Fn as _,
+  Qr as a,
+  ne as b,
+  pe as c,
+  Wn as d,
+  Et as e,
+  Y as f,
+  ie as g,
+  Wr as h,
+  Re as i,
   nt as j,
-  Fe as k,
-  Z as l,
-  Fr as m,
-  Vr as n,
-  ie as o,
-  Q as p,
-  Ge as q,
-  X as r,
-  ze as s,
-  kr as t,
-  Dn as u,
-  mn as v,
-  dn as w,
-  fn as x,
-  Sn as y,
-  vn as z
+  Ve as k,
+  oe as l,
+  Gr as m,
+  xt as n,
+  ce as o,
+  te as p,
+  Ie as q,
+  re as r,
+  Be as s,
+  Ir as t,
+  Un as u,
+  hn as v,
+  mn as w,
+  pn as x,
+  xn as y,
+  kn as z
 };