@solostylist/ui-kit 1.0.174 → 1.0.176

package/dist/{createTheme-3Wd3hHrj.js → createTheme-f5g1s6ww.js}

@@ -1,46 +1,38 @@
 import * as Dr from "react";
 import { f as Te, b as fr, l as Mr, d as jr, g as Zr, a as et, p as V, c as U, e as ge, h as ke, i as xe, j as rt } from "./colorManipulator-ep5lERxB.js";
-import { g as tt } from "./_commonjsHelpers-B4e78b8K.js";
+import { g as tt } from "./_commonjsHelpers-ByX85dGu.js";
 function Lr(e) {
   if (typeof e != "string")
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Te(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-var Ie = { exports: {} }, Be = { exports: {} }, F = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+var Ie = { exports: {} }, Be = { exports: {} }, L = {};
 var dr;
 function nt() {
-  if (dr) return F;
+  if (dr) return L;
   dr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, j = e ? Symbol.for("react.scope") : 60119;
-  function L(h) {
-    if (typeof h == "object" && h !== null) {
-      var O = h.$$typeof;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, s = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, D = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function M(y) {
+    if (typeof y == "object" && y !== null) {
+      var O = y.$$typeof;
       switch (O) {
         case r:
-          switch (h = h.type, h) {
+          switch (y = y.type, y) {
             case f:
             case d:
-            case i:
-            case a:
             case n:
+            case a:
+            case i:
             case p:
-              return h;
+              return y;
             default:
-              switch (h = h && h.$$typeof, h) {
+              switch (y = y && y.$$typeof, y) {
                 case l:
-                case y:
+                case h:
                 case b:
-                case S:
-                case s:
-                  return h;
+                case v:
+                case c:
+                  return y;
                 default:
                   return O;
               }
@@ -50,89 +42,81 @@ function nt() {
       }
     }
   }
-  function $(h) {
-    return L(h) === d;
+  function $(y) {
+    return M(y) === d;
   }
-  return F.AsyncMode = f, F.ConcurrentMode = d, F.ContextConsumer = l, F.ContextProvider = s, F.Element = r, F.ForwardRef = y, F.Fragment = i, F.Lazy = b, F.Memo = S, F.Portal = t, F.Profiler = a, F.StrictMode = n, F.Suspense = p, F.isAsyncMode = function(h) {
-    return $(h) || L(h) === f;
-  }, F.isConcurrentMode = $, F.isContextConsumer = function(h) {
-    return L(h) === l;
-  }, F.isContextProvider = function(h) {
-    return L(h) === s;
-  }, F.isElement = function(h) {
-    return typeof h == "object" && h !== null && h.$$typeof === r;
-  }, F.isForwardRef = function(h) {
-    return L(h) === y;
-  }, F.isFragment = function(h) {
-    return L(h) === i;
-  }, F.isLazy = function(h) {
-    return L(h) === b;
-  }, F.isMemo = function(h) {
-    return L(h) === S;
-  }, F.isPortal = function(h) {
-    return L(h) === t;
-  }, F.isProfiler = function(h) {
-    return L(h) === a;
-  }, F.isStrictMode = function(h) {
-    return L(h) === n;
-  }, F.isSuspense = function(h) {
-    return L(h) === p;
-  }, F.isValidElementType = function(h) {
-    return typeof h == "string" || typeof h == "function" || h === i || h === d || h === a || h === n || h === p || h === m || typeof h == "object" && h !== null && (h.$$typeof === b || h.$$typeof === S || h.$$typeof === s || h.$$typeof === l || h.$$typeof === y || h.$$typeof === C || h.$$typeof === _ || h.$$typeof === j || h.$$typeof === c);
-  }, F.typeOf = L, F;
-}
-var W = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+  return L.AsyncMode = f, L.ConcurrentMode = d, L.ContextConsumer = l, L.ContextProvider = c, L.Element = r, L.ForwardRef = h, L.Fragment = n, L.Lazy = b, L.Memo = v, L.Portal = t, L.Profiler = a, L.StrictMode = i, L.Suspense = p, L.isAsyncMode = function(y) {
+    return $(y) || M(y) === f;
+  }, L.isConcurrentMode = $, L.isContextConsumer = function(y) {
+    return M(y) === l;
+  }, L.isContextProvider = function(y) {
+    return M(y) === c;
+  }, L.isElement = function(y) {
+    return typeof y == "object" && y !== null && y.$$typeof === r;
+  }, L.isForwardRef = function(y) {
+    return M(y) === h;
+  }, L.isFragment = function(y) {
+    return M(y) === n;
+  }, L.isLazy = function(y) {
+    return M(y) === b;
+  }, L.isMemo = function(y) {
+    return M(y) === v;
+  }, L.isPortal = function(y) {
+    return M(y) === t;
+  }, L.isProfiler = function(y) {
+    return M(y) === a;
+  }, L.isStrictMode = function(y) {
+    return M(y) === i;
+  }, L.isSuspense = function(y) {
+    return M(y) === p;
+  }, L.isValidElementType = function(y) {
+    return typeof y == "string" || typeof y == "function" || y === n || y === d || y === a || y === i || y === p || y === m || typeof y == "object" && y !== null && (y.$$typeof === b || y.$$typeof === v || y.$$typeof === c || y.$$typeof === l || y.$$typeof === h || y.$$typeof === C || y.$$typeof === _ || y.$$typeof === D || y.$$typeof === s);
+  }, L.typeOf = M, L;
+}
+var F = {};
 var pr;
 function ot() {
   return pr || (pr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, n = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, c = e ? Symbol.for("react.block") : 60121, C = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, j = e ? Symbol.for("react.scope") : 60119;
-    function L(T) {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, s = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, D = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function M(T) {
       return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      T === i || T === d || T === a || T === n || T === p || T === m || typeof T == "object" && T !== null && (T.$$typeof === b || T.$$typeof === S || T.$$typeof === s || T.$$typeof === l || T.$$typeof === y || T.$$typeof === C || T.$$typeof === _ || T.$$typeof === j || T.$$typeof === c);
+      T === n || T === d || T === a || T === i || T === p || T === m || typeof T == "object" && T !== null && (T.$$typeof === b || T.$$typeof === v || T.$$typeof === c || T.$$typeof === l || T.$$typeof === h || T.$$typeof === C || T.$$typeof === _ || T.$$typeof === D || T.$$typeof === s);
     }
     function $(T) {
       if (typeof T == "object" && T !== null) {
-        var se = T.$$typeof;
-        switch (se) {
+        var ce = T.$$typeof;
+        switch (ce) {
           case r:
             var Pe = T.type;
             switch (Pe) {
               case f:
               case d:
-              case i:
-              case a:
               case n:
+              case a:
+              case i:
               case p:
                 return Pe;
               default:
                 var ur = Pe && Pe.$$typeof;
                 switch (ur) {
                   case l:
-                  case y:
+                  case h:
                   case b:
-                  case S:
-                  case s:
+                  case v:
+                  case c:
                     return ur;
                   default:
-                    return se;
+                    return ce;
                 }
             }
           case t:
-            return se;
+            return ce;
         }
       }
     }
-    var h = f, O = d, re = l, ne = s, le = r, de = y, K = i, o = b, x = S, v = t, I = a, B = n, J = p, ae = !1;
+    var y = f, O = d, ae = l, ue = c, J = r, Z = h, X = n, o = b, x = v, S = t, j = a, W = i, ee = p, se = !1;
     function Ke(T) {
-      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(T) || $(T) === f;
+      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(T) || $(T) === f;
     }
     function g(T) {
       return $(T) === d;
@@ -141,82 +125,77 @@ function ot() {
       return $(T) === l;
     }
     function k(T) {
-      return $(T) === s;
+      return $(T) === c;
     }
     function R(T) {
       return typeof T == "object" && T !== null && T.$$typeof === r;
     }
     function w(T) {
-      return $(T) === y;
+      return $(T) === h;
     }
-    function N(T) {
-      return $(T) === i;
+    function I(T) {
+      return $(T) === n;
     }
     function A(T) {
       return $(T) === b;
     }
     function P(T) {
-      return $(T) === S;
+      return $(T) === v;
     }
-    function D(T) {
+    function B(T) {
       return $(T) === t;
     }
     function Y(T) {
       return $(T) === a;
     }
-    function M(T) {
-      return $(T) === n;
+    function N(T) {
+      return $(T) === i;
     }
-    function Z(T) {
+    function re(T) {
       return $(T) === p;
     }
-    W.AsyncMode = h, W.ConcurrentMode = O, W.ContextConsumer = re, W.ContextProvider = ne, W.Element = le, W.ForwardRef = de, W.Fragment = K, W.Lazy = o, W.Memo = x, W.Portal = v, W.Profiler = I, W.StrictMode = B, W.Suspense = J, W.isAsyncMode = Ke, W.isConcurrentMode = g, W.isContextConsumer = E, W.isContextProvider = k, W.isElement = R, W.isForwardRef = w, W.isFragment = N, W.isLazy = A, W.isMemo = P, W.isPortal = D, W.isProfiler = Y, W.isStrictMode = M, W.isSuspense = Z, W.isValidElementType = L, W.typeOf = $;
-  })()), W;
+    F.AsyncMode = y, F.ConcurrentMode = O, F.ContextConsumer = ae, F.ContextProvider = ue, F.Element = J, F.ForwardRef = Z, F.Fragment = X, F.Lazy = o, F.Memo = x, F.Portal = S, F.Profiler = j, F.StrictMode = W, F.Suspense = ee, F.isAsyncMode = Ke, F.isConcurrentMode = g, F.isContextConsumer = E, F.isContextProvider = k, F.isElement = R, F.isForwardRef = w, F.isFragment = I, F.isLazy = A, F.isMemo = P, F.isPortal = B, F.isProfiler = Y, F.isStrictMode = N, F.isSuspense = re, F.isValidElementType = M, F.typeOf = $;
+  })()), F;
 }
 var mr;
 function Fr() {
   return mr || (mr = 1, process.env.NODE_ENV === "production" ? Be.exports = nt() : Be.exports = ot()), Be.exports;
 }
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
 var He, gr;
 function it() {
   if (gr) return He;
   gr = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function i(a) {
+  function n(a) {
     if (a == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(a);
   }
-  function n() {
+  function i() {
     try {
       if (!Object.assign)
         return !1;
       var a = new String("abc");
       if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
         return !1;
-      for (var s = {}, l = 0; l < 10; l++)
-        s["_" + String.fromCharCode(l)] = l;
-      var f = Object.getOwnPropertyNames(s).map(function(y) {
-        return s[y];
+      for (var c = {}, l = 0; l < 10; l++)
+        c["_" + String.fromCharCode(l)] = l;
+      var f = Object.getOwnPropertyNames(c).map(function(h) {
+        return c[h];
       });
       if (f.join("") !== "0123456789")
         return !1;
       var d = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        d[y] = y;
+      return "abcdefghijklmnopqrst".split("").forEach(function(h) {
+        d[h] = h;
       }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return He = n() ? Object.assign : function(a, s) {
-    for (var l, f = i(a), d, y = 1; y < arguments.length; y++) {
-      l = Object(arguments[y]);
+  return He = i() ? Object.assign : function(a, c) {
+    for (var l, f = n(a), d, h = 1; h < arguments.length; h++) {
+      l = Object(arguments[h]);
       for (var p in l)
         r.call(l, p) && (f[p] = l[p]);
       if (e) {
@@ -228,16 +207,16 @@ function it() {
     return f;
   }, He;
 }
-var Qe, yr;
+var Qe, hr;
 function ar() {
-  if (yr) return Qe;
-  yr = 1;
+  if (hr) return Qe;
+  hr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Qe = e, Qe;
 }
-var Xe, hr;
+var Xe, yr;
 function Wr() {
-  return hr || (hr = 1, Xe = Function.call.bind(Object.prototype.hasOwnProperty)), Xe;
+  return yr || (yr = 1, Xe = Function.call.bind(Object.prototype.hasOwnProperty)), Xe;
 }
 var Je, br;
 function at() {
@@ -246,53 +225,53 @@ function at() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ ar(), t = {}, i = /* @__PURE__ */ Wr();
+    var r = /* @__PURE__ */ ar(), t = {}, n = /* @__PURE__ */ Wr();
     e = function(a) {
-      var s = "Warning: " + a;
-      typeof console < "u" && console.error(s);
+      var c = "Warning: " + a;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(s);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function n(a, s, l, f, d) {
+  function i(a, c, l, f, d) {
     if (process.env.NODE_ENV !== "production") {
-      for (var y in a)
-        if (i(a, y)) {
+      for (var h in a)
+        if (n(a, h)) {
           var p;
           try {
-            if (typeof a[y] != "function") {
+            if (typeof a[h] != "function") {
               var m = Error(
-                (f || "React class") + ": " + l + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (f || "React class") + ": " + l + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw m.name = "Invariant Violation", m;
             }
-            p = a[y](s, y, f, l, null, r);
+            p = a[h](c, h, f, l, null, r);
           } catch (b) {
             p = b;
           }
           if (p && !(p instanceof Error) && e(
-            (f || "React class") + ": type specification of " + l + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (f || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), p instanceof Error && !(p.message in t)) {
             t[p.message] = !0;
-            var S = d ? d() : "";
+            var v = d ? d() : "";
             e(
-              "Failed " + l + " type: " + p.message + (S ?? "")
+              "Failed " + l + " type: " + p.message + (v ?? "")
             );
           }
         }
     }
   }
-  return n.resetWarningCache = function() {
+  return i.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Je = n, Je;
+  }, Je = i, Je;
 }
 var Ze, vr;
 function st() {
   if (vr) return Ze;
   vr = 1;
-  var e = Fr(), r = it(), t = /* @__PURE__ */ ar(), i = /* @__PURE__ */ Wr(), n = /* @__PURE__ */ at(), a = function() {
+  var e = Fr(), r = it(), t = /* @__PURE__ */ ar(), n = /* @__PURE__ */ Wr(), i = /* @__PURE__ */ at(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var f = "Warning: " + l;
@@ -302,17 +281,17 @@ function st() {
     } catch {
     }
   });
-  function s() {
+  function c() {
     return null;
   }
   return Ze = function(l, f) {
-    var d = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    var d = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function p(g) {
-      var E = g && (d && g[d] || g[y]);
+      var E = g && (d && g[d] || g[h]);
       if (typeof E == "function")
         return E;
     }
-    var m = "<<anonymous>>", S = {
+    var m = "<<anonymous>>", v = {
       array: _("array"),
       bigint: _("bigint"),
       bool: _("boolean"),
@@ -321,55 +300,55 @@ function st() {
       object: _("object"),
       string: _("string"),
       symbol: _("symbol"),
-      any: j(),
-      arrayOf: L,
+      any: D(),
+      arrayOf: M,
       element: $(),
-      elementType: h(),
+      elementType: y(),
       instanceOf: O,
-      node: de(),
-      objectOf: ne,
-      oneOf: re,
-      oneOfType: le,
+      node: Z(),
+      objectOf: ue,
+      oneOf: ae,
+      oneOfType: J,
       shape: o,
       exact: x
     };
     function b(g, E) {
       return g === E ? g !== 0 || 1 / g === 1 / E : g !== g && E !== E;
     }
-    function c(g, E) {
+    function s(g, E) {
       this.message = g, this.data = E && typeof E == "object" ? E : {}, this.stack = "";
     }
-    c.prototype = Error.prototype;
+    s.prototype = Error.prototype;
     function C(g) {
       if (process.env.NODE_ENV !== "production")
         var E = {}, k = 0;
-      function R(N, A, P, D, Y, M, Z) {
-        if (D = D || m, M = M || P, Z !== t) {
+      function R(I, A, P, B, Y, N, re) {
+        if (B = B || m, N = N || P, re !== t) {
           if (f) {
             var T = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw T.name = "Invariant Violation", T;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var se = D + ":" + P;
-            !E[se] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var ce = B + ":" + P;
+            !E[ce] && // Avoid spamming the console because they are often not actionable except for lib authors
             k < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), E[se] = !0, k++);
+              "You are manually calling a React.PropTypes validation function for the `" + N + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), E[ce] = !0, k++);
           }
         }
-        return A[P] == null ? N ? A[P] === null ? new c("The " + Y + " `" + M + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new c("The " + Y + " `" + M + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : g(A, P, D, Y, M);
+        return A[P] == null ? I ? A[P] === null ? new s("The " + Y + " `" + N + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new s("The " + Y + " `" + N + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : g(A, P, B, Y, N);
       }
       var w = R.bind(null, !1);
       return w.isRequired = R.bind(null, !0), w;
     }
     function _(g) {
-      function E(k, R, w, N, A, P) {
-        var D = k[R], Y = B(D);
+      function E(k, R, w, I, A, P) {
+        var B = k[R], Y = W(B);
         if (Y !== g) {
-          var M = J(D);
-          return new c(
-            "Invalid " + N + " `" + A + "` of type " + ("`" + M + "` supplied to `" + w + "`, expected ") + ("`" + g + "`."),
+          var N = ee(B);
+          return new s(
+            "Invalid " + I + " `" + A + "` of type " + ("`" + N + "` supplied to `" + w + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
@@ -377,159 +356,159 @@ function st() {
       }
       return C(E);
     }
-    function j() {
-      return C(s);
+    function D() {
+      return C(c);
     }
-    function L(g) {
-      function E(k, R, w, N, A) {
+    function M(g) {
+      function E(k, R, w, I, A) {
         if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
+          return new s("Property `" + A + "` of component `" + w + "` has invalid PropType notation inside arrayOf.");
         var P = k[R];
         if (!Array.isArray(P)) {
-          var D = B(P);
-          return new c("Invalid " + N + " `" + A + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an array."));
+          var B = W(P);
+          return new s("Invalid " + I + " `" + A + "` of type " + ("`" + B + "` supplied to `" + w + "`, expected an array."));
         }
         for (var Y = 0; Y < P.length; Y++) {
-          var M = g(P, Y, w, N, A + "[" + Y + "]", t);
-          if (M instanceof Error)
-            return M;
+          var N = g(P, Y, w, I, A + "[" + Y + "]", t);
+          if (N instanceof Error)
+            return N;
         }
         return null;
       }
       return C(E);
     }
     function $() {
-      function g(E, k, R, w, N) {
+      function g(E, k, R, w, I) {
         var A = E[k];
         if (!l(A)) {
-          var P = B(A);
-          return new c("Invalid " + w + " `" + N + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement."));
+          var P = W(A);
+          return new s("Invalid " + w + " `" + I + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
       return C(g);
     }
-    function h() {
-      function g(E, k, R, w, N) {
+    function y() {
+      function g(E, k, R, w, I) {
         var A = E[k];
         if (!e.isValidElementType(A)) {
-          var P = B(A);
-          return new c("Invalid " + w + " `" + N + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement type."));
+          var P = W(A);
+          return new s("Invalid " + w + " `" + I + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return C(g);
     }
     function O(g) {
-      function E(k, R, w, N, A) {
+      function E(k, R, w, I, A) {
         if (!(k[R] instanceof g)) {
-          var P = g.name || m, D = Ke(k[R]);
-          return new c("Invalid " + N + " `" + A + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected ") + ("instance of `" + P + "`."));
+          var P = g.name || m, B = Ke(k[R]);
+          return new s("Invalid " + I + " `" + A + "` of type " + ("`" + B + "` supplied to `" + w + "`, expected ") + ("instance of `" + P + "`."));
         }
         return null;
       }
       return C(E);
     }
-    function re(g) {
+    function ae(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function E(k, R, w, N, A) {
-        for (var P = k[R], D = 0; D < g.length; D++)
-          if (b(P, g[D]))
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), c;
+      function E(k, R, w, I, A) {
+        for (var P = k[R], B = 0; B < g.length; B++)
+          if (b(P, g[B]))
             return null;
-        var Y = JSON.stringify(g, function(Z, T) {
-          var se = J(T);
-          return se === "symbol" ? String(T) : T;
+        var Y = JSON.stringify(g, function(re, T) {
+          var ce = ee(T);
+          return ce === "symbol" ? String(T) : T;
         });
-        return new c("Invalid " + N + " `" + A + "` of value `" + String(P) + "` " + ("supplied to `" + w + "`, expected one of " + Y + "."));
+        return new s("Invalid " + I + " `" + A + "` of value `" + String(P) + "` " + ("supplied to `" + w + "`, expected one of " + Y + "."));
       }
       return C(E);
     }
-    function ne(g) {
-      function E(k, R, w, N, A) {
+    function ue(g) {
+      function E(k, R, w, I, A) {
         if (typeof g != "function")
-          return new c("Property `" + A + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
-        var P = k[R], D = B(P);
-        if (D !== "object")
-          return new c("Invalid " + N + " `" + A + "` of type " + ("`" + D + "` supplied to `" + w + "`, expected an object."));
+          return new s("Property `" + A + "` of component `" + w + "` has invalid PropType notation inside objectOf.");
+        var P = k[R], B = W(P);
+        if (B !== "object")
+          return new s("Invalid " + I + " `" + A + "` of type " + ("`" + B + "` supplied to `" + w + "`, expected an object."));
         for (var Y in P)
-          if (i(P, Y)) {
-            var M = g(P, Y, w, N, A + "." + Y, t);
-            if (M instanceof Error)
-              return M;
+          if (n(P, Y)) {
+            var N = g(P, Y, w, I, A + "." + Y, t);
+            if (N instanceof Error)
+              return N;
           }
         return null;
       }
       return C(E);
     }
-    function le(g) {
+    function J(g) {
       if (!Array.isArray(g))
-        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), c;
       for (var E = 0; E < g.length; E++) {
         var k = g[E];
         if (typeof k != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(k) + " at index " + E + "."
-          ), s;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(k) + " at index " + E + "."
+          ), c;
       }
-      function R(w, N, A, P, D) {
-        for (var Y = [], M = 0; M < g.length; M++) {
-          var Z = g[M], T = Z(w, N, A, P, D, t);
+      function R(w, I, A, P, B) {
+        for (var Y = [], N = 0; N < g.length; N++) {
+          var re = g[N], T = re(w, I, A, P, B, t);
           if (T == null)
             return null;
-          T.data && i(T.data, "expectedType") && Y.push(T.data.expectedType);
+          T.data && n(T.data, "expectedType") && Y.push(T.data.expectedType);
         }
-        var se = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new c("Invalid " + P + " `" + D + "` supplied to " + ("`" + A + "`" + se + "."));
+        var ce = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
+        return new s("Invalid " + P + " `" + B + "` supplied to " + ("`" + A + "`" + ce + "."));
       }
       return C(R);
     }
-    function de() {
-      function g(E, k, R, w, N) {
-        return v(E[k]) ? null : new c("Invalid " + w + " `" + N + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+    function Z() {
+      function g(E, k, R, w, I) {
+        return S(E[k]) ? null : new s("Invalid " + w + " `" + I + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return C(g);
     }
-    function K(g, E, k, R, w) {
-      return new c(
+    function X(g, E, k, R, w) {
+      return new s(
         (g || "React class") + ": " + E + " type `" + k + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + w + "`."
       );
     }
     function o(g) {
-      function E(k, R, w, N, A) {
-        var P = k[R], D = B(P);
-        if (D !== "object")
-          return new c("Invalid " + N + " `" + A + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
+      function E(k, R, w, I, A) {
+        var P = k[R], B = W(P);
+        if (B !== "object")
+          return new s("Invalid " + I + " `" + A + "` of type `" + B + "` " + ("supplied to `" + w + "`, expected `object`."));
         for (var Y in g) {
-          var M = g[Y];
-          if (typeof M != "function")
-            return K(w, N, A, Y, J(M));
-          var Z = M(P, Y, w, N, A + "." + Y, t);
-          if (Z)
-            return Z;
+          var N = g[Y];
+          if (typeof N != "function")
+            return X(w, I, A, Y, ee(N));
+          var re = N(P, Y, w, I, A + "." + Y, t);
+          if (re)
+            return re;
         }
         return null;
       }
       return C(E);
     }
     function x(g) {
-      function E(k, R, w, N, A) {
-        var P = k[R], D = B(P);
-        if (D !== "object")
-          return new c("Invalid " + N + " `" + A + "` of type `" + D + "` " + ("supplied to `" + w + "`, expected `object`."));
+      function E(k, R, w, I, A) {
+        var P = k[R], B = W(P);
+        if (B !== "object")
+          return new s("Invalid " + I + " `" + A + "` of type `" + B + "` " + ("supplied to `" + w + "`, expected `object`."));
         var Y = r({}, k[R], g);
-        for (var M in Y) {
-          var Z = g[M];
-          if (i(g, M) && typeof Z != "function")
-            return K(w, N, A, M, J(Z));
-          if (!Z)
-            return new c(
-              "Invalid " + N + " `" + A + "` key `" + M + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(k[R], null, "  ") + `
+        for (var N in Y) {
+          var re = g[N];
+          if (n(g, N) && typeof re != "function")
+            return X(w, I, A, N, ee(re));
+          if (!re)
+            return new s(
+              "Invalid " + I + " `" + A + "` key `" + N + "` supplied to `" + w + "`.\nBad object: " + JSON.stringify(k[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var T = Z(P, M, w, N, A + "." + M, t);
+          var T = re(P, N, w, I, A + "." + N, t);
           if (T)
             return T;
         }
@@ -537,7 +516,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
       }
       return C(E);
     }
-    function v(g) {
+    function S(g) {
       switch (typeof g) {
         case "number":
         case "string":
@@ -547,7 +526,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return !g;
         case "object":
           if (Array.isArray(g))
-            return g.every(v);
+            return g.every(S);
           if (g === null || l(g))
             return !0;
           var E = p(g);
@@ -555,12 +534,12 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             var k = E.call(g), R;
             if (E !== g.entries) {
               for (; !(R = k.next()).done; )
-                if (!v(R.value))
+                if (!S(R.value))
                   return !1;
             } else
               for (; !(R = k.next()).done; ) {
                 var w = R.value;
-                if (w && !v(w[1]))
+                if (w && !S(w[1]))
                   return !1;
               }
           } else
@@ -570,17 +549,17 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return !1;
       }
     }
-    function I(g, E) {
+    function j(g, E) {
       return g === "symbol" ? !0 : E ? E["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && E instanceof Symbol : !1;
     }
-    function B(g) {
+    function W(g) {
       var E = typeof g;
-      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : I(E, g) ? "symbol" : E;
+      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : j(E, g) ? "symbol" : E;
     }
-    function J(g) {
+    function ee(g) {
       if (typeof g > "u" || g === null)
         return "" + g;
-      var E = B(g);
+      var E = W(g);
       if (E === "object") {
         if (g instanceof Date)
           return "date";
@@ -589,8 +568,8 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
       }
       return E;
     }
-    function ae(g) {
-      var E = J(g);
+    function se(g) {
+      var E = ee(g);
       switch (E) {
         case "array":
         case "object":
@@ -606,7 +585,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
     function Ke(g) {
       return !g.constructor || !g.constructor.name ? m : g.constructor.name;
     }
-    return S.checkPropTypes = n, S.resetWarningCache = n.resetWarningCache, S.PropTypes = S, S;
+    return v.checkPropTypes = i, v.resetWarningCache = i.resetWarningCache, v.PropTypes = v, v;
   }, Ze;
 }
 var er, Sr;
@@ -619,7 +598,7 @@ function ct() {
   function t() {
   }
   return t.resetWarningCache = r, er = function() {
-    function i(s, l, f, d, y, p) {
+    function n(c, l, f, d, h, p) {
       if (p !== e) {
         var m = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -627,30 +606,30 @@ function ct() {
         throw m.name = "Invariant Violation", m;
       }
     }
-    i.isRequired = i;
-    function n() {
-      return i;
+    n.isRequired = n;
+    function i() {
+      return n;
     }
     var a = {
-      array: i,
-      bigint: i,
-      bool: i,
-      func: i,
-      number: i,
-      object: i,
-      string: i,
-      symbol: i,
-      any: i,
-      arrayOf: n,
-      element: i,
-      elementType: i,
-      instanceOf: n,
-      node: i,
-      objectOf: n,
-      oneOf: n,
-      oneOfType: n,
-      shape: n,
-      exact: n,
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: i,
+      element: n,
+      elementType: n,
+      instanceOf: i,
+      node: n,
+      objectOf: i,
+      oneOf: i,
+      oneOfType: i,
+      shape: i,
+      exact: i,
       checkPropTypes: t,
       resetWarningCache: r
     };
@@ -670,42 +649,33 @@ function lt() {
 var ut = /* @__PURE__ */ lt();
 const Ee = /* @__PURE__ */ tt(ut);
 var Ne = { exports: {} }, z = {};
-/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var Tr;
 function ft() {
   if (Tr) return z;
   Tr = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), S = Symbol.for("react.client.reference");
-  function b(c) {
-    if (typeof c == "object" && c !== null) {
-      var C = c.$$typeof;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), t = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), v = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function b(s) {
+    if (typeof s == "object" && s !== null) {
+      var C = s.$$typeof;
       switch (C) {
         case e:
-          switch (c = c.type, c) {
+          switch (s = s.type, s) {
             case t:
-            case n:
             case i:
+            case n:
             case f:
             case d:
             case m:
-              return c;
+              return s;
             default:
-              switch (c = c && c.$$typeof, c) {
-                case s:
+              switch (s = s && s.$$typeof, s) {
+                case c:
                 case l:
                 case p:
-                case y:
-                  return c;
+                case h:
+                  return s;
                 case a:
-                  return c;
+                  return s;
                 default:
                   return C;
               }
@@ -715,69 +685,60 @@ function ft() {
       }
     }
   }
-  return z.ContextConsumer = a, z.ContextProvider = s, z.Element = e, z.ForwardRef = l, z.Fragment = t, z.Lazy = p, z.Memo = y, z.Portal = r, z.Profiler = n, z.StrictMode = i, z.Suspense = f, z.SuspenseList = d, z.isContextConsumer = function(c) {
-    return b(c) === a;
-  }, z.isContextProvider = function(c) {
-    return b(c) === s;
-  }, z.isElement = function(c) {
-    return typeof c == "object" && c !== null && c.$$typeof === e;
-  }, z.isForwardRef = function(c) {
-    return b(c) === l;
-  }, z.isFragment = function(c) {
-    return b(c) === t;
-  }, z.isLazy = function(c) {
-    return b(c) === p;
-  }, z.isMemo = function(c) {
-    return b(c) === y;
-  }, z.isPortal = function(c) {
-    return b(c) === r;
-  }, z.isProfiler = function(c) {
-    return b(c) === n;
-  }, z.isStrictMode = function(c) {
-    return b(c) === i;
-  }, z.isSuspense = function(c) {
-    return b(c) === f;
-  }, z.isSuspenseList = function(c) {
-    return b(c) === d;
-  }, z.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === t || c === n || c === i || c === f || c === d || typeof c == "object" && c !== null && (c.$$typeof === p || c.$$typeof === y || c.$$typeof === s || c.$$typeof === a || c.$$typeof === l || c.$$typeof === S || c.getModuleId !== void 0);
+  return z.ContextConsumer = a, z.ContextProvider = c, z.Element = e, z.ForwardRef = l, z.Fragment = t, z.Lazy = p, z.Memo = h, z.Portal = r, z.Profiler = i, z.StrictMode = n, z.Suspense = f, z.SuspenseList = d, z.isContextConsumer = function(s) {
+    return b(s) === a;
+  }, z.isContextProvider = function(s) {
+    return b(s) === c;
+  }, z.isElement = function(s) {
+    return typeof s == "object" && s !== null && s.$$typeof === e;
+  }, z.isForwardRef = function(s) {
+    return b(s) === l;
+  }, z.isFragment = function(s) {
+    return b(s) === t;
+  }, z.isLazy = function(s) {
+    return b(s) === p;
+  }, z.isMemo = function(s) {
+    return b(s) === h;
+  }, z.isPortal = function(s) {
+    return b(s) === r;
+  }, z.isProfiler = function(s) {
+    return b(s) === i;
+  }, z.isStrictMode = function(s) {
+    return b(s) === n;
+  }, z.isSuspense = function(s) {
+    return b(s) === f;
+  }, z.isSuspenseList = function(s) {
+    return b(s) === d;
+  }, z.isValidElementType = function(s) {
+    return typeof s == "string" || typeof s == "function" || s === t || s === i || s === n || s === f || s === d || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === h || s.$$typeof === c || s.$$typeof === a || s.$$typeof === l || s.$$typeof === v || s.getModuleId !== void 0);
   }, z.typeOf = b, z;
 }
 var q = {};
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var Er;
 function dt() {
   return Er || (Er = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(c) {
-      if (typeof c == "object" && c !== null) {
-        var C = c.$$typeof;
+    function e(s) {
+      if (typeof s == "object" && s !== null) {
+        var C = s.$$typeof;
         switch (C) {
           case r:
-            switch (c = c.type, c) {
-              case i:
-              case a:
+            switch (s = s.type, s) {
               case n:
+              case a:
+              case i:
               case d:
-              case y:
-              case S:
-                return c;
+              case h:
+              case v:
+                return s;
               default:
-                switch (c = c && c.$$typeof, c) {
+                switch (s = s && s.$$typeof, s) {
                   case l:
                   case f:
                   case m:
                   case p:
-                    return c;
-                  case s:
-                    return c;
+                    return s;
+                  case c:
+                    return s;
                   default:
                     return C;
                 }
@@ -787,33 +748,33 @@ function dt() {
         }
       }
     }
-    var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
-    q.ContextConsumer = s, q.ContextProvider = l, q.Element = r, q.ForwardRef = f, q.Fragment = i, q.Lazy = m, q.Memo = p, q.Portal = t, q.Profiler = a, q.StrictMode = n, q.Suspense = d, q.SuspenseList = y, q.isContextConsumer = function(c) {
-      return e(c) === s;
-    }, q.isContextProvider = function(c) {
-      return e(c) === l;
-    }, q.isElement = function(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === r;
-    }, q.isForwardRef = function(c) {
-      return e(c) === f;
-    }, q.isFragment = function(c) {
-      return e(c) === i;
-    }, q.isLazy = function(c) {
-      return e(c) === m;
-    }, q.isMemo = function(c) {
-      return e(c) === p;
-    }, q.isPortal = function(c) {
-      return e(c) === t;
-    }, q.isProfiler = function(c) {
-      return e(c) === a;
-    }, q.isStrictMode = function(c) {
-      return e(c) === n;
-    }, q.isSuspense = function(c) {
-      return e(c) === d;
-    }, q.isSuspenseList = function(c) {
-      return e(c) === y;
-    }, q.isValidElementType = function(c) {
-      return typeof c == "string" || typeof c == "function" || c === i || c === a || c === n || c === d || c === y || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === b || c.getModuleId !== void 0);
+    var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), h = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+    q.ContextConsumer = c, q.ContextProvider = l, q.Element = r, q.ForwardRef = f, q.Fragment = n, q.Lazy = m, q.Memo = p, q.Portal = t, q.Profiler = a, q.StrictMode = i, q.Suspense = d, q.SuspenseList = h, q.isContextConsumer = function(s) {
+      return e(s) === c;
+    }, q.isContextProvider = function(s) {
+      return e(s) === l;
+    }, q.isElement = function(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === r;
+    }, q.isForwardRef = function(s) {
+      return e(s) === f;
+    }, q.isFragment = function(s) {
+      return e(s) === n;
+    }, q.isLazy = function(s) {
+      return e(s) === m;
+    }, q.isMemo = function(s) {
+      return e(s) === p;
+    }, q.isPortal = function(s) {
+      return e(s) === t;
+    }, q.isProfiler = function(s) {
+      return e(s) === a;
+    }, q.isStrictMode = function(s) {
+      return e(s) === i;
+    }, q.isSuspense = function(s) {
+      return e(s) === d;
+    }, q.isSuspenseList = function(s) {
+      return e(s) === h;
+    }, q.isValidElementType = function(s) {
+      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === i || s === d || s === h || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === p || s.$$typeof === l || s.$$typeof === c || s.$$typeof === f || s.$$typeof === b || s.getModuleId !== void 0);
     }, q.typeOf = e;
   })()), q;
 }
@@ -836,19 +797,19 @@ function Vr(e) {
     r[t] = Vr(e[t]);
   }), r;
 }
-function ee(e, r, t = {
+function te(e, r, t = {
   clone: !0
 }) {
-  const i = t.clone ? {
+  const n = t.clone ? {
     ...e
   } : e;
-  return pe(e) && pe(r) && Object.keys(r).forEach((n) => {
-    /* @__PURE__ */ Dr.isValidElement(r[n]) || Yr.isValidElementType(r[n]) ? i[n] = r[n] : pe(r[n]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, n) && pe(e[n]) ? i[n] = ee(e[n], r[n], t) : t.clone ? i[n] = pe(r[n]) ? Vr(r[n]) : r[n] : i[n] = r[n];
-  }), i;
+  return pe(e) && pe(r) && Object.keys(r).forEach((i) => {
+    /* @__PURE__ */ Dr.isValidElement(r[i]) || Yr.isValidElementType(r[i]) ? n[i] = r[i] : pe(r[i]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, i) && pe(e[i]) ? n[i] = te(e[i], r[i], t) : t.clone ? n[i] = pe(r[i]) ? Vr(r[i]) : r[i] : n[i] = r[i];
+  }), n;
 }
 function we(e, r) {
-  return r ? ee(e, r, {
+  return r ? te(e, r, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
@@ -857,14 +818,13 @@ const me = process.env.NODE_ENV !== "production" ? Ee.oneOfType([Ee.number, Ee.s
 function xr(e, r) {
   if (!e.containerQueries)
     return r;
-  const t = Object.keys(r).filter((i) => i.startsWith("@container")).sort((i, n) => {
-    var s, l;
+  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, i) => {
     const a = /min-width:\s*([0-9.]+)/;
-    return +(((s = i.match(a)) == null ? void 0 : s[1]) || 0) - +(((l = n.match(a)) == null ? void 0 : l[1]) || 0);
+    return +(n.match(a)?.[1] || 0) - +(i.match(a)?.[1] || 0);
   });
-  return t.length ? t.reduce((i, n) => {
-    const a = r[n];
-    return delete i[n], i[n] = a, i;
+  return t.length ? t.reduce((n, i) => {
+    const a = r[i];
+    return delete n[i], n[i] = a, n;
   }, {
     ...r
   }) : r;
@@ -880,21 +840,21 @@ function gt(e, r) {
 For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Te(18, `(${r})`));
     return null;
   }
-  const [, i, n] = t, a = Number.isNaN(+i) ? i || 0 : +i;
-  return e.containerQueries(n).up(a);
-}
-function yt(e) {
-  const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
-  function t(a, s) {
-    a.up = (...l) => r(e.breakpoints.up(...l), s), a.down = (...l) => r(e.breakpoints.down(...l), s), a.between = (...l) => r(e.breakpoints.between(...l), s), a.only = (...l) => r(e.breakpoints.only(...l), s), a.not = (...l) => {
-      const f = r(e.breakpoints.not(...l), s);
+  const [, n, i] = t, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(a);
+}
+function ht(e) {
+  const r = (a, c) => a.replace("@media", c ? `@container ${c}` : "@container");
+  function t(a, c) {
+    a.up = (...l) => r(e.breakpoints.up(...l), c), a.down = (...l) => r(e.breakpoints.down(...l), c), a.between = (...l) => r(e.breakpoints.between(...l), c), a.only = (...l) => r(e.breakpoints.only(...l), c), a.not = (...l) => {
+      const f = r(e.breakpoints.not(...l), c);
       return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
     };
   }
-  const i = {}, n = (a) => (t(i, a), i);
-  return t(n), {
+  const n = {}, i = (a) => (t(n, a), n);
+  return t(i), {
     ...e,
-    containerQueries: n
+    containerQueries: i
   };
 }
 const Me = {
@@ -913,7 +873,7 @@ const Me = {
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${Me[e]}px)`
-}, ht = {
+}, yt = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : Me[r] || r;
@@ -921,55 +881,54 @@ const Me = {
     }
   })
 };
-function fe(e, r, t) {
-  const i = e.theme || {};
+function de(e, r, t) {
+  const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = i.breakpoints || Or;
-    return r.reduce((s, l, f) => (s[a.up(a.keys[f])] = t(r[f]), s), {});
+    const a = n.breakpoints || Or;
+    return r.reduce((c, l, f) => (c[a.up(a.keys[f])] = t(r[f]), c), {});
   }
   if (typeof r == "object") {
-    const a = i.breakpoints || Or;
-    return Object.keys(r).reduce((s, l) => {
+    const a = n.breakpoints || Or;
+    return Object.keys(r).reduce((c, l) => {
       if (mt(a.keys, l)) {
-        const f = gt(i.containerQueries ? i : ht, l);
-        f && (s[f] = t(r[l], l));
+        const f = gt(n.containerQueries ? n : yt, l);
+        f && (c[f] = t(r[l], l));
       } else if (Object.keys(a.values || Me).includes(l)) {
         const f = a.up(l);
-        s[f] = t(r[l], l);
+        c[f] = t(r[l], l);
       } else {
         const f = l;
-        s[f] = r[f];
+        c[f] = r[f];
       }
-      return s;
+      return c;
     }, {});
   }
   return t(r);
 }
 function Ur(e = {}) {
-  var t;
-  return ((t = e.keys) == null ? void 0 : t.reduce((i, n) => {
-    const a = e.up(n);
-    return i[a] = {}, i;
-  }, {})) || {};
+  return e.keys?.reduce((t, n) => {
+    const i = e.up(n);
+    return t[i] = {}, t;
+  }, {}) || {};
 }
 function nr(e, r) {
-  return e.reduce((t, i) => {
-    const n = t[i];
-    return (!n || Object.keys(n).length === 0) && delete t[i], t;
+  return e.reduce((t, n) => {
+    const i = t[n];
+    return (!i || Object.keys(i).length === 0) && delete t[n], t;
   }, r);
 }
 function Jn(e, ...r) {
-  const t = Ur(e), i = [t, ...r].reduce((n, a) => ee(n, a), {});
-  return nr(Object.keys(t), i);
+  const t = Ur(e), n = [t, ...r].reduce((i, a) => te(i, a), {});
+  return nr(Object.keys(t), n);
 }
 function bt(e, r) {
   if (typeof e != "object")
     return {};
-  const t = {}, i = Object.keys(r);
-  return Array.isArray(e) ? i.forEach((n, a) => {
-    a < e.length && (t[n] = !0);
-  }) : i.forEach((n) => {
-    e[n] != null && (t[n] = !0);
+  const t = {}, n = Object.keys(r);
+  return Array.isArray(e) ? n.forEach((i, a) => {
+    a < e.length && (t[i] = !0);
+  }) : n.forEach((i) => {
+    e[i] != null && (t[i] = !0);
   }), t;
 }
 function Zn({
@@ -977,39 +936,39 @@ function Zn({
   breakpoints: r,
   base: t
 }) {
-  const i = t || bt(e, r), n = Object.keys(i);
-  if (n.length === 0)
+  const n = t || bt(e, r), i = Object.keys(n);
+  if (i.length === 0)
     return e;
   let a;
-  return n.reduce((s, l, f) => (Array.isArray(e) ? (s[l] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (s[l] = e[l] != null ? e[l] : e[a], a = l) : s[l] = e, s), {});
+  return i.reduce((c, l, f) => (Array.isArray(e) ? (c[l] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (c[l] = e[l] != null ? e[l] : e[a], a = l) : c[l] = e, c), {});
 }
 function je(e, r, t = !0) {
   if (!r || typeof r != "string")
     return null;
   if (e && e.vars && t) {
-    const i = `vars.${r}`.split(".").reduce((n, a) => n && n[a] ? n[a] : null, e);
-    if (i != null)
-      return i;
+    const n = `vars.${r}`.split(".").reduce((i, a) => i && i[a] ? i[a] : null, e);
+    if (n != null)
+      return n;
   }
-  return r.split(".").reduce((i, n) => i && i[n] != null ? i[n] : null, e);
+  return r.split(".").reduce((n, i) => n && n[i] != null ? n[i] : null, e);
 }
-function De(e, r, t, i = t) {
-  let n;
-  return typeof e == "function" ? n = e(t) : Array.isArray(e) ? n = e[t] || i : n = je(e, t) || i, r && (n = r(n, i, e)), n;
+function De(e, r, t, n = t) {
+  let i;
+  return typeof e == "function" ? i = e(t) : Array.isArray(e) ? i = e[t] || n : i = je(e, t) || n, r && (i = r(i, n, e)), i;
 }
-function X(e) {
+function Q(e) {
   const {
     prop: r,
     cssProperty: t = e.prop,
-    themeKey: i,
-    transform: n
-  } = e, a = (s) => {
-    if (s[r] == null)
+    themeKey: n,
+    transform: i
+  } = e, a = (c) => {
+    if (c[r] == null)
       return null;
-    const l = s[r], f = s.theme, d = je(f, i) || {};
-    return fe(s, l, (p) => {
-      let m = De(d, n, p);
-      return p === m && typeof p == "string" && (m = De(d, n, `${r}${p === "default" ? "" : Lr(p)}`, p)), t === !1 ? m : {
+    const l = c[r], f = c.theme, d = je(f, n) || {};
+    return de(c, l, (p) => {
+      let m = De(d, i, p);
+      return p === m && typeof p == "string" && (m = De(d, i, `${r}${p === "default" ? "" : Lr(p)}`, p)), t === !1 ? m : {
         [t]: m
       };
     });
@@ -1043,21 +1002,21 @@ const St = {
       e = wr[e];
     else
       return [e];
-  const [r, t] = e.split(""), i = St[r], n = Ct[t] || "";
-  return Array.isArray(n) ? n.map((a) => i + a) : [i + n];
+  const [r, t] = e.split(""), n = St[r], i = Ct[t] || "";
+  return Array.isArray(i) ? i.map((a) => n + a) : [n + i];
 }), Le = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Fe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Et = [...Le, ...Fe];
-function Ae(e, r, t, i) {
-  const n = je(e, r, !0) ?? t;
-  return typeof n == "number" || typeof n == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${i} argument to be a number or a string, got ${a}.`), typeof n == "string" ? n.startsWith("var(") && a === 0 ? 0 : n.startsWith("var(") && a === 1 ? n : `calc(${a} * ${n})` : n * a) : Array.isArray(n) ? (a) => {
+function Ae(e, r, t, n) {
+  const i = je(e, r, !0) ?? t;
+  return typeof i == "number" || typeof i == "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 i == "string" ? i.startsWith("var(") && a === 0 ? 0 : i.startsWith("var(") && a === 1 ? i : `calc(${a} * ${i})` : i * a) : Array.isArray(i) ? (a) => {
     if (typeof a == "string")
       return a;
-    const s = Math.abs(a);
-    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > n.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(n)}.`, `${s} > ${n.length - 1}, you need to add the missing values.`].join(`
+    const c = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(c) ? c > i.length - 1 && console.error([`MUI: The value provided (${c}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${c} > ${i.length - 1}, you need to add the missing values.`].join(`
 `)) : console.error([`MUI: The \`theme.${r}\` 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.${r}\` as a number.`].join(`
 `)));
-    const l = n[s];
+    const l = i[c];
     return a >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
-  } : typeof n == "function" ? n : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${n}) is invalid.`, "It should be a number, an array or a function."].join(`
+  } : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
 `)), () => {
   });
 }
@@ -1068,40 +1027,40 @@ function Re(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
 function $t(e, r) {
-  return (t) => e.reduce((i, n) => (i[n] = Re(r, t), i), {});
+  return (t) => e.reduce((n, i) => (n[i] = Re(r, t), n), {});
 }
-function xt(e, r, t, i) {
+function xt(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const n = Tt(t), a = $t(n, i), s = e[t];
-  return fe(e, s, a);
+  const i = Tt(t), a = $t(i, n), c = e[t];
+  return de(e, c, a);
 }
 function zr(e, r) {
   const t = sr(e.theme);
-  return Object.keys(e).map((i) => xt(e, r, i, t)).reduce(we, {});
+  return Object.keys(e).map((n) => xt(e, r, n, t)).reduce(we, {});
 }
-function H(e) {
+function K(e) {
   return zr(e, Le);
 }
-H.propTypes = process.env.NODE_ENV !== "production" ? Le.reduce((e, r) => (e[r] = me, e), {}) : {};
-H.filterProps = Le;
-function Q(e) {
+K.propTypes = process.env.NODE_ENV !== "production" ? Le.reduce((e, r) => (e[r] = me, e), {}) : {};
+K.filterProps = Le;
+function H(e) {
   return zr(e, Fe);
 }
-Q.propTypes = process.env.NODE_ENV !== "production" ? Fe.reduce((e, r) => (e[r] = me, e), {}) : {};
-Q.filterProps = Fe;
+H.propTypes = process.env.NODE_ENV !== "production" ? Fe.reduce((e, r) => (e[r] = me, e), {}) : {};
+H.filterProps = Fe;
 process.env.NODE_ENV !== "production" && Et.reduce((e, r) => (e[r] = me, e), {});
 function We(...e) {
-  const r = e.reduce((i, n) => (n.filterProps.forEach((a) => {
-    i[a] = n;
-  }), i), {}), t = (i) => Object.keys(i).reduce((n, a) => r[a] ? we(n, r[a](i)) : n, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((i, n) => Object.assign(i, n.propTypes), {}) : {}, t.filterProps = e.reduce((i, n) => i.concat(n.filterProps), []), t;
+  const r = e.reduce((n, i) => (i.filterProps.forEach((a) => {
+    n[a] = i;
+  }), n), {}), t = (n) => Object.keys(n).reduce((i, a) => r[a] ? we(i, r[a](n)) : i, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, i) => Object.assign(n, i.propTypes), {}) : {}, t.filterProps = e.reduce((n, i) => n.concat(i.filterProps), []), t;
 }
 function oe(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function ie(e, r) {
-  return X({
+  return Q({
     prop: e,
     themeKey: "borders",
     transform: r
@@ -1109,10 +1068,10 @@ function ie(e, r) {
 }
 const Ot = ie("border", oe), wt = ie("borderTop", oe), _t = ie("borderRight", oe), At = ie("borderBottom", oe), Rt = ie("borderLeft", oe), Pt = ie("borderColor"), kt = ie("borderTopColor"), It = ie("borderRightColor"), Bt = ie("borderBottomColor"), Nt = ie("borderLeftColor"), Dt = ie("outline", oe), Mt = ie("outlineColor"), Ye = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const r = Ae(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (i) => ({
-      borderRadius: Re(r, i)
+    const r = Ae(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Re(r, n)
     });
-    return fe(e, e.borderRadius, t);
+    return de(e, e.borderRadius, t);
   }
   return null;
 };
@@ -1123,10 +1082,10 @@ Ye.filterProps = ["borderRadius"];
 We(Ot, wt, _t, At, Rt, Pt, kt, It, Bt, Nt, Ye, Dt, Mt);
 const Ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "gap"), t = (i) => ({
-      gap: Re(r, i)
+    const r = Ae(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Re(r, n)
     });
-    return fe(e, e.gap, t);
+    return de(e, e.gap, t);
   }
   return null;
 };
@@ -1136,10 +1095,10 @@ Ve.propTypes = process.env.NODE_ENV !== "production" ? {
 Ve.filterProps = ["gap"];
 const Ue = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "columnGap"), t = (i) => ({
-      columnGap: Re(r, i)
+    const r = Ae(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Re(r, n)
     });
-    return fe(e, e.columnGap, t);
+    return de(e, e.columnGap, t);
   }
   return null;
 };
@@ -1149,10 +1108,10 @@ Ue.propTypes = process.env.NODE_ENV !== "production" ? {
 Ue.filterProps = ["columnGap"];
 const ze = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "rowGap"), t = (i) => ({
-      rowGap: Re(r, i)
+    const r = Ae(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Re(r, n)
     });
-    return fe(e, e.rowGap, t);
+    return de(e, e.rowGap, t);
   }
   return null;
 };
@@ -1160,92 +1119,91 @@ ze.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: me
 } : {};
 ze.filterProps = ["rowGap"];
-const jt = X({
+const jt = Q({
   prop: "gridColumn"
-}), Lt = X({
+}), Lt = Q({
   prop: "gridRow"
-}), Ft = X({
+}), Ft = Q({
   prop: "gridAutoFlow"
-}), Wt = X({
+}), Wt = Q({
   prop: "gridAutoColumns"
-}), Yt = X({
+}), Yt = Q({
   prop: "gridAutoRows"
-}), Vt = X({
+}), Vt = Q({
   prop: "gridTemplateColumns"
-}), Ut = X({
+}), Ut = Q({
   prop: "gridTemplateRows"
-}), zt = X({
+}), zt = Q({
   prop: "gridTemplateAreas"
-}), qt = X({
+}), qt = Q({
   prop: "gridArea"
 });
 We(Ve, Ue, ze, jt, Lt, Ft, Wt, Yt, Vt, Ut, zt, qt);
 function Ce(e, r) {
   return r === "grey" ? r : e;
 }
-const Gt = X({
+const Gt = Q({
   prop: "color",
   themeKey: "palette",
   transform: Ce
-}), Kt = X({
+}), Kt = Q({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Ce
-}), Ht = X({
+}), Ht = Q({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Ce
 });
 We(Gt, Kt, Ht);
-function te(e) {
+function ne(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Qt = X({
+const Qt = Q({
   prop: "width",
-  transform: te
+  transform: ne
 }), cr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (t) => {
-      var n, a, s, l, f;
-      const i = ((s = (a = (n = e.theme) == null ? void 0 : n.breakpoints) == null ? void 0 : a.values) == null ? void 0 : s[t]) || Me[t];
-      return i ? ((f = (l = e.theme) == null ? void 0 : l.breakpoints) == null ? void 0 : f.unit) !== "px" ? {
-        maxWidth: `${i}${e.theme.breakpoints.unit}`
+      const n = e.theme?.breakpoints?.values?.[t] || Me[t];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
-        maxWidth: i
+        maxWidth: n
       } : {
-        maxWidth: te(t)
+        maxWidth: ne(t)
       };
     };
-    return fe(e, e.maxWidth, r);
+    return de(e, e.maxWidth, r);
   }
   return null;
 };
 cr.filterProps = ["maxWidth"];
-const Xt = X({
+const Xt = Q({
   prop: "minWidth",
-  transform: te
-}), Jt = X({
+  transform: ne
+}), Jt = Q({
   prop: "height",
-  transform: te
-}), Zt = X({
+  transform: ne
+}), Zt = Q({
   prop: "maxHeight",
-  transform: te
-}), en = X({
+  transform: ne
+}), en = Q({
   prop: "minHeight",
-  transform: te
+  transform: ne
 });
-X({
+Q({
   prop: "size",
   cssProperty: "width",
-  transform: te
+  transform: ne
 });
-X({
+Q({
   prop: "size",
   cssProperty: "height",
-  transform: te
+  transform: ne
 });
-const rn = X({
+const rn = Q({
   prop: "boxSizing"
 });
 We(Qt, cr, Xt, Jt, Zt, en, rn);
@@ -1313,124 +1271,124 @@ const qe = {
   },
   // spacing
   p: {
-    style: Q
+    style: H
   },
   pt: {
-    style: Q
+    style: H
   },
   pr: {
-    style: Q
+    style: H
   },
   pb: {
-    style: Q
+    style: H
   },
   pl: {
-    style: Q
+    style: H
   },
   px: {
-    style: Q
+    style: H
   },
   py: {
-    style: Q
+    style: H
   },
   padding: {
-    style: Q
+    style: H
   },
   paddingTop: {
-    style: Q
+    style: H
   },
   paddingRight: {
-    style: Q
+    style: H
   },
   paddingBottom: {
-    style: Q
+    style: H
   },
   paddingLeft: {
-    style: Q
+    style: H
   },
   paddingX: {
-    style: Q
+    style: H
   },
   paddingY: {
-    style: Q
+    style: H
   },
   paddingInline: {
-    style: Q
+    style: H
   },
   paddingInlineStart: {
-    style: Q
+    style: H
   },
   paddingInlineEnd: {
-    style: Q
+    style: H
   },
   paddingBlock: {
-    style: Q
+    style: H
   },
   paddingBlockStart: {
-    style: Q
+    style: H
   },
   paddingBlockEnd: {
-    style: Q
+    style: H
   },
   m: {
-    style: H
+    style: K
   },
   mt: {
-    style: H
+    style: K
   },
   mr: {
-    style: H
+    style: K
   },
   mb: {
-    style: H
+    style: K
   },
   ml: {
-    style: H
+    style: K
   },
   mx: {
-    style: H
+    style: K
   },
   my: {
-    style: H
+    style: K
   },
   margin: {
-    style: H
+    style: K
   },
   marginTop: {
-    style: H
+    style: K
   },
   marginRight: {
-    style: H
+    style: K
   },
   marginBottom: {
-    style: H
+    style: K
   },
   marginLeft: {
-    style: H
+    style: K
   },
   marginX: {
-    style: H
+    style: K
   },
   marginY: {
-    style: H
+    style: K
   },
   marginInline: {
-    style: H
+    style: K
   },
   marginInlineStart: {
-    style: H
+    style: K
   },
   marginInlineEnd: {
-    style: H
+    style: K
   },
   marginBlock: {
-    style: H
+    style: K
   },
   marginBlockStart: {
-    style: H
+    style: K
   },
   marginBlockEnd: {
-    style: H
+    style: K
   },
   // display
   displayPrint: {
@@ -1494,22 +1452,22 @@ const qe = {
   },
   // sizing
   width: {
-    transform: te
+    transform: ne
   },
   maxWidth: {
     style: cr
   },
   minWidth: {
-    transform: te
+    transform: ne
   },
   height: {
-    transform: te
+    transform: ne
   },
   maxHeight: {
-    transform: te
+    transform: ne
   },
   minHeight: {
-    transform: te
+    transform: ne
   },
   boxSizing: {},
   // typography
@@ -1538,86 +1496,86 @@ const qe = {
   }
 };
 function tn(...e) {
-  const r = e.reduce((i, n) => i.concat(Object.keys(n)), []), t = new Set(r);
-  return e.every((i) => t.size === Object.keys(i).length);
+  const r = e.reduce((n, i) => n.concat(Object.keys(i)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
 }
 function nn(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
 function on() {
-  function e(t, i, n, a) {
-    const s = {
-      [t]: i,
-      theme: n
+  function e(t, n, i, a) {
+    const c = {
+      [t]: n,
+      theme: i
     }, l = a[t];
     if (!l)
       return {
-        [t]: i
+        [t]: n
       };
     const {
       cssProperty: f = t,
       themeKey: d,
-      transform: y,
+      transform: h,
       style: p
     } = l;
-    if (i == null)
+    if (n == null)
       return null;
-    if (d === "typography" && i === "inherit")
+    if (d === "typography" && n === "inherit")
       return {
-        [t]: i
+        [t]: n
       };
-    const m = je(n, d) || {};
-    return p ? p(s) : fe(s, i, (b) => {
-      let c = De(m, y, b);
-      return b === c && typeof b == "string" && (c = De(m, y, `${t}${b === "default" ? "" : Lr(b)}`, b)), f === !1 ? c : {
-        [f]: c
+    const m = je(i, d) || {};
+    return p ? p(c) : de(c, n, (b) => {
+      let s = De(m, h, b);
+      return b === s && typeof b == "string" && (s = De(m, h, `${t}${b === "default" ? "" : Lr(b)}`, b)), f === !1 ? s : {
+        [f]: s
       };
     });
   }
   function r(t) {
     const {
-      sx: i,
-      theme: n = {},
+      sx: n,
+      theme: i = {},
       nested: a
     } = t || {};
-    if (!i)
+    if (!n)
       return null;
-    const s = n.unstable_sxConfig ?? qe;
+    const c = i.unstable_sxConfig ?? qe;
     function l(f) {
       let d = f;
       if (typeof f == "function")
-        d = f(n);
+        d = f(i);
       else if (typeof f != "object")
         return f;
       if (!d)
         return null;
-      const y = Ur(n.breakpoints), p = Object.keys(y);
-      let m = y;
-      return Object.keys(d).forEach((S) => {
-        const b = nn(d[S], n);
+      const h = Ur(i.breakpoints), p = Object.keys(h);
+      let m = h;
+      return Object.keys(d).forEach((v) => {
+        const b = nn(d[v], i);
         if (b != null)
           if (typeof b == "object")
-            if (s[S])
-              m = we(m, e(S, b, n, s));
+            if (c[v])
+              m = we(m, e(v, b, i, c));
             else {
-              const c = fe({
-                theme: n
+              const s = de({
+                theme: i
               }, b, (C) => ({
-                [S]: C
+                [v]: C
               }));
-              tn(c, b) ? m[S] = r({
+              tn(s, b) ? m[v] = r({
                 sx: b,
-                theme: n,
+                theme: i,
                 nested: !0
-              }) : m = we(m, c);
+              }) : m = we(m, s);
             }
           else
-            m = we(m, e(S, b, n, s));
-      }), !a && n.modularCssLayers ? {
-        "@layer sx": xr(n, nr(p, m))
-      } : xr(n, nr(p, m));
+            m = we(m, e(v, b, i, c));
+      }), !a && i.modularCssLayers ? {
+        "@layer sx": xr(i, nr(p, m))
+      } : xr(i, nr(p, m));
     }
-    return Array.isArray(i) ? i.map(l) : l(i);
+    return Array.isArray(n) ? n.map(l) : l(n);
   }
   return r;
 }
@@ -1628,9 +1586,9 @@ const an = (e) => {
     key: t,
     val: e[t]
   })) || [];
-  return r.sort((t, i) => t.val - i.val), r.reduce((t, i) => ({
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
     ...t,
-    [i.key]: i.val
+    [n.key]: n.val
   }), {});
 };
 function sn(e) {
@@ -1650,36 +1608,36 @@ function sn(e) {
       // large screen
     },
     unit: t = "px",
-    step: i = 5,
-    ...n
-  } = e, a = an(r), s = Object.keys(a);
+    step: n = 5,
+    ...i
+  } = e, a = an(r), c = Object.keys(a);
   function l(m) {
     return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t})`;
   }
   function f(m) {
-    return `@media (max-width:${(typeof r[m] == "number" ? r[m] : m) - i / 100}${t})`;
+    return `@media (max-width:${(typeof r[m] == "number" ? r[m] : m) - n / 100}${t})`;
   }
-  function d(m, S) {
-    const b = s.indexOf(S);
-    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t}) and (max-width:${(b !== -1 && typeof r[s[b]] == "number" ? r[s[b]] : S) - i / 100}${t})`;
+  function d(m, v) {
+    const b = c.indexOf(v);
+    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t}) and (max-width:${(b !== -1 && typeof r[c[b]] == "number" ? r[c[b]] : v) - n / 100}${t})`;
   }
-  function y(m) {
-    return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
+  function h(m) {
+    return c.indexOf(m) + 1 < c.length ? d(m, c[c.indexOf(m) + 1]) : l(m);
   }
   function p(m) {
-    const S = s.indexOf(m);
-    return S === 0 ? l(s[1]) : S === s.length - 1 ? f(s[S]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
+    const v = c.indexOf(m);
+    return v === 0 ? l(c[1]) : v === c.length - 1 ? f(c[v]) : d(m, c[c.indexOf(m) + 1]).replace("@media", "@media not all and");
   }
   return {
-    keys: s,
+    keys: c,
     values: a,
     up: l,
     down: f,
     between: d,
-    only: y,
+    only: h,
     not: p,
     unit: t,
-    ...n
+    ...i
   };
 }
 const cn = {
@@ -1690,17 +1648,16 @@ function qr(e = 8, r = sr({
 })) {
   if (e.mui)
     return e;
-  const t = (...i) => (process.env.NODE_ENV !== "production" && (i.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${i.length}`)), (i.length === 0 ? [1] : i).map((a) => {
-    const s = r(a);
-    return typeof s == "number" ? `${s}px` : s;
+  const t = (...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 c = r(a);
+    return typeof c == "number" ? `${c}px` : c;
   }).join(" "));
   return t.mui = !0, t;
 }
 function ln(e, r) {
-  var i;
   const t = this;
   if (t.vars) {
-    if (!((i = t.colorSchemes) != null && i[e]) || typeof t.getColorSchemeSelector != "function")
+    if (!t.colorSchemes?.[e] || typeof t.getColorSchemeSelector != "function")
       return {};
     let n = t.getColorSchemeSelector(e);
     return n === "&" ? r : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
@@ -1712,29 +1669,29 @@ function ln(e, r) {
 function un(e = {}, ...r) {
   const {
     breakpoints: t = {},
-    palette: i = {},
-    spacing: n,
+    palette: n = {},
+    spacing: i,
     shape: a = {},
-    ...s
-  } = e, l = sn(t), f = qr(n);
-  let d = ee({
+    ...c
+  } = e, l = sn(t), f = qr(i);
+  let d = te({
     breakpoints: l,
     direction: "ltr",
     components: {},
     // Inject component definitions.
     palette: {
       mode: "light",
-      ...i
+      ...n
     },
     spacing: f,
     shape: {
       ...cn,
       ...a
     }
-  }, s);
-  return d = yt(d), d.applyStyles = ln, d = r.reduce((y, p) => ee(y, p), d), d.unstable_sxConfig = {
+  }, c);
+  return d = ht(d), d.applyStyles = ln, d = r.reduce((h, p) => te(h, p), d), d.unstable_sxConfig = {
     ...qe,
-    ...s == null ? void 0 : s.unstable_sxConfig
+    ...c?.unstable_sxConfig
   }, d.unstable_sx = function(p) {
     return Ge({
       sx: p,
@@ -1743,100 +1700,99 @@ function un(e = {}, ...r) {
   }, d;
 }
 function fn(e = "") {
-  function r(...i) {
-    if (!i.length)
+  function r(...n) {
+    if (!n.length)
       return "";
-    const n = i[0];
-    return typeof n == "string" && !n.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${n}${r(...i.slice(1))})` : `, ${n}`;
+    const i = n[0];
+    return typeof i == "string" && !i.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${i}${r(...n.slice(1))})` : `, ${i}`;
   }
-  return (i, ...n) => `var(--${e ? `${e}-` : ""}${i}${r(...n)})`;
+  return (n, ...i) => `var(--${e ? `${e}-` : ""}${n}${r(...i)})`;
 }
-const _r = (e, r, t, i = []) => {
-  let n = e;
-  r.forEach((a, s) => {
-    s === r.length - 1 ? Array.isArray(n) ? n[Number(a)] = t : n && typeof n == "object" && (n[a] = t) : n && typeof n == "object" && (n[a] || (n[a] = i.includes(a) ? [] : {}), n = n[a]);
+const _r = (e, r, t, n = []) => {
+  let i = e;
+  r.forEach((a, c) => {
+    c === r.length - 1 ? Array.isArray(i) ? i[Number(a)] = t : i && typeof i == "object" && (i[a] = t) : i && typeof i == "object" && (i[a] || (i[a] = n.includes(a) ? [] : {}), i = i[a]);
   });
 }, dn = (e, r, t) => {
-  function i(n, a = [], s = []) {
-    Object.entries(n).forEach(([l, f]) => {
-      (!t || t && !t([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? i(f, [...a, l], Array.isArray(f) ? [...s, l] : s) : r([...a, l], f, s));
+  function n(i, a = [], c = []) {
+    Object.entries(i).forEach(([l, f]) => {
+      (!t || t && !t([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, l], Array.isArray(f) ? [...c, l] : c) : r([...a, l], f, c));
     });
   }
-  i(e);
-}, pn = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((i) => e.includes(i)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
+  n(e);
+}, pn = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
 function rr(e, r) {
   const {
     prefix: t,
-    shouldSkipGeneratingVar: i
-  } = r || {}, n = {}, a = {}, s = {};
+    shouldSkipGeneratingVar: n
+  } = r || {}, i = {}, a = {}, c = {};
   return dn(
     e,
     (l, f, d) => {
-      if ((typeof f == "string" || typeof f == "number") && (!i || !i(l, f))) {
-        const y = `--${t ? `${t}-` : ""}${l.join("-")}`, p = pn(l, f);
-        Object.assign(n, {
-          [y]: p
-        }), _r(a, l, `var(${y})`, d), _r(s, l, `var(${y}, ${p})`, d);
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
+        const h = `--${t ? `${t}-` : ""}${l.join("-")}`, p = pn(l, f);
+        Object.assign(i, {
+          [h]: p
+        }), _r(a, l, `var(${h})`, d), _r(c, l, `var(${h}, ${p})`, d);
       }
     },
     (l) => l[0] === "vars"
     // skip 'vars/*' paths
   ), {
-    css: n,
+    css: i,
     vars: a,
-    varsWithDefaults: s
+    varsWithDefaults: c
   };
 }
 function mn(e, r = {}) {
   const {
     getSelector: t = _,
-    disableCssColorScheme: i,
-    colorSchemeSelector: n,
+    disableCssColorScheme: n,
+    colorSchemeSelector: i,
     enableContrastVars: a
   } = r, {
-    colorSchemes: s = {},
+    colorSchemes: c = {},
     components: l,
     defaultColorScheme: f = "light",
     ...d
   } = e, {
-    vars: y,
+    vars: h,
     css: p,
     varsWithDefaults: m
   } = rr(d, r);
-  let S = m;
+  let v = m;
   const b = {}, {
-    [f]: c,
+    [f]: s,
     ...C
-  } = s;
-  if (Object.entries(C || {}).forEach(([$, h]) => {
+  } = c;
+  if (Object.entries(C || {}).forEach(([$, y]) => {
     const {
       vars: O,
-      css: re,
-      varsWithDefaults: ne
-    } = rr(h, r);
-    S = ee(S, ne), b[$] = {
-      css: re,
+      css: ae,
+      varsWithDefaults: ue
+    } = rr(y, r);
+    v = te(v, ue), b[$] = {
+      css: ae,
       vars: O
     };
-  }), c) {
+  }), s) {
     const {
       css: $,
-      vars: h,
+      vars: y,
       varsWithDefaults: O
-    } = rr(c, r);
-    S = ee(S, O), b[f] = {
+    } = rr(s, r);
+    v = te(v, O), b[f] = {
       css: $,
-      vars: h
+      vars: y
     };
   }
-  function _($, h) {
-    var re, ne;
-    let O = n;
-    if (n === "class" && (O = ".%s"), n === "data" && (O = "[data-%s]"), n != null && n.startsWith("data-") && !n.includes("%s") && (O = `[${n}="%s"]`), $) {
+  function _($, y) {
+    let O = i;
+    if (i === "class" && (O = ".%s"), i === "data" && (O = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (O = `[${i}="%s"]`), $) {
       if (O === "media")
         return e.defaultColorScheme === $ ? ":root" : {
-          [`@media (prefers-color-scheme: ${((ne = (re = s[$]) == null ? void 0 : re.palette) == null ? void 0 : ne.mode) || $})`]: {
-            ":root": h
+          [`@media (prefers-color-scheme: ${c[$]?.palette?.mode || $})`]: {
+            ":root": y
           }
         };
       if (O)
@@ -1845,60 +1801,58 @@ function mn(e, r = {}) {
     return ":root";
   }
   return {
-    vars: S,
+    vars: v,
     generateThemeVars: () => {
       let $ = {
-        ...y
+        ...h
       };
       return Object.entries(b).forEach(([, {
-        vars: h
+        vars: y
       }]) => {
-        $ = ee($, h);
+        $ = te($, y);
       }), $;
     },
     generateStyleSheets: () => {
-      var le, de;
-      const $ = [], h = e.defaultColorScheme || "light";
-      function O(K, o) {
-        Object.keys(o).length && $.push(typeof K == "string" ? {
-          [K]: {
-            ...o
+      const $ = [], y = e.defaultColorScheme || "light";
+      function O(J, Z) {
+        Object.keys(Z).length && $.push(typeof J == "string" ? {
+          [J]: {
+            ...Z
           }
-        } : K);
+        } : J);
       }
       O(t(void 0, {
         ...p
       }), p);
       const {
-        [h]: re,
-        ...ne
+        [y]: ae,
+        ...ue
       } = b;
-      if (re) {
+      if (ae) {
         const {
-          css: K
-        } = re, o = (de = (le = s[h]) == null ? void 0 : le.palette) == null ? void 0 : de.mode, x = !i && o ? {
-          colorScheme: o,
-          ...K
+          css: J
+        } = ae, Z = c[y]?.palette?.mode, X = !n && Z ? {
+          colorScheme: Z,
+          ...J
         } : {
-          ...K
+          ...J
         };
-        O(t(h, {
-          ...x
-        }), x);
+        O(t(y, {
+          ...X
+        }), X);
       }
-      return Object.entries(ne).forEach(([K, {
-        css: o
+      return Object.entries(ue).forEach(([J, {
+        css: Z
       }]) => {
-        var I, B;
-        const x = (B = (I = s[K]) == null ? void 0 : I.palette) == null ? void 0 : B.mode, v = !i && x ? {
-          colorScheme: x,
-          ...o
+        const X = c[J]?.palette?.mode, o = !n && X ? {
+          colorScheme: X,
+          ...Z
         } : {
-          ...o
+          ...Z
         };
-        O(t(K, {
-          ...v
-        }), v);
+        O(t(J, {
+          ...o
+        }), o);
       }), a && $.push({
         ":root": {
           // use double underscore to indicate that these are private variables
@@ -1919,7 +1873,7 @@ function gn(e) {
 const _e = {
   black: "#000",
   white: "#fff"
-}, yn = {
+}, hn = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -1934,14 +1888,14 @@ const _e = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, ye = {
+}, he = {
   50: "#f3e5f5",
   200: "#ce93d8",
   300: "#ba68c8",
   400: "#ab47bc",
   500: "#9c27b0",
   700: "#7b1fa2"
-}, he = {
+}, ye = {
   300: "#e57373",
   400: "#ef5350",
   500: "#f44336",
@@ -2043,15 +1997,15 @@ function Hr() {
   };
 }
 const or = Hr();
-function Ar(e, r, t, i) {
-  const n = i.light || i, a = i.dark || i * 1.5;
-  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Mr(e.main, n) : r === "dark" && (e.dark = jr(e.main, a)));
+function Ar(e, r, t, n) {
+  const i = n.light || n, a = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Mr(e.main, i) : r === "dark" && (e.dark = jr(e.main, a)));
 }
-function Rr(e, r, t, i, n) {
-  const a = n.light || n, s = n.dark || n * 1.5;
-  r[t] || (r.hasOwnProperty(i) ? r[t] = r[i] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(a * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(s * 100).toFixed(0)}%)`));
+function Rr(e, r, t, n, i) {
+  const a = i.light || i, c = i.dark || i * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(a * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(c * 100).toFixed(0)}%)`));
 }
-function hn(e = "light") {
+function yn(e = "light") {
   return e === "dark" ? {
     main: be[200],
     light: be[50],
@@ -2064,24 +2018,24 @@ function hn(e = "light") {
 }
 function bn(e = "light") {
   return e === "dark" ? {
-    main: ye[200],
-    light: ye[50],
-    dark: ye[400]
+    main: he[200],
+    light: he[50],
+    dark: he[400]
   } : {
-    main: ye[500],
-    light: ye[300],
-    dark: ye[700]
+    main: he[500],
+    light: he[300],
+    dark: he[700]
   };
 }
 function vn(e = "light") {
   return e === "dark" ? {
-    main: he[500],
-    light: he[300],
-    dark: he[700]
+    main: ye[500],
+    light: ye[300],
+    dark: ye[700]
   } : {
-    main: he[700],
-    light: he[400],
-    dark: he[800]
+    main: ye[700],
+    light: ye[400],
+    dark: ye[800]
   };
 }
 function Sn(e = "light") {
@@ -2125,33 +2079,33 @@ function lr(e) {
   const {
     mode: r = "light",
     contrastThreshold: t = 3,
-    tonalOffset: i = 0.2,
-    colorSpace: n,
+    tonalOffset: n = 0.2,
+    colorSpace: i,
     ...a
-  } = e, s = e.primary || hn(r), l = e.secondary || bn(r), f = e.error || vn(r), d = e.info || Sn(r), y = e.success || Cn(r), p = e.warning || Tn(r);
+  } = e, c = e.primary || yn(r), l = e.secondary || bn(r), f = e.error || vn(r), d = e.info || Sn(r), h = e.success || Cn(r), p = e.warning || Tn(r);
   function m(C) {
-    if (n)
+    if (i)
       return En(C);
     const _ = fr(C, or.text.primary) >= t ? or.text.primary : Kr.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const j = fr(C, _);
-      j < 3 && console.error([`MUI: The contrast ratio of ${j}: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(`
+      const D = fr(C, _);
+      D < 3 && console.error([`MUI: The contrast ratio of ${D}: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 _;
   }
-  const S = ({
+  const v = ({
     color: C,
     name: _,
-    mainShade: j = 500,
-    lightShade: L = 300,
+    mainShade: D = 500,
+    lightShade: M = 300,
     darkShade: $ = 700
   }) => {
     if (C = {
       ...C
-    }, !C.main && C[j] && (C.main = C[j]), !C.hasOwnProperty("main"))
+    }, !C.main && C[D] && (C.main = C[D]), !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 \`${j}\` property.` : Te(11, _ ? ` (${_})` : "", j));
+The color object needs to have a \`main\` property or a \`${D}\` property.` : Te(11, _ ? ` (${_})` : "", D));
     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.
@@ -2167,10 +2121,10 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : Te(12, _ ? ` (${_})` : "", JSON.stringify(C.main)));
-    return n ? (Rr(n, C, "light", L, i), Rr(n, C, "dark", $, i)) : (Ar(C, "light", L, i), Ar(C, "dark", $, i)), C.contrastText || (C.contrastText = m(C.main)), C;
+    return i ? (Rr(i, C, "light", M, n), Rr(i, C, "dark", $, n)) : (Ar(C, "light", M, n), Ar(C, "dark", $, n)), C.contrastText || (C.contrastText = m(C.main)), C;
   };
   let b;
-  return r === "light" ? b = Gr() : r === "dark" && (b = Hr()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), ee({
+  return r === "light" ? b = Gr() : r === "dark" && (b = Hr()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), te({
     // A collection of common colors.
     common: {
       ..._e
@@ -2179,12 +2133,12 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: r,
     // The colors used to represent primary interface elements for a user.
-    primary: S({
-      color: s,
+    primary: v({
+      color: c,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: S({
+    secondary: v({
       color: l,
       name: "secondary",
       mainShade: "A400",
@@ -2192,47 +2146,47 @@ const theme2 = createTheme({ palette: {
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: S({
+    error: v({
       color: f,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: S({
+    warning: v({
       color: p,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: S({
+    info: v({
       color: d,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: S({
-      color: y,
+    success: v({
+      color: h,
       name: "success"
     }),
     // The grey colors.
-    grey: yn,
+    grey: hn,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: t,
     // Takes a background color and returns the text color that maximizes the contrast.
     getContrastText: m,
     // Generate a rich color object.
-    augmentColor: S,
+    augmentColor: v,
     // 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: i,
+    tonalOffset: n,
     // The light and dark mode object.
     ...b
   }, a);
 }
 function $n(e) {
   const r = {};
-  return Object.entries(e).forEach((i) => {
-    const [n, a] = i;
-    typeof a == "object" && (r[n] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  return Object.entries(e).forEach((n) => {
+    const [i, a] = n;
+    typeof a == "object" && (r[i] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
   }), r;
 }
 function xn(e, r) {
@@ -2261,46 +2215,46 @@ function wn(e, r) {
   const {
     fontFamily: t = kr,
     // The default font size of the Material Specification.
-    fontSize: i = 14,
+    fontSize: n = 14,
     // px
-    fontWeightLight: n = 300,
+    fontWeightLight: i = 300,
     fontWeightRegular: a = 400,
-    fontWeightMedium: s = 500,
+    fontWeightMedium: c = 500,
     fontWeightBold: l = 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: y,
+    pxToRem: h,
     ...p
   } = typeof r == "function" ? r(e) : r;
-  process.env.NODE_ENV !== "production" && (typeof i != "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 m = i / 14, S = y || ((C) => `${C / f * m}rem`), b = (C, _, j, L, $) => ({
+  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 m = n / 14, v = h || ((C) => `${C / f * m}rem`), b = (C, _, D, M, $) => ({
     fontFamily: t,
     fontWeight: C,
-    fontSize: S(_),
+    fontSize: v(_),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: j,
+    lineHeight: D,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...t === kr ? {
-      letterSpacing: `${On(L / _)}em`
+      letterSpacing: `${On(M / _)}em`
     } : {},
     ...$,
     ...d
-  }), c = {
-    h1: b(n, 96, 1.167, -1.5),
-    h2: b(n, 60, 1.2, -0.5),
+  }), s = {
+    h1: b(i, 96, 1.167, -1.5),
+    h2: b(i, 60, 1.2, -0.5),
     h3: b(a, 48, 1.167, 0),
     h4: b(a, 34, 1.235, 0.25),
     h5: b(a, 24, 1.334, 0),
-    h6: b(s, 20, 1.6, 0.15),
+    h6: b(c, 20, 1.6, 0.15),
     subtitle1: b(a, 16, 1.75, 0.15),
-    subtitle2: b(s, 14, 1.57, 0.1),
+    subtitle2: b(c, 14, 1.57, 0.1),
     body1: b(a, 16, 1.5, 0.15),
     body2: b(a, 14, 1.43, 0.15),
-    button: b(s, 14, 1.75, 0.4, Pr),
+    button: b(c, 14, 1.75, 0.4, Pr),
     caption: b(a, 12, 1.66, 0.4),
     overline: b(a, 12, 2.66, 1, Pr),
     // 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.
@@ -2312,16 +2266,16 @@ function wn(e, r) {
       letterSpacing: "inherit"
     }
   };
-  return ee({
+  return te({
     htmlFontSize: f,
-    pxToRem: S,
+    pxToRem: v,
     fontFamily: t,
-    fontSize: i,
-    fontWeightLight: n,
+    fontSize: n,
+    fontWeightLight: i,
     fontWeightRegular: a,
-    fontWeightMedium: s,
+    fontWeightMedium: c,
     fontWeightBold: l,
-    ...c
+    ...s
   }, p, {
     clone: !1
     // No need to clone deep
@@ -2373,19 +2327,19 @@ function Nn(e) {
   };
   return {
     getAutoHeightDuration: Bn,
-    create: (n = ["all"], a = {}) => {
+    create: (i = ["all"], a = {}) => {
       const {
-        duration: s = t.standard,
+        duration: c = t.standard,
         easing: l = r.easeInOut,
         delay: f = 0,
         ...d
       } = a;
       if (process.env.NODE_ENV !== "production") {
-        const y = (m) => typeof m == "string", p = (m) => !Number.isNaN(parseFloat(m));
-        !y(n) && !Array.isArray(n) && console.error('MUI: Argument "props" must be a string or Array.'), !p(s) && !y(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), y(l) || console.error('MUI: Argument "easing" must be a string.'), !p(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(`
+        const h = (m) => typeof m == "string", p = (m) => !Number.isNaN(parseFloat(m));
+        !h(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !p(c) && !h(c) && console.error(`MUI: Argument "duration" must be a number or a string but found ${c}.`), h(l) || console.error('MUI: Argument "easing" must be a string.'), !p(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(`
 `)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
       }
-      return (Array.isArray(n) ? n : [n]).map((y) => `${y} ${typeof s == "string" ? s : Ir(s)} ${l} ${typeof f == "string" ? f : Ir(f)}`).join(",");
+      return (Array.isArray(i) ? i : [i]).map((h) => `${h} ${typeof c == "string" ? c : Ir(c)} ${l} ${typeof f == "string" ? f : Ir(f)}`).join(",");
     },
     ...e,
     easing: r,
@@ -2409,13 +2363,13 @@ function Qr(e = {}) {
   const r = {
     ...e
   };
-  function t(i) {
-    const n = Object.entries(i);
-    for (let a = 0; a < n.length; a++) {
-      const [s, l] = n[a];
-      !Mn(l) || s.startsWith("unstable_") ? delete i[s] : pe(l) && (i[s] = {
+  function t(n) {
+    const i = Object.entries(n);
+    for (let a = 0; a < i.length; a++) {
+      const [c, l] = i[a];
+      !Mn(l) || c.startsWith("unstable_") ? delete n[c] : pe(l) && (n[c] = {
         ...l
-      }, t(i[s]));
+      }, t(n[c]));
     }
   }
   return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -2437,37 +2391,37 @@ const jn = (e) => {
   if (!r)
     return 0;
   let t = 0;
-  for (let i = 0; i < r.length; i += 1)
-    t += +r[i];
+  for (let n = 0; n < r.length; n += 1)
+    t += +r[n];
   return t;
 };
 function Ln(e) {
   Object.assign(e, {
     alpha(r, t) {
-      const i = this || e;
-      return i.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : i.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : et(r, jn(t));
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : et(r, jn(t));
     },
     lighten(r, t) {
-      const i = this || e;
-      return i.colorSpace ? `color-mix(in ${i.colorSpace}, ${r}, #fff ${Br(t)})` : Mr(r, t);
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${Br(t)})` : Mr(r, t);
     },
     darken(r, t) {
-      const i = this || e;
-      return i.colorSpace ? `color-mix(in ${i.colorSpace}, ${r}, #000 ${Br(t)})` : jr(r, t);
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${Br(t)})` : jr(r, t);
     }
   });
 }
 function ir(e = {}, ...r) {
   const {
     breakpoints: t,
-    mixins: i = {},
-    spacing: n,
+    mixins: n = {},
+    spacing: i,
     palette: a = {},
-    transitions: s = {},
+    transitions: c = {},
     typography: l = {},
     shape: f,
     colorSpace: d,
-    ...y
+    ...h
   } = 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.
@@ -2477,50 +2431,50 @@ function ir(e = {}, ...r) {
     ...a,
     colorSpace: d
   }), m = un(e);
-  let S = ee(m, {
-    mixins: xn(m.breakpoints, i),
+  let v = te(m, {
+    mixins: xn(m.breakpoints, n),
     palette: p,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: Pn.slice(),
     typography: wn(p, l),
-    transitions: Nn(s),
+    transitions: Nn(c),
     zIndex: {
       ...Dn
     }
   });
-  if (S = ee(S, y), S = r.reduce((b, c) => ee(b, c), S), process.env.NODE_ENV !== "production") {
-    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (C, _) => {
-      let j;
-      for (j in C) {
-        const L = C[j];
-        if (b.includes(j) && Object.keys(L).length > 0) {
+  if (v = te(v, h), v = r.reduce((b, s) => te(b, s), v), process.env.NODE_ENV !== "production") {
+    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (C, _) => {
+      let D;
+      for (D in C) {
+        const M = C[D];
+        if (b.includes(D) && Object.keys(M).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const $ = Zr("", j);
-            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${j}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
+            const $ = Zr("", D);
+            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${D}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
               root: {
-                [`&.${$}`]: L
+                [`&.${$}`]: M
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          C[j] = {};
+          C[D] = {};
         }
       }
     };
-    Object.keys(S.components).forEach((C) => {
-      const _ = S.components[C].styleOverrides;
-      _ && C.startsWith("Mui") && c(_, C);
+    Object.keys(v.components).forEach((C) => {
+      const _ = v.components[C].styleOverrides;
+      _ && C.startsWith("Mui") && s(_, C);
     });
   }
-  return S.unstable_sxConfig = {
+  return v.unstable_sxConfig = {
     ...qe,
-    ...y == null ? void 0 : y.unstable_sxConfig
-  }, S.unstable_sx = function(c) {
+    ...h?.unstable_sxConfig
+  }, v.unstable_sx = function(s) {
     return Ge({
-      sx: c,
+      sx: s,
       theme: this
     });
-  }, S.toRuntimeSource = Qr, Ln(S), S;
+  }, v.toRuntimeSource = Qr, Ln(v), v;
 }
 function Fn(e) {
   let r;
@@ -2550,64 +2504,63 @@ function Yn(e) {
     },
     // need to cast to avoid module augmentation test
     opacity: t,
-    overlays: i,
-    colorSpace: n,
+    overlays: n,
+    colorSpace: i,
     ...a
-  } = e, s = lr({
+  } = e, c = lr({
     ...r,
-    colorSpace: n
+    colorSpace: i
   });
   return {
-    palette: s,
+    palette: c,
     opacity: {
-      ...Xr(s.mode),
+      ...Xr(c.mode),
       ...t
     },
-    overlays: i || Jr(s.mode),
+    overlays: n || Jr(c.mode),
     ...a
   };
 }
 function Vn(e) {
-  var r;
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
-  e[0] === "palette" && !!((r = e[1]) != null && r.match(/(mode|contrastThreshold|tonalOffset)/));
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
 const Un = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], zn = (e) => (r, t) => {
-  const i = e.rootSelector || ":root", n = e.colorSchemeSelector;
-  let a = n;
-  if (n === "class" && (a = ".%s"), n === "data" && (a = "[data-%s]"), n != null && n.startsWith("data-") && !n.includes("%s") && (a = `[${n}="%s"]`), e.defaultColorScheme === r) {
+  const n = e.rootSelector || ":root", i = e.colorSchemeSelector;
+  let a = i;
+  if (i === "class" && (a = ".%s"), i === "data" && (a = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (a = `[${i}="%s"]`), e.defaultColorScheme === r) {
     if (r === "dark") {
-      const s = {};
+      const c = {};
       return Un(e.cssVarPrefix).forEach((l) => {
-        s[l] = t[l], delete t[l];
+        c[l] = t[l], delete t[l];
       }), a === "media" ? {
-        [i]: t,
+        [n]: t,
         "@media (prefers-color-scheme: dark)": {
-          [i]: s
+          [n]: c
         }
       } : a ? {
-        [a.replace("%s", r)]: s,
-        [`${i}, ${a.replace("%s", r)}`]: t
+        [a.replace("%s", r)]: c,
+        [`${n}, ${a.replace("%s", r)}`]: t
       } : {
-        [i]: {
+        [n]: {
           ...t,
-          ...s
+          ...c
         }
       };
     }
     if (a && a !== "media")
-      return `${i}, ${a.replace("%s", String(r))}`;
+      return `${n}, ${a.replace("%s", String(r))}`;
   } else if (r) {
     if (a === "media")
       return {
         [`@media (prefers-color-scheme: ${String(r)})`]: {
-          [i]: t
+          [n]: t
         }
       };
     if (a)
       return a.replace("%s", String(r));
   }
-  return i;
+  return n;
 };
 function qn(e, r) {
   r.forEach((t) => {
@@ -2620,54 +2573,54 @@ function u(e, r, t) {
 function Oe(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : rt(e);
 }
-function ue(e, r) {
+function fe(e, r) {
   `${r}Channel` in e || (e[`${r}Channel`] = xe(Oe(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function Gn(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const ce = (e) => {
+const le = (e) => {
   try {
     return e();
   } catch {
   }
 }, Kn = (e = "mui") => fn(e);
-function tr(e, r, t, i, n) {
+function tr(e, r, t, n, i) {
   if (!t)
     return;
   t = t === !0 ? {} : t;
-  const a = n === "dark" ? "dark" : "light";
-  if (!i) {
-    r[n] = Yn({
+  const a = i === "dark" ? "dark" : "light";
+  if (!n) {
+    r[i] = Yn({
       ...t,
       palette: {
         mode: a,
-        ...t == null ? void 0 : t.palette
+        ...t?.palette
       },
       colorSpace: e
     });
     return;
   }
   const {
-    palette: s,
+    palette: c,
     ...l
   } = ir({
-    ...i,
+    ...n,
     palette: {
       mode: a,
-      ...t == null ? void 0 : t.palette
+      ...t?.palette
     },
     colorSpace: e
   });
-  return r[n] = {
+  return r[i] = {
     ...t,
-    palette: s,
+    palette: c,
     opacity: {
       ...Xr(a),
-      ...t == null ? void 0 : t.opacity
+      ...t?.opacity
     },
-    overlays: (t == null ? void 0 : t.overlays) || Jr(a)
+    overlays: t?.overlays || Jr(a)
   }, l;
 }
 function Hn(e = {}, ...r) {
@@ -2675,89 +2628,89 @@ function Hn(e = {}, ...r) {
     colorSchemes: t = {
       light: !0
     },
-    defaultColorScheme: i,
-    disableCssColorScheme: n = !1,
+    defaultColorScheme: n,
+    disableCssColorScheme: i = !1,
     cssVarPrefix: a = "mui",
-    nativeColor: s = !1,
+    nativeColor: c = !1,
     shouldSkipGeneratingVar: l = Vn,
     colorSchemeSelector: f = t.light && t.dark ? "media" : void 0,
     rootSelector: d = ":root",
-    ...y
-  } = e, p = Object.keys(t)[0], m = i || (t.light && p !== "light" ? "light" : p), S = Kn(a), {
+    ...h
+  } = e, p = Object.keys(t)[0], m = n || (t.light && p !== "light" ? "light" : p), v = Kn(a), {
     [m]: b,
-    light: c,
+    light: s,
     dark: C,
     ..._
-  } = t, j = {
+  } = t, D = {
     ..._
   };
-  let L = b;
-  if ((m === "dark" && !("dark" in t) || m === "light" && !("light" in t)) && (L = !0), !L)
+  let M = b;
+  if ((m === "dark" && !("dark" in t) || m === "light" && !("light" in t)) && (M = !0), !M)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : Te(21, m));
   let $;
-  s && ($ = "oklch");
-  const h = tr($, j, L, y, m);
-  c && !j.light && tr($, j, c, void 0, "light"), C && !j.dark && tr($, j, C, void 0, "dark");
+  c && ($ = "oklch");
+  const y = tr($, D, M, h, m);
+  s && !D.light && tr($, D, s, void 0, "light"), C && !D.dark && tr($, D, C, void 0, "dark");
   let O = {
     defaultColorScheme: m,
-    ...h,
+    ...y,
     cssVarPrefix: a,
     colorSchemeSelector: f,
     rootSelector: d,
-    getCssVar: S,
-    colorSchemes: j,
+    getCssVar: v,
+    colorSchemes: D,
     font: {
-      ...$n(h.typography),
-      ...h.font
+      ...$n(y.typography),
+      ...y.font
     },
-    spacing: Gn(y.spacing)
+    spacing: Gn(h.spacing)
   };
-  Object.keys(O.colorSchemes).forEach((K) => {
-    const o = O.colorSchemes[K].palette, x = (I) => {
-      const B = I.split("-"), J = B[1], ae = B[2];
-      return S(I, o[J][ae]);
+  Object.keys(O.colorSchemes).forEach((X) => {
+    const o = O.colorSchemes[X].palette, x = (j) => {
+      const W = j.split("-"), ee = W[1], se = W[2];
+      return v(j, o[ee][se]);
     };
     o.mode === "light" && (u(o.common, "background", "#fff"), u(o.common, "onBackground", "#000")), o.mode === "dark" && (u(o.common, "background", "#000"), u(o.common, "onBackground", "#fff"));
-    function v(I, B, J) {
+    function S(j, W, ee) {
       if ($) {
-        let ae;
-        return I === ge && (ae = `transparent ${((1 - J) * 100).toFixed(0)}%`), I === V && (ae = `#000 ${(J * 100).toFixed(0)}%`), I === U && (ae = `#fff ${(J * 100).toFixed(0)}%`), `color-mix(in ${$}, ${B}, ${ae})`;
+        let se;
+        return j === ge && (se = `transparent ${((1 - ee) * 100).toFixed(0)}%`), j === V && (se = `#000 ${(ee * 100).toFixed(0)}%`), j === U && (se = `#fff ${(ee * 100).toFixed(0)}%`), `color-mix(in ${$}, ${W}, ${se})`;
       }
-      return I(B, J);
+      return j(W, ee);
     }
     if (qn(o, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), o.mode === "light") {
-      u(o.Alert, "errorColor", v(V, o.error.light, 0.6)), u(o.Alert, "infoColor", v(V, o.info.light, 0.6)), u(o.Alert, "successColor", v(V, o.success.light, 0.6)), u(o.Alert, "warningColor", v(V, o.warning.light, 0.6)), u(o.Alert, "errorFilledBg", x("palette-error-main")), u(o.Alert, "infoFilledBg", x("palette-info-main")), u(o.Alert, "successFilledBg", x("palette-success-main")), u(o.Alert, "warningFilledBg", x("palette-warning-main")), u(o.Alert, "errorFilledColor", ce(() => o.getContrastText(o.error.main))), u(o.Alert, "infoFilledColor", ce(() => o.getContrastText(o.info.main))), u(o.Alert, "successFilledColor", ce(() => o.getContrastText(o.success.main))), u(o.Alert, "warningFilledColor", ce(() => o.getContrastText(o.warning.main))), u(o.Alert, "errorStandardBg", v(U, o.error.light, 0.9)), u(o.Alert, "infoStandardBg", v(U, o.info.light, 0.9)), u(o.Alert, "successStandardBg", v(U, o.success.light, 0.9)), u(o.Alert, "warningStandardBg", v(U, o.warning.light, 0.9)), u(o.Alert, "errorIconColor", x("palette-error-main")), u(o.Alert, "infoIconColor", x("palette-info-main")), u(o.Alert, "successIconColor", x("palette-success-main")), u(o.Alert, "warningIconColor", x("palette-warning-main")), u(o.AppBar, "defaultBg", x("palette-grey-100")), u(o.Avatar, "defaultBg", x("palette-grey-400")), u(o.Button, "inheritContainedBg", x("palette-grey-300")), u(o.Button, "inheritContainedHoverBg", x("palette-grey-A100")), u(o.Chip, "defaultBorder", x("palette-grey-400")), u(o.Chip, "defaultAvatarColor", x("palette-grey-700")), u(o.Chip, "defaultIconColor", x("palette-grey-700")), u(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(o.LinearProgress, "primaryBg", v(U, o.primary.main, 0.62)), u(o.LinearProgress, "secondaryBg", v(U, o.secondary.main, 0.62)), u(o.LinearProgress, "errorBg", v(U, o.error.main, 0.62)), u(o.LinearProgress, "infoBg", v(U, o.info.main, 0.62)), u(o.LinearProgress, "successBg", v(U, o.success.main, 0.62)), u(o.LinearProgress, "warningBg", v(U, o.warning.main, 0.62)), u(o.Skeleton, "bg", $ ? v(ge, o.text.primary, 0.11) : `rgba(${x("palette-text-primaryChannel")} / 0.11)`), u(o.Slider, "primaryTrack", v(U, o.primary.main, 0.62)), u(o.Slider, "secondaryTrack", v(U, o.secondary.main, 0.62)), u(o.Slider, "errorTrack", v(U, o.error.main, 0.62)), u(o.Slider, "infoTrack", v(U, o.info.main, 0.62)), u(o.Slider, "successTrack", v(U, o.success.main, 0.62)), u(o.Slider, "warningTrack", v(U, o.warning.main, 0.62));
-      const I = $ ? v(V, o.background.default, 0.6825) : ke(o.background.default, 0.8);
-      u(o.SnackbarContent, "bg", I), u(o.SnackbarContent, "color", ce(() => $ ? or.text.primary : o.getContrastText(I))), u(o.SpeedDialAction, "fabHoverBg", ke(o.background.paper, 0.15)), u(o.StepConnector, "border", x("palette-grey-400")), u(o.StepContent, "border", x("palette-grey-400")), u(o.Switch, "defaultColor", x("palette-common-white")), u(o.Switch, "defaultDisabledColor", x("palette-grey-100")), u(o.Switch, "primaryDisabledColor", v(U, o.primary.main, 0.62)), u(o.Switch, "secondaryDisabledColor", v(U, o.secondary.main, 0.62)), u(o.Switch, "errorDisabledColor", v(U, o.error.main, 0.62)), u(o.Switch, "infoDisabledColor", v(U, o.info.main, 0.62)), u(o.Switch, "successDisabledColor", v(U, o.success.main, 0.62)), u(o.Switch, "warningDisabledColor", v(U, o.warning.main, 0.62)), u(o.TableCell, "border", v(U, v(ge, o.divider, 1), 0.88)), u(o.Tooltip, "bg", v(ge, o.grey[700], 0.92));
+      u(o.Alert, "errorColor", S(V, o.error.light, 0.6)), u(o.Alert, "infoColor", S(V, o.info.light, 0.6)), u(o.Alert, "successColor", S(V, o.success.light, 0.6)), u(o.Alert, "warningColor", S(V, o.warning.light, 0.6)), u(o.Alert, "errorFilledBg", x("palette-error-main")), u(o.Alert, "infoFilledBg", x("palette-info-main")), u(o.Alert, "successFilledBg", x("palette-success-main")), u(o.Alert, "warningFilledBg", x("palette-warning-main")), u(o.Alert, "errorFilledColor", le(() => o.getContrastText(o.error.main))), u(o.Alert, "infoFilledColor", le(() => o.getContrastText(o.info.main))), u(o.Alert, "successFilledColor", le(() => o.getContrastText(o.success.main))), u(o.Alert, "warningFilledColor", le(() => o.getContrastText(o.warning.main))), u(o.Alert, "errorStandardBg", S(U, o.error.light, 0.9)), u(o.Alert, "infoStandardBg", S(U, o.info.light, 0.9)), u(o.Alert, "successStandardBg", S(U, o.success.light, 0.9)), u(o.Alert, "warningStandardBg", S(U, o.warning.light, 0.9)), u(o.Alert, "errorIconColor", x("palette-error-main")), u(o.Alert, "infoIconColor", x("palette-info-main")), u(o.Alert, "successIconColor", x("palette-success-main")), u(o.Alert, "warningIconColor", x("palette-warning-main")), u(o.AppBar, "defaultBg", x("palette-grey-100")), u(o.Avatar, "defaultBg", x("palette-grey-400")), u(o.Button, "inheritContainedBg", x("palette-grey-300")), u(o.Button, "inheritContainedHoverBg", x("palette-grey-A100")), u(o.Chip, "defaultBorder", x("palette-grey-400")), u(o.Chip, "defaultAvatarColor", x("palette-grey-700")), u(o.Chip, "defaultIconColor", x("palette-grey-700")), u(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(o.LinearProgress, "primaryBg", S(U, o.primary.main, 0.62)), u(o.LinearProgress, "secondaryBg", S(U, o.secondary.main, 0.62)), u(o.LinearProgress, "errorBg", S(U, o.error.main, 0.62)), u(o.LinearProgress, "infoBg", S(U, o.info.main, 0.62)), u(o.LinearProgress, "successBg", S(U, o.success.main, 0.62)), u(o.LinearProgress, "warningBg", S(U, o.warning.main, 0.62)), u(o.Skeleton, "bg", $ ? S(ge, o.text.primary, 0.11) : `rgba(${x("palette-text-primaryChannel")} / 0.11)`), u(o.Slider, "primaryTrack", S(U, o.primary.main, 0.62)), u(o.Slider, "secondaryTrack", S(U, o.secondary.main, 0.62)), u(o.Slider, "errorTrack", S(U, o.error.main, 0.62)), u(o.Slider, "infoTrack", S(U, o.info.main, 0.62)), u(o.Slider, "successTrack", S(U, o.success.main, 0.62)), u(o.Slider, "warningTrack", S(U, o.warning.main, 0.62));
+      const j = $ ? S(V, o.background.default, 0.6825) : ke(o.background.default, 0.8);
+      u(o.SnackbarContent, "bg", j), u(o.SnackbarContent, "color", le(() => $ ? or.text.primary : o.getContrastText(j))), u(o.SpeedDialAction, "fabHoverBg", ke(o.background.paper, 0.15)), u(o.StepConnector, "border", x("palette-grey-400")), u(o.StepContent, "border", x("palette-grey-400")), u(o.Switch, "defaultColor", x("palette-common-white")), u(o.Switch, "defaultDisabledColor", x("palette-grey-100")), u(o.Switch, "primaryDisabledColor", S(U, o.primary.main, 0.62)), u(o.Switch, "secondaryDisabledColor", S(U, o.secondary.main, 0.62)), u(o.Switch, "errorDisabledColor", S(U, o.error.main, 0.62)), u(o.Switch, "infoDisabledColor", S(U, o.info.main, 0.62)), u(o.Switch, "successDisabledColor", S(U, o.success.main, 0.62)), u(o.Switch, "warningDisabledColor", S(U, o.warning.main, 0.62)), u(o.TableCell, "border", S(U, S(ge, o.divider, 1), 0.88)), u(o.Tooltip, "bg", S(ge, o.grey[700], 0.92));
     }
     if (o.mode === "dark") {
-      u(o.Alert, "errorColor", v(U, o.error.light, 0.6)), u(o.Alert, "infoColor", v(U, o.info.light, 0.6)), u(o.Alert, "successColor", v(U, o.success.light, 0.6)), u(o.Alert, "warningColor", v(U, o.warning.light, 0.6)), u(o.Alert, "errorFilledBg", x("palette-error-dark")), u(o.Alert, "infoFilledBg", x("palette-info-dark")), u(o.Alert, "successFilledBg", x("palette-success-dark")), u(o.Alert, "warningFilledBg", x("palette-warning-dark")), u(o.Alert, "errorFilledColor", ce(() => o.getContrastText(o.error.dark))), u(o.Alert, "infoFilledColor", ce(() => o.getContrastText(o.info.dark))), u(o.Alert, "successFilledColor", ce(() => o.getContrastText(o.success.dark))), u(o.Alert, "warningFilledColor", ce(() => o.getContrastText(o.warning.dark))), u(o.Alert, "errorStandardBg", v(V, o.error.light, 0.9)), u(o.Alert, "infoStandardBg", v(V, o.info.light, 0.9)), u(o.Alert, "successStandardBg", v(V, o.success.light, 0.9)), u(o.Alert, "warningStandardBg", v(V, o.warning.light, 0.9)), u(o.Alert, "errorIconColor", x("palette-error-main")), u(o.Alert, "infoIconColor", x("palette-info-main")), u(o.Alert, "successIconColor", x("palette-success-main")), u(o.Alert, "warningIconColor", x("palette-warning-main")), u(o.AppBar, "defaultBg", x("palette-grey-900")), u(o.AppBar, "darkBg", x("palette-background-paper")), u(o.AppBar, "darkColor", x("palette-text-primary")), u(o.Avatar, "defaultBg", x("palette-grey-600")), u(o.Button, "inheritContainedBg", x("palette-grey-800")), u(o.Button, "inheritContainedHoverBg", x("palette-grey-700")), u(o.Chip, "defaultBorder", x("palette-grey-700")), u(o.Chip, "defaultAvatarColor", x("palette-grey-300")), u(o.Chip, "defaultIconColor", x("palette-grey-300")), u(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(o.LinearProgress, "primaryBg", v(V, o.primary.main, 0.5)), u(o.LinearProgress, "secondaryBg", v(V, o.secondary.main, 0.5)), u(o.LinearProgress, "errorBg", v(V, o.error.main, 0.5)), u(o.LinearProgress, "infoBg", v(V, o.info.main, 0.5)), u(o.LinearProgress, "successBg", v(V, o.success.main, 0.5)), u(o.LinearProgress, "warningBg", v(V, o.warning.main, 0.5)), u(o.Skeleton, "bg", $ ? v(ge, o.text.primary, 0.13) : `rgba(${x("palette-text-primaryChannel")} / 0.13)`), u(o.Slider, "primaryTrack", v(V, o.primary.main, 0.5)), u(o.Slider, "secondaryTrack", v(V, o.secondary.main, 0.5)), u(o.Slider, "errorTrack", v(V, o.error.main, 0.5)), u(o.Slider, "infoTrack", v(V, o.info.main, 0.5)), u(o.Slider, "successTrack", v(V, o.success.main, 0.5)), u(o.Slider, "warningTrack", v(V, o.warning.main, 0.5));
-      const I = $ ? v(U, o.background.default, 0.985) : ke(o.background.default, 0.98);
-      u(o.SnackbarContent, "bg", I), u(o.SnackbarContent, "color", ce(() => $ ? Kr.text.primary : o.getContrastText(I))), u(o.SpeedDialAction, "fabHoverBg", ke(o.background.paper, 0.15)), u(o.StepConnector, "border", x("palette-grey-600")), u(o.StepContent, "border", x("palette-grey-600")), u(o.Switch, "defaultColor", x("palette-grey-300")), u(o.Switch, "defaultDisabledColor", x("palette-grey-600")), u(o.Switch, "primaryDisabledColor", v(V, o.primary.main, 0.55)), u(o.Switch, "secondaryDisabledColor", v(V, o.secondary.main, 0.55)), u(o.Switch, "errorDisabledColor", v(V, o.error.main, 0.55)), u(o.Switch, "infoDisabledColor", v(V, o.info.main, 0.55)), u(o.Switch, "successDisabledColor", v(V, o.success.main, 0.55)), u(o.Switch, "warningDisabledColor", v(V, o.warning.main, 0.55)), u(o.TableCell, "border", v(V, v(ge, o.divider, 1), 0.68)), u(o.Tooltip, "bg", v(ge, o.grey[700], 0.92));
+      u(o.Alert, "errorColor", S(U, o.error.light, 0.6)), u(o.Alert, "infoColor", S(U, o.info.light, 0.6)), u(o.Alert, "successColor", S(U, o.success.light, 0.6)), u(o.Alert, "warningColor", S(U, o.warning.light, 0.6)), u(o.Alert, "errorFilledBg", x("palette-error-dark")), u(o.Alert, "infoFilledBg", x("palette-info-dark")), u(o.Alert, "successFilledBg", x("palette-success-dark")), u(o.Alert, "warningFilledBg", x("palette-warning-dark")), u(o.Alert, "errorFilledColor", le(() => o.getContrastText(o.error.dark))), u(o.Alert, "infoFilledColor", le(() => o.getContrastText(o.info.dark))), u(o.Alert, "successFilledColor", le(() => o.getContrastText(o.success.dark))), u(o.Alert, "warningFilledColor", le(() => o.getContrastText(o.warning.dark))), u(o.Alert, "errorStandardBg", S(V, o.error.light, 0.9)), u(o.Alert, "infoStandardBg", S(V, o.info.light, 0.9)), u(o.Alert, "successStandardBg", S(V, o.success.light, 0.9)), u(o.Alert, "warningStandardBg", S(V, o.warning.light, 0.9)), u(o.Alert, "errorIconColor", x("palette-error-main")), u(o.Alert, "infoIconColor", x("palette-info-main")), u(o.Alert, "successIconColor", x("palette-success-main")), u(o.Alert, "warningIconColor", x("palette-warning-main")), u(o.AppBar, "defaultBg", x("palette-grey-900")), u(o.AppBar, "darkBg", x("palette-background-paper")), u(o.AppBar, "darkColor", x("palette-text-primary")), u(o.Avatar, "defaultBg", x("palette-grey-600")), u(o.Button, "inheritContainedBg", x("palette-grey-800")), u(o.Button, "inheritContainedHoverBg", x("palette-grey-700")), u(o.Chip, "defaultBorder", x("palette-grey-700")), u(o.Chip, "defaultAvatarColor", x("palette-grey-300")), u(o.Chip, "defaultIconColor", x("palette-grey-300")), u(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(o.LinearProgress, "primaryBg", S(V, o.primary.main, 0.5)), u(o.LinearProgress, "secondaryBg", S(V, o.secondary.main, 0.5)), u(o.LinearProgress, "errorBg", S(V, o.error.main, 0.5)), u(o.LinearProgress, "infoBg", S(V, o.info.main, 0.5)), u(o.LinearProgress, "successBg", S(V, o.success.main, 0.5)), u(o.LinearProgress, "warningBg", S(V, o.warning.main, 0.5)), u(o.Skeleton, "bg", $ ? S(ge, o.text.primary, 0.13) : `rgba(${x("palette-text-primaryChannel")} / 0.13)`), u(o.Slider, "primaryTrack", S(V, o.primary.main, 0.5)), u(o.Slider, "secondaryTrack", S(V, o.secondary.main, 0.5)), u(o.Slider, "errorTrack", S(V, o.error.main, 0.5)), u(o.Slider, "infoTrack", S(V, o.info.main, 0.5)), u(o.Slider, "successTrack", S(V, o.success.main, 0.5)), u(o.Slider, "warningTrack", S(V, o.warning.main, 0.5));
+      const j = $ ? S(U, o.background.default, 0.985) : ke(o.background.default, 0.98);
+      u(o.SnackbarContent, "bg", j), u(o.SnackbarContent, "color", le(() => $ ? Kr.text.primary : o.getContrastText(j))), u(o.SpeedDialAction, "fabHoverBg", ke(o.background.paper, 0.15)), u(o.StepConnector, "border", x("palette-grey-600")), u(o.StepContent, "border", x("palette-grey-600")), u(o.Switch, "defaultColor", x("palette-grey-300")), u(o.Switch, "defaultDisabledColor", x("palette-grey-600")), u(o.Switch, "primaryDisabledColor", S(V, o.primary.main, 0.55)), u(o.Switch, "secondaryDisabledColor", S(V, o.secondary.main, 0.55)), u(o.Switch, "errorDisabledColor", S(V, o.error.main, 0.55)), u(o.Switch, "infoDisabledColor", S(V, o.info.main, 0.55)), u(o.Switch, "successDisabledColor", S(V, o.success.main, 0.55)), u(o.Switch, "warningDisabledColor", S(V, o.warning.main, 0.55)), u(o.TableCell, "border", S(V, S(ge, o.divider, 1), 0.68)), u(o.Tooltip, "bg", S(ge, o.grey[700], 0.92));
     }
-    ue(o.background, "default"), ue(o.background, "paper"), ue(o.common, "background"), ue(o.common, "onBackground"), ue(o, "divider"), Object.keys(o).forEach((I) => {
-      const B = o[I];
-      I !== "tonalOffset" && B && typeof B == "object" && (B.main && u(o[I], "mainChannel", xe(Oe(B.main))), B.light && u(o[I], "lightChannel", xe(Oe(B.light))), B.dark && u(o[I], "darkChannel", xe(Oe(B.dark))), B.contrastText && u(o[I], "contrastTextChannel", xe(Oe(B.contrastText))), I === "text" && (ue(o[I], "primary"), ue(o[I], "secondary")), I === "action" && (B.active && ue(o[I], "active"), B.selected && ue(o[I], "selected")));
+    fe(o.background, "default"), fe(o.background, "paper"), fe(o.common, "background"), fe(o.common, "onBackground"), fe(o, "divider"), Object.keys(o).forEach((j) => {
+      const W = o[j];
+      j !== "tonalOffset" && W && typeof W == "object" && (W.main && u(o[j], "mainChannel", xe(Oe(W.main))), W.light && u(o[j], "lightChannel", xe(Oe(W.light))), W.dark && u(o[j], "darkChannel", xe(Oe(W.dark))), W.contrastText && u(o[j], "contrastTextChannel", xe(Oe(W.contrastText))), j === "text" && (fe(o[j], "primary"), fe(o[j], "secondary")), j === "action" && (W.active && fe(o[j], "active"), W.selected && fe(o[j], "selected")));
     });
-  }), O = r.reduce((K, o) => ee(K, o), O);
-  const re = {
+  }), O = r.reduce((X, o) => te(X, o), O);
+  const ae = {
     prefix: a,
-    disableCssColorScheme: n,
+    disableCssColorScheme: i,
     shouldSkipGeneratingVar: l,
     getSelector: zn(O),
-    enableContrastVars: s
+    enableContrastVars: c
   }, {
-    vars: ne,
-    generateThemeVars: le,
-    generateStyleSheets: de
-  } = mn(O, re);
-  return O.vars = ne, Object.entries(O.colorSchemes[O.defaultColorScheme]).forEach(([K, o]) => {
-    O[K] = o;
-  }), O.generateThemeVars = le, O.generateStyleSheets = de, O.generateSpacing = function() {
-    return qr(y.spacing, sr(this));
+    vars: ue,
+    generateThemeVars: J,
+    generateStyleSheets: Z
+  } = mn(O, ae);
+  return O.vars = ue, Object.entries(O.colorSchemes[O.defaultColorScheme]).forEach(([X, o]) => {
+    O[X] = o;
+  }), O.generateThemeVars = J, O.generateStyleSheets = Z, O.generateSpacing = function() {
+    return qr(h.spacing, sr(this));
   }, O.getColorSchemeSelector = gn(f), O.spacing = O.generateSpacing(), O.shouldSkipGeneratingVar = l, O.unstable_sxConfig = {
     ...qe,
-    ...y == null ? void 0 : y.unstable_sxConfig
+    ...h?.unstable_sxConfig
   }, O.unstable_sx = function(o) {
     return Ge({
       sx: o,
@@ -2778,14 +2731,14 @@ function Nr(e, r, t) {
 function eo(e = {}, ...r) {
   const {
     palette: t,
-    cssVariables: i = !1,
-    colorSchemes: n = t ? void 0 : {
+    cssVariables: n = !1,
+    colorSchemes: i = t ? void 0 : {
       light: !0
     },
-    defaultColorScheme: a = t == null ? void 0 : t.mode,
-    ...s
-  } = e, l = a || "light", f = n == null ? void 0 : n[l], d = {
-    ...n,
+    defaultColorScheme: a = t?.mode,
+    ...c
+  } = e, l = a || "light", f = i?.[l], d = {
+    ...i,
     ...t ? {
       [l]: {
         ...typeof f != "boolean" && f,
@@ -2793,16 +2746,16 @@ function eo(e = {}, ...r) {
       }
     } : void 0
   };
-  if (i === !1) {
+  if (n === !1) {
     if (!("colorSchemes" in e))
       return ir(e, ...r);
-    let y = t;
-    "palette" in e || d[l] && (d[l] !== !0 ? y = d[l].palette : l === "dark" && (y = {
+    let h = t;
+    "palette" in e || d[l] && (d[l] !== !0 ? h = d[l].palette : l === "dark" && (h = {
       mode: "dark"
     }));
     const p = ir({
       ...e,
-      palette: y
+      palette: h
     }, ...r);
     return p.defaultColorScheme = l, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
       ...d.light !== !0 && d.light,
@@ -2813,10 +2766,10 @@ function eo(e = {}, ...r) {
     }, Nr(p, "light", d.light)), p;
   }
   return !t && !("light" in d) && l === "light" && (d.light = !0), Hn({
-    ...s,
+    ...c,
     colorSchemes: d,
     defaultColorScheme: l,
-    ...typeof i != "boolean" && i
+    ...typeof n != "boolean" && n
   }, ...r);
 }
 export {
@@ -2826,13 +2779,13 @@ export {
   Lr as c,
   qe as d,
   sr as e,
-  ee as f,
+  te as f,
   Re as g,
-  fe as h,
+  de as h,
   pe as i,
   Yr as j,
-  Fn as k,
-  In as l,
+  In as k,
+  Fn as l,
   Jn as m,
   Zn as r,
   Ge as s