@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/{generateUtilityClasses-CqzQXpT_.js → identifier-BJqC6EXa.js}

@@ -1,10 +1,10 @@
-import ht from "@emotion/styled";
+import ft from "@emotion/styled";
 import "@emotion/react";
-import * as Ye from "react";
-function yt(e) {
+import * as Gr from "react";
+function dt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Me = { exports: {} }, Ne = { exports: {} }, B = {};
+var ke = { exports: {} }, Me = { exports: {} }, B = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -13,12 +13,12 @@ var Me = { exports: {} }, Ne = { exports: {} }, B = {};
  * 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 bt() {
-  if (Tr) return B;
-  Tr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, O = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
-  function x(y) {
+var br;
+function pt() {
+  if (br) return B;
+  br = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+  function A(y) {
     if (typeof y == "object" && y !== null) {
       var H = y.$$typeof;
       switch (H) {
@@ -36,7 +36,7 @@ function bt() {
                 case u:
                 case h:
                 case b:
-                case E:
+                case C:
                 case c:
                   return y;
                 default:
@@ -49,35 +49,35 @@ function bt() {
     }
   }
   function T(y) {
-    return x(y) === d;
+    return A(y) === d;
   }
-  return B.AsyncMode = f, B.ConcurrentMode = d, B.ContextConsumer = u, B.ContextProvider = c, B.Element = r, B.ForwardRef = h, B.Fragment = n, B.Lazy = b, B.Memo = E, B.Portal = t, B.Profiler = a, B.StrictMode = o, B.Suspense = p, B.isAsyncMode = function(y) {
-    return T(y) || x(y) === f;
+  return B.AsyncMode = f, B.ConcurrentMode = d, B.ContextConsumer = u, B.ContextProvider = c, B.Element = r, B.ForwardRef = h, B.Fragment = n, B.Lazy = b, B.Memo = C, B.Portal = t, B.Profiler = a, B.StrictMode = o, B.Suspense = p, B.isAsyncMode = function(y) {
+    return T(y) || A(y) === f;
   }, B.isConcurrentMode = T, B.isContextConsumer = function(y) {
-    return x(y) === u;
+    return A(y) === u;
   }, B.isContextProvider = function(y) {
-    return x(y) === c;
+    return A(y) === c;
   }, B.isElement = function(y) {
     return typeof y == "object" && y !== null && y.$$typeof === r;
   }, B.isForwardRef = function(y) {
-    return x(y) === h;
+    return A(y) === h;
   }, B.isFragment = function(y) {
-    return x(y) === n;
+    return A(y) === n;
   }, B.isLazy = function(y) {
-    return x(y) === b;
+    return A(y) === b;
   }, B.isMemo = function(y) {
-    return x(y) === E;
+    return A(y) === C;
   }, B.isPortal = function(y) {
-    return x(y) === t;
+    return A(y) === t;
   }, B.isProfiler = function(y) {
-    return x(y) === a;
+    return A(y) === a;
   }, B.isStrictMode = function(y) {
-    return x(y) === o;
+    return A(y) === o;
   }, B.isSuspense = function(y) {
-    return x(y) === p;
+    return A(y) === p;
   }, B.isValidElementType = function(y) {
-    return typeof y == "string" || typeof y == "function" || y === n || y === d || y === a || y === o || y === p || y === m || typeof y == "object" && y !== null && (y.$$typeof === b || y.$$typeof === E || y.$$typeof === c || y.$$typeof === u || y.$$typeof === h || y.$$typeof === $ || y.$$typeof === O || y.$$typeof === K || y.$$typeof === s);
-  }, B.typeOf = x, B;
+    return typeof y == "string" || typeof y == "function" || y === n || y === d || y === a || y === o || y === p || y === m || typeof y == "object" && y !== null && (y.$$typeof === b || y.$$typeof === C || y.$$typeof === c || y.$$typeof === u || y.$$typeof === h || y.$$typeof === x || y.$$typeof === w || y.$$typeof === K || y.$$typeof === s);
+  }, B.typeOf = A, B;
 }
 var D = {};
 /** @license React v16.13.1
@@ -88,49 +88,49 @@ var D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $r;
-function vt() {
-  return $r || ($r = 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, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, O = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
-    function x(v) {
+var vr;
+function mt() {
+  return vr || (vr = 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, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
+    function A(v) {
       return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      v === n || v === d || v === a || v === o || v === p || v === m || typeof v == "object" && v !== null && (v.$$typeof === b || v.$$typeof === E || v.$$typeof === c || v.$$typeof === u || v.$$typeof === h || v.$$typeof === $ || v.$$typeof === O || v.$$typeof === K || v.$$typeof === s);
+      v === n || v === d || v === a || v === o || v === p || v === m || typeof v == "object" && v !== null && (v.$$typeof === b || v.$$typeof === C || v.$$typeof === c || v.$$typeof === u || v.$$typeof === h || v.$$typeof === x || v.$$typeof === w || v.$$typeof === K || v.$$typeof === s);
     }
     function T(v) {
       if (typeof v == "object" && v !== null) {
-        var oe = v.$$typeof;
-        switch (oe) {
+        var ie = v.$$typeof;
+        switch (ie) {
           case r:
-            var ke = v.type;
-            switch (ke) {
+            var Ie = v.type;
+            switch (Ie) {
               case f:
               case d:
               case n:
               case a:
               case o:
               case p:
-                return ke;
+                return Ie;
               default:
-                var Cr = ke && ke.$$typeof;
-                switch (Cr) {
+                var yr = Ie && Ie.$$typeof;
+                switch (yr) {
                   case u:
                   case h:
                   case b:
-                  case E:
+                  case C:
                   case c:
-                    return Cr;
+                    return yr;
                   default:
-                    return oe;
+                    return ie;
                 }
             }
           case t:
-            return oe;
+            return ie;
         }
       }
     }
-    var y = f, H = d, Z = u, ae = c, Q = r, i = h, C = n, N = b, Y = E, te = t, le = a, ne = o, ge = p, Ie = !1;
-    function or(v) {
-      return Ie || (Ie = !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(v) || T(v) === f;
+    var y = f, H = d, ee = u, se = c, Q = r, i = h, E = n, N = b, U = C, ne = t, fe = a, oe = o, he = p, Pe = !1;
+    function Je(v) {
+      return Pe || (Pe = !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(v) || T(v) === f;
     }
     function g(v) {
       return T(v) === d;
@@ -144,17 +144,17 @@ function vt() {
     function _(v) {
       return typeof v == "object" && v !== null && v.$$typeof === r;
     }
-    function A(v) {
+    function $(v) {
       return T(v) === h;
     }
     function I(v) {
       return T(v) === n;
     }
-    function w(v) {
+    function O(v) {
       return T(v) === b;
     }
     function R(v) {
-      return T(v) === E;
+      return T(v) === C;
     }
     function k(v) {
       return T(v) === t;
@@ -168,22 +168,22 @@ function vt() {
     function X(v) {
       return T(v) === p;
     }
-    D.AsyncMode = y, D.ConcurrentMode = H, D.ContextConsumer = Z, D.ContextProvider = ae, D.Element = Q, D.ForwardRef = i, D.Fragment = C, D.Lazy = N, D.Memo = Y, D.Portal = te, D.Profiler = le, D.StrictMode = ne, D.Suspense = ge, D.isAsyncMode = or, D.isConcurrentMode = g, D.isContextConsumer = S, D.isContextProvider = P, D.isElement = _, D.isForwardRef = A, D.isFragment = I, D.isLazy = w, D.isMemo = R, D.isPortal = k, D.isProfiler = j, D.isStrictMode = M, D.isSuspense = X, D.isValidElementType = x, D.typeOf = T;
+    D.AsyncMode = y, D.ConcurrentMode = H, D.ContextConsumer = ee, D.ContextProvider = se, D.Element = Q, D.ForwardRef = i, D.Fragment = E, D.Lazy = N, D.Memo = U, D.Portal = ne, D.Profiler = fe, D.StrictMode = oe, D.Suspense = he, D.isAsyncMode = Je, D.isConcurrentMode = g, D.isContextConsumer = S, D.isContextProvider = P, D.isElement = _, D.isForwardRef = $, D.isFragment = I, D.isLazy = O, D.isMemo = R, D.isPortal = k, D.isProfiler = j, D.isStrictMode = M, D.isSuspense = X, D.isValidElementType = A, D.typeOf = T;
   }()), D;
 }
-var xr;
-function Jr() {
-  return xr || (xr = 1, process.env.NODE_ENV === "production" ? Ne.exports = bt() : Ne.exports = vt()), Ne.exports;
+var Sr;
+function qr() {
+  return Sr || (Sr = 1, process.env.NODE_ENV === "production" ? Me.exports = pt() : Me.exports = mt()), Me.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ir, Ar;
-function St() {
-  if (Ar) return ir;
-  Ar = 1;
+var Ze, Cr;
+function gt() {
+  if (Cr) return Ze;
+  Cr = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -212,7 +212,7 @@ function St() {
       return !1;
     }
   }
-  return ir = o() ? Object.assign : function(a, c) {
+  return Ze = o() ? Object.assign : function(a, c) {
     for (var u, f = n(a), d, h = 1; h < arguments.length; h++) {
       u = Object(arguments[h]);
       for (var p in u)
@@ -224,27 +224,27 @@ function St() {
       }
     }
     return f;
-  }, ir;
+  }, Ze;
 }
-var ar, Or;
-function gr() {
-  if (Or) return ar;
-  Or = 1;
+var er, Er;
+function lr() {
+  if (Er) return er;
+  Er = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return ar = e, ar;
+  return er = e, er;
 }
-var sr, wr;
-function Zr() {
-  return wr || (wr = 1, sr = Function.call.bind(Object.prototype.hasOwnProperty)), sr;
+var rr, Tr;
+function Kr() {
+  return Tr || (Tr = 1, rr = Function.call.bind(Object.prototype.hasOwnProperty)), rr;
 }
-var cr, _r;
-function Et() {
-  if (_r) return cr;
-  _r = 1;
+var tr, xr;
+function ht() {
+  if (xr) return tr;
+  xr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ gr(), t = {}, n = /* @__PURE__ */ Zr();
+    var r = /* @__PURE__ */ lr(), t = {}, n = /* @__PURE__ */ Kr();
     e = function(a) {
       var c = "Warning: " + a;
       typeof console < "u" && console.error(c);
@@ -274,9 +274,9 @@ function Et() {
             (f || "React class") + ": type specification of " + u + " `" + 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 E = d ? d() : "";
+            var C = d ? d() : "";
             e(
-              "Failed " + u + " type: " + p.message + (E ?? "")
+              "Failed " + u + " type: " + p.message + (C ?? "")
             );
           }
         }
@@ -284,13 +284,13 @@ function Et() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, cr = o, cr;
+  }, tr = o, tr;
 }
-var ur, Rr;
-function Ct() {
-  if (Rr) return ur;
-  Rr = 1;
-  var e = Jr(), r = St(), t = /* @__PURE__ */ gr(), n = /* @__PURE__ */ Zr(), o = /* @__PURE__ */ Et(), a = function() {
+var nr, Ar;
+function yt() {
+  if (Ar) return nr;
+  Ar = 1;
+  var e = qr(), r = gt(), t = /* @__PURE__ */ lr(), n = /* @__PURE__ */ Kr(), o = /* @__PURE__ */ ht(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var f = "Warning: " + u;
@@ -303,33 +303,33 @@ function Ct() {
   function c() {
     return null;
   }
-  return ur = function(u, f) {
+  return nr = function(u, f) {
     var d = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function p(g) {
       var S = g && (d && g[d] || g[h]);
       if (typeof S == "function")
         return S;
     }
-    var m = "<<anonymous>>", E = {
-      array: O("array"),
-      bigint: O("bigint"),
-      bool: O("boolean"),
-      func: O("function"),
-      number: O("number"),
-      object: O("object"),
-      string: O("string"),
-      symbol: O("symbol"),
+    var m = "<<anonymous>>", C = {
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
       any: K(),
-      arrayOf: x,
+      arrayOf: A,
       element: T(),
       elementType: y(),
       instanceOf: H,
       node: i(),
-      objectOf: ae,
-      oneOf: Z,
+      objectOf: se,
+      oneOf: ee,
       oneOfType: Q,
       shape: N,
-      exact: Y
+      exact: U
     };
     function b(g, S) {
       return g === S ? g !== 0 || 1 / g === 1 / S : g !== g && S !== S;
@@ -338,10 +338,10 @@ function Ct() {
       this.message = g, this.data = S && typeof S == "object" ? S : {}, this.stack = "";
     }
     s.prototype = Error.prototype;
-    function $(g) {
+    function x(g) {
       if (process.env.NODE_ENV !== "production")
         var S = {}, P = 0;
-      function _(I, w, R, k, j, M, X) {
+      function _(I, O, R, k, j, M, X) {
         if (k = k || m, M = M || R, X !== t) {
           if (f) {
             var v = new Error(
@@ -349,118 +349,118 @@ function Ct() {
             );
             throw v.name = "Invariant Violation", v;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var oe = k + ":" + R;
-            !S[oe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var ie = k + ":" + R;
+            !S[ie] && // Avoid spamming the console because they are often not actionable except for lib authors
             P < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + k + "`. 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."
-            ), S[oe] = !0, P++);
+            ), S[ie] = !0, P++);
           }
         }
-        return w[R] == null ? I ? w[R] === null ? new s("The " + j + " `" + M + "` is marked as required " + ("in `" + k + "`, but its value is `null`.")) : new s("The " + j + " `" + M + "` is marked as required in " + ("`" + k + "`, but its value is `undefined`.")) : null : g(w, R, k, j, M);
+        return O[R] == null ? I ? O[R] === null ? new s("The " + j + " `" + M + "` is marked as required " + ("in `" + k + "`, but its value is `null`.")) : new s("The " + j + " `" + M + "` is marked as required in " + ("`" + k + "`, but its value is `undefined`.")) : null : g(O, R, k, j, M);
       }
-      var A = _.bind(null, !1);
-      return A.isRequired = _.bind(null, !0), A;
+      var $ = _.bind(null, !1);
+      return $.isRequired = _.bind(null, !0), $;
     }
-    function O(g) {
-      function S(P, _, A, I, w, R) {
-        var k = P[_], j = ne(k);
+    function w(g) {
+      function S(P, _, $, I, O, R) {
+        var k = P[_], j = oe(k);
         if (j !== g) {
-          var M = ge(k);
+          var M = he(k);
           return new s(
-            "Invalid " + I + " `" + w + "` of type " + ("`" + M + "` supplied to `" + A + "`, expected ") + ("`" + g + "`."),
+            "Invalid " + I + " `" + O + "` of type " + ("`" + M + "` supplied to `" + $ + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
         return null;
       }
-      return $(S);
+      return x(S);
     }
     function K() {
-      return $(c);
+      return x(c);
     }
-    function x(g) {
-      function S(P, _, A, I, w) {
+    function A(g) {
+      function S(P, _, $, I, O) {
         if (typeof g != "function")
-          return new s("Property `" + w + "` of component `" + A + "` has invalid PropType notation inside arrayOf.");
+          return new s("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
         var R = P[_];
         if (!Array.isArray(R)) {
-          var k = ne(R);
-          return new s("Invalid " + I + " `" + w + "` of type " + ("`" + k + "` supplied to `" + A + "`, expected an array."));
+          var k = oe(R);
+          return new s("Invalid " + I + " `" + O + "` of type " + ("`" + k + "` supplied to `" + $ + "`, expected an array."));
         }
         for (var j = 0; j < R.length; j++) {
-          var M = g(R, j, A, I, w + "[" + j + "]", t);
+          var M = g(R, j, $, I, O + "[" + j + "]", t);
           if (M instanceof Error)
             return M;
         }
         return null;
       }
-      return $(S);
+      return x(S);
     }
     function T() {
-      function g(S, P, _, A, I) {
-        var w = S[P];
-        if (!u(w)) {
-          var R = ne(w);
-          return new s("Invalid " + A + " `" + I + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement."));
+      function g(S, P, _, $, I) {
+        var O = S[P];
+        if (!u(O)) {
+          var R = oe(O);
+          return new s("Invalid " + $ + " `" + I + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return $(g);
+      return x(g);
     }
     function y() {
-      function g(S, P, _, A, I) {
-        var w = S[P];
-        if (!e.isValidElementType(w)) {
-          var R = ne(w);
-          return new s("Invalid " + A + " `" + I + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement type."));
+      function g(S, P, _, $, I) {
+        var O = S[P];
+        if (!e.isValidElementType(O)) {
+          var R = oe(O);
+          return new s("Invalid " + $ + " `" + I + "` of type " + ("`" + R + "` supplied to `" + _ + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return $(g);
+      return x(g);
     }
     function H(g) {
-      function S(P, _, A, I, w) {
+      function S(P, _, $, I, O) {
         if (!(P[_] instanceof g)) {
-          var R = g.name || m, k = or(P[_]);
-          return new s("Invalid " + I + " `" + w + "` of type " + ("`" + k + "` supplied to `" + A + "`, expected ") + ("instance of `" + R + "`."));
+          var R = g.name || m, k = Je(P[_]);
+          return new s("Invalid " + I + " `" + O + "` of type " + ("`" + k + "` supplied to `" + $ + "`, expected ") + ("instance of `" + R + "`."));
         }
         return null;
       }
-      return $(S);
+      return x(S);
     }
-    function Z(g) {
+    function ee(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.")), c;
-      function S(P, _, A, I, w) {
+      function S(P, _, $, I, O) {
         for (var R = P[_], k = 0; k < g.length; k++)
           if (b(R, g[k]))
             return null;
         var j = JSON.stringify(g, function(X, v) {
-          var oe = ge(v);
-          return oe === "symbol" ? String(v) : v;
+          var ie = he(v);
+          return ie === "symbol" ? String(v) : v;
         });
-        return new s("Invalid " + I + " `" + w + "` of value `" + String(R) + "` " + ("supplied to `" + A + "`, expected one of " + j + "."));
+        return new s("Invalid " + I + " `" + O + "` of value `" + String(R) + "` " + ("supplied to `" + $ + "`, expected one of " + j + "."));
       }
-      return $(S);
+      return x(S);
     }
-    function ae(g) {
-      function S(P, _, A, I, w) {
+    function se(g) {
+      function S(P, _, $, I, O) {
         if (typeof g != "function")
-          return new s("Property `" + w + "` of component `" + A + "` has invalid PropType notation inside objectOf.");
-        var R = P[_], k = ne(R);
+          return new s("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
+        var R = P[_], k = oe(R);
         if (k !== "object")
-          return new s("Invalid " + I + " `" + w + "` of type " + ("`" + k + "` supplied to `" + A + "`, expected an object."));
+          return new s("Invalid " + I + " `" + O + "` of type " + ("`" + k + "` supplied to `" + $ + "`, expected an object."));
         for (var j in R)
           if (n(R, j)) {
-            var M = g(R, j, A, I, w + "." + j, t);
+            var M = g(R, j, $, I, O + "." + j, t);
             if (M instanceof Error)
               return M;
           }
         return null;
       }
-      return $(S);
+      return x(S);
     }
     function Q(g) {
       if (!Array.isArray(g))
@@ -469,73 +469,73 @@ function Ct() {
         var P = g[S];
         if (typeof P != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ie(P) + " at index " + S + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Pe(P) + " at index " + S + "."
           ), c;
       }
-      function _(A, I, w, R, k) {
+      function _($, I, O, R, k) {
         for (var j = [], M = 0; M < g.length; M++) {
-          var X = g[M], v = X(A, I, w, R, k, t);
+          var X = g[M], v = X($, I, O, R, k, t);
           if (v == null)
             return null;
           v.data && n(v.data, "expectedType") && j.push(v.data.expectedType);
         }
-        var oe = j.length > 0 ? ", expected one of type [" + j.join(", ") + "]" : "";
-        return new s("Invalid " + R + " `" + k + "` supplied to " + ("`" + w + "`" + oe + "."));
+        var ie = j.length > 0 ? ", expected one of type [" + j.join(", ") + "]" : "";
+        return new s("Invalid " + R + " `" + k + "` supplied to " + ("`" + O + "`" + ie + "."));
       }
-      return $(_);
+      return x(_);
     }
     function i() {
-      function g(S, P, _, A, I) {
-        return te(S[P]) ? null : new s("Invalid " + A + " `" + I + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
+      function g(S, P, _, $, I) {
+        return ne(S[P]) ? null : new s("Invalid " + $ + " `" + I + "` supplied to " + ("`" + _ + "`, expected a ReactNode."));
       }
-      return $(g);
+      return x(g);
     }
-    function C(g, S, P, _, A) {
+    function E(g, S, P, _, $) {
       return new s(
-        (g || "React class") + ": " + S + " type `" + P + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + A + "`."
+        (g || "React class") + ": " + S + " type `" + P + "." + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
       );
     }
     function N(g) {
-      function S(P, _, A, I, w) {
-        var R = P[_], k = ne(R);
+      function S(P, _, $, I, O) {
+        var R = P[_], k = oe(R);
         if (k !== "object")
-          return new s("Invalid " + I + " `" + w + "` of type `" + k + "` " + ("supplied to `" + A + "`, expected `object`."));
+          return new s("Invalid " + I + " `" + O + "` of type `" + k + "` " + ("supplied to `" + $ + "`, expected `object`."));
         for (var j in g) {
           var M = g[j];
           if (typeof M != "function")
-            return C(A, I, w, j, ge(M));
-          var X = M(R, j, A, I, w + "." + j, t);
+            return E($, I, O, j, he(M));
+          var X = M(R, j, $, I, O + "." + j, t);
           if (X)
             return X;
         }
         return null;
       }
-      return $(S);
+      return x(S);
     }
-    function Y(g) {
-      function S(P, _, A, I, w) {
-        var R = P[_], k = ne(R);
+    function U(g) {
+      function S(P, _, $, I, O) {
+        var R = P[_], k = oe(R);
         if (k !== "object")
-          return new s("Invalid " + I + " `" + w + "` of type `" + k + "` " + ("supplied to `" + A + "`, expected `object`."));
+          return new s("Invalid " + I + " `" + O + "` of type `" + k + "` " + ("supplied to `" + $ + "`, expected `object`."));
         var j = r({}, P[_], g);
         for (var M in j) {
           var X = g[M];
           if (n(g, M) && typeof X != "function")
-            return C(A, I, w, M, ge(X));
+            return E($, I, O, M, he(X));
           if (!X)
             return new s(
-              "Invalid " + I + " `" + w + "` key `" + M + "` supplied to `" + A + "`.\nBad object: " + JSON.stringify(P[_], null, "  ") + `
+              "Invalid " + I + " `" + O + "` key `" + M + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(P[_], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var v = X(R, M, A, I, w + "." + M, t);
+          var v = X(R, M, $, I, O + "." + M, t);
           if (v)
             return v;
         }
         return null;
       }
-      return $(S);
+      return x(S);
     }
-    function te(g) {
+    function ne(g) {
       switch (typeof g) {
         case "number":
         case "string":
@@ -545,7 +545,7 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return !g;
         case "object":
           if (Array.isArray(g))
-            return g.every(te);
+            return g.every(ne);
           if (g === null || u(g))
             return !0;
           var S = p(g);
@@ -553,12 +553,12 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             var P = S.call(g), _;
             if (S !== g.entries) {
               for (; !(_ = P.next()).done; )
-                if (!te(_.value))
+                if (!ne(_.value))
                   return !1;
             } else
               for (; !(_ = P.next()).done; ) {
-                var A = _.value;
-                if (A && !te(A[1]))
+                var $ = _.value;
+                if ($ && !ne($[1]))
                   return !1;
               }
           } else
@@ -568,17 +568,17 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return !1;
       }
     }
-    function le(g, S) {
+    function fe(g, S) {
       return g === "symbol" ? !0 : S ? S["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && S instanceof Symbol : !1;
     }
-    function ne(g) {
+    function oe(g) {
       var S = typeof g;
-      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : le(S, g) ? "symbol" : S;
+      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : fe(S, g) ? "symbol" : S;
     }
-    function ge(g) {
+    function he(g) {
       if (typeof g > "u" || g === null)
         return "" + g;
-      var S = ne(g);
+      var S = oe(g);
       if (S === "object") {
         if (g instanceof Date)
           return "date";
@@ -587,8 +587,8 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
       }
       return S;
     }
-    function Ie(g) {
-      var S = ge(g);
+    function Pe(g) {
+      var S = he(g);
       switch (S) {
         case "array":
         case "object":
@@ -601,22 +601,22 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
           return S;
       }
     }
-    function or(g) {
+    function Je(g) {
       return !g.constructor || !g.constructor.name ? m : g.constructor.name;
     }
-    return E.checkPropTypes = o, E.resetWarningCache = o.resetWarningCache, E.PropTypes = E, E;
-  }, ur;
+    return C.checkPropTypes = o, C.resetWarningCache = o.resetWarningCache, C.PropTypes = C, C;
+  }, nr;
 }
-var lr, Pr;
-function Tt() {
-  if (Pr) return lr;
-  Pr = 1;
-  var e = /* @__PURE__ */ gr();
+var or, $r;
+function bt() {
+  if ($r) return or;
+  $r = 1;
+  var e = /* @__PURE__ */ lr();
   function r() {
   }
   function t() {
   }
-  return t.resetWarningCache = r, lr = function() {
+  return t.resetWarningCache = r, or = function() {
     function n(c, u, f, d, h, p) {
       if (p !== e) {
         var m = new Error(
@@ -653,21 +653,21 @@ function Tt() {
       resetWarningCache: r
     };
     return a.PropTypes = a, a;
-  }, lr;
-}
-var Ir;
-function $t() {
-  if (Ir) return Me.exports;
-  if (Ir = 1, process.env.NODE_ENV !== "production") {
-    var e = Jr(), r = !0;
-    Me.exports = /* @__PURE__ */ Ct()(e.isElement, r);
+  }, or;
+}
+var wr;
+function vt() {
+  if (wr) return ke.exports;
+  if (wr = 1, process.env.NODE_ENV !== "production") {
+    var e = qr(), r = !0;
+    ke.exports = /* @__PURE__ */ yt()(e.isElement, r);
   } else
-    Me.exports = /* @__PURE__ */ Tt()();
-  return Me.exports;
+    ke.exports = /* @__PURE__ */ bt()();
+  return ke.exports;
 }
-var xt = /* @__PURE__ */ $t();
-const $e = /* @__PURE__ */ yt(xt);
-var Be = { exports: {} }, F = {};
+var St = /* @__PURE__ */ vt();
+const Te = /* @__PURE__ */ dt(St);
+var Ne = { exports: {} }, F = {};
 /**
  * @license React
  * react-is.production.js
@@ -677,15 +677,15 @@ var Be = { exports: {} }, F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var kr;
-function At() {
-  if (kr) return F;
-  kr = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), E = Symbol.for("react.client.reference");
+var Or;
+function Ct() {
+  if (Or) return F;
+  Or = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
   function b(s) {
     if (typeof s == "object" && s !== null) {
-      var $ = s.$$typeof;
-      switch ($) {
+      var x = s.$$typeof;
+      switch (x) {
         case e:
           switch (s = s.type, s) {
             case t:
@@ -693,6 +693,7 @@ function At() {
             case n:
             case f:
             case d:
+            case m:
               return s;
             default:
               switch (s = s && s.$$typeof, s) {
@@ -704,11 +705,11 @@ function At() {
                 case a:
                   return s;
                 default:
-                  return $;
+                  return x;
               }
           }
         case r:
-          return $;
+          return x;
       }
     }
   }
@@ -737,7 +738,7 @@ function At() {
   }, F.isSuspenseList = function(s) {
     return b(s) === d;
   }, F.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === t || s === o || s === n || s === f || s === d || s === m || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === h || s.$$typeof === c || s.$$typeof === a || s.$$typeof === u || s.$$typeof === E || s.getModuleId !== void 0);
+    return typeof s == "string" || typeof s == "function" || s === t || s === o || 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 === u || s.$$typeof === C || s.getModuleId !== void 0);
   }, F.typeOf = b, F;
 }
 var L = {};
@@ -750,13 +751,13 @@ var L = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Mr;
-function Ot() {
-  return Mr || (Mr = 1, process.env.NODE_ENV !== "production" && function() {
+var _r;
+function Et() {
+  return _r || (_r = 1, process.env.NODE_ENV !== "production" && function() {
     function e(s) {
       if (typeof s == "object" && s !== null) {
-        var $ = s.$$typeof;
-        switch ($) {
+        var x = s.$$typeof;
+        switch (x) {
           case r:
             switch (s = s.type, s) {
               case n:
@@ -764,6 +765,7 @@ function Ot() {
               case o:
               case d:
               case h:
+              case C:
                 return s;
               default:
                 switch (s = s && s.$$typeof, s) {
@@ -775,15 +777,15 @@ function Ot() {
                   case c:
                     return s;
                   default:
-                    return $;
+                    return x;
                 }
             }
           case t:
-            return $;
+            return x;
         }
       }
     }
-    var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), b = Symbol.for("react.client.reference");
+    var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), C = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
     L.ContextConsumer = c, L.ContextProvider = u, L.Element = r, L.ForwardRef = f, L.Fragment = n, L.Lazy = m, L.Memo = p, L.Portal = t, L.Profiler = a, L.StrictMode = o, L.Suspense = d, L.SuspenseList = h, L.isContextConsumer = function(s) {
       return e(s) === c;
     }, L.isContextProvider = function(s) {
@@ -809,70 +811,70 @@ function Ot() {
     }, L.isSuspenseList = function(s) {
       return e(s) === h;
     }, L.isValidElementType = function(s) {
-      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === o || s === d || s === h || s === E || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === p || s.$$typeof === u || s.$$typeof === c || s.$$typeof === f || s.$$typeof === b || s.getModuleId !== void 0);
+      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === o || s === d || s === h || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === p || s.$$typeof === u || s.$$typeof === c || s.$$typeof === f || s.$$typeof === b || s.getModuleId !== void 0);
     }, L.typeOf = e;
   }()), L;
 }
-var Nr;
-function wt() {
-  return Nr || (Nr = 1, process.env.NODE_ENV === "production" ? Be.exports = /* @__PURE__ */ At() : Be.exports = /* @__PURE__ */ Ot()), Be.exports;
+var Rr;
+function Tt() {
+  return Rr || (Rr = 1, process.env.NODE_ENV === "production" ? Ne.exports = /* @__PURE__ */ Ct() : Ne.exports = /* @__PURE__ */ Et()), Ne.exports;
 }
-var ze = /* @__PURE__ */ wt();
-function et(e) {
+var Hr = /* @__PURE__ */ Tt();
+function Qr(e) {
   var r, t, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (r = 0; r < o; r++) e[r] && (t = et(e[r])) && (n && (n += " "), n += t);
+    for (r = 0; r < o; r++) e[r] && (t = Qr(e[r])) && (n && (n += " "), n += t);
   } else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function _o() {
-  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = et(e)) && (n && (n += " "), n += r);
+function xo() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Qr(e)) && (n && (n += " "), n += r);
   return n;
 }
-function Fe(e, ...r) {
+function me(e, ...r) {
   const t = new URL(`https://mui.com/production-error/?code=${e}`);
   return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
 }
-function rt(e) {
+function Xr(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Fe(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : me(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function Ce(e) {
+function de(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const r = Object.getPrototypeOf(e);
   return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function tt(e) {
-  if (/* @__PURE__ */ Ye.isValidElement(e) || ze.isValidElementType(e) || !Ce(e))
+function Jr(e) {
+  if (/* @__PURE__ */ Gr.isValidElement(e) || Hr.isValidElementType(e) || !de(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = tt(e[t]);
+    r[t] = Jr(e[t]);
   }), r;
 }
-function pe(e, r, t = {
+function J(e, r, t = {
   clone: !0
 }) {
   const n = t.clone ? {
     ...e
   } : e;
-  return Ce(e) && Ce(r) && Object.keys(r).forEach((o) => {
-    /* @__PURE__ */ Ye.isValidElement(r[o]) || ze.isValidElementType(r[o]) ? n[o] = r[o] : Ce(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && Ce(e[o]) ? n[o] = pe(e[o], r[o], t) : t.clone ? n[o] = Ce(r[o]) ? tt(r[o]) : r[o] : n[o] = r[o];
+  return de(e) && de(r) && Object.keys(r).forEach((o) => {
+    /* @__PURE__ */ Gr.isValidElement(r[o]) || Hr.isValidElementType(r[o]) ? n[o] = r[o] : de(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && de(e[o]) ? n[o] = J(e[o], r[o], t) : t.clone ? n[o] = de(r[o]) ? Jr(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
 function we(e, r) {
-  return r ? pe(e, r, {
+  return r ? J(e, r, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const me = process.env.NODE_ENV !== "production" ? $e.oneOfType([$e.number, $e.string, $e.object, $e.array]) : {};
-function _t(e, r) {
+const ge = process.env.NODE_ENV !== "production" ? Te.oneOfType([Te.number, Te.string, Te.object, Te.array]) : {};
+function xt(e, r) {
   if (!e.containerQueries)
     return r;
   const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -887,21 +889,21 @@ function _t(e, r) {
     ...r
   }) : r;
 }
-function Rt(e, r) {
+function At(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function Pt(e, r) {
+function $t(e, r) {
   const t = r.match(/^@([^/]+)?\/?(.+)?$/);
   if (!t) {
     if (process.env.NODE_ENV !== "production")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : Fe(18, `(${r})`));
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : me(18, `(${r})`));
     return null;
   }
   const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(a);
 }
-function It(e) {
+function wt(e) {
   const r = (a, c) => a.replace("@media", c ? `@container ${c}` : "@container");
   function t(a, c) {
     a.up = (...u) => r(e.breakpoints.up(...u), c), a.down = (...u) => r(e.breakpoints.down(...u), c), a.between = (...u) => r(e.breakpoints.between(...u), c), a.only = (...u) => r(e.breakpoints.only(...u), c), a.not = (...u) => {
@@ -915,7 +917,7 @@ function It(e) {
     containerQueries: o
   };
 }
-const Ge = {
+const Le = {
   xs: 0,
   // phone
   sm: 600,
@@ -926,32 +928,32 @@ const Ge = {
   // desktop
   xl: 1536
   // large screen
-}, Br = {
+}, Pr = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Ge[e]}px)`
-}, kt = {
+  up: (e) => `@media (min-width:${Le[e]}px)`
+}, Ot = {
   containerQueries: (e) => ({
     up: (r) => {
-      let t = typeof r == "number" ? r : Ge[r] || r;
+      let t = typeof r == "number" ? r : Le[r] || r;
       return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
     }
   })
 };
-function ce(e, r, t) {
+function ue(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = n.breakpoints || Br;
+    const a = n.breakpoints || Pr;
     return r.reduce((c, u, f) => (c[a.up(a.keys[f])] = t(r[f]), c), {});
   }
   if (typeof r == "object") {
-    const a = n.breakpoints || Br;
+    const a = n.breakpoints || Pr;
     return Object.keys(r).reduce((c, u) => {
-      if (Rt(a.keys, u)) {
-        const f = Pt(n.containerQueries ? n : kt, u);
+      if (At(a.keys, u)) {
+        const f = $t(n.containerQueries ? n : Ot, u);
         f && (c[f] = t(r[u], u));
-      } else if (Object.keys(a.values || Ge).includes(u)) {
+      } else if (Object.keys(a.values || Le).includes(u)) {
         const f = a.up(u);
         c[f] = t(r[u], u);
       } else {
@@ -963,24 +965,24 @@ function ce(e, r, t) {
   }
   return t(r);
 }
-function nt(e = {}) {
+function Zr(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const a = e.up(o);
     return n[a] = {}, n;
   }, {})) || {};
 }
-function ot(e, r) {
+function et(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
   }, r);
 }
-function Ro(e, ...r) {
-  const t = nt(e), n = [t, ...r].reduce((o, a) => pe(o, a), {});
-  return ot(Object.keys(t), n);
+function Ao(e, ...r) {
+  const t = Zr(e), n = [t, ...r].reduce((o, a) => J(o, a), {});
+  return et(Object.keys(t), n);
 }
-function Mt(e, r) {
+function _t(e, r) {
   if (typeof e != "object")
     return {};
   const t = {}, n = Object.keys(r);
@@ -990,18 +992,18 @@ function Mt(e, r) {
     e[o] != null && (t[o] = !0);
   }), t;
 }
-function Po({
+function $o({
   values: e,
   breakpoints: r,
   base: t
 }) {
-  const n = t || Mt(e, r), o = Object.keys(n);
+  const n = t || _t(e, r), o = Object.keys(n);
   if (o.length === 0)
     return e;
   let a;
   return o.reduce((c, u, f) => (Array.isArray(e) ? (c[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (c[u] = e[u] != null ? e[u] : e[a], a = u) : c[u] = e, c), {});
 }
-function qe(e, r, t = !0) {
+function We(e, r, t = !0) {
   if (!r || typeof r != "string")
     return null;
   if (e && e.vars && t) {
@@ -1011,9 +1013,9 @@ function qe(e, r, t = !0) {
   }
   return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
 }
-function Le(e, r, t, n = t) {
+function je(e, r, t, n = t) {
   let o;
-  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = qe(e, t) || n, r && (o = r(o, n, e)), o;
+  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = We(e, t) || n, r && (o = r(o, n, e)), o;
 }
 function q(e) {
   const {
@@ -1024,49 +1026,49 @@ function q(e) {
   } = e, a = (c) => {
     if (c[r] == null)
       return null;
-    const u = c[r], f = c.theme, d = qe(f, n) || {};
-    return ce(c, u, (p) => {
-      let m = Le(d, o, p);
-      return p === m && typeof p == "string" && (m = Le(d, o, `${r}${p === "default" ? "" : rt(p)}`, p)), t === !1 ? m : {
+    const u = c[r], f = c.theme, d = We(f, n) || {};
+    return ue(c, u, (p) => {
+      let m = je(d, o, p);
+      return p === m && typeof p == "string" && (m = je(d, o, `${r}${p === "default" ? "" : Xr(p)}`, p)), t === !1 ? m : {
         [t]: m
       };
     });
   };
   return a.propTypes = process.env.NODE_ENV !== "production" ? {
-    [r]: me
+    [r]: ge
   } : {}, a.filterProps = [r], a;
 }
-function Nt(e) {
+function Rt(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const Bt = {
+const Pt = {
   m: "margin",
   p: "padding"
-}, Dt = {
+}, It = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Dr = {
+}, Ir = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, jt = Nt((e) => {
+}, kt = Rt((e) => {
   if (e.length > 2)
-    if (Dr[e])
-      e = Dr[e];
+    if (Ir[e])
+      e = Ir[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = Bt[r], o = Dt[t] || "";
+  const [r, t] = e.split(""), n = Pt[r], o = It[t] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), Ke = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], He = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Ft = [...Ke, ...He];
-function Re(e, r, t, n) {
-  const o = qe(e, r, !0) ?? t;
-  return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
+}), Ye = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ve = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Mt = [...Ye, ...Ve];
+function _e(e, r, t, n) {
+  const o = We(e, r, !0) ?? t;
+  return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
     if (typeof a == "string")
       return a;
     const c = Math.abs(a);
@@ -1074,220 +1076,220 @@ function Re(e, r, t, n) {
 `)) : 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 u = o[c];
-    return a >= 0 ? u : typeof u == "number" ? -u : `-${u}`;
+    return a >= 0 ? u : typeof u == "number" ? -u : typeof u == "string" && u.startsWith("var(") ? `calc(-1 * ${u})` : `-${u}`;
   } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
 `)), () => {
   });
 }
-function hr(e) {
-  return Re(e, "spacing", 8, "spacing");
+function fr(e) {
+  return _e(e, "spacing", 8, "spacing");
 }
-function Pe(e, r) {
+function Re(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function Lt(e, r) {
-  return (t) => e.reduce((n, o) => (n[o] = Pe(r, t), n), {});
+function Nt(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Re(r, t), n), {});
 }
-function Wt(e, r, t, n) {
+function Bt(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = jt(t), a = Lt(o, n), c = e[t];
-  return ce(e, c, a);
+  const o = kt(t), a = Nt(o, n), c = e[t];
+  return ue(e, c, a);
 }
-function it(e, r) {
-  const t = hr(e.theme);
-  return Object.keys(e).map((n) => Wt(e, r, n, t)).reduce(we, {});
+function rt(e, r) {
+  const t = fr(e.theme);
+  return Object.keys(e).map((n) => Bt(e, r, n, t)).reduce(we, {});
 }
 function z(e) {
-  return it(e, Ke);
+  return rt(e, Ye);
 }
-z.propTypes = process.env.NODE_ENV !== "production" ? Ke.reduce((e, r) => (e[r] = me, e), {}) : {};
-z.filterProps = Ke;
+z.propTypes = process.env.NODE_ENV !== "production" ? Ye.reduce((e, r) => (e[r] = ge, e), {}) : {};
+z.filterProps = Ye;
 function G(e) {
-  return it(e, He);
+  return rt(e, Ve);
 }
-G.propTypes = process.env.NODE_ENV !== "production" ? He.reduce((e, r) => (e[r] = me, e), {}) : {};
-G.filterProps = He;
-process.env.NODE_ENV !== "production" && Ft.reduce((e, r) => (e[r] = me, e), {});
-function Qe(...e) {
+G.propTypes = process.env.NODE_ENV !== "production" ? Ve.reduce((e, r) => (e[r] = ge, e), {}) : {};
+G.filterProps = Ve;
+process.env.NODE_ENV !== "production" && Mt.reduce((e, r) => (e[r] = ge, e), {});
+function Ue(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
     n[a] = o;
   }), n), {}), t = (n) => Object.keys(n).reduce((o, a) => r[a] ? we(o, r[a](n)) : o, {});
   return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), t;
 }
-function ee(e) {
+function re(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
-function re(e, r) {
+function te(e, r) {
   return q({
     prop: e,
     themeKey: "borders",
     transform: r
   });
 }
-const Ut = re("border", ee), Vt = re("borderTop", ee), Yt = re("borderRight", ee), zt = re("borderBottom", ee), Gt = re("borderLeft", ee), qt = re("borderColor"), Kt = re("borderTopColor"), Ht = re("borderRightColor"), Qt = re("borderBottomColor"), Xt = re("borderLeftColor"), Jt = re("outline", ee), Zt = re("outlineColor"), Xe = (e) => {
+const Dt = te("border", re), jt = te("borderTop", re), Ft = te("borderRight", re), Lt = te("borderBottom", re), Wt = te("borderLeft", re), Yt = te("borderColor"), Vt = te("borderTopColor"), Ut = te("borderRightColor"), zt = te("borderBottomColor"), Gt = te("borderLeftColor"), qt = te("outline", re), Kt = te("outlineColor"), ze = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const r = Re(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
-      borderRadius: Pe(r, n)
+    const r = _e(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Re(r, n)
     });
-    return ce(e, e.borderRadius, t);
+    return ue(e, e.borderRadius, t);
   }
   return null;
 };
-Xe.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: me
+ze.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: ge
 } : {};
-Xe.filterProps = ["borderRadius"];
-Qe(Ut, Vt, Yt, zt, Gt, qt, Kt, Ht, Qt, Xt, Xe, Jt, Zt);
-const Je = (e) => {
+ze.filterProps = ["borderRadius"];
+Ue(Dt, jt, Ft, Lt, Wt, Yt, Vt, Ut, zt, Gt, ze, qt, Kt);
+const Ge = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const r = Re(e.theme, "spacing", 8, "gap"), t = (n) => ({
-      gap: Pe(r, n)
+    const r = _e(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Re(r, n)
     });
-    return ce(e, e.gap, t);
+    return ue(e, e.gap, t);
   }
   return null;
 };
-Je.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: me
+Ge.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: ge
 } : {};
-Je.filterProps = ["gap"];
-const Ze = (e) => {
+Ge.filterProps = ["gap"];
+const qe = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const r = Re(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
-      columnGap: Pe(r, n)
+    const r = _e(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Re(r, n)
     });
-    return ce(e, e.columnGap, t);
+    return ue(e, e.columnGap, t);
   }
   return null;
 };
-Ze.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: me
+qe.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: ge
 } : {};
-Ze.filterProps = ["columnGap"];
-const er = (e) => {
+qe.filterProps = ["columnGap"];
+const Ke = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const r = Re(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
-      rowGap: Pe(r, n)
+    const r = _e(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Re(r, n)
     });
-    return ce(e, e.rowGap, t);
+    return ue(e, e.rowGap, t);
   }
   return null;
 };
-er.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: me
+Ke.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: ge
 } : {};
-er.filterProps = ["rowGap"];
-const en = q({
+Ke.filterProps = ["rowGap"];
+const Ht = q({
   prop: "gridColumn"
-}), rn = q({
+}), Qt = q({
   prop: "gridRow"
-}), tn = q({
+}), Xt = q({
   prop: "gridAutoFlow"
-}), nn = q({
+}), Jt = q({
   prop: "gridAutoColumns"
-}), on = q({
+}), Zt = q({
   prop: "gridAutoRows"
-}), an = q({
+}), en = q({
   prop: "gridTemplateColumns"
-}), sn = q({
+}), rn = q({
   prop: "gridTemplateRows"
-}), cn = q({
+}), tn = q({
   prop: "gridTemplateAreas"
-}), un = q({
+}), nn = q({
   prop: "gridArea"
 });
-Qe(Je, Ze, er, en, rn, tn, nn, on, an, sn, cn, un);
-function Te(e, r) {
+Ue(Ge, qe, Ke, Ht, Qt, Xt, Jt, Zt, en, rn, tn, nn);
+function Ee(e, r) {
   return r === "grey" ? r : e;
 }
-const ln = q({
+const on = q({
   prop: "color",
   themeKey: "palette",
-  transform: Te
-}), fn = q({
+  transform: Ee
+}), an = q({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: Te
-}), dn = q({
+  transform: Ee
+}), sn = q({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: Te
+  transform: Ee
 });
-Qe(ln, fn, dn);
-function J(e) {
+Ue(on, an, sn);
+function Z(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const pn = q({
+const cn = q({
   prop: "width",
-  transform: J
-}), yr = (e) => {
+  transform: Z
+}), dr = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (t) => {
       var o, a, c, u, f;
-      const n = ((c = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : c[t]) || Ge[t];
+      const n = ((c = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : c[t]) || Le[t];
       return n ? ((f = (u = e.theme) == null ? void 0 : u.breakpoints) == null ? void 0 : f.unit) !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
         maxWidth: n
       } : {
-        maxWidth: J(t)
+        maxWidth: Z(t)
       };
     };
-    return ce(e, e.maxWidth, r);
+    return ue(e, e.maxWidth, r);
   }
   return null;
 };
-yr.filterProps = ["maxWidth"];
-const mn = q({
+dr.filterProps = ["maxWidth"];
+const un = q({
   prop: "minWidth",
-  transform: J
-}), gn = q({
+  transform: Z
+}), ln = q({
   prop: "height",
-  transform: J
-}), hn = q({
+  transform: Z
+}), fn = q({
   prop: "maxHeight",
-  transform: J
-}), yn = q({
+  transform: Z
+}), dn = q({
   prop: "minHeight",
-  transform: J
+  transform: Z
 });
 q({
   prop: "size",
   cssProperty: "width",
-  transform: J
+  transform: Z
 });
 q({
   prop: "size",
   cssProperty: "height",
-  transform: J
+  transform: Z
 });
-const bn = q({
+const pn = q({
   prop: "boxSizing"
 });
-Qe(pn, yr, mn, gn, hn, yn, bn);
-const rr = {
+Ue(cn, dr, un, ln, fn, dn, pn);
+const He = {
   // borders
   border: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   borderTop: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   borderRight: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   borderBottom: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   borderLeft: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   borderColor: {
     themeKey: "palette"
@@ -1306,28 +1308,28 @@ const rr = {
   },
   outline: {
     themeKey: "borders",
-    transform: ee
+    transform: re
   },
   outlineColor: {
     themeKey: "palette"
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: Xe
+    style: ze
   },
   // palette
   color: {
     themeKey: "palette",
-    transform: Te
+    transform: Ee
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: Te
+    transform: Ee
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: Te
+    transform: Ee
   },
   // spacing
   p: {
@@ -1480,13 +1482,13 @@ const rr = {
   justifySelf: {},
   // grid
   gap: {
-    style: Je
+    style: Ge
   },
   rowGap: {
-    style: er
+    style: Ke
   },
   columnGap: {
-    style: Ze
+    style: qe
   },
   gridColumn: {},
   gridRow: {},
@@ -1512,22 +1514,22 @@ const rr = {
   },
   // sizing
   width: {
-    transform: J
+    transform: Z
   },
   maxWidth: {
-    style: yr
+    style: dr
   },
   minWidth: {
-    transform: J
+    transform: Z
   },
   height: {
-    transform: J
+    transform: Z
   },
   maxHeight: {
-    transform: J
+    transform: Z
   },
   minHeight: {
-    transform: J
+    transform: Z
   },
   boxSizing: {},
   // typography
@@ -1555,14 +1557,14 @@ const rr = {
     themeKey: "typography"
   }
 };
-function vn(...e) {
+function mn(...e) {
   const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
   return e.every((n) => t.size === Object.keys(n).length);
 }
-function Sn(e, r) {
+function gn(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function En() {
+function hn() {
   function e(t, n, o, a) {
     const c = {
       [t]: n,
@@ -1584,10 +1586,10 @@ function En() {
       return {
         [t]: n
       };
-    const m = qe(o, d) || {};
-    return p ? p(c) : ce(c, n, (b) => {
-      let s = Le(m, h, b);
-      return b === s && typeof b == "string" && (s = Le(m, h, `${t}${b === "default" ? "" : rt(b)}`, b)), f === !1 ? s : {
+    const m = We(o, d) || {};
+    return p ? p(c) : ue(c, n, (b) => {
+      let s = je(m, h, b);
+      return b === s && typeof b == "string" && (s = je(m, h, `${t}${b === "default" ? "" : Xr(b)}`, b)), f === !1 ? s : {
         [f]: s
       };
     });
@@ -1599,7 +1601,7 @@ function En() {
     } = t || {};
     if (!n)
       return null;
-    const a = o.unstable_sxConfig ?? rr;
+    const a = o.unstable_sxConfig ?? He;
     function c(u) {
       let f = u;
       if (typeof u == "function")
@@ -1608,36 +1610,36 @@ function En() {
         return u;
       if (!f)
         return null;
-      const d = nt(o.breakpoints), h = Object.keys(d);
+      const d = Zr(o.breakpoints), h = Object.keys(d);
       let p = d;
       return Object.keys(f).forEach((m) => {
-        const E = Sn(f[m], o);
-        if (E != null)
-          if (typeof E == "object")
+        const C = gn(f[m], o);
+        if (C != null)
+          if (typeof C == "object")
             if (a[m])
-              p = we(p, e(m, E, o, a));
+              p = we(p, e(m, C, o, a));
             else {
-              const b = ce({
+              const b = ue({
                 theme: o
-              }, E, (s) => ({
+              }, C, (s) => ({
                 [m]: s
               }));
-              vn(b, E) ? p[m] = r({
-                sx: E,
+              mn(b, C) ? p[m] = r({
+                sx: C,
                 theme: o
               }) : p = we(p, b);
             }
           else
-            p = we(p, e(m, E, o, a));
-      }), _t(o, ot(h, p));
+            p = we(p, e(m, C, o, a));
+      }), xt(o, et(h, p));
     }
     return Array.isArray(n) ? n.map(c) : c(n);
   }
   return r;
 }
-const tr = En();
-tr.filterProps = ["sx"];
-function Cn(e) {
+const Qe = hn();
+Qe.filterProps = ["sx"];
+function yn(e) {
   for (var r = 0, t, n = 0, o = e.length; o >= 4; ++n, o -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -1656,7 +1658,7 @@ function Cn(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var Tn = {
+var bn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1706,34 +1708,34 @@ var Tn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function $n(e) {
+function vn(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var xn = /[A-Z]|^ms/g, An = /_EMO_([^_]+?)_([^]*?)_EMO_/g, at = function(r) {
+var Sn = /[A-Z]|^ms/g, Cn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, tt = function(r) {
   return r.charCodeAt(1) === 45;
-}, jr = function(r) {
+}, kr = function(r) {
   return r != null && typeof r != "boolean";
-}, fr = /* @__PURE__ */ $n(function(e) {
-  return at(e) ? e : e.replace(xn, "-$&").toLowerCase();
-}), Fr = function(r, t) {
+}, ir = /* @__PURE__ */ vn(function(e) {
+  return tt(e) ? e : e.replace(Sn, "-$&").toLowerCase();
+}), Mr = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(An, function(n, o, a) {
-          return de = {
+        return t.replace(Cn, function(n, o, a) {
+          return pe = {
             name: o,
             styles: a,
-            next: de
+            next: pe
           }, o;
         });
   }
-  return Tn[r] !== 1 && !at(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return bn[r] !== 1 && !tt(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function We(e, r, t) {
+function Fe(e, r, t) {
   if (t == null)
     return "";
   var n = t;
@@ -1745,50 +1747,50 @@ function We(e, r, t) {
     case "object": {
       var o = t;
       if (o.anim === 1)
-        return de = {
+        return pe = {
           name: o.name,
           styles: o.styles,
-          next: de
+          next: pe
         }, o.name;
       var a = t;
       if (a.styles !== void 0) {
         var c = a.next;
         if (c !== void 0)
           for (; c !== void 0; )
-            de = {
+            pe = {
               name: c.name,
               styles: c.styles,
-              next: de
+              next: pe
             }, c = c.next;
         var u = a.styles + ";";
         return u;
       }
-      return On(e, r, t);
+      return En(e, r, t);
     }
   }
   var f = t;
   return f;
 }
-function On(e, r, t) {
+function En(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
-      n += We(e, r, t[o]) + ";";
+      n += Fe(e, r, t[o]) + ";";
   else
     for (var a in t) {
       var c = t[a];
       if (typeof c != "object") {
         var u = c;
-        jr(u) && (n += fr(a) + ":" + Fr(a, u) + ";");
+        kr(u) && (n += ir(a) + ":" + Mr(a, u) + ";");
       } else if (Array.isArray(c) && typeof c[0] == "string" && r == null)
         for (var f = 0; f < c.length; f++)
-          jr(c[f]) && (n += fr(a) + ":" + Fr(a, c[f]) + ";");
+          kr(c[f]) && (n += ir(a) + ":" + Mr(a, c[f]) + ";");
       else {
-        var d = We(e, r, c);
+        var d = Fe(e, r, c);
         switch (a) {
           case "animation":
           case "animationName": {
-            n += fr(a) + ":" + d + ";";
+            n += ir(a) + ":" + d + ";";
             break;
           }
           default:
@@ -1798,57 +1800,57 @@ function On(e, r, t) {
     }
   return n;
 }
-var Lr = /label:\s*([^\s;{]+)\s*(;|$)/g, de;
-function wn(e, r, t) {
+var Nr = /label:\s*([^\s;{]+)\s*(;|$)/g, pe;
+function Tn(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, o = "";
-  de = void 0;
+  pe = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
-    n = !1, o += We(t, r, a);
+    n = !1, o += Fe(t, r, a);
   else {
     var c = a;
     o += c[0];
   }
   for (var u = 1; u < e.length; u++)
-    if (o += We(t, r, e[u]), n) {
+    if (o += Fe(t, r, e[u]), n) {
       var f = a;
       o += f[u];
     }
-  Lr.lastIndex = 0;
-  for (var d = "", h; (h = Lr.exec(o)) !== null; )
+  Nr.lastIndex = 0;
+  for (var d = "", h; (h = Nr.exec(o)) !== null; )
     d += "-" + h[1];
-  var p = Cn(o) + d;
+  var p = yn(o) + d;
   return {
     name: p,
     styles: o,
-    next: de
+    next: pe
   };
 }
 /**
- * @mui/styled-engine v6.4.8
+ * @mui/styled-engine v7.0.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Io(e, r) {
-  const t = ht(e, r);
+function wo(e, r) {
+  const t = ft(e, r);
   return process.env.NODE_ENV !== "production" ? (...n) => {
     const o = typeof e == "string" ? `"${e}"` : "component";
     return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
 `)) : n.some((a) => a === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
   } : t;
 }
-function ko(e, r) {
+function Oo(e, r) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
 }
-const Wr = [];
-function Mo(e) {
-  return Wr[0] = e, wn(Wr);
+const Br = [];
+function _o(e) {
+  return Br[0] = e, Tn(Br);
 }
-const _n = (e) => {
+const xn = (e) => {
   const r = Object.keys(e).map((t) => ({
     key: t,
     val: e[t]
@@ -1858,7 +1860,7 @@ const _n = (e) => {
     [n.key]: n.val
   }), {});
 };
-function Rn(e) {
+function An(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1877,23 +1879,23 @@ function Rn(e) {
     unit: t = "px",
     step: n = 5,
     ...o
-  } = e, a = _n(r), c = Object.keys(a);
+  } = e, a = xn(r), c = Object.keys(a);
   function u(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) - n / 100}${t})`;
   }
-  function d(m, E) {
-    const b = c.indexOf(E);
-    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]] : E) - n / 100}${t})`;
+  function d(m, C) {
+    const b = c.indexOf(C);
+    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]] : C) - n / 100}${t})`;
   }
   function h(m) {
     return c.indexOf(m) + 1 < c.length ? d(m, c[c.indexOf(m) + 1]) : u(m);
   }
   function p(m) {
-    const E = c.indexOf(m);
-    return E === 0 ? u(c[1]) : E === c.length - 1 ? f(c[E]) : d(m, c[c.indexOf(m) + 1]).replace("@media", "@media not all and");
+    const C = c.indexOf(m);
+    return C === 0 ? u(c[1]) : C === c.length - 1 ? f(c[C]) : d(m, c[c.indexOf(m) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: c,
@@ -1907,10 +1909,10 @@ function Rn(e) {
     ...o
   };
 }
-const Pn = {
+const $n = {
   borderRadius: 4
 };
-function st(e = 8, r = hr({
+function nt(e = 8, r = fr({
   spacing: e
 })) {
   if (e.mui)
@@ -1921,7 +1923,7 @@ function st(e = 8, r = hr({
   }).join(" "));
   return t.mui = !0, t;
 }
-function In(e, r) {
+function wn(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1934,15 +1936,15 @@ function In(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function kn(e = {}, ...r) {
+function On(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
     ...c
-  } = e, u = Rn(t), f = st(o);
-  let d = pe({
+  } = e, u = An(t), f = nt(o);
+  let d = J({
     breakpoints: u,
     direction: "ltr",
     components: {},
@@ -1953,50 +1955,87 @@ function kn(e = {}, ...r) {
     },
     spacing: f,
     shape: {
-      ...Pn,
+      ...$n,
       ...a
     }
   }, c);
-  return d = It(d), d.applyStyles = In, d = r.reduce((h, p) => pe(h, p), d), d.unstable_sxConfig = {
-    ...rr,
+  return d = wt(d), d.applyStyles = wn, d = r.reduce((h, p) => J(h, p), d), d.unstable_sxConfig = {
+    ...He,
     ...c == null ? void 0 : c.unstable_sxConfig
   }, d.unstable_sx = function(p) {
-    return tr({
+    return Qe({
       sx: p,
       theme: this
     });
   }, d;
 }
-function Mn(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+const Dr = (e) => e, _n = () => {
+  let e = Dr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = Dr;
+    }
+  };
+}, Rn = _n(), Pn = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function ot(e, r, t = "Mui") {
+  const n = Pn[r];
+  return n ? `${t}-${n}` : `${Rn.generate(e)}-${r}`;
+}
+function Ro(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((o) => {
+    n[o] = ot(e, o, t);
+  }), n;
+}
+function In(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
   return Math.max(r, Math.min(e, t));
 }
-function br(e, r = 0, t = 1) {
-  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Mn(e, r, t);
+function pr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), In(e, r, t);
 }
-function Nn(e) {
+function kn(e) {
   e = e.slice(1);
   const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let t = e.match(r);
   return t && t[0].length === 1 && (t = t.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
 }
-function Bn(e) {
+function Mn(e) {
   const r = e.toString(16);
   return r.length === 1 ? `0${r}` : r;
 }
-function ue(e) {
+function le(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return ue(Nn(e));
+    return le(kn(e));
   const r = e.indexOf("("), t = e.substring(0, r);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : Fe(9, e));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : me(9, e));
   let n = e.substring(r + 1, e.length - 1), o;
   if (t === "color") {
     if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : Fe(10, o));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : me(10, o));
   } else
     n = n.split(",");
   return n = n.map((a) => parseFloat(a)), {
@@ -2005,17 +2044,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const Dn = (e) => {
-  const r = ue(e);
+const Nn = (e) => {
+  const r = le(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
 }, Ae = (e, r) => {
   try {
-    return Dn(e);
+    return Nn(e);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 };
-function nr(e) {
+function Xe(e) {
   const {
     type: r,
     colorSpace: t
@@ -2025,62 +2064,62 @@ function nr(e) {
   } = e;
   return r.includes("rgb") ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
 }
-function No(e) {
+function Po(e) {
   if (e.startsWith("#"))
     return e;
   const {
     values: r
-  } = ue(e);
-  return `#${r.map((t, n) => Bn(n === 3 ? Math.round(255 * t) : t)).join("")}`;
+  } = le(e);
+  return `#${r.map((t, n) => Mn(n === 3 ? Math.round(255 * t) : t)).join("")}`;
 }
-function ct(e) {
-  e = ue(e);
+function it(e) {
+  e = le(e);
   const {
     values: r
   } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, a = n * Math.min(o, 1 - o), c = (d, h = (d + t / 30) % 12) => o - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
   let u = "rgb";
   const f = [Math.round(c(0) * 255), Math.round(c(8) * 255), Math.round(c(4) * 255)];
-  return e.type === "hsla" && (u += "a", f.push(r[3])), nr({
+  return e.type === "hsla" && (u += "a", f.push(r[3])), Xe({
     type: u,
     values: f
   });
 }
-function mr(e) {
-  e = ue(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? ue(ct(e)).values : e.values;
+function cr(e) {
+  e = le(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? le(it(e)).values : e.values;
   return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
 }
-function Ur(e, r) {
-  const t = mr(e), n = mr(r);
+function jr(e, r) {
+  const t = cr(e), n = cr(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
-function jn(e, r) {
-  return e = ue(e), r = br(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, nr(e);
+function Bn(e, r) {
+  return e = le(e), r = pr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Xe(e);
 }
-function De(e, r, t) {
+function Be(e, r, t) {
   try {
-    return jn(e, r);
+    return Bn(e, r);
   } catch {
     return e;
   }
 }
-function vr(e, r) {
-  if (e = ue(e), r = br(r), e.type.includes("hsl"))
+function mr(e, r) {
+  if (e = le(e), r = pr(r), e.type.includes("hsl"))
     e.values[2] *= 1 - r;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let t = 0; t < 3; t += 1)
       e.values[t] *= 1 - r;
-  return nr(e);
+  return Xe(e);
 }
 function W(e, r, t) {
   try {
-    return vr(e, r);
+    return mr(e, r);
   } catch {
     return e;
   }
 }
-function Sr(e, r) {
-  if (e = ue(e), r = br(r), e.type.includes("hsl"))
+function gr(e, r) {
+  if (e = le(e), r = pr(r), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * r;
   else if (e.type.includes("rgb"))
     for (let t = 0; t < 3; t += 1)
@@ -2088,26 +2127,26 @@ function Sr(e, r) {
   else if (e.type.includes("color"))
     for (let t = 0; t < 3; t += 1)
       e.values[t] += (1 - e.values[t]) * r;
-  return nr(e);
+  return Xe(e);
 }
-function U(e, r, t) {
+function Y(e, r, t) {
   try {
-    return Sr(e, r);
+    return gr(e, r);
   } catch {
     return e;
   }
 }
-function Fn(e, r = 0.15) {
-  return mr(e) > 0.5 ? vr(e, r) : Sr(e, r);
+function Dn(e, r = 0.15) {
+  return cr(e) > 0.5 ? mr(e, r) : gr(e, r);
 }
-function je(e, r, t) {
+function De(e, r, t) {
   try {
-    return Fn(e, r);
+    return Dn(e, r);
   } catch {
     return e;
   }
 }
-function Ln(e = "") {
+function jn(e = "") {
   function r(...n) {
     if (!n.length)
       return "";
@@ -2116,32 +2155,32 @@ function Ln(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${r(...o)})`;
 }
-const Vr = (e, r, t, n = []) => {
+const Fr = (e, r, t, n = []) => {
   let o = e;
   r.forEach((a, c) => {
     c === r.length - 1 ? Array.isArray(o) ? o[Number(a)] = t : o && typeof o == "object" && (o[a] = t) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
   });
-}, Wn = (e, r, t) => {
+}, Fn = (e, r, t) => {
   function n(o, a = [], c = []) {
     Object.entries(o).forEach(([u, f]) => {
       (!t || t && !t([...a, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, u], Array.isArray(f) ? [...c, u] : c) : r([...a, u], f, c));
     });
   }
   n(e);
-}, Un = (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 dr(e, r) {
+}, Ln = (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 ar(e, r) {
   const {
     prefix: t,
     shouldSkipGeneratingVar: n
   } = r || {}, o = {}, a = {}, c = {};
-  return Wn(
+  return Fn(
     e,
     (u, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const h = `--${t ? `${t}-` : ""}${u.join("-")}`, p = Un(u, f);
+        const h = `--${t ? `${t}-` : ""}${u.join("-")}`, p = Ln(u, f);
         Object.assign(o, {
           [h]: p
-        }), Vr(a, u, `var(${h})`, d), Vr(c, u, `var(${h}, ${p})`, d);
+        }), Fr(a, u, `var(${h})`, d), Fr(c, u, `var(${h}, ${p})`, d);
       }
     },
     (u) => u[0] === "vars"
@@ -2152,9 +2191,9 @@ function dr(e, r) {
     varsWithDefaults: c
   };
 }
-function Vn(e, r = {}) {
+function Wn(e, r = {}) {
   const {
-    getSelector: t = $,
+    getSelector: t = x,
     disableCssColorScheme: n,
     colorSchemeSelector: o
   } = r, {
@@ -2166,67 +2205,67 @@ function Vn(e, r = {}) {
     vars: d,
     css: h,
     varsWithDefaults: p
-  } = dr(f, r);
+  } = ar(f, r);
   let m = p;
-  const E = {}, {
+  const C = {}, {
     [u]: b,
     ...s
   } = a;
-  if (Object.entries(s || {}).forEach(([x, T]) => {
+  if (Object.entries(s || {}).forEach(([A, T]) => {
     const {
       vars: y,
       css: H,
-      varsWithDefaults: Z
-    } = dr(T, r);
-    m = pe(m, Z), E[x] = {
+      varsWithDefaults: ee
+    } = ar(T, r);
+    m = J(m, ee), C[A] = {
       css: H,
       vars: y
     };
   }), b) {
     const {
-      css: x,
+      css: A,
       vars: T,
       varsWithDefaults: y
-    } = dr(b, r);
-    m = pe(m, y), E[u] = {
-      css: x,
+    } = ar(b, r);
+    m = J(m, y), C[u] = {
+      css: A,
       vars: T
     };
   }
-  function $(x, T) {
-    var H, Z;
+  function x(A, T) {
+    var H, ee;
     let y = o;
-    if (o === "class" && (y = ".%s"), o === "data" && (y = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (y = `[${o}="%s"]`), x) {
+    if (o === "class" && (y = ".%s"), o === "data" && (y = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (y = `[${o}="%s"]`), A) {
       if (y === "media")
-        return e.defaultColorScheme === x ? ":root" : {
-          [`@media (prefers-color-scheme: ${((Z = (H = a[x]) == null ? void 0 : H.palette) == null ? void 0 : Z.mode) || x})`]: {
+        return e.defaultColorScheme === A ? ":root" : {
+          [`@media (prefers-color-scheme: ${((ee = (H = a[A]) == null ? void 0 : H.palette) == null ? void 0 : ee.mode) || A})`]: {
             ":root": T
           }
         };
       if (y)
-        return e.defaultColorScheme === x ? `:root, ${y.replace("%s", String(x))}` : y.replace("%s", String(x));
+        return e.defaultColorScheme === A ? `:root, ${y.replace("%s", String(A))}` : y.replace("%s", String(A));
     }
     return ":root";
   }
   return {
     vars: m,
     generateThemeVars: () => {
-      let x = {
+      let A = {
         ...d
       };
-      return Object.entries(E).forEach(([, {
+      return Object.entries(C).forEach(([, {
         vars: T
       }]) => {
-        x = pe(x, T);
-      }), x;
+        A = J(A, T);
+      }), A;
     },
     generateStyleSheets: () => {
-      var ae, Q;
-      const x = [], T = e.defaultColorScheme || "light";
-      function y(i, C) {
-        Object.keys(C).length && x.push(typeof i == "string" ? {
+      var se, Q;
+      const A = [], T = e.defaultColorScheme || "light";
+      function y(i, E) {
+        Object.keys(E).length && A.push(typeof i == "string" ? {
           [i]: {
-            ...C
+            ...E
           }
         } : i);
       }
@@ -2235,13 +2274,13 @@ function Vn(e, r = {}) {
       }), h);
       const {
         [T]: H,
-        ...Z
-      } = E;
+        ...ee
+      } = C;
       if (H) {
         const {
           css: i
-        } = H, C = (Q = (ae = a[T]) == null ? void 0 : ae.palette) == null ? void 0 : Q.mode, N = !n && C ? {
-          colorScheme: C,
+        } = H, E = (Q = (se = a[T]) == null ? void 0 : se.palette) == null ? void 0 : Q.mode, N = !n && E ? {
+          colorScheme: E,
           ...i
         } : {
           ...i
@@ -2250,20 +2289,20 @@ function Vn(e, r = {}) {
           ...N
         }), N);
       }
-      return Object.entries(Z).forEach(([i, {
-        css: C
+      return Object.entries(ee).forEach(([i, {
+        css: E
       }]) => {
-        var te, le;
-        const N = (le = (te = a[i]) == null ? void 0 : te.palette) == null ? void 0 : le.mode, Y = !n && N ? {
+        var ne, fe;
+        const N = (fe = (ne = a[i]) == null ? void 0 : ne.palette) == null ? void 0 : fe.mode, U = !n && N ? {
           colorScheme: N,
-          ...C
+          ...E
         } : {
-          ...C
+          ...E
         };
         y(t(i, {
-          ...Y
-        }), Y);
-      }), x;
+          ...U
+        }), U);
+      }), A;
     }
   };
 }
@@ -2272,39 +2311,10 @@ function Yn(e) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
   };
 }
-function Ue(e, ...r) {
-  const t = new URL(`https://mui.com/production-error/?code=${e}`);
-  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
-}
-function fe(e) {
-  if (typeof e != "object" || e === null)
-    return !1;
-  const r = Object.getPrototypeOf(e);
-  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}
-function ut(e) {
-  if (/* @__PURE__ */ Ye.isValidElement(e) || ze.isValidElementType(e) || !fe(e))
-    return e;
-  const r = {};
-  return Object.keys(e).forEach((t) => {
-    r[t] = ut(e[t]);
-  }), r;
-}
-function he(e, r, t = {
-  clone: !0
-}) {
-  const n = t.clone ? {
-    ...e
-  } : e;
-  return fe(e) && fe(r) && Object.keys(r).forEach((o) => {
-    /* @__PURE__ */ Ye.isValidElement(r[o]) || ze.isValidElementType(r[o]) ? n[o] = r[o] : fe(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && fe(e[o]) ? n[o] = he(e[o], r[o], t) : t.clone ? n[o] = fe(r[o]) ? ut(r[o]) : r[o] : n[o] = r[o];
-  }), n;
-}
-const _e = {
+const Oe = {
   black: "#000",
   white: "#fff"
-}, zn = {
+}, Vn = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2394,7 +2404,7 @@ const _e = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, Ee = {
+}, Ce = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -2410,7 +2420,7 @@ const _e = {
   A400: "#00e676",
   A700: "#00c853"
 };
-function lt() {
+function at() {
   return {
     // The colors used to style the text.
     text: {
@@ -2426,8 +2436,8 @@ function lt() {
     // The background colors used to style the surfaces.
     // Consistency between these values is important.
     background: {
-      paper: _e.white,
-      default: _e.white
+      paper: Oe.white,
+      default: Oe.white
     },
     // The colors used to style the action elements.
     action: {
@@ -2450,11 +2460,11 @@ function lt() {
     }
   };
 }
-const Gn = lt();
-function ft() {
+const Un = at();
+function st() {
   return {
     text: {
-      primary: _e.white,
+      primary: Oe.white,
       secondary: "rgba(255, 255, 255, 0.7)",
       disabled: "rgba(255, 255, 255, 0.5)",
       icon: "rgba(255, 255, 255, 0.5)"
@@ -2465,7 +2475,7 @@ function ft() {
       default: "#121212"
     },
     action: {
-      active: _e.white,
+      active: Oe.white,
       hover: "rgba(255, 255, 255, 0.08)",
       hoverOpacity: 0.08,
       selected: "rgba(255, 255, 255, 0.16)",
@@ -2479,12 +2489,12 @@ function ft() {
     }
   };
 }
-const Yr = ft();
-function zr(e, r, t, n) {
+const Lr = st();
+function Wr(e, r, t, n) {
   const o = n.light || n, a = n.dark || n * 1.5;
-  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Sr(e.main, o) : r === "dark" && (e.dark = vr(e.main, a)));
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = gr(e.main, o) : r === "dark" && (e.dark = mr(e.main, a)));
 }
-function qn(e = "light") {
+function zn(e = "light") {
   return e === "dark" ? {
     main: ve[200],
     light: ve[50],
@@ -2495,7 +2505,7 @@ function qn(e = "light") {
     dark: ve[800]
   };
 }
-function Kn(e = "light") {
+function Gn(e = "light") {
   return e === "dark" ? {
     main: ye[200],
     light: ye[50],
@@ -2506,7 +2516,7 @@ function Kn(e = "light") {
     dark: ye[700]
   };
 }
-function Hn(e = "light") {
+function qn(e = "light") {
   return e === "dark" ? {
     main: be[500],
     light: be[300],
@@ -2517,7 +2527,7 @@ function Hn(e = "light") {
     dark: be[800]
   };
 }
-function Qn(e = "light") {
+function Kn(e = "light") {
   return e === "dark" ? {
     main: Se[400],
     light: Se[300],
@@ -2528,18 +2538,18 @@ function Qn(e = "light") {
     dark: Se[900]
   };
 }
-function Xn(e = "light") {
+function Hn(e = "light") {
   return e === "dark" ? {
-    main: Ee[400],
-    light: Ee[300],
-    dark: Ee[700]
+    main: Ce[400],
+    light: Ce[300],
+    dark: Ce[700]
   } : {
-    main: Ee[800],
-    light: Ee[500],
-    dark: Ee[900]
+    main: Ce[800],
+    light: Ce[500],
+    dark: Ce[900]
   };
 }
-function Jn(e = "light") {
+function Qn(e = "light") {
   return e === "dark" ? {
     main: xe[400],
     light: xe[300],
@@ -2551,36 +2561,36 @@ function Jn(e = "light") {
     dark: xe[900]
   };
 }
-function Er(e) {
+function hr(e) {
   const {
     mode: r = "light",
     contrastThreshold: t = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, a = e.primary || qn(r), c = e.secondary || Kn(r), u = e.error || Hn(r), f = e.info || Qn(r), d = e.success || Xn(r), h = e.warning || Jn(r);
+  } = e, a = e.primary || zn(r), c = e.secondary || Gn(r), u = e.error || qn(r), f = e.info || Kn(r), d = e.success || Hn(r), h = e.warning || Qn(r);
   function p(s) {
-    const $ = Ur(s, Yr.text.primary) >= t ? Yr.text.primary : Gn.text.primary;
+    const x = jr(s, Lr.text.primary) >= t ? Lr.text.primary : Un.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const O = Ur(s, $);
-      O < 3 && console.error([`MUI: The contrast ratio of ${O}:1 for ${$} on ${s}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const w = jr(s, x);
+      w < 3 && console.error([`MUI: The contrast ratio of ${w}:1 for ${x} on ${s}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return $;
+    return x;
   }
   const m = ({
     color: s,
-    name: $,
-    mainShade: O = 500,
+    name: x,
+    mainShade: w = 500,
     lightShade: K = 300,
-    darkShade: x = 700
+    darkShade: A = 700
   }) => {
     if (s = {
       ...s
-    }, !s.main && s[O] && (s.main = s[O]), !s.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${$ ? ` (${$})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${O}\` property.` : Ue(11, $ ? ` (${$})` : "", O));
+    }, !s.main && s[w] && (s.main = s[w]), !s.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${w}\` property.` : me(11, x ? ` (${x})` : "", w));
     if (typeof s.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${$ ? ` (${$})` : ""} provided to augmentColor(color) is invalid.
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${x ? ` (${x})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(s.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -2593,14 +2603,14 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : Ue(12, $ ? ` (${$})` : "", JSON.stringify(s.main)));
-    return zr(s, "light", K, n), zr(s, "dark", x, n), s.contrastText || (s.contrastText = p(s.main)), s;
+} });` : me(12, x ? ` (${x})` : "", JSON.stringify(s.main)));
+    return Wr(s, "light", K, n), Wr(s, "dark", A, n), s.contrastText || (s.contrastText = p(s.main)), s;
   };
-  let E;
-  return r === "light" ? E = lt() : r === "dark" && (E = ft()), process.env.NODE_ENV !== "production" && (E || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), he({
+  let C;
+  return r === "light" ? C = at() : r === "dark" && (C = st()), process.env.NODE_ENV !== "production" && (C || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), J({
     // A collection of common colors.
     common: {
-      ..._e
+      ...Oe
     },
     // prevent mutable object.
     // The palette mode, can be light or dark.
@@ -2639,7 +2649,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: zn,
+    grey: Vn,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: t,
@@ -2652,48 +2662,17 @@ const theme2 = createTheme({ palette: {
     // E.g., shift from Red 500 to Red 300 or Red 700.
     tonalOffset: n,
     // The light and dark mode object.
-    ...E
+    ...C
   }, o);
 }
-function Zn(e) {
+function Xn(e) {
   const r = {};
   return Object.entries(e).forEach((n) => {
     const [o, a] = n;
     typeof a == "object" && (r[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
   }), r;
 }
-const Gr = (e) => e, eo = () => {
-  let e = Gr;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = Gr;
-    }
-  };
-}, ro = eo(), to = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function dt(e, r, t = "Mui") {
-  const n = to[r];
-  return n ? `${t}-${n}` : `${ro.generate(e)}-${r}`;
-}
-function no(e, r) {
+function Jn(e, r) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2709,15 +2688,15 @@ function no(e, r) {
     ...r
   };
 }
-function oo(e) {
+function Zn(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const qr = {
+const Yr = {
   textTransform: "uppercase"
-}, Kr = '"Roboto", "Helvetica", "Arial", sans-serif';
-function io(e, r) {
+}, Vr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function eo(e, r) {
   const {
-    fontFamily: t = Kr,
+    fontFamily: t = Vr,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -2734,16 +2713,16 @@ function io(e, r) {
     ...p
   } = typeof r == "function" ? r(e) : r;
   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, E = h || (($) => `${$ / f * m}rem`), b = ($, O, K, x, T) => ({
+  const m = n / 14, C = h || ((x) => `${x / f * m}rem`), b = (x, w, K, A, T) => ({
     fontFamily: t,
-    fontWeight: $,
-    fontSize: E(O),
+    fontWeight: x,
+    fontSize: C(w),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: K,
     // 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: `${oo(x / O)}em`
+    ...t === Vr ? {
+      letterSpacing: `${Zn(A / w)}em`
     } : {},
     ...T,
     ...d
@@ -2758,9 +2737,9 @@ function io(e, r) {
     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(c, 14, 1.75, 0.4, qr),
+    button: b(c, 14, 1.75, 0.4, Yr),
     caption: b(a, 12, 1.66, 0.4),
-    overline: b(a, 12, 2.66, 1, qr),
+    overline: b(a, 12, 2.66, 1, Yr),
     // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
@@ -2770,9 +2749,9 @@ function io(e, r) {
       letterSpacing: "inherit"
     }
   };
-  return he({
+  return J({
     htmlFontSize: f,
-    pxToRem: E,
+    pxToRem: C,
     fontFamily: t,
     fontSize: n,
     fontWeightLight: o,
@@ -2785,11 +2764,11 @@ function io(e, r) {
     // No need to clone deep
   });
 }
-const ao = 0.2, so = 0.14, co = 0.12;
+const ro = 0.2, to = 0.14, no = 0.12;
 function V(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ao})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${so})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${co})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ro})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${to})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${no})`].join(",");
 }
-const uo = ["none", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), V(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), V(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), V(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), V(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), V(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), V(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), V(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), V(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), V(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), V(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), V(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), V(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), V(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), V(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), V(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), V(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), V(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), V(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), V(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), V(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), V(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), V(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], lo = {
+const oo = ["none", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), V(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), V(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), V(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), V(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), V(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), V(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), V(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), V(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), V(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), V(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), V(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), V(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), V(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), V(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), V(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), V(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), V(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), V(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), V(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), V(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), V(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), V(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], io = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -2799,7 +2778,7 @@ const uo = ["none", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, fo = {
+}, ao = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2812,25 +2791,25 @@ const uo = ["none", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function Hr(e) {
+function Ur(e) {
   return `${Math.round(e)}ms`;
 }
-function po(e) {
+function so(e) {
   if (!e)
     return 0;
   const r = e / 36;
   return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
 }
-function mo(e) {
+function co(e) {
   const r = {
-    ...lo,
+    ...io,
     ...e.easing
   }, t = {
-    ...fo,
+    ...ao,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: po,
+    getAutoHeightDuration: so,
     create: (o = ["all"], a = {}) => {
       const {
         duration: c = t.standard,
@@ -2843,14 +2822,14 @@ function mo(e) {
         !h(o) && !Array.isArray(o) && 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(u) || 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(o) ? o : [o]).map((h) => `${h} ${typeof c == "string" ? c : Hr(c)} ${u} ${typeof f == "string" ? f : Hr(f)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((h) => `${h} ${typeof c == "string" ? c : Ur(c)} ${u} ${typeof f == "string" ? f : Ur(f)}`).join(",");
     },
     ...e,
     easing: r,
     duration: t
   };
 }
-const go = {
+const uo = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2860,10 +2839,10 @@ const go = {
   snackbar: 1400,
   tooltip: 1500
 };
-function ho(e) {
-  return fe(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+function lo(e) {
+  return de(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function pt(e = {}) {
+function ct(e = {}) {
   const r = {
     ...e
   };
@@ -2871,7 +2850,7 @@ function pt(e = {}) {
     const o = Object.entries(n);
     for (let a = 0; a < o.length; a++) {
       const [c, u] = o[a];
-      !ho(u) || c.startsWith("unstable_") ? delete n[c] : fe(u) && (n[c] = {
+      !lo(u) || c.startsWith("unstable_") ? delete n[c] : de(u) && (n[c] = {
         ...u
       }, t(n[c]));
     }
@@ -2885,7 +2864,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function Ve(e = {}, ...r) {
+function ur(e = {}, ...r) {
   const {
     breakpoints: t,
     mixins: n = {},
@@ -2896,70 +2875,67 @@ function Ve(e = {}, ...r) {
     shape: f,
     ...d
   } = e;
-  if (e.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : Ue(20));
-  const h = Er(a), p = kn(e);
-  let m = he(p, {
-    mixins: no(p.breakpoints, n),
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : me(20));
+  const h = hr(a), p = On(e);
+  let m = J(p, {
+    mixins: Jn(p.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: uo.slice(),
-    typography: io(h, u),
-    transitions: mo(c),
+    shadows: oo.slice(),
+    typography: eo(h, u),
+    transitions: co(c),
     zIndex: {
-      ...go
+      ...uo
     }
   });
-  if (m = he(m, d), m = r.reduce((E, b) => he(E, b), m), process.env.NODE_ENV !== "production") {
-    const E = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (s, $) => {
-      let O;
-      for (O in s) {
-        const K = s[O];
-        if (E.includes(O) && Object.keys(K).length > 0) {
+  if (m = J(m, d), m = r.reduce((C, b) => J(C, b), m), process.env.NODE_ENV !== "production") {
+    const C = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (s, x) => {
+      let w;
+      for (w in s) {
+        const K = s[w];
+        if (C.includes(w) && Object.keys(K).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const x = dt("", O);
-            console.error([`MUI: The \`${$}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(s, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
+            const A = ot("", w);
+            console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${w}\` internal state.`, "You can not override it like this: ", JSON.stringify(s, null, 2), "", `Instead, you need to use the '&.${A}' syntax:`, JSON.stringify({
               root: {
-                [`&.${x}`]: K
+                [`&.${A}`]: K
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          s[O] = {};
+          s[w] = {};
         }
       }
     };
     Object.keys(m.components).forEach((s) => {
-      const $ = m.components[s].styleOverrides;
-      $ && s.startsWith("Mui") && b($, s);
+      const x = m.components[s].styleOverrides;
+      x && s.startsWith("Mui") && b(x, s);
     });
   }
   return m.unstable_sxConfig = {
-    ...rr,
+    ...He,
     ...d == null ? void 0 : d.unstable_sxConfig
   }, m.unstable_sx = function(b) {
-    return tr({
+    return Qe({
       sx: b,
       theme: this
     });
-  }, m.toRuntimeSource = pt, m;
-}
-let Qr = !1;
-function Bo(...e) {
-  return process.env.NODE_ENV !== "production" && (Qr || (Qr = !0, console.error(["MUI: the createMuiTheme function was renamed to createTheme.", "", "You should use `import { createTheme } from '@mui/material/styles'`"].join(`
-`)))), Ve(...e);
+  }, m.toRuntimeSource = ct, m;
 }
-function yo(e) {
+function fo(e) {
   let r;
   return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
 }
-const bo = [...Array(25)].map((e, r) => {
+const po = [...Array(25)].map((e, r) => {
   if (r === 0)
     return "none";
-  const t = yo(r);
+  const t = fo(r);
   return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
 });
-function mt(e) {
+function ut(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -2967,10 +2943,10 @@ function mt(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function gt(e) {
-  return e === "dark" ? bo : [];
+function lt(e) {
+  return e === "dark" ? po : [];
 }
-function vo(e) {
+function mo(e) {
   const {
     palette: r = {
       mode: "light"
@@ -2979,29 +2955,29 @@ function vo(e) {
     opacity: t,
     overlays: n,
     ...o
-  } = e, a = Er(r);
+  } = e, a = hr(r);
   return {
     palette: a,
     opacity: {
-      ...mt(a.mode),
+      ...ut(a.mode),
       ...t
     },
-    overlays: n || gt(a.mode),
+    overlays: n || lt(a.mode),
     ...o
   };
 }
-function So(e) {
+function go(e) {
   var r;
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|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)/));
 }
-const Eo = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Co = (e) => (r, t) => {
+const ho = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], yo = (e) => (r, t) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   let a = o;
   if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === r) {
     if (r === "dark") {
       const c = {};
-      return Eo(e.cssVarPrefix).forEach((u) => {
+      return ho(e.cssVarPrefix).forEach((u) => {
         c[u] = t[u], delete t[u];
       }), a === "media" ? {
         [n]: t,
@@ -3032,7 +3008,7 @@ const Eo = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function To(e, r) {
+function bo(e, r) {
   r.forEach((t) => {
     e[t] || (e[t] = {});
   });
@@ -3040,29 +3016,29 @@ function To(e, r) {
 function l(e, r, t) {
   !e[r] && t && (e[r] = t);
 }
-function Oe(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : ct(e);
+function $e(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : it(e);
 }
-function se(e, r) {
-  `${r}Channel` in e || (e[`${r}Channel`] = Ae(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().
+function ce(e, r) {
+  `${r}Channel` in e || (e[`${r}Channel`] = Ae($e(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 $o(e) {
+function vo(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const ie = (e) => {
+const ae = (e) => {
   try {
     return e();
   } catch {
   }
-}, xo = (e = "mui") => Ln(e);
-function pr(e, r, t, n) {
+}, So = (e = "mui") => jn(e);
+function sr(e, r, t, n) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
   const o = n === "dark" ? "dark" : "light";
   if (!t) {
-    e[n] = vo({
+    e[n] = mo({
       ...r,
       palette: {
         mode: o,
@@ -3074,7 +3050,7 @@ function pr(e, r, t, n) {
   const {
     palette: a,
     ...c
-  } = Ve({
+  } = ur({
     ...t,
     palette: {
       mode: o,
@@ -3085,13 +3061,13 @@ function pr(e, r, t, n) {
     ...r,
     palette: a,
     opacity: {
-      ...mt(o),
+      ...ut(o),
       ...r == null ? void 0 : r.opacity
     },
-    overlays: (r == null ? void 0 : r.overlays) || gt(o)
+    overlays: (r == null ? void 0 : r.overlays) || lt(o)
   }, c;
 }
-function Ao(e = {}, ...r) {
+function Co(e = {}, ...r) {
   const {
     colorSchemes: t = {
       light: !0
@@ -3099,92 +3075,92 @@ function Ao(e = {}, ...r) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: a = "mui",
-    shouldSkipGeneratingVar: c = So,
+    shouldSkipGeneratingVar: c = go,
     colorSchemeSelector: u = t.light && t.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...d
-  } = e, h = Object.keys(t)[0], p = n || (t.light && h !== "light" ? "light" : h), m = xo(a), {
-    [p]: E,
+  } = e, h = Object.keys(t)[0], p = n || (t.light && h !== "light" ? "light" : h), m = So(a), {
+    [p]: C,
     light: b,
     dark: s,
-    ...$
-  } = t, O = {
-    ...$
+    ...x
+  } = t, w = {
+    ...x
   };
-  let K = E;
+  let K = C;
   if ((p === "dark" && !("dark" in t) || p === "light" && !("light" in t)) && (K = !0), !K)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : Ue(21, p));
-  const x = pr(O, K, d, p);
-  b && !O.light && pr(O, b, void 0, "light"), s && !O.dark && pr(O, s, void 0, "dark");
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : me(21, p));
+  const A = sr(w, K, d, p);
+  b && !w.light && sr(w, b, void 0, "light"), s && !w.dark && sr(w, s, void 0, "dark");
   let T = {
     defaultColorScheme: p,
-    ...x,
+    ...A,
     cssVarPrefix: a,
     colorSchemeSelector: u,
     rootSelector: f,
     getCssVar: m,
-    colorSchemes: O,
+    colorSchemes: w,
     font: {
-      ...Zn(x.typography),
-      ...x.font
+      ...Xn(A.typography),
+      ...A.font
     },
-    spacing: $o(d.spacing)
+    spacing: vo(d.spacing)
   };
   Object.keys(T.colorSchemes).forEach((Q) => {
-    const i = T.colorSchemes[Q].palette, C = (N) => {
-      const Y = N.split("-"), te = Y[1], le = Y[2];
-      return m(N, i[te][le]);
+    const i = T.colorSchemes[Q].palette, E = (N) => {
+      const U = N.split("-"), ne = U[1], fe = U[2];
+      return m(N, i[ne][fe]);
     };
-    if (i.mode === "light" && (l(i.common, "background", "#fff"), l(i.common, "onBackground", "#000")), i.mode === "dark" && (l(i.common, "background", "#000"), l(i.common, "onBackground", "#fff")), To(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
-      l(i.Alert, "errorColor", W(i.error.light, 0.6)), l(i.Alert, "infoColor", W(i.info.light, 0.6)), l(i.Alert, "successColor", W(i.success.light, 0.6)), l(i.Alert, "warningColor", W(i.warning.light, 0.6)), l(i.Alert, "errorFilledBg", C("palette-error-main")), l(i.Alert, "infoFilledBg", C("palette-info-main")), l(i.Alert, "successFilledBg", C("palette-success-main")), l(i.Alert, "warningFilledBg", C("palette-warning-main")), l(i.Alert, "errorFilledColor", ie(() => i.getContrastText(i.error.main))), l(i.Alert, "infoFilledColor", ie(() => i.getContrastText(i.info.main))), l(i.Alert, "successFilledColor", ie(() => i.getContrastText(i.success.main))), l(i.Alert, "warningFilledColor", ie(() => i.getContrastText(i.warning.main))), l(i.Alert, "errorStandardBg", U(i.error.light, 0.9)), l(i.Alert, "infoStandardBg", U(i.info.light, 0.9)), l(i.Alert, "successStandardBg", U(i.success.light, 0.9)), l(i.Alert, "warningStandardBg", U(i.warning.light, 0.9)), l(i.Alert, "errorIconColor", C("palette-error-main")), l(i.Alert, "infoIconColor", C("palette-info-main")), l(i.Alert, "successIconColor", C("palette-success-main")), l(i.Alert, "warningIconColor", C("palette-warning-main")), l(i.AppBar, "defaultBg", C("palette-grey-100")), l(i.Avatar, "defaultBg", C("palette-grey-400")), l(i.Button, "inheritContainedBg", C("palette-grey-300")), l(i.Button, "inheritContainedHoverBg", C("palette-grey-A100")), l(i.Chip, "defaultBorder", C("palette-grey-400")), l(i.Chip, "defaultAvatarColor", C("palette-grey-700")), l(i.Chip, "defaultIconColor", C("palette-grey-700")), l(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), l(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), l(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), l(i.LinearProgress, "primaryBg", U(i.primary.main, 0.62)), l(i.LinearProgress, "secondaryBg", U(i.secondary.main, 0.62)), l(i.LinearProgress, "errorBg", U(i.error.main, 0.62)), l(i.LinearProgress, "infoBg", U(i.info.main, 0.62)), l(i.LinearProgress, "successBg", U(i.success.main, 0.62)), l(i.LinearProgress, "warningBg", U(i.warning.main, 0.62)), l(i.Skeleton, "bg", `rgba(${C("palette-text-primaryChannel")} / 0.11)`), l(i.Slider, "primaryTrack", U(i.primary.main, 0.62)), l(i.Slider, "secondaryTrack", U(i.secondary.main, 0.62)), l(i.Slider, "errorTrack", U(i.error.main, 0.62)), l(i.Slider, "infoTrack", U(i.info.main, 0.62)), l(i.Slider, "successTrack", U(i.success.main, 0.62)), l(i.Slider, "warningTrack", U(i.warning.main, 0.62));
-      const N = je(i.background.default, 0.8);
-      l(i.SnackbarContent, "bg", N), l(i.SnackbarContent, "color", ie(() => i.getContrastText(N))), l(i.SpeedDialAction, "fabHoverBg", je(i.background.paper, 0.15)), l(i.StepConnector, "border", C("palette-grey-400")), l(i.StepContent, "border", C("palette-grey-400")), l(i.Switch, "defaultColor", C("palette-common-white")), l(i.Switch, "defaultDisabledColor", C("palette-grey-100")), l(i.Switch, "primaryDisabledColor", U(i.primary.main, 0.62)), l(i.Switch, "secondaryDisabledColor", U(i.secondary.main, 0.62)), l(i.Switch, "errorDisabledColor", U(i.error.main, 0.62)), l(i.Switch, "infoDisabledColor", U(i.info.main, 0.62)), l(i.Switch, "successDisabledColor", U(i.success.main, 0.62)), l(i.Switch, "warningDisabledColor", U(i.warning.main, 0.62)), l(i.TableCell, "border", U(De(i.divider, 1), 0.88)), l(i.Tooltip, "bg", De(i.grey[700], 0.92));
+    if (i.mode === "light" && (l(i.common, "background", "#fff"), l(i.common, "onBackground", "#000")), i.mode === "dark" && (l(i.common, "background", "#000"), l(i.common, "onBackground", "#fff")), bo(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      l(i.Alert, "errorColor", W(i.error.light, 0.6)), l(i.Alert, "infoColor", W(i.info.light, 0.6)), l(i.Alert, "successColor", W(i.success.light, 0.6)), l(i.Alert, "warningColor", W(i.warning.light, 0.6)), l(i.Alert, "errorFilledBg", E("palette-error-main")), l(i.Alert, "infoFilledBg", E("palette-info-main")), l(i.Alert, "successFilledBg", E("palette-success-main")), l(i.Alert, "warningFilledBg", E("palette-warning-main")), l(i.Alert, "errorFilledColor", ae(() => i.getContrastText(i.error.main))), l(i.Alert, "infoFilledColor", ae(() => i.getContrastText(i.info.main))), l(i.Alert, "successFilledColor", ae(() => i.getContrastText(i.success.main))), l(i.Alert, "warningFilledColor", ae(() => i.getContrastText(i.warning.main))), l(i.Alert, "errorStandardBg", Y(i.error.light, 0.9)), l(i.Alert, "infoStandardBg", Y(i.info.light, 0.9)), l(i.Alert, "successStandardBg", Y(i.success.light, 0.9)), l(i.Alert, "warningStandardBg", Y(i.warning.light, 0.9)), l(i.Alert, "errorIconColor", E("palette-error-main")), l(i.Alert, "infoIconColor", E("palette-info-main")), l(i.Alert, "successIconColor", E("palette-success-main")), l(i.Alert, "warningIconColor", E("palette-warning-main")), l(i.AppBar, "defaultBg", E("palette-grey-100")), l(i.Avatar, "defaultBg", E("palette-grey-400")), l(i.Button, "inheritContainedBg", E("palette-grey-300")), l(i.Button, "inheritContainedHoverBg", E("palette-grey-A100")), l(i.Chip, "defaultBorder", E("palette-grey-400")), l(i.Chip, "defaultAvatarColor", E("palette-grey-700")), l(i.Chip, "defaultIconColor", E("palette-grey-700")), l(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), l(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), l(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), l(i.LinearProgress, "primaryBg", Y(i.primary.main, 0.62)), l(i.LinearProgress, "secondaryBg", Y(i.secondary.main, 0.62)), l(i.LinearProgress, "errorBg", Y(i.error.main, 0.62)), l(i.LinearProgress, "infoBg", Y(i.info.main, 0.62)), l(i.LinearProgress, "successBg", Y(i.success.main, 0.62)), l(i.LinearProgress, "warningBg", Y(i.warning.main, 0.62)), l(i.Skeleton, "bg", `rgba(${E("palette-text-primaryChannel")} / 0.11)`), l(i.Slider, "primaryTrack", Y(i.primary.main, 0.62)), l(i.Slider, "secondaryTrack", Y(i.secondary.main, 0.62)), l(i.Slider, "errorTrack", Y(i.error.main, 0.62)), l(i.Slider, "infoTrack", Y(i.info.main, 0.62)), l(i.Slider, "successTrack", Y(i.success.main, 0.62)), l(i.Slider, "warningTrack", Y(i.warning.main, 0.62));
+      const N = De(i.background.default, 0.8);
+      l(i.SnackbarContent, "bg", N), l(i.SnackbarContent, "color", ae(() => i.getContrastText(N))), l(i.SpeedDialAction, "fabHoverBg", De(i.background.paper, 0.15)), l(i.StepConnector, "border", E("palette-grey-400")), l(i.StepContent, "border", E("palette-grey-400")), l(i.Switch, "defaultColor", E("palette-common-white")), l(i.Switch, "defaultDisabledColor", E("palette-grey-100")), l(i.Switch, "primaryDisabledColor", Y(i.primary.main, 0.62)), l(i.Switch, "secondaryDisabledColor", Y(i.secondary.main, 0.62)), l(i.Switch, "errorDisabledColor", Y(i.error.main, 0.62)), l(i.Switch, "infoDisabledColor", Y(i.info.main, 0.62)), l(i.Switch, "successDisabledColor", Y(i.success.main, 0.62)), l(i.Switch, "warningDisabledColor", Y(i.warning.main, 0.62)), l(i.TableCell, "border", Y(Be(i.divider, 1), 0.88)), l(i.Tooltip, "bg", Be(i.grey[700], 0.92));
     }
     if (i.mode === "dark") {
-      l(i.Alert, "errorColor", U(i.error.light, 0.6)), l(i.Alert, "infoColor", U(i.info.light, 0.6)), l(i.Alert, "successColor", U(i.success.light, 0.6)), l(i.Alert, "warningColor", U(i.warning.light, 0.6)), l(i.Alert, "errorFilledBg", C("palette-error-dark")), l(i.Alert, "infoFilledBg", C("palette-info-dark")), l(i.Alert, "successFilledBg", C("palette-success-dark")), l(i.Alert, "warningFilledBg", C("palette-warning-dark")), l(i.Alert, "errorFilledColor", ie(() => i.getContrastText(i.error.dark))), l(i.Alert, "infoFilledColor", ie(() => i.getContrastText(i.info.dark))), l(i.Alert, "successFilledColor", ie(() => i.getContrastText(i.success.dark))), l(i.Alert, "warningFilledColor", ie(() => i.getContrastText(i.warning.dark))), l(i.Alert, "errorStandardBg", W(i.error.light, 0.9)), l(i.Alert, "infoStandardBg", W(i.info.light, 0.9)), l(i.Alert, "successStandardBg", W(i.success.light, 0.9)), l(i.Alert, "warningStandardBg", W(i.warning.light, 0.9)), l(i.Alert, "errorIconColor", C("palette-error-main")), l(i.Alert, "infoIconColor", C("palette-info-main")), l(i.Alert, "successIconColor", C("palette-success-main")), l(i.Alert, "warningIconColor", C("palette-warning-main")), l(i.AppBar, "defaultBg", C("palette-grey-900")), l(i.AppBar, "darkBg", C("palette-background-paper")), l(i.AppBar, "darkColor", C("palette-text-primary")), l(i.Avatar, "defaultBg", C("palette-grey-600")), l(i.Button, "inheritContainedBg", C("palette-grey-800")), l(i.Button, "inheritContainedHoverBg", C("palette-grey-700")), l(i.Chip, "defaultBorder", C("palette-grey-700")), l(i.Chip, "defaultAvatarColor", C("palette-grey-300")), l(i.Chip, "defaultIconColor", C("palette-grey-300")), l(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), l(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), l(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), l(i.LinearProgress, "primaryBg", W(i.primary.main, 0.5)), l(i.LinearProgress, "secondaryBg", W(i.secondary.main, 0.5)), l(i.LinearProgress, "errorBg", W(i.error.main, 0.5)), l(i.LinearProgress, "infoBg", W(i.info.main, 0.5)), l(i.LinearProgress, "successBg", W(i.success.main, 0.5)), l(i.LinearProgress, "warningBg", W(i.warning.main, 0.5)), l(i.Skeleton, "bg", `rgba(${C("palette-text-primaryChannel")} / 0.13)`), l(i.Slider, "primaryTrack", W(i.primary.main, 0.5)), l(i.Slider, "secondaryTrack", W(i.secondary.main, 0.5)), l(i.Slider, "errorTrack", W(i.error.main, 0.5)), l(i.Slider, "infoTrack", W(i.info.main, 0.5)), l(i.Slider, "successTrack", W(i.success.main, 0.5)), l(i.Slider, "warningTrack", W(i.warning.main, 0.5));
-      const N = je(i.background.default, 0.98);
-      l(i.SnackbarContent, "bg", N), l(i.SnackbarContent, "color", ie(() => i.getContrastText(N))), l(i.SpeedDialAction, "fabHoverBg", je(i.background.paper, 0.15)), l(i.StepConnector, "border", C("palette-grey-600")), l(i.StepContent, "border", C("palette-grey-600")), l(i.Switch, "defaultColor", C("palette-grey-300")), l(i.Switch, "defaultDisabledColor", C("palette-grey-600")), l(i.Switch, "primaryDisabledColor", W(i.primary.main, 0.55)), l(i.Switch, "secondaryDisabledColor", W(i.secondary.main, 0.55)), l(i.Switch, "errorDisabledColor", W(i.error.main, 0.55)), l(i.Switch, "infoDisabledColor", W(i.info.main, 0.55)), l(i.Switch, "successDisabledColor", W(i.success.main, 0.55)), l(i.Switch, "warningDisabledColor", W(i.warning.main, 0.55)), l(i.TableCell, "border", W(De(i.divider, 1), 0.68)), l(i.Tooltip, "bg", De(i.grey[700], 0.92));
+      l(i.Alert, "errorColor", Y(i.error.light, 0.6)), l(i.Alert, "infoColor", Y(i.info.light, 0.6)), l(i.Alert, "successColor", Y(i.success.light, 0.6)), l(i.Alert, "warningColor", Y(i.warning.light, 0.6)), l(i.Alert, "errorFilledBg", E("palette-error-dark")), l(i.Alert, "infoFilledBg", E("palette-info-dark")), l(i.Alert, "successFilledBg", E("palette-success-dark")), l(i.Alert, "warningFilledBg", E("palette-warning-dark")), l(i.Alert, "errorFilledColor", ae(() => i.getContrastText(i.error.dark))), l(i.Alert, "infoFilledColor", ae(() => i.getContrastText(i.info.dark))), l(i.Alert, "successFilledColor", ae(() => i.getContrastText(i.success.dark))), l(i.Alert, "warningFilledColor", ae(() => i.getContrastText(i.warning.dark))), l(i.Alert, "errorStandardBg", W(i.error.light, 0.9)), l(i.Alert, "infoStandardBg", W(i.info.light, 0.9)), l(i.Alert, "successStandardBg", W(i.success.light, 0.9)), l(i.Alert, "warningStandardBg", W(i.warning.light, 0.9)), l(i.Alert, "errorIconColor", E("palette-error-main")), l(i.Alert, "infoIconColor", E("palette-info-main")), l(i.Alert, "successIconColor", E("palette-success-main")), l(i.Alert, "warningIconColor", E("palette-warning-main")), l(i.AppBar, "defaultBg", E("palette-grey-900")), l(i.AppBar, "darkBg", E("palette-background-paper")), l(i.AppBar, "darkColor", E("palette-text-primary")), l(i.Avatar, "defaultBg", E("palette-grey-600")), l(i.Button, "inheritContainedBg", E("palette-grey-800")), l(i.Button, "inheritContainedHoverBg", E("palette-grey-700")), l(i.Chip, "defaultBorder", E("palette-grey-700")), l(i.Chip, "defaultAvatarColor", E("palette-grey-300")), l(i.Chip, "defaultIconColor", E("palette-grey-300")), l(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), l(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), l(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), l(i.LinearProgress, "primaryBg", W(i.primary.main, 0.5)), l(i.LinearProgress, "secondaryBg", W(i.secondary.main, 0.5)), l(i.LinearProgress, "errorBg", W(i.error.main, 0.5)), l(i.LinearProgress, "infoBg", W(i.info.main, 0.5)), l(i.LinearProgress, "successBg", W(i.success.main, 0.5)), l(i.LinearProgress, "warningBg", W(i.warning.main, 0.5)), l(i.Skeleton, "bg", `rgba(${E("palette-text-primaryChannel")} / 0.13)`), l(i.Slider, "primaryTrack", W(i.primary.main, 0.5)), l(i.Slider, "secondaryTrack", W(i.secondary.main, 0.5)), l(i.Slider, "errorTrack", W(i.error.main, 0.5)), l(i.Slider, "infoTrack", W(i.info.main, 0.5)), l(i.Slider, "successTrack", W(i.success.main, 0.5)), l(i.Slider, "warningTrack", W(i.warning.main, 0.5));
+      const N = De(i.background.default, 0.98);
+      l(i.SnackbarContent, "bg", N), l(i.SnackbarContent, "color", ae(() => i.getContrastText(N))), l(i.SpeedDialAction, "fabHoverBg", De(i.background.paper, 0.15)), l(i.StepConnector, "border", E("palette-grey-600")), l(i.StepContent, "border", E("palette-grey-600")), l(i.Switch, "defaultColor", E("palette-grey-300")), l(i.Switch, "defaultDisabledColor", E("palette-grey-600")), l(i.Switch, "primaryDisabledColor", W(i.primary.main, 0.55)), l(i.Switch, "secondaryDisabledColor", W(i.secondary.main, 0.55)), l(i.Switch, "errorDisabledColor", W(i.error.main, 0.55)), l(i.Switch, "infoDisabledColor", W(i.info.main, 0.55)), l(i.Switch, "successDisabledColor", W(i.success.main, 0.55)), l(i.Switch, "warningDisabledColor", W(i.warning.main, 0.55)), l(i.TableCell, "border", W(Be(i.divider, 1), 0.68)), l(i.Tooltip, "bg", Be(i.grey[700], 0.92));
     }
-    se(i.background, "default"), se(i.background, "paper"), se(i.common, "background"), se(i.common, "onBackground"), se(i, "divider"), Object.keys(i).forEach((N) => {
-      const Y = i[N];
-      N !== "tonalOffset" && Y && typeof Y == "object" && (Y.main && l(i[N], "mainChannel", Ae(Oe(Y.main))), Y.light && l(i[N], "lightChannel", Ae(Oe(Y.light))), Y.dark && l(i[N], "darkChannel", Ae(Oe(Y.dark))), Y.contrastText && l(i[N], "contrastTextChannel", Ae(Oe(Y.contrastText))), N === "text" && (se(i[N], "primary"), se(i[N], "secondary")), N === "action" && (Y.active && se(i[N], "active"), Y.selected && se(i[N], "selected")));
+    ce(i.background, "default"), ce(i.background, "paper"), ce(i.common, "background"), ce(i.common, "onBackground"), ce(i, "divider"), Object.keys(i).forEach((N) => {
+      const U = i[N];
+      N !== "tonalOffset" && U && typeof U == "object" && (U.main && l(i[N], "mainChannel", Ae($e(U.main))), U.light && l(i[N], "lightChannel", Ae($e(U.light))), U.dark && l(i[N], "darkChannel", Ae($e(U.dark))), U.contrastText && l(i[N], "contrastTextChannel", Ae($e(U.contrastText))), N === "text" && (ce(i[N], "primary"), ce(i[N], "secondary")), N === "action" && (U.active && ce(i[N], "active"), U.selected && ce(i[N], "selected")));
     });
-  }), T = r.reduce((Q, i) => he(Q, i), T);
+  }), T = r.reduce((Q, i) => J(Q, i), T);
   const y = {
     prefix: a,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: c,
-    getSelector: Co(T)
+    getSelector: yo(T)
   }, {
     vars: H,
-    generateThemeVars: Z,
-    generateStyleSheets: ae
-  } = Vn(T, y);
+    generateThemeVars: ee,
+    generateStyleSheets: se
+  } = Wn(T, y);
   return T.vars = H, Object.entries(T.colorSchemes[T.defaultColorScheme]).forEach(([Q, i]) => {
     T[Q] = i;
-  }), T.generateThemeVars = Z, T.generateStyleSheets = ae, T.generateSpacing = function() {
-    return st(d.spacing, hr(this));
+  }), T.generateThemeVars = ee, T.generateStyleSheets = se, T.generateSpacing = function() {
+    return nt(d.spacing, fr(this));
   }, T.getColorSchemeSelector = Yn(u), T.spacing = T.generateSpacing(), T.shouldSkipGeneratingVar = c, T.unstable_sxConfig = {
-    ...rr,
+    ...He,
     ...d == null ? void 0 : d.unstable_sxConfig
   }, T.unstable_sx = function(i) {
-    return tr({
+    return Qe({
       sx: i,
       theme: this
     });
-  }, T.toRuntimeSource = pt, T;
+  }, T.toRuntimeSource = ct, T;
 }
-function Xr(e, r, t) {
+function zr(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
     ...t !== !0 && t,
-    palette: Er({
+    palette: hr({
       ...t === !0 ? {} : t.palette,
       mode: r
     })
     // cast type to skip module augmentation test
   });
 }
-function Do(e = {}, ...r) {
+function Io(e = {}, ...r) {
   const {
     palette: t,
     cssVariables: n = !1,
@@ -3204,94 +3180,86 @@ function Do(e = {}, ...r) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return Ve(e, ...r);
+      return ur(e, ...r);
     let h = t;
     "palette" in e || d[u] && (d[u] !== !0 ? h = d[u].palette : u === "dark" && (h = {
       mode: "dark"
     }));
-    const p = Ve({
+    const p = ur({
       ...e,
       palette: h
     }, ...r);
     return p.defaultColorScheme = u, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
       ...d.light !== !0 && d.light,
       palette: p.palette
-    }, Xr(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+    }, zr(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
       palette: p.palette
-    }, Xr(p, "light", d.light)), p;
+    }, zr(p, "light", d.light)), p;
   }
-  return !t && !("light" in d) && u === "light" && (d.light = !0), Ao({
+  return !t && !("light" in d) && u === "light" && (d.light = !0), Co({
     ...c,
     colorSchemes: d,
     defaultColorScheme: u,
     ...typeof n != "boolean" && n
   }, ...r);
 }
-const jo = "$$material";
-function Fo(e, r, t = "Mui") {
-  const n = {};
-  return r.forEach((o) => {
-    n[o] = dt(e, o, t);
-  }), n;
-}
+const ko = "$$material";
 export {
-  Mo as $,
-  Ao as A,
-  yo as B,
-  So as C,
-  io as D,
-  no as E,
-  Eo as F,
-  Fo as G,
-  dt as H,
-  _o as I,
-  Ue as J,
-  Ce as K,
-  rr as L,
-  kn as M,
-  qe as N,
-  Io as O,
-  $e as P,
-  tr as Q,
-  ro as R,
-  ze as S,
-  jo as T,
-  Po as U,
-  ce as V,
-  hr as W,
-  pe as X,
-  Ro as Y,
-  Pe as Z,
-  yt as _,
-  zn as a,
-  ko as a0,
-  rt as a1,
-  he as a2,
-  st as a3,
+  _o as $,
+  fo as A,
+  go as B,
+  eo as C,
+  Jn as D,
+  ho as E,
+  Ro as F,
+  ot as G,
+  xo as H,
+  de as I,
+  He as J,
+  Xr as K,
+  ue as L,
+  $o as M,
+  fr as N,
+  J as O,
+  Te as P,
+  Ao as Q,
+  On as R,
+  Re as S,
+  ko as T,
+  We as U,
+  wo as V,
+  Qe as W,
+  Rn as X,
+  me as Y,
+  Hr as Z,
+  dt as _,
+  Vn as a,
+  Oo as a0,
+  nt as a1,
   ve as b,
-  _e as c,
-  No as d,
-  ct as e,
-  ue as f,
-  Ee as g,
-  Nn as h,
-  nr as i,
-  Ur as j,
-  mr as k,
+  Oe as c,
+  Po as d,
+  it as e,
+  le as f,
+  Ce as g,
+  kn as h,
+  Xe as i,
+  jr as j,
+  cr as k,
   Se as l,
-  Fn as m,
-  jn as n,
+  Dn as m,
+  Bn as n,
   xe as o,
   ye as p,
-  vr as q,
+  mr as q,
   be as r,
-  Sr as s,
-  Rn as t,
-  Do as u,
-  Bo as v,
-  mo as w,
-  fo as x,
-  lo as y,
-  vo as z
+  gr as s,
+  An as t,
+  Io as u,
+  co as v,
+  ao as w,
+  io as x,
+  mo as y,
+  Co as z
 };