@cgi-learning-hub/ui 1.2.0-dev.1730801938 → 1.2.0-dev.1730814068

package/dist/{identifier-vL3mZxtO.js → identifier-Bu3vgTzE.js}

@@ -1,29 +1,10 @@
-import rt from "@emotion/styled";
+import nt from "@emotion/styled";
 import "@emotion/react";
-var mo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function tt(e) {
+var ho = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ot(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function go(e) {
-  if (e.__esModule) return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function n() {
-      return this instanceof n ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
-    };
-    t.prototype = r.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
-    var o = Object.getOwnPropertyDescriptor(e, n);
-    Object.defineProperty(t, n, o.get ? o : {
-      enumerable: !0,
-      get: function() {
-        return e[n];
-      }
-    });
-  }), t;
-}
-var ar = { exports: {} }, Pe = { exports: {} }, M = {};
+var ir = { exports: {} }, Pe = { exports: {} }, M = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -32,32 +13,32 @@ var ar = { exports: {} }, Pe = { exports: {} }, M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hr;
-function nt() {
-  if (hr) return M;
-  hr = 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, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, d = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
-  function v(g) {
-    if (typeof g == "object" && g !== null) {
-      var K = g.$$typeof;
+var mr;
+function it() {
+  if (mr) return M;
+  mr = 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, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
+  function E(m) {
+    if (typeof m == "object" && m !== null) {
+      var K = m.$$typeof;
       switch (K) {
         case r:
-          switch (g = g.type, g) {
+          switch (m = m.type, m) {
             case l:
             case f:
             case n:
             case a:
             case o:
-            case m:
-              return g;
+            case d:
+              return m;
             default:
-              switch (g = g && g.$$typeof, g) {
+              switch (m = m && m.$$typeof, m) {
                 case c:
                 case h:
-                case w:
-                case C:
+                case T:
+                case S:
                 case s:
-                  return g;
+                  return m;
                 default:
                   return K;
               }
@@ -67,36 +48,36 @@ function nt() {
       }
     }
   }
-  function P(g) {
-    return v(g) === f;
+  function w(m) {
+    return E(m) === f;
   }
-  return M.AsyncMode = l, M.ConcurrentMode = f, M.ContextConsumer = c, M.ContextProvider = s, M.Element = r, M.ForwardRef = h, M.Fragment = n, M.Lazy = w, M.Memo = C, M.Portal = t, M.Profiler = a, M.StrictMode = o, M.Suspense = m, M.isAsyncMode = function(g) {
-    return P(g) || v(g) === l;
-  }, M.isConcurrentMode = P, M.isContextConsumer = function(g) {
-    return v(g) === c;
-  }, M.isContextProvider = function(g) {
-    return v(g) === s;
-  }, M.isElement = function(g) {
-    return typeof g == "object" && g !== null && g.$$typeof === r;
-  }, M.isForwardRef = function(g) {
-    return v(g) === h;
-  }, M.isFragment = function(g) {
-    return v(g) === n;
-  }, M.isLazy = function(g) {
-    return v(g) === w;
-  }, M.isMemo = function(g) {
-    return v(g) === C;
-  }, M.isPortal = function(g) {
-    return v(g) === t;
-  }, M.isProfiler = function(g) {
-    return v(g) === a;
-  }, M.isStrictMode = function(g) {
-    return v(g) === o;
-  }, M.isSuspense = function(g) {
-    return v(g) === m;
-  }, M.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === n || g === f || g === a || g === o || g === m || g === d || typeof g == "object" && g !== null && (g.$$typeof === w || g.$$typeof === C || g.$$typeof === s || g.$$typeof === c || g.$$typeof === h || g.$$typeof === E || g.$$typeof === _ || g.$$typeof === Y || g.$$typeof === b);
-  }, M.typeOf = v, M;
+  return M.AsyncMode = l, M.ConcurrentMode = f, M.ContextConsumer = c, M.ContextProvider = s, M.Element = r, M.ForwardRef = h, M.Fragment = n, M.Lazy = T, M.Memo = S, M.Portal = t, M.Profiler = a, M.StrictMode = o, M.Suspense = d, M.isAsyncMode = function(m) {
+    return w(m) || E(m) === l;
+  }, M.isConcurrentMode = w, M.isContextConsumer = function(m) {
+    return E(m) === c;
+  }, M.isContextProvider = function(m) {
+    return E(m) === s;
+  }, M.isElement = function(m) {
+    return typeof m == "object" && m !== null && m.$$typeof === r;
+  }, M.isForwardRef = function(m) {
+    return E(m) === h;
+  }, M.isFragment = function(m) {
+    return E(m) === n;
+  }, M.isLazy = function(m) {
+    return E(m) === T;
+  }, M.isMemo = function(m) {
+    return E(m) === S;
+  }, M.isPortal = function(m) {
+    return E(m) === t;
+  }, M.isProfiler = function(m) {
+    return E(m) === a;
+  }, M.isStrictMode = function(m) {
+    return E(m) === o;
+  }, M.isSuspense = function(m) {
+    return E(m) === d;
+  }, M.isValidElementType = function(m) {
+    return typeof m == "string" || typeof m == "function" || m === n || m === f || m === a || m === o || m === d || m === p || typeof m == "object" && m !== null && (m.$$typeof === T || m.$$typeof === S || m.$$typeof === s || m.$$typeof === c || m.$$typeof === h || m.$$typeof === x || m.$$typeof === $ || m.$$typeof === Y || m.$$typeof === b);
+  }, M.typeOf = E, M;
 }
 var N = {};
 /** @license React v16.13.1
@@ -107,35 +88,35 @@ var N = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yr;
-function ot() {
-  return yr || (yr = 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, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, d = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
-    function v(y) {
+var hr;
+function at() {
+  return hr || (hr = 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, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, h = e ? Symbol.for("react.forward_ref") : 60112, d = e ? Symbol.for("react.suspense") : 60113, p = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, T = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
+    function E(y) {
       return typeof y == "string" || typeof y == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      y === n || y === f || y === a || y === o || y === m || y === d || typeof y == "object" && y !== null && (y.$$typeof === w || y.$$typeof === C || y.$$typeof === s || y.$$typeof === c || y.$$typeof === h || y.$$typeof === E || y.$$typeof === _ || y.$$typeof === Y || y.$$typeof === b);
+      y === n || y === f || y === a || y === o || y === d || y === p || typeof y == "object" && y !== null && (y.$$typeof === T || y.$$typeof === S || y.$$typeof === s || y.$$typeof === c || y.$$typeof === h || y.$$typeof === x || y.$$typeof === $ || y.$$typeof === Y || y.$$typeof === b);
     }
-    function P(y) {
+    function w(y) {
       if (typeof y == "object" && y !== null) {
         var ne = y.$$typeof;
         switch (ne) {
           case r:
-            var ke = y.type;
-            switch (ke) {
+            var _e = y.type;
+            switch (_e) {
               case l:
               case f:
               case n:
               case a:
               case o:
-              case m:
-                return ke;
+              case d:
+                return _e;
               default:
-                var gr = ke && ke.$$typeof;
+                var gr = _e && _e.$$typeof;
                 switch (gr) {
                   case c:
                   case h:
-                  case w:
-                  case C:
+                  case T:
+                  case S:
                   case s:
                     return gr;
                   default:
@@ -147,62 +128,62 @@ function ot() {
         }
       }
     }
-    var g = l, K = f, X = c, q = s, i = r, T = h, R = n, U = w, ce = C, re = t, me = a, te = o, pe = m, _e = !1;
+    var m = l, K = f, X = c, ie = s, q = r, i = h, C = n, j = T, L = S, re = t, ue = a, te = o, ge = d, ke = !1;
     function He(y) {
-      return _e || (_e = !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.")), p(y) || P(y) === l;
+      return ke || (ke = !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(y) || w(y) === l;
     }
-    function p(y) {
-      return P(y) === f;
+    function g(y) {
+      return w(y) === f;
     }
-    function S(y) {
-      return P(y) === c;
+    function v(y) {
+      return w(y) === c;
     }
-    function k(y) {
-      return P(y) === s;
+    function P(y) {
+      return w(y) === s;
     }
-    function A(y) {
+    function k(y) {
       return typeof y == "object" && y !== null && y.$$typeof === r;
     }
-    function x(y) {
-      return P(y) === h;
+    function O(y) {
+      return w(y) === h;
     }
-    function I(y) {
-      return P(y) === n;
+    function R(y) {
+      return w(y) === n;
     }
-    function O(y) {
-      return P(y) === w;
+    function A(y) {
+      return w(y) === T;
     }
-    function $(y) {
-      return P(y) === C;
+    function _(y) {
+      return w(y) === S;
     }
-    function B(y) {
-      return P(y) === t;
+    function I(y) {
+      return w(y) === t;
     }
     function D(y) {
-      return P(y) === a;
+      return w(y) === a;
     }
-    function j(y) {
-      return P(y) === o;
+    function B(y) {
+      return w(y) === o;
     }
     function H(y) {
-      return P(y) === m;
+      return w(y) === d;
     }
-    N.AsyncMode = g, N.ConcurrentMode = K, N.ContextConsumer = X, N.ContextProvider = q, N.Element = i, N.ForwardRef = T, N.Fragment = R, N.Lazy = U, N.Memo = ce, N.Portal = re, N.Profiler = me, N.StrictMode = te, N.Suspense = pe, N.isAsyncMode = He, N.isConcurrentMode = p, N.isContextConsumer = S, N.isContextProvider = k, N.isElement = A, N.isForwardRef = x, N.isFragment = I, N.isLazy = O, N.isMemo = $, N.isPortal = B, N.isProfiler = D, N.isStrictMode = j, N.isSuspense = H, N.isValidElementType = v, N.typeOf = P;
+    N.AsyncMode = m, N.ConcurrentMode = K, N.ContextConsumer = X, N.ContextProvider = ie, N.Element = q, N.ForwardRef = i, N.Fragment = C, N.Lazy = j, N.Memo = L, N.Portal = re, N.Profiler = ue, N.StrictMode = te, N.Suspense = ge, N.isAsyncMode = He, N.isConcurrentMode = g, N.isContextConsumer = v, N.isContextProvider = P, N.isElement = k, N.isForwardRef = O, N.isFragment = R, N.isLazy = A, N.isMemo = _, N.isPortal = I, N.isProfiler = D, N.isStrictMode = B, N.isSuspense = H, N.isValidElementType = E, N.typeOf = w;
   }()), N;
 }
-var br;
-function Ur() {
-  return br || (br = 1, process.env.NODE_ENV === "production" ? Pe.exports = nt() : Pe.exports = ot()), Pe.exports;
+var yr;
+function Fr() {
+  return yr || (yr = 1, process.env.NODE_ENV === "production" ? Pe.exports = it() : Pe.exports = at()), Pe.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Qe, vr;
-function it() {
-  if (vr) return Qe;
-  vr = 1;
+var Qe, br;
+function st() {
+  if (br) return Qe;
+  br = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -234,36 +215,36 @@ function it() {
   return Qe = o() ? Object.assign : function(a, s) {
     for (var c, l = n(a), f, h = 1; h < arguments.length; h++) {
       c = Object(arguments[h]);
-      for (var m in c)
-        r.call(c, m) && (l[m] = c[m]);
+      for (var d in c)
+        r.call(c, d) && (l[d] = c[d]);
       if (e) {
         f = e(c);
-        for (var d = 0; d < f.length; d++)
-          t.call(c, f[d]) && (l[f[d]] = c[f[d]]);
+        for (var p = 0; p < f.length; p++)
+          t.call(c, f[p]) && (l[f[p]] = c[f[p]]);
       }
     }
     return l;
   }, Qe;
 }
-var Je, Sr;
-function cr() {
-  if (Sr) return Je;
-  Sr = 1;
+var Je, vr;
+function sr() {
+  if (vr) return Je;
+  vr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Je = e, Je;
 }
-var Xe, Cr;
-function Lr() {
-  return Cr || (Cr = 1, Xe = Function.call.bind(Object.prototype.hasOwnProperty)), Xe;
+var Xe, Sr;
+function Ur() {
+  return Sr || (Sr = 1, Xe = Function.call.bind(Object.prototype.hasOwnProperty)), Xe;
 }
-var Ze, Tr;
-function at() {
-  if (Tr) return Ze;
-  Tr = 1;
+var Ze, Cr;
+function ct() {
+  if (Cr) return Ze;
+  Cr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = cr(), t = {}, n = Lr();
+    var r = sr(), t = {}, n = Ur();
     e = function(a) {
       var s = "Warning: " + a;
       typeof console < "u" && console.error(s);
@@ -277,25 +258,25 @@ function at() {
     if (process.env.NODE_ENV !== "production") {
       for (var h in a)
         if (n(a, h)) {
-          var m;
+          var d;
           try {
             if (typeof a[h] != "function") {
-              var d = Error(
+              var p = Error(
                 (l || "React class") + ": " + c + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw d.name = "Invariant Violation", d;
+              throw p.name = "Invariant Violation", p;
             }
-            m = a[h](s, h, l, c, null, r);
-          } catch (w) {
-            m = w;
+            d = a[h](s, h, l, c, null, r);
+          } catch (T) {
+            d = T;
           }
-          if (m && !(m instanceof Error) && e(
-            (l || "React class") + ": type specification of " + c + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), m instanceof Error && !(m.message in t)) {
-            t[m.message] = !0;
-            var C = f ? f() : "";
+          if (d && !(d instanceof Error) && e(
+            (l || "React class") + ": type specification of " + c + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), d instanceof Error && !(d.message in t)) {
+            t[d.message] = !0;
+            var S = f ? f() : "";
             e(
-              "Failed " + c + " type: " + m.message + (C ?? "")
+              "Failed " + c + " type: " + d.message + (S ?? "")
             );
           }
         }
@@ -305,11 +286,11 @@ function at() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Ze = o, Ze;
 }
-var er, wr;
-function st() {
-  if (wr) return er;
-  wr = 1;
-  var e = Ur(), r = it(), t = cr(), n = Lr(), o = at(), a = function() {
+var er, Tr;
+function ut() {
+  if (Tr) return er;
+  Tr = 1;
+  var e = Fr(), r = st(), t = sr(), n = Ur(), o = ct(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(c) {
     var l = "Warning: " + c;
@@ -324,260 +305,260 @@ function st() {
   }
   return er = function(c, l) {
     var f = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-    function m(p) {
-      var S = p && (f && p[f] || p[h]);
-      if (typeof S == "function")
-        return S;
-    }
-    var d = "<<anonymous>>", C = {
-      array: _("array"),
-      bigint: _("bigint"),
-      bool: _("boolean"),
-      func: _("function"),
-      number: _("number"),
-      object: _("object"),
-      string: _("string"),
-      symbol: _("symbol"),
+    function d(g) {
+      var v = g && (f && g[f] || g[h]);
+      if (typeof v == "function")
+        return v;
+    }
+    var p = "<<anonymous>>", S = {
+      array: $("array"),
+      bigint: $("bigint"),
+      bool: $("boolean"),
+      func: $("function"),
+      number: $("number"),
+      object: $("object"),
+      string: $("string"),
+      symbol: $("symbol"),
       any: Y(),
-      arrayOf: v,
-      element: P(),
-      elementType: g(),
+      arrayOf: E,
+      element: w(),
+      elementType: m(),
       instanceOf: K,
-      node: T(),
-      objectOf: q,
+      node: i(),
+      objectOf: ie,
       oneOf: X,
-      oneOfType: i,
-      shape: U,
-      exact: ce
+      oneOfType: q,
+      shape: j,
+      exact: L
     };
-    function w(p, S) {
-      return p === S ? p !== 0 || 1 / p === 1 / S : p !== p && S !== S;
+    function T(g, v) {
+      return g === v ? g !== 0 || 1 / g === 1 / v : g !== g && v !== v;
     }
-    function b(p, S) {
-      this.message = p, this.data = S && typeof S == "object" ? S : {}, this.stack = "";
+    function b(g, v) {
+      this.message = g, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
     }
     b.prototype = Error.prototype;
-    function E(p) {
+    function x(g) {
       if (process.env.NODE_ENV !== "production")
-        var S = {}, k = 0;
-      function A(I, O, $, B, D, j, H) {
-        if (B = B || d, j = j || $, H !== t) {
+        var v = {}, P = 0;
+      function k(R, A, _, I, D, B, H) {
+        if (I = I || p, B = B || _, H !== t) {
           if (l) {
             var y = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw y.name = "Invariant Violation", y;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ne = B + ":" + $;
-            !S[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
-            k < 3 && (a(
-              "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), S[ne] = !0, k++);
+            var ne = I + ":" + _;
+            !v[ne] && // 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 `" + B + "` prop on `" + I + "`. 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."
+            ), v[ne] = !0, P++);
           }
         }
-        return O[$] == null ? I ? O[$] === null ? new b("The " + D + " `" + j + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new b("The " + D + " `" + j + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : p(O, $, B, D, j);
+        return A[_] == null ? R ? A[_] === null ? new b("The " + D + " `" + B + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new b("The " + D + " `" + B + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : g(A, _, I, D, B);
       }
-      var x = A.bind(null, !1);
-      return x.isRequired = A.bind(null, !0), x;
-    }
-    function _(p) {
-      function S(k, A, x, I, O, $) {
-        var B = k[A], D = te(B);
-        if (D !== p) {
-          var j = pe(B);
+      var O = k.bind(null, !1);
+      return O.isRequired = k.bind(null, !0), O;
+    }
+    function $(g) {
+      function v(P, k, O, R, A, _) {
+        var I = P[k], D = te(I);
+        if (D !== g) {
+          var B = ge(I);
           return new b(
-            "Invalid " + I + " `" + O + "` of type " + ("`" + j + "` supplied to `" + x + "`, expected ") + ("`" + p + "`."),
-            { expectedType: p }
+            "Invalid " + R + " `" + A + "` of type " + ("`" + B + "` supplied to `" + O + "`, expected ") + ("`" + g + "`."),
+            { expectedType: g }
           );
         }
         return null;
       }
-      return E(S);
+      return x(v);
     }
     function Y() {
-      return E(s);
-    }
-    function v(p) {
-      function S(k, A, x, I, O) {
-        if (typeof p != "function")
-          return new b("Property `" + O + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
-        var $ = k[A];
-        if (!Array.isArray($)) {
-          var B = te($);
-          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + x + "`, expected an array."));
+      return x(s);
+    }
+    function E(g) {
+      function v(P, k, O, R, A) {
+        if (typeof g != "function")
+          return new b("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var _ = P[k];
+        if (!Array.isArray(_)) {
+          var I = te(_);
+          return new b("Invalid " + R + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an array."));
         }
-        for (var D = 0; D < $.length; D++) {
-          var j = p($, D, x, I, O + "[" + D + "]", t);
-          if (j instanceof Error)
-            return j;
+        for (var D = 0; D < _.length; D++) {
+          var B = g(_, D, O, R, A + "[" + D + "]", t);
+          if (B instanceof Error)
+            return B;
         }
         return null;
       }
-      return E(S);
-    }
-    function P() {
-      function p(S, k, A, x, I) {
-        var O = S[k];
-        if (!c(O)) {
-          var $ = te(O);
-          return new b("Invalid " + x + " `" + I + "` of type " + ("`" + $ + "` supplied to `" + A + "`, expected a single ReactElement."));
+      return x(v);
+    }
+    function w() {
+      function g(v, P, k, O, R) {
+        var A = v[P];
+        if (!c(A)) {
+          var _ = te(A);
+          return new b("Invalid " + O + " `" + R + "` of type " + ("`" + _ + "` supplied to `" + k + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return E(p);
-    }
-    function g() {
-      function p(S, k, A, x, I) {
-        var O = S[k];
-        if (!e.isValidElementType(O)) {
-          var $ = te(O);
-          return new b("Invalid " + x + " `" + I + "` of type " + ("`" + $ + "` supplied to `" + A + "`, expected a single ReactElement type."));
+      return x(g);
+    }
+    function m() {
+      function g(v, P, k, O, R) {
+        var A = v[P];
+        if (!e.isValidElementType(A)) {
+          var _ = te(A);
+          return new b("Invalid " + O + " `" + R + "` of type " + ("`" + _ + "` supplied to `" + k + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return E(p);
+      return x(g);
     }
-    function K(p) {
-      function S(k, A, x, I, O) {
-        if (!(k[A] instanceof p)) {
-          var $ = p.name || d, B = He(k[A]);
-          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + x + "`, expected ") + ("instance of `" + $ + "`."));
+    function K(g) {
+      function v(P, k, O, R, A) {
+        if (!(P[k] instanceof g)) {
+          var _ = g.name || p, I = He(P[k]);
+          return new b("Invalid " + R + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
-      return E(S);
+      return x(v);
     }
-    function X(p) {
-      if (!Array.isArray(p))
+    function X(g) {
+      if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function S(k, A, x, I, O) {
-        for (var $ = k[A], B = 0; B < p.length; B++)
-          if (w($, p[B]))
+      function v(P, k, O, R, A) {
+        for (var _ = P[k], I = 0; I < g.length; I++)
+          if (T(_, g[I]))
             return null;
-        var D = JSON.stringify(p, function(H, y) {
-          var ne = pe(y);
+        var D = JSON.stringify(g, function(H, y) {
+          var ne = ge(y);
           return ne === "symbol" ? String(y) : y;
         });
-        return new b("Invalid " + I + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + x + "`, expected one of " + D + "."));
+        return new b("Invalid " + R + " `" + A + "` of value `" + String(_) + "` " + ("supplied to `" + O + "`, expected one of " + D + "."));
       }
-      return E(S);
-    }
-    function q(p) {
-      function S(k, A, x, I, O) {
-        if (typeof p != "function")
-          return new b("Property `" + O + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
-        var $ = k[A], B = te($);
-        if (B !== "object")
-          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + x + "`, expected an object."));
-        for (var D in $)
-          if (n($, D)) {
-            var j = p($, D, x, I, O + "." + D, t);
-            if (j instanceof Error)
-              return j;
+      return x(v);
+    }
+    function ie(g) {
+      function v(P, k, O, R, A) {
+        if (typeof g != "function")
+          return new b("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var _ = P[k], I = te(_);
+        if (I !== "object")
+          return new b("Invalid " + R + " `" + A + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected an object."));
+        for (var D in _)
+          if (n(_, D)) {
+            var B = g(_, D, O, R, A + "." + D, t);
+            if (B instanceof Error)
+              return B;
           }
         return null;
       }
-      return E(S);
+      return x(v);
     }
-    function i(p) {
-      if (!Array.isArray(p))
+    function q(g) {
+      if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var S = 0; S < p.length; S++) {
-        var k = p[S];
-        if (typeof k != "function")
+      for (var v = 0; v < g.length; v++) {
+        var P = g[v];
+        if (typeof P != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + _e(k) + " at index " + S + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ke(P) + " at index " + v + "."
           ), s;
       }
-      function A(x, I, O, $, B) {
-        for (var D = [], j = 0; j < p.length; j++) {
-          var H = p[j], y = H(x, I, O, $, B, t);
+      function k(O, R, A, _, I) {
+        for (var D = [], B = 0; B < g.length; B++) {
+          var H = g[B], y = H(O, R, A, _, I, t);
           if (y == null)
             return null;
           y.data && n(y.data, "expectedType") && D.push(y.data.expectedType);
         }
         var ne = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
-        return new b("Invalid " + $ + " `" + B + "` supplied to " + ("`" + O + "`" + ne + "."));
+        return new b("Invalid " + _ + " `" + I + "` supplied to " + ("`" + A + "`" + ne + "."));
       }
-      return E(A);
+      return x(k);
     }
-    function T() {
-      function p(S, k, A, x, I) {
-        return re(S[k]) ? null : new b("Invalid " + x + " `" + I + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
+    function i() {
+      function g(v, P, k, O, R) {
+        return re(v[P]) ? null : new b("Invalid " + O + " `" + R + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
-      return E(p);
+      return x(g);
     }
-    function R(p, S, k, A, x) {
+    function C(g, v, P, k, O) {
       return new b(
-        (p || "React class") + ": " + S + " type `" + k + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
+        (g || "React class") + ": " + v + " type `" + P + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
-    function U(p) {
-      function S(k, A, x, I, O) {
-        var $ = k[A], B = te($);
-        if (B !== "object")
-          return new b("Invalid " + I + " `" + O + "` of type `" + B + "` " + ("supplied to `" + x + "`, expected `object`."));
-        for (var D in p) {
-          var j = p[D];
-          if (typeof j != "function")
-            return R(x, I, O, D, pe(j));
-          var H = j($, D, x, I, O + "." + D, t);
+    function j(g) {
+      function v(P, k, O, R, A) {
+        var _ = P[k], I = te(_);
+        if (I !== "object")
+          return new b("Invalid " + R + " `" + A + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var D in g) {
+          var B = g[D];
+          if (typeof B != "function")
+            return C(O, R, A, D, ge(B));
+          var H = B(_, D, O, R, A + "." + D, t);
           if (H)
             return H;
         }
         return null;
       }
-      return E(S);
-    }
-    function ce(p) {
-      function S(k, A, x, I, O) {
-        var $ = k[A], B = te($);
-        if (B !== "object")
-          return new b("Invalid " + I + " `" + O + "` of type `" + B + "` " + ("supplied to `" + x + "`, expected `object`."));
-        var D = r({}, k[A], p);
-        for (var j in D) {
-          var H = p[j];
-          if (n(p, j) && typeof H != "function")
-            return R(x, I, O, j, pe(H));
+      return x(v);
+    }
+    function L(g) {
+      function v(P, k, O, R, A) {
+        var _ = P[k], I = te(_);
+        if (I !== "object")
+          return new b("Invalid " + R + " `" + A + "` of type `" + I + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var D = r({}, P[k], g);
+        for (var B in D) {
+          var H = g[B];
+          if (n(g, B) && typeof H != "function")
+            return C(O, R, A, B, ge(H));
           if (!H)
             return new b(
-              "Invalid " + I + " `" + O + "` key `" + j + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(k[A], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
+              "Invalid " + R + " `" + A + "` key `" + B + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(P[k], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var y = H($, j, x, I, O + "." + j, t);
+          var y = H(_, B, O, R, A + "." + B, t);
           if (y)
             return y;
         }
         return null;
       }
-      return E(S);
+      return x(v);
     }
-    function re(p) {
-      switch (typeof p) {
+    function re(g) {
+      switch (typeof g) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !p;
+          return !g;
         case "object":
-          if (Array.isArray(p))
-            return p.every(re);
-          if (p === null || c(p))
+          if (Array.isArray(g))
+            return g.every(re);
+          if (g === null || c(g))
             return !0;
-          var S = m(p);
-          if (S) {
-            var k = S.call(p), A;
-            if (S !== p.entries) {
-              for (; !(A = k.next()).done; )
-                if (!re(A.value))
+          var v = d(g);
+          if (v) {
+            var P = v.call(g), k;
+            if (v !== g.entries) {
+              for (; !(k = P.next()).done; )
+                if (!re(k.value))
                   return !1;
             } else
-              for (; !(A = k.next()).done; ) {
-                var x = A.value;
-                if (x && !re(x[1]))
+              for (; !(k = P.next()).done; ) {
+                var O = k.value;
+                if (O && !re(O[1]))
                   return !1;
               }
           } else
@@ -587,61 +568,61 @@ Valid keys: ` + JSON.stringify(Object.keys(p), null, "  ")
           return !1;
       }
     }
-    function me(p, S) {
-      return p === "symbol" ? !0 : S ? S["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && S instanceof Symbol : !1;
+    function ue(g, v) {
+      return g === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
     }
-    function te(p) {
-      var S = typeof p;
-      return Array.isArray(p) ? "array" : p instanceof RegExp ? "object" : me(S, p) ? "symbol" : S;
+    function te(g) {
+      var v = typeof g;
+      return Array.isArray(g) ? "array" : g instanceof RegExp ? "object" : ue(v, g) ? "symbol" : v;
     }
-    function pe(p) {
-      if (typeof p > "u" || p === null)
-        return "" + p;
-      var S = te(p);
-      if (S === "object") {
-        if (p instanceof Date)
+    function ge(g) {
+      if (typeof g > "u" || g === null)
+        return "" + g;
+      var v = te(g);
+      if (v === "object") {
+        if (g instanceof Date)
           return "date";
-        if (p instanceof RegExp)
+        if (g instanceof RegExp)
           return "regexp";
       }
-      return S;
+      return v;
     }
-    function _e(p) {
-      var S = pe(p);
-      switch (S) {
+    function ke(g) {
+      var v = ge(g);
+      switch (v) {
         case "array":
         case "object":
-          return "an " + S;
+          return "an " + v;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + S;
+          return "a " + v;
         default:
-          return S;
+          return v;
       }
     }
-    function He(p) {
-      return !p.constructor || !p.constructor.name ? d : p.constructor.name;
+    function He(g) {
+      return !g.constructor || !g.constructor.name ? p : g.constructor.name;
     }
-    return C.checkPropTypes = o, C.resetWarningCache = o.resetWarningCache, C.PropTypes = C, C;
+    return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
   }, er;
 }
-var rr, Er;
-function ct() {
-  if (Er) return rr;
-  Er = 1;
-  var e = cr();
+var rr, wr;
+function lt() {
+  if (wr) return rr;
+  wr = 1;
+  var e = sr();
   function r() {
   }
   function t() {
   }
   return t.resetWarningCache = r, rr = function() {
-    function n(s, c, l, f, h, m) {
-      if (m !== e) {
-        var d = new Error(
+    function n(s, c, l, f, h, d) {
+      if (d !== e) {
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw d.name = "Invariant Violation", d;
+        throw p.name = "Invariant Violation", p;
       }
     }
     n.isRequired = n;
@@ -675,24 +656,46 @@ function ct() {
   }, rr;
 }
 if (process.env.NODE_ENV !== "production") {
-  var ut = Ur(), lt = !0;
-  ar.exports = st()(ut.isElement, lt);
+  var ft = Fr(), dt = !0;
+  ir.exports = ut()(ft.isElement, dt);
 } else
-  ar.exports = ct()();
-var ft = ar.exports;
-const Ce = /* @__PURE__ */ tt(ft);
-function ue(e) {
+  ir.exports = lt()();
+var pt = ir.exports;
+const Ce = /* @__PURE__ */ ot(pt);
+function Lr(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 = Lr(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function yo() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Lr(e)) && (n && (n += " "), n += r);
+  return n;
+}
+function de(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 Vr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : de(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function le(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 Vr(e) {
-  if (!ue(e))
+function zr(e) {
+  if (!le(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = Vr(e[t]);
+    r[t] = zr(e[t]);
   }), r;
 }
 function Q(e, r, t = {
@@ -701,81 +704,19 @@ function Q(e, r, t = {
   const n = t.clone ? {
     ...e
   } : e;
-  return ue(e) && ue(r) && Object.keys(r).forEach((o) => {
-    ue(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && ue(e[o]) ? n[o] = Q(e[o], r[o], t) : t.clone ? n[o] = ue(r[o]) ? Vr(r[o]) : r[o] : n[o] = r[o];
-  }), n;
-}
-function fe(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 zr(e) {
-  if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : fe(7));
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
-const xr = (e) => e, dt = () => {
-  let e = xr;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = xr;
-    }
-  };
-}, pt = dt(), mt = {
-  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 Gr(e, r, t = "Mui") {
-  const n = mt[r];
-  return n ? `${t}-${n}` : `${pt.generate(e)}-${r}`;
-}
-function ho(e, r, t = "Mui") {
-  const n = {};
-  return r.forEach((o) => {
-    n[o] = Gr(e, o, t);
+  return le(e) && le(r) && Object.keys(r).forEach((o) => {
+    le(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && le(e[o]) ? n[o] = Q(e[o], r[o], t) : t.clone ? n[o] = le(r[o]) ? zr(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
-function gt(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
-  return Math.max(r, Math.min(e, t));
-}
-function Yr(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 = Yr(e[r])) && (n && (n += " "), n += t);
-  } else for (t in e) e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function yo() {
-  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Yr(e)) && (n && (n += " "), n += r);
-  return n;
-}
 function xe(e, r) {
   return r ? Q(e, r, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const de = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
-function ht(e, r) {
+const pe = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
+function gt(e, r) {
   if (!e.containerQueries)
     return r;
   const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -790,21 +731,21 @@ function ht(e, r) {
     ...r
   }) : r;
 }
-function yt(e, r) {
+function mt(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function bt(e, r) {
+function ht(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\`.` : de(18, `(${r})`));
     return null;
   }
   const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(a);
 }
-function vt(e) {
+function yt(e) {
   const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
   function t(a, s) {
     a.up = (...c) => r(e.breakpoints.up(...c), s), a.down = (...c) => r(e.breakpoints.down(...c), s), a.between = (...c) => r(e.breakpoints.between(...c), s), a.only = (...c) => r(e.breakpoints.only(...c), s), a.not = (...c) => {
@@ -829,12 +770,12 @@ const Ne = {
   // desktop
   xl: 1536
   // large screen
-}, Or = {
+}, Er = {
   // 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:${Ne[e]}px)`
-}, St = {
+}, bt = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : Ne[r] || r;
@@ -842,17 +783,17 @@ const Ne = {
     }
   })
 };
-function ae(e, r, t) {
+function se(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = n.breakpoints || Or;
+    const a = n.breakpoints || Er;
     return r.reduce((s, c, l) => (s[a.up(a.keys[l])] = t(r[l]), s), {});
   }
   if (typeof r == "object") {
-    const a = n.breakpoints || Or;
+    const a = n.breakpoints || Er;
     return Object.keys(r).reduce((s, c) => {
-      if (yt(a.keys, c)) {
-        const l = bt(n.containerQueries ? n : St, c);
+      if (mt(a.keys, c)) {
+        const l = ht(n.containerQueries ? n : bt, c);
         l && (s[l] = t(r[c], c));
       } else if (Object.keys(a.values || Ne).includes(c)) {
         const l = a.up(c);
@@ -866,24 +807,24 @@ function ae(e, r, t) {
   }
   return t(r);
 }
-function Kr(e = {}) {
+function Gr(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const a = e.up(o);
     return n[a] = {}, n;
   }, {})) || {};
 }
-function qr(e, r) {
+function Yr(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
   }, r);
 }
 function bo(e, ...r) {
-  const t = Kr(e), n = [t, ...r].reduce((o, a) => Q(o, a), {});
-  return qr(Object.keys(t), n);
+  const t = Gr(e), n = [t, ...r].reduce((o, a) => Q(o, a), {});
+  return Yr(Object.keys(t), n);
 }
-function Ct(e, r) {
+function vt(e, r) {
   if (typeof e != "object")
     return {};
   const t = {}, n = Object.keys(r);
@@ -898,7 +839,7 @@ function vo({
   breakpoints: r,
   base: t
 }) {
-  const n = t || Ct(e, r), o = Object.keys(n);
+  const n = t || vt(e, r), o = Object.keys(n);
   if (o.length === 0)
     return e;
   let a;
@@ -928,46 +869,46 @@ function G(e) {
     if (s[r] == null)
       return null;
     const c = s[r], l = s.theme, f = De(l, n) || {};
-    return ae(s, c, (m) => {
-      let d = Be(f, o, m);
-      return m === d && typeof m == "string" && (d = Be(f, o, `${r}${m === "default" ? "" : zr(m)}`, m)), t === !1 ? d : {
-        [t]: d
+    return se(s, c, (d) => {
+      let p = Be(f, o, d);
+      return d === p && typeof d == "string" && (p = Be(f, o, `${r}${d === "default" ? "" : Vr(d)}`, d)), t === !1 ? p : {
+        [t]: p
       };
     });
   };
   return a.propTypes = process.env.NODE_ENV !== "production" ? {
-    [r]: de
+    [r]: pe
   } : {}, a.filterProps = [r], a;
 }
-function Tt(e) {
+function St(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const wt = {
+const Ct = {
   m: "margin",
   p: "padding"
-}, Et = {
+}, Tt = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Ar = {
+}, xr = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, xt = Tt((e) => {
+}, wt = St((e) => {
   if (e.length > 2)
-    if (Ar[e])
-      e = Ar[e];
+    if (xr[e])
+      e = xr[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = wt[r], o = Et[t] || "";
+  const [r, t] = e.split(""), n = Ct[r], o = Tt[t] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), We = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Fe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Ot = [...We, ...Fe];
-function Ae(e, r, t, n) {
+}), We = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Fe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Et = [...We, ...Fe];
+function $e(e, r, t, n) {
   const o = De(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) => {
     if (typeof a == "string")
@@ -982,36 +923,36 @@ function Ae(e, r, t, n) {
 `)), () => {
   });
 }
-function ur(e) {
-  return Ae(e, "spacing", 8, "spacing");
+function cr(e) {
+  return $e(e, "spacing", 8, "spacing");
 }
-function $e(e, r) {
+function Ae(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function At(e, r) {
-  return (t) => e.reduce((n, o) => (n[o] = $e(r, t), n), {});
+function xt(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Ae(r, t), n), {});
 }
-function $t(e, r, t, n) {
+function Ot(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = xt(t), a = At(o, n), s = e[t];
-  return ae(e, s, a);
+  const o = wt(t), a = xt(o, n), s = e[t];
+  return se(e, s, a);
 }
-function Hr(e, r) {
-  const t = ur(e.theme);
-  return Object.keys(e).map((n) => $t(e, r, n, t)).reduce(xe, {});
+function Kr(e, r) {
+  const t = cr(e.theme);
+  return Object.keys(e).map((n) => Ot(e, r, n, t)).reduce(xe, {});
 }
 function V(e) {
-  return Hr(e, We);
+  return Kr(e, We);
 }
-V.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = de, e), {}) : {};
+V.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = pe, e), {}) : {};
 V.filterProps = We;
 function z(e) {
-  return Hr(e, Fe);
+  return Kr(e, Fe);
 }
-z.propTypes = process.env.NODE_ENV !== "production" ? Fe.reduce((e, r) => (e[r] = de, e), {}) : {};
+z.propTypes = process.env.NODE_ENV !== "production" ? Fe.reduce((e, r) => (e[r] = pe, e), {}) : {};
 z.filterProps = Fe;
-process.env.NODE_ENV !== "production" && Ot.reduce((e, r) => (e[r] = de, e), {});
+process.env.NODE_ENV !== "production" && Et.reduce((e, r) => (e[r] = pe, e), {});
 function Ue(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
     n[a] = o;
@@ -1028,104 +969,104 @@ function ee(e, r) {
     transform: r
   });
 }
-const _t = ee("border", Z), kt = ee("borderTop", Z), Pt = ee("borderRight", Z), Rt = ee("borderBottom", Z), It = ee("borderLeft", Z), Bt = ee("borderColor"), jt = ee("borderTopColor"), Mt = ee("borderRightColor"), Nt = ee("borderBottomColor"), Dt = ee("borderLeftColor"), Wt = ee("outline", Z), Ft = ee("outlineColor"), Le = (e) => {
+const $t = ee("border", Z), At = ee("borderTop", Z), kt = ee("borderRight", Z), _t = ee("borderBottom", Z), Pt = ee("borderLeft", Z), Rt = ee("borderColor"), It = ee("borderTopColor"), Bt = ee("borderRightColor"), jt = ee("borderBottomColor"), Mt = ee("borderLeftColor"), Nt = ee("outline", Z), Dt = ee("outlineColor"), Le = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const r = Ae(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
-      borderRadius: $e(r, n)
+    const r = $e(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Ae(r, n)
     });
-    return ae(e, e.borderRadius, t);
+    return se(e, e.borderRadius, t);
   }
   return null;
 };
 Le.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: de
+  borderRadius: pe
 } : {};
 Le.filterProps = ["borderRadius"];
-Ue(_t, kt, Pt, Rt, It, Bt, jt, Mt, Nt, Dt, Le, Wt, Ft);
+Ue($t, At, kt, _t, Pt, Rt, It, Bt, jt, Mt, Le, Nt, Dt);
 const Ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "gap"), t = (n) => ({
-      gap: $e(r, n)
+    const r = $e(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Ae(r, n)
     });
-    return ae(e, e.gap, t);
+    return se(e, e.gap, t);
   }
   return null;
 };
 Ve.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: de
+  gap: pe
 } : {};
 Ve.filterProps = ["gap"];
 const ze = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
-      columnGap: $e(r, n)
+    const r = $e(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Ae(r, n)
     });
-    return ae(e, e.columnGap, t);
+    return se(e, e.columnGap, t);
   }
   return null;
 };
 ze.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: de
+  columnGap: pe
 } : {};
 ze.filterProps = ["columnGap"];
 const Ge = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const r = Ae(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
-      rowGap: $e(r, n)
+    const r = $e(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Ae(r, n)
     });
-    return ae(e, e.rowGap, t);
+    return se(e, e.rowGap, t);
   }
   return null;
 };
 Ge.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: de
+  rowGap: pe
 } : {};
 Ge.filterProps = ["rowGap"];
-const Ut = G({
+const Wt = G({
   prop: "gridColumn"
-}), Lt = G({
+}), Ft = G({
   prop: "gridRow"
-}), Vt = G({
+}), Ut = G({
   prop: "gridAutoFlow"
-}), zt = G({
+}), Lt = G({
   prop: "gridAutoColumns"
-}), Gt = G({
+}), Vt = G({
   prop: "gridAutoRows"
-}), Yt = G({
+}), zt = G({
   prop: "gridTemplateColumns"
-}), Kt = G({
+}), Gt = G({
   prop: "gridTemplateRows"
-}), qt = G({
+}), Yt = G({
   prop: "gridTemplateAreas"
-}), Ht = G({
+}), Kt = G({
   prop: "gridArea"
 });
-Ue(Ve, ze, Ge, Ut, Lt, Vt, zt, Gt, Yt, Kt, qt, Ht);
+Ue(Ve, ze, Ge, Wt, Ft, Ut, Lt, Vt, zt, Gt, Yt, Kt);
 function Se(e, r) {
   return r === "grey" ? r : e;
 }
-const Qt = G({
+const qt = G({
   prop: "color",
   themeKey: "palette",
   transform: Se
-}), Jt = G({
+}), Ht = G({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Se
-}), Xt = G({
+}), Qt = G({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Se
 });
-Ue(Qt, Jt, Xt);
+Ue(qt, Ht, Qt);
 function J(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Zt = G({
+const Jt = G({
   prop: "width",
   transform: J
-}), lr = (e) => {
+}), ur = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const r = (t) => {
       var o, a, s, c, l;
@@ -1138,21 +1079,21 @@ const Zt = G({
         maxWidth: J(t)
       };
     };
-    return ae(e, e.maxWidth, r);
+    return se(e, e.maxWidth, r);
   }
   return null;
 };
-lr.filterProps = ["maxWidth"];
-const en = G({
+ur.filterProps = ["maxWidth"];
+const Xt = G({
   prop: "minWidth",
   transform: J
-}), rn = G({
+}), Zt = G({
   prop: "height",
   transform: J
-}), tn = G({
+}), en = G({
   prop: "maxHeight",
   transform: J
-}), nn = G({
+}), rn = G({
   prop: "minHeight",
   transform: J
 });
@@ -1166,10 +1107,10 @@ G({
   cssProperty: "height",
   transform: J
 });
-const on = G({
+const tn = G({
   prop: "boxSizing"
 });
-Ue(Zt, lr, en, rn, tn, nn, on);
+Ue(Jt, ur, Xt, Zt, en, rn, tn);
 const Ye = {
   // borders
   border: {
@@ -1418,7 +1359,7 @@ const Ye = {
     transform: J
   },
   maxWidth: {
-    style: lr
+    style: ur
   },
   minWidth: {
     transform: J
@@ -1458,14 +1399,14 @@ const Ye = {
     themeKey: "typography"
   }
 };
-function an(...e) {
+function nn(...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 on(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function cn() {
+function an() {
   function e(t, n, o, a) {
     const s = {
       [t]: n,
@@ -1479,7 +1420,7 @@ function cn() {
       cssProperty: l = t,
       themeKey: f,
       transform: h,
-      style: m
+      style: d
     } = c;
     if (n == null)
       return null;
@@ -1487,10 +1428,10 @@ function cn() {
       return {
         [t]: n
       };
-    const d = De(o, f) || {};
-    return m ? m(s) : ae(s, n, (w) => {
-      let b = Be(d, h, w);
-      return w === b && typeof w == "string" && (b = Be(d, h, `${t}${w === "default" ? "" : zr(w)}`, w)), l === !1 ? b : {
+    const p = De(o, f) || {};
+    return d ? d(s) : se(s, n, (T) => {
+      let b = Be(p, h, T);
+      return T === b && typeof T == "string" && (b = Be(p, h, `${t}${T === "default" ? "" : Vr(T)}`, T)), l === !1 ? b : {
         [l]: b
       };
     });
@@ -1511,36 +1452,36 @@ function cn() {
         return c;
       if (!l)
         return null;
-      const f = Kr(o.breakpoints), h = Object.keys(f);
-      let m = f;
-      return Object.keys(l).forEach((d) => {
-        const C = sn(l[d], o);
-        if (C != null)
-          if (typeof C == "object")
-            if (a[d])
-              m = xe(m, e(d, C, o, a));
+      const f = Gr(o.breakpoints), h = Object.keys(f);
+      let d = f;
+      return Object.keys(l).forEach((p) => {
+        const S = on(l[p], o);
+        if (S != null)
+          if (typeof S == "object")
+            if (a[p])
+              d = xe(d, e(p, S, o, a));
             else {
-              const w = ae({
+              const T = se({
                 theme: o
-              }, C, (b) => ({
-                [d]: b
+              }, S, (b) => ({
+                [p]: b
               }));
-              an(w, C) ? m[d] = r({
-                sx: C,
+              nn(T, S) ? d[p] = r({
+                sx: S,
                 theme: o
-              }) : m = xe(m, w);
+              }) : d = xe(d, T);
             }
           else
-            m = xe(m, e(d, C, o, a));
-      }), ht(o, qr(h, m));
+            d = xe(d, e(p, S, o, a));
+      }), gt(o, Yr(h, d));
     }
     return Array.isArray(n) ? n.map(s) : s(n);
   }
   return r;
 }
-const Ke = cn();
+const Ke = an();
 Ke.filterProps = ["sx"];
-function un(e) {
+function sn(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: */
@@ -1559,7 +1500,7 @@ function un(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var ln = {
+var cn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1609,33 +1550,33 @@ var ln = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function fn(e) {
+function un(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var dn = !1, pn = /[A-Z]|^ms/g, mn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Qr = function(r) {
+var ln = !1, fn = /[A-Z]|^ms/g, dn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, qr = function(r) {
   return r.charCodeAt(1) === 45;
-}, $r = function(r) {
+}, Or = function(r) {
   return r != null && typeof r != "boolean";
-}, tr = /* @__PURE__ */ fn(function(e) {
-  return Qr(e) ? e : e.replace(pn, "-$&").toLowerCase();
-}), _r = function(r, t) {
+}, tr = /* @__PURE__ */ un(function(e) {
+  return qr(e) ? e : e.replace(fn, "-$&").toLowerCase();
+}), $r = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(mn, function(n, o, a) {
-          return le = {
+        return t.replace(dn, function(n, o, a) {
+          return fe = {
             name: o,
             styles: a,
-            next: le
+            next: fe
           }, o;
         });
   }
-  return ln[r] !== 1 && !Qr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
-}, gn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+  return cn[r] !== 1 && !qr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+}, pn = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
 function je(e, r, t) {
   if (t == null)
     return "";
@@ -1648,31 +1589,31 @@ function je(e, r, t) {
     case "object": {
       var o = t;
       if (o.anim === 1)
-        return le = {
+        return fe = {
           name: o.name,
           styles: o.styles,
-          next: le
+          next: fe
         }, o.name;
       var a = t;
       if (a.styles !== void 0) {
         var s = a.next;
         if (s !== void 0)
           for (; s !== void 0; )
-            le = {
+            fe = {
               name: s.name,
               styles: s.styles,
-              next: le
+              next: fe
             }, s = s.next;
         var c = a.styles + ";";
         return c;
       }
-      return hn(e, r, t);
+      return gn(e, r, t);
     }
   }
   var l = t;
   return l;
 }
-function hn(e, r, t) {
+function gn(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var o = 0; o < t.length; o++)
@@ -1682,13 +1623,13 @@ function hn(e, r, t) {
       var s = t[a];
       if (typeof s != "object") {
         var c = s;
-        $r(c) && (n += tr(a) + ":" + _r(a, c) + ";");
+        Or(c) && (n += tr(a) + ":" + $r(a, c) + ";");
       } else {
-        if (a === "NO_COMPONENT_SELECTOR" && dn)
-          throw new Error(gn);
+        if (a === "NO_COMPONENT_SELECTOR" && ln)
+          throw new Error(pn);
         if (Array.isArray(s) && typeof s[0] == "string" && r == null)
           for (var l = 0; l < s.length; l++)
-            $r(s[l]) && (n += tr(a) + ":" + _r(a, s[l]) + ";");
+            Or(s[l]) && (n += tr(a) + ":" + $r(a, s[l]) + ";");
         else {
           var f = je(e, r, s);
           switch (a) {
@@ -1705,12 +1646,12 @@ function hn(e, r, t) {
     }
   return n;
 }
-var kr = /label:\s*([^\s;{]+)\s*(;|$)/g, le;
-function yn(e, r, t) {
+var Ar = /label:\s*([^\s;{]+)\s*(;|$)/g, fe;
+function mn(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 = "";
-  le = void 0;
+  fe = void 0;
   var a = e[0];
   if (a == null || a.raw === void 0)
     n = !1, o += je(t, r, a);
@@ -1723,14 +1664,14 @@ function yn(e, r, t) {
       var l = a;
       o += l[c];
     }
-  kr.lastIndex = 0;
-  for (var f = "", h; (h = kr.exec(o)) !== null; )
+  Ar.lastIndex = 0;
+  for (var f = "", h; (h = Ar.exec(o)) !== null; )
     f += "-" + h[1];
-  var m = un(o) + f;
+  var d = sn(o) + f;
   return {
-    name: m,
+    name: d,
     styles: o,
-    next: le
+    next: fe
   };
 }
 /**
@@ -1741,7 +1682,7 @@ function yn(e, r, t) {
  * LICENSE file in the root directory of this source tree.
  */
 function So(e, r) {
-  const t = rt(e, r);
+  const t = nt(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(`
@@ -1751,11 +1692,11 @@ function So(e, r) {
 function Co(e, r) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
 }
-const Pr = [];
+const kr = [];
 function To(e) {
-  return Pr[0] = e, yn(Pr);
+  return kr[0] = e, mn(kr);
 }
-const bn = (e) => {
+const hn = (e) => {
   const r = Object.keys(e).map((t) => ({
     key: t,
     val: e[t]
@@ -1765,7 +1706,7 @@ const bn = (e) => {
     [n.key]: n.val
   }), {});
 };
-function vn(e) {
+function yn(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -1784,23 +1725,23 @@ function vn(e) {
     unit: t = "px",
     step: n = 5,
     ...o
-  } = e, a = bn(r), s = Object.keys(a);
-  function c(d) {
-    return `@media (min-width:${typeof r[d] == "number" ? r[d] : d}${t})`;
+  } = e, a = hn(r), s = Object.keys(a);
+  function c(p) {
+    return `@media (min-width:${typeof r[p] == "number" ? r[p] : p}${t})`;
   }
-  function l(d) {
-    return `@media (max-width:${(typeof r[d] == "number" ? r[d] : d) - n / 100}${t})`;
+  function l(p) {
+    return `@media (max-width:${(typeof r[p] == "number" ? r[p] : p) - n / 100}${t})`;
   }
-  function f(d, C) {
-    const w = s.indexOf(C);
-    return `@media (min-width:${typeof r[d] == "number" ? r[d] : d}${t}) and (max-width:${(w !== -1 && typeof r[s[w]] == "number" ? r[s[w]] : C) - n / 100}${t})`;
+  function f(p, S) {
+    const T = s.indexOf(S);
+    return `@media (min-width:${typeof r[p] == "number" ? r[p] : p}${t}) and (max-width:${(T !== -1 && typeof r[s[T]] == "number" ? r[s[T]] : S) - n / 100}${t})`;
   }
-  function h(d) {
-    return s.indexOf(d) + 1 < s.length ? f(d, s[s.indexOf(d) + 1]) : c(d);
+  function h(p) {
+    return s.indexOf(p) + 1 < s.length ? f(p, s[s.indexOf(p) + 1]) : c(p);
   }
-  function m(d) {
-    const C = s.indexOf(d);
-    return C === 0 ? c(s[1]) : C === s.length - 1 ? l(s[C]) : f(d, s[s.indexOf(d) + 1]).replace("@media", "@media not all and");
+  function d(p) {
+    const S = s.indexOf(p);
+    return S === 0 ? c(s[1]) : S === s.length - 1 ? l(s[S]) : f(p, s[s.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: s,
@@ -1809,15 +1750,15 @@ function vn(e) {
     down: l,
     between: f,
     only: h,
-    not: m,
+    not: d,
     unit: t,
     ...o
   };
 }
-const Sn = {
+const bn = {
   borderRadius: 4
 };
-function Jr(e = 8, r = ur({
+function Hr(e = 8, r = cr({
   spacing: e
 })) {
   if (e.mui)
@@ -1828,7 +1769,7 @@ function Jr(e = 8, r = ur({
   }).join(" "));
   return t.mui = !0, t;
 }
-function Cn(e, r) {
+function vn(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1841,14 +1782,14 @@ function Cn(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function Tn(e = {}, ...r) {
+function Sn(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
     ...s
-  } = e, c = vn(t), l = Jr(o);
+  } = e, c = yn(t), l = Hr(o);
   let f = Q({
     breakpoints: c,
     direction: "ltr",
@@ -1860,47 +1801,87 @@ function Tn(e = {}, ...r) {
     },
     spacing: l,
     shape: {
-      ...Sn,
+      ...bn,
       ...a
     }
   }, s);
-  return f = vt(f), f.applyStyles = Cn, f = r.reduce((h, m) => Q(h, m), f), f.unstable_sxConfig = {
+  return f = yt(f), f.applyStyles = vn, f = r.reduce((h, d) => Q(h, d), f), f.unstable_sxConfig = {
     ...Ye,
     ...s == null ? void 0 : s.unstable_sxConfig
-  }, f.unstable_sx = function(m) {
+  }, f.unstable_sx = function(d) {
     return Ke({
-      sx: m,
+      sx: d,
       theme: this
     });
   }, f;
 }
-function fr(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}].`), gt(e, r, t);
+const _r = (e) => e, Cn = () => {
+  let e = _r;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = _r;
+    }
+  };
+}, Tn = Cn(), wn = {
+  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 Qr(e, r, t = "Mui") {
+  const n = wn[r];
+  return n ? `${t}-${n}` : `${Tn.generate(e)}-${r}`;
+}
+function wo(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((o) => {
+    n[o] = Qr(e, o, t);
+  }), n;
+}
+function En(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+function lr(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}].`), En(e, r, t);
 }
-function wn(e) {
+function xn(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)), 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 En(e) {
+function On(e) {
   const r = e.toString(16);
   return r.length === 1 ? `0${r}` : r;
 }
-function se(e) {
+function ce(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return se(wn(e));
+    return ce(xn(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().` : de(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.` : de(10, o));
   } else
     n = n.split(",");
   return n = n.map((a) => parseFloat(a)), {
@@ -1909,12 +1890,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const xn = (e) => {
-  const r = se(e);
+const $n = (e) => {
+  const r = ce(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
 }, we = (e, r) => {
   try {
-    return xn(e);
+    return $n(e);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
@@ -1929,16 +1910,16 @@ function qe(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 wo(e) {
+function Eo(e) {
   if (e.startsWith("#"))
     return e;
   const {
     values: r
-  } = se(e);
-  return `#${r.map((t, n) => En(n === 3 ? Math.round(255 * t) : t)).join("")}`;
+  } = ce(e);
+  return `#${r.map((t, n) => On(n === 3 ? Math.round(255 * t) : t)).join("")}`;
 }
-function Xr(e) {
-  e = se(e);
+function Jr(e) {
+  e = ce(e);
   const {
     values: r
   } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, a = n * Math.min(o, 1 - o), s = (f, h = (f + t / 30) % 12) => o - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
@@ -1949,27 +1930,27 @@ function Xr(e) {
     values: l
   });
 }
-function sr(e) {
-  e = se(e);
-  let r = e.type === "hsl" || e.type === "hsla" ? se(Xr(e)).values : e.values;
+function ar(e) {
+  e = ce(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? ce(Jr(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 Rr(e, r) {
-  const t = sr(e), n = sr(r);
+function Pr(e, r) {
+  const t = ar(e), n = ar(r);
   return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
 }
-function On(e, r) {
-  return e = se(e), r = fr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, qe(e);
+function An(e, r) {
+  return e = ce(e), r = lr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, qe(e);
 }
 function Re(e, r, t) {
   try {
-    return On(e, r);
+    return An(e, r);
   } catch {
     return e;
   }
 }
-function dr(e, r) {
-  if (e = se(e), r = fr(r), e.type.includes("hsl"))
+function fr(e, r) {
+  if (e = ce(e), r = lr(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)
@@ -1978,13 +1959,13 @@ function dr(e, r) {
 }
 function W(e, r, t) {
   try {
-    return dr(e, r);
+    return fr(e, r);
   } catch {
     return e;
   }
 }
-function pr(e, r) {
-  if (e = se(e), r = fr(r), e.type.includes("hsl"))
+function dr(e, r) {
+  if (e = ce(e), r = lr(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)
@@ -1996,22 +1977,22 @@ function pr(e, r) {
 }
 function F(e, r, t) {
   try {
-    return pr(e, r);
+    return dr(e, r);
   } catch {
     return e;
   }
 }
-function An(e, r = 0.15) {
-  return sr(e) > 0.5 ? dr(e, r) : pr(e, r);
+function kn(e, r = 0.15) {
+  return ar(e) > 0.5 ? fr(e, r) : dr(e, r);
 }
 function Ie(e, r, t) {
   try {
-    return An(e, r);
+    return kn(e, r);
   } catch {
     return e;
   }
 }
-function $n(e = "") {
+function _n(e = "") {
   function r(...n) {
     if (!n.length)
       return "";
@@ -2020,32 +2001,32 @@ function $n(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${r(...o)})`;
 }
-const Ir = (e, r, t, n = []) => {
+const Rr = (e, r, t, n = []) => {
   let o = e;
   r.forEach((a, s) => {
     s === 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]);
   });
-}, _n = (e, r, t) => {
+}, Pn = (e, r, t) => {
   function n(o, a = [], s = []) {
     Object.entries(o).forEach(([c, l]) => {
       (!t || t && !t([...a, c])) && l != null && (typeof l == "object" && Object.keys(l).length > 0 ? n(l, [...a, c], Array.isArray(l) ? [...s, c] : s) : r([...a, c], l, s));
     });
   }
   n(e);
-}, kn = (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;
+}, Rn = (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 nr(e, r) {
   const {
     prefix: t,
     shouldSkipGeneratingVar: n
   } = r || {}, o = {}, a = {}, s = {};
-  return _n(
+  return Pn(
     e,
     (c, l, f) => {
       if ((typeof l == "string" || typeof l == "number") && (!n || !n(c, l))) {
-        const h = `--${t ? `${t}-` : ""}${c.join("-")}`, m = kn(c, l);
+        const h = `--${t ? `${t}-` : ""}${c.join("-")}`, d = Rn(c, l);
         Object.assign(o, {
-          [h]: m
-        }), Ir(a, c, `var(${h})`, f), Ir(s, c, `var(${h}, ${m})`, f);
+          [h]: d
+        }), Rr(a, c, `var(${h})`, f), Rr(s, c, `var(${h}, ${d})`, f);
       }
     },
     (c) => c[0] === "vars"
@@ -2056,9 +2037,9 @@ function nr(e, r) {
     varsWithDefaults: s
   };
 }
-function Pn(e, r = {}) {
+function In(e, r = {}) {
   const {
-    getSelector: t = E,
+    getSelector: t = x,
     disableCssColorScheme: n,
     colorSchemeSelector: o
   } = r, {
@@ -2069,109 +2050,109 @@ function Pn(e, r = {}) {
   } = e, {
     vars: f,
     css: h,
-    varsWithDefaults: m
+    varsWithDefaults: d
   } = nr(l, r);
-  let d = m;
-  const C = {}, {
-    [c]: w,
+  let p = d;
+  const S = {}, {
+    [c]: T,
     ...b
   } = a;
-  if (Object.entries(b || {}).forEach(([v, P]) => {
+  if (Object.entries(b || {}).forEach(([E, w]) => {
     const {
-      vars: g,
+      vars: m,
       css: K,
       varsWithDefaults: X
-    } = nr(P, r);
-    d = Q(d, X), C[v] = {
+    } = nr(w, r);
+    p = Q(p, X), S[E] = {
       css: K,
-      vars: g
+      vars: m
     };
-  }), w) {
+  }), T) {
     const {
-      css: v,
-      vars: P,
-      varsWithDefaults: g
-    } = nr(w, r);
-    d = Q(d, g), C[c] = {
-      css: v,
-      vars: P
+      css: E,
+      vars: w,
+      varsWithDefaults: m
+    } = nr(T, r);
+    p = Q(p, m), S[c] = {
+      css: E,
+      vars: w
     };
   }
-  function E(v, P) {
+  function x(E, w) {
     var K, X;
-    let g = o;
-    if (o === "class" && (g = ".%s"), o === "data" && (g = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (g = `[${o}="%s"]`), v) {
-      if (g === "media")
-        return e.defaultColorScheme === v ? ":root" : {
-          [`@media (prefers-color-scheme: ${((X = (K = a[v]) == null ? void 0 : K.palette) == null ? void 0 : X.mode) || v})`]: {
-            ":root": P
+    let m = o;
+    if (o === "class" && (m = ".%s"), o === "data" && (m = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (m = `[${o}="%s"]`), E) {
+      if (m === "media")
+        return e.defaultColorScheme === E ? ":root" : {
+          [`@media (prefers-color-scheme: ${((X = (K = a[E]) == null ? void 0 : K.palette) == null ? void 0 : X.mode) || E})`]: {
+            ":root": w
           }
         };
-      if (g)
-        return e.defaultColorScheme === v ? `:root, ${g.replace("%s", String(v))}` : g.replace("%s", String(v));
+      if (m)
+        return e.defaultColorScheme === E ? `:root, ${m.replace("%s", String(E))}` : m.replace("%s", String(E));
     }
     return ":root";
   }
   return {
-    vars: d,
+    vars: p,
     generateThemeVars: () => {
-      let v = {
+      let E = {
         ...f
       };
-      return Object.entries(C).forEach(([, {
-        vars: P
+      return Object.entries(S).forEach(([, {
+        vars: w
       }]) => {
-        v = Q(v, P);
-      }), v;
+        E = Q(E, w);
+      }), E;
     },
     generateStyleSheets: () => {
-      var q, i;
-      const v = [], P = e.defaultColorScheme || "light";
-      function g(T, R) {
-        Object.keys(R).length && v.push(typeof T == "string" ? {
-          [T]: {
-            ...R
+      var ie, q;
+      const E = [], w = e.defaultColorScheme || "light";
+      function m(i, C) {
+        Object.keys(C).length && E.push(typeof i == "string" ? {
+          [i]: {
+            ...C
           }
-        } : T);
+        } : i);
       }
-      g(t(void 0, {
+      m(t(void 0, {
         ...h
       }), h);
       const {
-        [P]: K,
+        [w]: K,
         ...X
-      } = C;
+      } = S;
       if (K) {
         const {
-          css: T
-        } = K, R = (i = (q = a[P]) == null ? void 0 : q.palette) == null ? void 0 : i.mode, U = !n && R ? {
-          colorScheme: R,
-          ...T
+          css: i
+        } = K, C = (q = (ie = a[w]) == null ? void 0 : ie.palette) == null ? void 0 : q.mode, j = !n && C ? {
+          colorScheme: C,
+          ...i
         } : {
-          ...T
+          ...i
         };
-        g(t(P, {
-          ...U
-        }), U);
+        m(t(w, {
+          ...j
+        }), j);
       }
-      return Object.entries(X).forEach(([T, {
-        css: R
+      return Object.entries(X).forEach(([i, {
+        css: C
       }]) => {
-        var re, me;
-        const U = (me = (re = a[T]) == null ? void 0 : re.palette) == null ? void 0 : me.mode, ce = !n && U ? {
-          colorScheme: U,
-          ...R
+        var re, ue;
+        const j = (ue = (re = a[i]) == null ? void 0 : re.palette) == null ? void 0 : ue.mode, L = !n && j ? {
+          colorScheme: j,
+          ...C
         } : {
-          ...R
+          ...C
         };
-        g(t(T, {
-          ...ce
-        }), ce);
-      }), v;
+        m(t(i, {
+          ...L
+        }), L);
+      }), E;
     }
   };
 }
-function Rn(e) {
+function Bn(e) {
   return function(t) {
     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)} &` : "&";
   };
@@ -2179,7 +2160,7 @@ function Rn(e) {
 const Oe = {
   black: "#000",
   white: "#fff"
-}, In = {
+}, jn = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -2194,7 +2175,7 @@ const Oe = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, ge = {
+}, me = {
   50: "#f3e5f5",
   100: "#e1bee7",
   200: "#ce93d8",
@@ -2284,74 +2265,82 @@ const Oe = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, Br = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: "rgba(0, 0, 0, 0.87)",
-    // Secondary text.
-    secondary: "rgba(0, 0, 0, 0.6)",
-    // Disabled text have even lower visual prominence.
-    disabled: "rgba(0, 0, 0, 0.38)"
-  },
-  // The color used to divide different elements.
-  divider: "rgba(0, 0, 0, 0.12)",
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: Oe.white,
-    default: Oe.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: "rgba(0, 0, 0, 0.54)",
-    // The color of an hovered action.
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: "rgba(0, 0, 0, 0.26)",
-    // The background color of a disabled action.
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-}, or = {
-  text: {
-    primary: Oe.white,
-    secondary: "rgba(255, 255, 255, 0.7)",
-    disabled: "rgba(255, 255, 255, 0.5)",
-    icon: "rgba(255, 255, 255, 0.5)"
-  },
-  divider: "rgba(255, 255, 255, 0.12)",
-  background: {
-    paper: "#121212",
-    default: "#121212"
-  },
-  action: {
-    active: Oe.white,
-    hover: "rgba(255, 255, 255, 0.08)",
-    hoverOpacity: 0.08,
-    selected: "rgba(255, 255, 255, 0.16)",
-    selectedOpacity: 0.16,
-    disabled: "rgba(255, 255, 255, 0.3)",
-    disabledBackground: "rgba(255, 255, 255, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(255, 255, 255, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
 };
-function jr(e, r, t, n) {
+function Xr() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: Oe.white,
+      default: Oe.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const Mn = Xr();
+function Zr() {
+  return {
+    text: {
+      primary: Oe.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: Oe.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const Ir = Zr();
+function Br(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 = pr(e.main, o) : r === "dark" && (e.dark = dr(e.main, a)));
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = dr(e.main, o) : r === "dark" && (e.dark = fr(e.main, a)));
 }
-function Bn(e = "light") {
+function Nn(e = "light") {
   return e === "dark" ? {
     main: ye[200],
     light: ye[50],
@@ -2362,18 +2351,18 @@ function Bn(e = "light") {
     dark: ye[800]
   };
 }
-function jn(e = "light") {
+function Dn(e = "light") {
   return e === "dark" ? {
-    main: ge[200],
-    light: ge[50],
-    dark: ge[400]
+    main: me[200],
+    light: me[50],
+    dark: me[400]
   } : {
-    main: ge[500],
-    light: ge[300],
-    dark: ge[700]
+    main: me[500],
+    light: me[300],
+    dark: me[700]
   };
 }
-function Mn(e = "light") {
+function Wn(e = "light") {
   return e === "dark" ? {
     main: he[500],
     light: he[300],
@@ -2384,7 +2373,7 @@ function Mn(e = "light") {
     dark: he[800]
   };
 }
-function Nn(e = "light") {
+function Fn(e = "light") {
   return e === "dark" ? {
     main: be[400],
     light: be[300],
@@ -2395,7 +2384,7 @@ function Nn(e = "light") {
     dark: be[900]
   };
 }
-function Dn(e = "light") {
+function Un(e = "light") {
   return e === "dark" ? {
     main: ve[400],
     light: ve[300],
@@ -2406,7 +2395,7 @@ function Dn(e = "light") {
     dark: ve[900]
   };
 }
-function Wn(e = "light") {
+function Ln(e = "light") {
   return e === "dark" ? {
     main: Te[400],
     light: Te[300],
@@ -2418,36 +2407,36 @@ function Wn(e = "light") {
     dark: Te[900]
   };
 }
-function mr(e) {
+function pr(e) {
   const {
     mode: r = "light",
     contrastThreshold: t = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, a = e.primary || Bn(r), s = e.secondary || jn(r), c = e.error || Mn(r), l = e.info || Nn(r), f = e.success || Dn(r), h = e.warning || Wn(r);
-  function m(b) {
-    const E = Rr(b, or.text.primary) >= t ? or.text.primary : Br.text.primary;
+  } = e, a = e.primary || Nn(r), s = e.secondary || Dn(r), c = e.error || Wn(r), l = e.info || Fn(r), f = e.success || Un(r), h = e.warning || Ln(r);
+  function d(b) {
+    const x = Pr(b, Ir.text.primary) >= t ? Ir.text.primary : Mn.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const _ = Rr(b, E);
-      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${E} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const $ = Pr(b, x);
+      $ < 3 && console.error([`MUI: The contrast ratio of ${$}:1 for ${x} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return E;
+    return x;
   }
-  const d = ({
+  const p = ({
     color: b,
-    name: E,
-    mainShade: _ = 500,
+    name: x,
+    mainShade: $ = 500,
     lightShade: Y = 300,
-    darkShade: v = 700
+    darkShade: E = 700
   }) => {
     if (b = {
       ...b
-    }, !b.main && b[_] && (b.main = b[_]), !b.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${E ? ` (${E})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${_}\` property.` : fe(11, E ? ` (${E})` : "", _));
+    }, !b.main && b[$] && (b.main = b[$]), !b.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 \`${$}\` property.` : de(11, x ? ` (${x})` : "", $));
     if (typeof b.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${E ? ` (${E})` : ""} 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(b.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
@@ -2460,13 +2449,11 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : fe(12, E ? ` (${E})` : "", JSON.stringify(b.main)));
-    return jr(b, "light", Y, n), jr(b, "dark", v, n), b.contrastText || (b.contrastText = m(b.main)), b;
-  }, C = {
-    dark: or,
-    light: Br
+} });` : de(12, x ? ` (${x})` : "", JSON.stringify(b.main)));
+    return Br(b, "light", Y, n), Br(b, "dark", E, n), b.contrastText || (b.contrastText = d(b.main)), b;
   };
-  return process.env.NODE_ENV !== "production" && (C[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Q({
+  let S;
+  return r === "light" ? S = Xr() : r === "dark" && (S = Zr()), process.env.NODE_ENV !== "production" && (S || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Q({
     // A collection of common colors.
     common: {
       ...Oe
@@ -2475,12 +2462,12 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: r,
     // The colors used to represent primary interface elements for a user.
-    primary: d({
+    primary: p({
       color: a,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: d({
+    secondary: p({
       color: s,
       name: "secondary",
       mainShade: "A400",
@@ -2488,50 +2475,50 @@ const theme2 = createTheme({ palette: {
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: d({
+    error: p({
       color: c,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: d({
+    warning: p({
       color: h,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: d({
+    info: p({
       color: l,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: d({
+    success: p({
       color: f,
       name: "success"
     }),
     // The grey colors.
-    grey: In,
+    grey: jn,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: t,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: m,
+    getContrastText: d,
     // Generate a rich color object.
-    augmentColor: d,
+    augmentColor: p,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
     tonalOffset: n,
     // The light and dark mode object.
-    ...C[r]
+    ...S
   }, o);
 }
-function Fn(e) {
+function Vn(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;
 }
-function Un(e, r) {
+function zn(e, r) {
   return {
     toolbar: {
       minHeight: 56,
@@ -2547,15 +2534,15 @@ function Un(e, r) {
     ...r
   };
 }
-function Ln(e) {
+function Gn(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const Mr = {
+const jr = {
   textTransform: "uppercase"
-}, Nr = '"Roboto", "Helvetica", "Arial", sans-serif';
-function Vn(e, r) {
+}, Mr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Yn(e, r) {
   const {
-    fontFamily: t = Nr,
+    fontFamily: t = Mr,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -2569,36 +2556,36 @@ function Vn(e, r) {
     // Apply the CSS properties to all the variants.
     allVariants: f,
     pxToRem: h,
-    ...m
+    ...d
   } = 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 l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const d = n / 14, C = h || ((E) => `${E / l * d}rem`), w = (E, _, Y, v, P) => ({
+  const p = n / 14, S = h || ((x) => `${x / l * p}rem`), T = (x, $, Y, E, w) => ({
     fontFamily: t,
-    fontWeight: E,
-    fontSize: C(_),
+    fontWeight: x,
+    fontSize: S($),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: Y,
     // 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 === Nr ? {
-      letterSpacing: `${Ln(v / _)}em`
+    ...t === Mr ? {
+      letterSpacing: `${Gn(E / $)}em`
     } : {},
-    ...P,
+    ...w,
     ...f
   }), b = {
-    h1: w(o, 96, 1.167, -1.5),
-    h2: w(o, 60, 1.2, -0.5),
-    h3: w(a, 48, 1.167, 0),
-    h4: w(a, 34, 1.235, 0.25),
-    h5: w(a, 24, 1.334, 0),
-    h6: w(s, 20, 1.6, 0.15),
-    subtitle1: w(a, 16, 1.75, 0.15),
-    subtitle2: w(s, 14, 1.57, 0.1),
-    body1: w(a, 16, 1.5, 0.15),
-    body2: w(a, 14, 1.43, 0.15),
-    button: w(s, 14, 1.75, 0.4, Mr),
-    caption: w(a, 12, 1.66, 0.4),
-    overline: w(a, 12, 2.66, 1, Mr),
+    h1: T(o, 96, 1.167, -1.5),
+    h2: T(o, 60, 1.2, -0.5),
+    h3: T(a, 48, 1.167, 0),
+    h4: T(a, 34, 1.235, 0.25),
+    h5: T(a, 24, 1.334, 0),
+    h6: T(s, 20, 1.6, 0.15),
+    subtitle1: T(a, 16, 1.75, 0.15),
+    subtitle2: T(s, 14, 1.57, 0.1),
+    body1: T(a, 16, 1.5, 0.15),
+    body2: T(a, 14, 1.43, 0.15),
+    button: T(s, 14, 1.75, 0.4, jr),
+    caption: T(a, 12, 1.66, 0.4),
+    overline: T(a, 12, 2.66, 1, jr),
     // 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",
@@ -2610,7 +2597,7 @@ function Vn(e, r) {
   };
   return Q({
     htmlFontSize: l,
-    pxToRem: C,
+    pxToRem: S,
     fontFamily: t,
     fontSize: n,
     fontWeightLight: o,
@@ -2618,16 +2605,16 @@ function Vn(e, r) {
     fontWeightMedium: s,
     fontWeightBold: c,
     ...b
-  }, m, {
+  }, d, {
     clone: !1
     // No need to clone deep
   });
 }
-const zn = 0.2, Gn = 0.14, Yn = 0.12;
-function L(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${zn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Gn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Yn})`].join(",");
+const Kn = 0.2, qn = 0.14, Hn = 0.12;
+function U(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Kn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${qn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Hn})`].join(",");
 }
-const Kn = ["none", L(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), L(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), L(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), L(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), L(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), L(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), L(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), L(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), L(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), L(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), L(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), L(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), L(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), L(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), L(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), L(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), L(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), L(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), L(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), L(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), L(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), L(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), L(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), L(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], qn = {
+const Qn = ["none", U(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), U(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), U(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), U(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), U(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), U(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), U(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), U(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), U(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), U(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), U(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), U(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), U(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), U(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), U(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), U(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), U(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), U(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), U(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), U(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), U(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), U(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), U(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), U(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Jn = {
   // 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
@@ -2637,7 +2624,7 @@ const Kn = ["none", L(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), L(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)"
-}, Hn = {
+}, Xn = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -2650,25 +2637,25 @@ const Kn = ["none", L(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), L(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function Dr(e) {
+function Nr(e) {
   return `${Math.round(e)}ms`;
 }
-function Qn(e) {
+function Zn(e) {
   if (!e)
     return 0;
   const r = e / 36;
   return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
 }
-function Jn(e) {
+function eo(e) {
   const r = {
-    ...qn,
+    ...Jn,
     ...e.easing
   }, t = {
-    ...Hn,
+    ...Xn,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Qn,
+    getAutoHeightDuration: Zn,
     create: (o = ["all"], a = {}) => {
       const {
         duration: s = t.standard,
@@ -2677,18 +2664,18 @@ function Jn(e) {
         ...f
       } = a;
       if (process.env.NODE_ENV !== "production") {
-        const h = (d) => typeof d == "string", m = (d) => !Number.isNaN(parseFloat(d));
-        !h(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(s) && !h(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), h(c) || console.error('MUI: Argument "easing" must be a string.'), !m(l) && !h(l) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+        const h = (p) => typeof p == "string", d = (p) => !Number.isNaN(parseFloat(p));
+        !h(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !d(s) && !h(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), h(c) || console.error('MUI: Argument "easing" must be a string.'), !d(l) && !h(l) && 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(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((h) => `${h} ${typeof s == "string" ? s : Dr(s)} ${c} ${typeof l == "string" ? l : Dr(l)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((h) => `${h} ${typeof s == "string" ? s : Nr(s)} ${c} ${typeof l == "string" ? l : Nr(l)}`).join(",");
     },
     ...e,
     easing: r,
     duration: t
   };
 }
-const Xn = {
+const ro = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -2698,6 +2685,31 @@ const Xn = {
   snackbar: 1400,
   tooltip: 1500
 };
+function to(e) {
+  return le(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function et(e = {}) {
+  const r = {
+    ...e
+  };
+  function t(n) {
+    const o = Object.entries(n);
+    for (let a = 0; a < o.length; a++) {
+      const [s, c] = o[a];
+      !to(c) || s.startsWith("unstable_") ? delete n[s] : le(c) && (n[s] = {
+        ...c
+      }, t(n[s]));
+    }
+  }
+  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(r, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
 function Me(e = {}, ...r) {
   const {
     breakpoints: t,
@@ -2710,69 +2722,69 @@ function Me(e = {}, ...r) {
     ...f
   } = 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." : fe(20));
-  const h = mr(a), m = Tn(e);
-  let d = Q(m, {
-    mixins: Un(m.breakpoints, n),
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : de(20));
+  const h = pr(a), d = Sn(e);
+  let p = Q(d, {
+    mixins: zn(d.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Kn.slice(),
-    typography: Vn(h, c),
-    transitions: Jn(s),
+    shadows: Qn.slice(),
+    typography: Yn(h, c),
+    transitions: eo(s),
     zIndex: {
-      ...Xn
+      ...ro
     }
   });
-  if (d = Q(d, f), d = r.reduce((C, w) => Q(C, w), d), process.env.NODE_ENV !== "production") {
-    const C = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], w = (b, E) => {
-      let _;
-      for (_ in b) {
-        const Y = b[_];
-        if (C.includes(_) && Object.keys(Y).length > 0) {
+  if (p = Q(p, f), p = r.reduce((S, T) => Q(S, T), p), process.env.NODE_ENV !== "production") {
+    const S = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], T = (b, x) => {
+      let $;
+      for ($ in b) {
+        const Y = b[$];
+        if (S.includes($) && Object.keys(Y).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const v = Gr("", _);
-            console.error([`MUI: The \`${E}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${v}' syntax:`, JSON.stringify({
+            const E = Qr("", $);
+            console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${$}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${E}' syntax:`, JSON.stringify({
               root: {
-                [`&.${v}`]: Y
+                [`&.${E}`]: Y
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          b[_] = {};
+          b[$] = {};
         }
       }
     };
-    Object.keys(d.components).forEach((b) => {
-      const E = d.components[b].styleOverrides;
-      E && b.startsWith("Mui") && w(E, b);
+    Object.keys(p.components).forEach((b) => {
+      const x = p.components[b].styleOverrides;
+      x && b.startsWith("Mui") && T(x, b);
     });
   }
-  return d.unstable_sxConfig = {
+  return p.unstable_sxConfig = {
     ...Ye,
     ...f == null ? void 0 : f.unstable_sxConfig
-  }, d.unstable_sx = function(w) {
+  }, p.unstable_sx = function(T) {
     return Ke({
-      sx: w,
+      sx: T,
       theme: this
     });
-  }, d;
+  }, p.toRuntimeSource = et, p;
 }
-let Wr = !1;
-function Eo(...e) {
-  return process.env.NODE_ENV !== "production" && (Wr || (Wr = !0, console.error(["MUI: the createMuiTheme function was renamed to createTheme.", "", "You should use `import { createTheme } from '@mui/material/styles'`"].join(`
+let Dr = !1;
+function xo(...e) {
+  return process.env.NODE_ENV !== "production" && (Dr || (Dr = !0, console.error(["MUI: the createMuiTheme function was renamed to createTheme.", "", "You should use `import { createTheme } from '@mui/material/styles'`"].join(`
 `)))), Me(...e);
 }
-function Zn(e) {
+function no(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 eo = [...Array(25)].map((e, r) => {
+const oo = [...Array(25)].map((e, r) => {
   if (r === 0)
-    return;
-  const t = Zn(r);
+    return "none";
+  const t = no(r);
   return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
 });
-function Zr(e) {
+function rt(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -2780,10 +2792,10 @@ function Zr(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function et(e) {
-  return e === "dark" ? eo : [];
+function tt(e) {
+  return e === "dark" ? oo : [];
 }
-function ro(e) {
+function io(e) {
   const {
     palette: r = {
       mode: "light"
@@ -2792,85 +2804,60 @@ function ro(e) {
     opacity: t,
     overlays: n,
     ...o
-  } = e, a = mr(r);
+  } = e, a = pr(r);
   return {
     palette: a,
     opacity: {
-      ...Zr(a.mode),
+      ...rt(a.mode),
       ...t
     },
-    overlays: n || et(a.mode),
+    overlays: n || tt(a.mode),
     ...o
   };
 }
-function to(e) {
+function ao(e) {
   var r;
-  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  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 no = (e) => [...[...Array(24)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t + 1}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], oo = (e) => (r, t) => {
-  const n = e.colorSchemeSelector;
-  let o = n;
-  if (n === "class" && (o = ".%s"), n === "data" && (o = "[data-%s]"), n != null && n.startsWith("data-") && !n.includes("%s") && (o = `[${n}="%s"]`), e.defaultColorScheme === r) {
+const so = (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 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 a = {};
-      return no(e.cssVarPrefix).forEach((s) => {
-        a[s] = t[s], delete t[s];
-      }), o === "media" ? {
-        ":root": t,
+      const s = {};
+      return so(e.cssVarPrefix).forEach((c) => {
+        s[c] = t[c], delete t[c];
+      }), a === "media" ? {
+        [n]: t,
         "@media (prefers-color-scheme: dark)": {
-          ":root": a
+          [n]: s
         }
-      } : o ? {
-        [o.replace("%s", r)]: a,
-        [`:root, ${o.replace("%s", r)}`]: t
+      } : a ? {
+        [a.replace("%s", r)]: s,
+        [`${n}, ${a.replace("%s", r)}`]: t
       } : {
-        ":root": {
+        [n]: {
           ...t,
-          ...a
+          ...s
         }
       };
     }
-    if (o && o !== "media")
-      return `:root, ${o.replace("%s", String(r))}`;
+    if (a && a !== "media")
+      return `${n}, ${a.replace("%s", String(r))}`;
   } else if (r) {
-    if (o === "media")
+    if (a === "media")
       return {
         [`@media (prefers-color-scheme: ${String(r)})`]: {
-          ":root": t
+          [n]: t
         }
       };
-    if (o)
-      return o.replace("%s", String(r));
+    if (a)
+      return a.replace("%s", String(r));
   }
-  return ":root";
+  return n;
 };
-function io(e) {
-  return ue(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
-}
-function ao(e = {}) {
-  const r = {
-    ...e
-  };
-  function t(n) {
-    const o = Object.entries(n);
-    for (let a = 0; a < o.length; a++) {
-      const [s, c] = o[a];
-      !io(c) || s.startsWith("unstable_") ? delete n[s] : ue(c) && (n[s] = {
-        ...c
-      }, t(n[s]));
-    }
-  }
-  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
-
-const theme = ${JSON.stringify(r, null, 2)};
-
-theme.breakpoints = createBreakpoints(theme.breakpoints || {});
-theme.transitions = createTransitions(theme.transitions || {});
-
-export default theme;`;
-}
-function so(e, r) {
+function uo(e, r) {
   r.forEach((t) => {
     e[t] || (e[t] = {});
   });
@@ -2879,13 +2866,13 @@ function u(e, r, t) {
   !e[r] && t && (e[r] = t);
 }
 function Ee(e) {
-  return !e || !e.startsWith("hsl") ? e : Xr(e);
+  return !e || !e.startsWith("hsl") ? e : Jr(e);
 }
-function ie(e, r) {
+function ae(e, r) {
   `${r}Channel` in e || (e[`${r}Channel`] = we(Ee(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 co(e) {
+function lo(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const oe = (e) => {
@@ -2893,14 +2880,14 @@ const oe = (e) => {
     return e();
   } catch {
   }
-}, uo = (e = "mui") => $n(e);
-function ir(e, r, t, n) {
+}, fo = (e = "mui") => _n(e);
+function or(e, r, t, n) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
   const o = n === "dark" ? "dark" : "light";
   if (!t) {
-    e[n] = ro({
+    e[n] = io({
       ...r,
       palette: {
         mode: o,
@@ -2923,13 +2910,13 @@ function ir(e, r, t, n) {
     ...r,
     palette: a,
     opacity: {
-      ...Zr(o),
+      ...rt(o),
       ...r == null ? void 0 : r.opacity
     },
-    overlays: (r == null ? void 0 : r.overlays) || et(o)
+    overlays: (r == null ? void 0 : r.overlays) || tt(o)
   }, s;
 }
-function lo(e = {}, ...r) {
+function po(e = {}, ...r) {
   const {
     colorSchemes: t = {
       light: !0
@@ -2937,90 +2924,92 @@ function lo(e = {}, ...r) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: a = "mui",
-    shouldSkipGeneratingVar: s = to,
+    shouldSkipGeneratingVar: s = ao,
     colorSchemeSelector: c = t.light && t.dark ? "media" : void 0,
-    ...l
-  } = e, f = Object.keys(t)[0], h = n || (t.light && f !== "light" ? "light" : f), m = uo(a), {
-    [h]: d,
-    light: C,
-    dark: w,
-    ...b
-  } = t, E = {
-    ...b
+    rootSelector: l = ":root",
+    ...f
+  } = e, h = Object.keys(t)[0], d = n || (t.light && h !== "light" ? "light" : h), p = fo(a), {
+    [d]: S,
+    light: T,
+    dark: b,
+    ...x
+  } = t, $ = {
+    ...x
   };
-  let _ = d;
-  if ((h === "dark" && !("dark" in t) || h === "light" && !("light" in t)) && (_ = !0), !_)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${h}\` option is either missing or invalid.` : fe(21, h));
-  const Y = ir(E, _, l, h);
-  C && !E.light && ir(E, C, void 0, "light"), w && !E.dark && ir(E, w, void 0, "dark");
-  let v = {
-    defaultColorScheme: h,
-    ...Y,
+  let Y = S;
+  if ((d === "dark" && !("dark" in t) || d === "light" && !("light" in t)) && (Y = !0), !Y)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : de(21, d));
+  const E = or($, Y, f, d);
+  T && !$.light && or($, T, void 0, "light"), b && !$.dark && or($, b, void 0, "dark");
+  let w = {
+    defaultColorScheme: d,
+    ...E,
     cssVarPrefix: a,
     colorSchemeSelector: c,
-    getCssVar: m,
-    colorSchemes: E,
+    rootSelector: l,
+    getCssVar: p,
+    colorSchemes: $,
     font: {
-      ...Fn(Y.typography),
-      ...Y.font
+      ...Vn(E.typography),
+      ...E.font
     },
-    spacing: co(l.spacing)
+    spacing: lo(f.spacing)
   };
-  Object.keys(v.colorSchemes).forEach((q) => {
-    const i = v.colorSchemes[q].palette, T = (R) => {
-      const U = R.split("-"), ce = U[1], re = U[2];
-      return m(R, i[ce][re]);
+  Object.keys(w.colorSchemes).forEach((q) => {
+    const i = w.colorSchemes[q].palette, C = (j) => {
+      const L = j.split("-"), re = L[1], ue = L[2];
+      return p(j, i[re][ue]);
     };
-    if (i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff")), so(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
-      u(i.Alert, "errorColor", W(i.error.light, 0.6)), u(i.Alert, "infoColor", W(i.info.light, 0.6)), u(i.Alert, "successColor", W(i.success.light, 0.6)), u(i.Alert, "warningColor", W(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", T("palette-error-main")), u(i.Alert, "infoFilledBg", T("palette-info-main")), u(i.Alert, "successFilledBg", T("palette-success-main")), u(i.Alert, "warningFilledBg", T("palette-warning-main")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", F(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", F(i.info.light, 0.9)), u(i.Alert, "successStandardBg", F(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", F(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", T("palette-error-main")), u(i.Alert, "infoIconColor", T("palette-info-main")), u(i.Alert, "successIconColor", T("palette-success-main")), u(i.Alert, "warningIconColor", T("palette-warning-main")), u(i.AppBar, "defaultBg", T("palette-grey-100")), u(i.Avatar, "defaultBg", T("palette-grey-400")), u(i.Button, "inheritContainedBg", T("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", T("palette-grey-A100")), u(i.Chip, "defaultBorder", T("palette-grey-400")), u(i.Chip, "defaultAvatarColor", T("palette-grey-700")), u(i.Chip, "defaultIconColor", T("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", F(i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", F(i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", F(i.error.main, 0.62)), u(i.LinearProgress, "infoBg", F(i.info.main, 0.62)), u(i.LinearProgress, "successBg", F(i.success.main, 0.62)), u(i.LinearProgress, "warningBg", F(i.warning.main, 0.62)), u(i.Skeleton, "bg", `rgba(${T("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", F(i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", F(i.secondary.main, 0.62)), u(i.Slider, "errorTrack", F(i.error.main, 0.62)), u(i.Slider, "infoTrack", F(i.info.main, 0.62)), u(i.Slider, "successTrack", F(i.success.main, 0.62)), u(i.Slider, "warningTrack", F(i.warning.main, 0.62));
-      const R = Ie(i.background.default, 0.8);
-      u(i.SnackbarContent, "bg", R), u(i.SnackbarContent, "color", oe(() => i.getContrastText(R))), u(i.SpeedDialAction, "fabHoverBg", Ie(i.background.paper, 0.15)), u(i.StepConnector, "border", T("palette-grey-400")), u(i.StepContent, "border", T("palette-grey-400")), u(i.Switch, "defaultColor", T("palette-common-white")), u(i.Switch, "defaultDisabledColor", T("palette-grey-100")), u(i.Switch, "primaryDisabledColor", F(i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", F(i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", F(i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", F(i.info.main, 0.62)), u(i.Switch, "successDisabledColor", F(i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", F(i.warning.main, 0.62)), u(i.TableCell, "border", F(Re(i.divider, 1), 0.88)), u(i.Tooltip, "bg", Re(i.grey[700], 0.92));
+    if (i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff")), uo(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      u(i.Alert, "errorColor", W(i.error.light, 0.6)), u(i.Alert, "infoColor", W(i.info.light, 0.6)), u(i.Alert, "successColor", W(i.success.light, 0.6)), u(i.Alert, "warningColor", W(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", C("palette-error-main")), u(i.Alert, "infoFilledBg", C("palette-info-main")), u(i.Alert, "successFilledBg", C("palette-success-main")), u(i.Alert, "warningFilledBg", C("palette-warning-main")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", F(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", F(i.info.light, 0.9)), u(i.Alert, "successStandardBg", F(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", F(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", C("palette-error-main")), u(i.Alert, "infoIconColor", C("palette-info-main")), u(i.Alert, "successIconColor", C("palette-success-main")), u(i.Alert, "warningIconColor", C("palette-warning-main")), u(i.AppBar, "defaultBg", C("palette-grey-100")), u(i.Avatar, "defaultBg", C("palette-grey-400")), u(i.Button, "inheritContainedBg", C("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", C("palette-grey-A100")), u(i.Chip, "defaultBorder", C("palette-grey-400")), u(i.Chip, "defaultAvatarColor", C("palette-grey-700")), u(i.Chip, "defaultIconColor", C("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", F(i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", F(i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", F(i.error.main, 0.62)), u(i.LinearProgress, "infoBg", F(i.info.main, 0.62)), u(i.LinearProgress, "successBg", F(i.success.main, 0.62)), u(i.LinearProgress, "warningBg", F(i.warning.main, 0.62)), u(i.Skeleton, "bg", `rgba(${C("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", F(i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", F(i.secondary.main, 0.62)), u(i.Slider, "errorTrack", F(i.error.main, 0.62)), u(i.Slider, "infoTrack", F(i.info.main, 0.62)), u(i.Slider, "successTrack", F(i.success.main, 0.62)), u(i.Slider, "warningTrack", F(i.warning.main, 0.62));
+      const j = Ie(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", j), u(i.SnackbarContent, "color", oe(() => i.getContrastText(j))), u(i.SpeedDialAction, "fabHoverBg", Ie(i.background.paper, 0.15)), u(i.StepConnector, "border", C("palette-grey-400")), u(i.StepContent, "border", C("palette-grey-400")), u(i.Switch, "defaultColor", C("palette-common-white")), u(i.Switch, "defaultDisabledColor", C("palette-grey-100")), u(i.Switch, "primaryDisabledColor", F(i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", F(i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", F(i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", F(i.info.main, 0.62)), u(i.Switch, "successDisabledColor", F(i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", F(i.warning.main, 0.62)), u(i.TableCell, "border", F(Re(i.divider, 1), 0.88)), u(i.Tooltip, "bg", Re(i.grey[700], 0.92));
     }
     if (i.mode === "dark") {
-      u(i.Alert, "errorColor", F(i.error.light, 0.6)), u(i.Alert, "infoColor", F(i.info.light, 0.6)), u(i.Alert, "successColor", F(i.success.light, 0.6)), u(i.Alert, "warningColor", F(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", T("palette-error-dark")), u(i.Alert, "infoFilledBg", T("palette-info-dark")), u(i.Alert, "successFilledBg", T("palette-success-dark")), u(i.Alert, "warningFilledBg", T("palette-warning-dark")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", W(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", W(i.info.light, 0.9)), u(i.Alert, "successStandardBg", W(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", W(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", T("palette-error-main")), u(i.Alert, "infoIconColor", T("palette-info-main")), u(i.Alert, "successIconColor", T("palette-success-main")), u(i.Alert, "warningIconColor", T("palette-warning-main")), u(i.AppBar, "defaultBg", T("palette-grey-900")), u(i.AppBar, "darkBg", T("palette-background-paper")), u(i.AppBar, "darkColor", T("palette-text-primary")), u(i.Avatar, "defaultBg", T("palette-grey-600")), u(i.Button, "inheritContainedBg", T("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", T("palette-grey-700")), u(i.Chip, "defaultBorder", T("palette-grey-700")), u(i.Chip, "defaultAvatarColor", T("palette-grey-300")), u(i.Chip, "defaultIconColor", T("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", W(i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", W(i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", W(i.error.main, 0.5)), u(i.LinearProgress, "infoBg", W(i.info.main, 0.5)), u(i.LinearProgress, "successBg", W(i.success.main, 0.5)), u(i.LinearProgress, "warningBg", W(i.warning.main, 0.5)), u(i.Skeleton, "bg", `rgba(${T("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", W(i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", W(i.secondary.main, 0.5)), u(i.Slider, "errorTrack", W(i.error.main, 0.5)), u(i.Slider, "infoTrack", W(i.info.main, 0.5)), u(i.Slider, "successTrack", W(i.success.main, 0.5)), u(i.Slider, "warningTrack", W(i.warning.main, 0.5));
-      const R = Ie(i.background.default, 0.98);
-      u(i.SnackbarContent, "bg", R), u(i.SnackbarContent, "color", oe(() => i.getContrastText(R))), u(i.SpeedDialAction, "fabHoverBg", Ie(i.background.paper, 0.15)), u(i.StepConnector, "border", T("palette-grey-600")), u(i.StepContent, "border", T("palette-grey-600")), u(i.Switch, "defaultColor", T("palette-grey-300")), u(i.Switch, "defaultDisabledColor", T("palette-grey-600")), u(i.Switch, "primaryDisabledColor", W(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", W(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", W(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", W(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", W(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", W(i.warning.main, 0.55)), u(i.TableCell, "border", W(Re(i.divider, 1), 0.68)), u(i.Tooltip, "bg", Re(i.grey[700], 0.92));
+      u(i.Alert, "errorColor", F(i.error.light, 0.6)), u(i.Alert, "infoColor", F(i.info.light, 0.6)), u(i.Alert, "successColor", F(i.success.light, 0.6)), u(i.Alert, "warningColor", F(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", C("palette-error-dark")), u(i.Alert, "infoFilledBg", C("palette-info-dark")), u(i.Alert, "successFilledBg", C("palette-success-dark")), u(i.Alert, "warningFilledBg", C("palette-warning-dark")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", W(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", W(i.info.light, 0.9)), u(i.Alert, "successStandardBg", W(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", W(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", C("palette-error-main")), u(i.Alert, "infoIconColor", C("palette-info-main")), u(i.Alert, "successIconColor", C("palette-success-main")), u(i.Alert, "warningIconColor", C("palette-warning-main")), u(i.AppBar, "defaultBg", C("palette-grey-900")), u(i.AppBar, "darkBg", C("palette-background-paper")), u(i.AppBar, "darkColor", C("palette-text-primary")), u(i.Avatar, "defaultBg", C("palette-grey-600")), u(i.Button, "inheritContainedBg", C("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", C("palette-grey-700")), u(i.Chip, "defaultBorder", C("palette-grey-700")), u(i.Chip, "defaultAvatarColor", C("palette-grey-300")), u(i.Chip, "defaultIconColor", C("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", W(i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", W(i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", W(i.error.main, 0.5)), u(i.LinearProgress, "infoBg", W(i.info.main, 0.5)), u(i.LinearProgress, "successBg", W(i.success.main, 0.5)), u(i.LinearProgress, "warningBg", W(i.warning.main, 0.5)), u(i.Skeleton, "bg", `rgba(${C("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", W(i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", W(i.secondary.main, 0.5)), u(i.Slider, "errorTrack", W(i.error.main, 0.5)), u(i.Slider, "infoTrack", W(i.info.main, 0.5)), u(i.Slider, "successTrack", W(i.success.main, 0.5)), u(i.Slider, "warningTrack", W(i.warning.main, 0.5));
+      const j = Ie(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", j), u(i.SnackbarContent, "color", oe(() => i.getContrastText(j))), u(i.SpeedDialAction, "fabHoverBg", Ie(i.background.paper, 0.15)), u(i.StepConnector, "border", C("palette-grey-600")), u(i.StepContent, "border", C("palette-grey-600")), u(i.Switch, "defaultColor", C("palette-grey-300")), u(i.Switch, "defaultDisabledColor", C("palette-grey-600")), u(i.Switch, "primaryDisabledColor", W(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", W(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", W(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", W(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", W(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", W(i.warning.main, 0.55)), u(i.TableCell, "border", W(Re(i.divider, 1), 0.68)), u(i.Tooltip, "bg", Re(i.grey[700], 0.92));
     }
-    ie(i.background, "default"), ie(i.background, "paper"), ie(i.common, "background"), ie(i.common, "onBackground"), ie(i, "divider"), Object.keys(i).forEach((R) => {
-      const U = i[R];
-      U && typeof U == "object" && (U.main && u(i[R], "mainChannel", we(Ee(U.main))), U.light && u(i[R], "lightChannel", we(Ee(U.light))), U.dark && u(i[R], "darkChannel", we(Ee(U.dark))), U.contrastText && u(i[R], "contrastTextChannel", we(Ee(U.contrastText))), R === "text" && (ie(i[R], "primary"), ie(i[R], "secondary")), R === "action" && (U.active && ie(i[R], "active"), U.selected && ie(i[R], "selected")));
+    ae(i.background, "default"), ae(i.background, "paper"), ae(i.common, "background"), ae(i.common, "onBackground"), ae(i, "divider"), Object.keys(i).forEach((j) => {
+      const L = i[j];
+      L && typeof L == "object" && (L.main && u(i[j], "mainChannel", we(Ee(L.main))), L.light && u(i[j], "lightChannel", we(Ee(L.light))), L.dark && u(i[j], "darkChannel", we(Ee(L.dark))), L.contrastText && u(i[j], "contrastTextChannel", we(Ee(L.contrastText))), j === "text" && (ae(i[j], "primary"), ae(i[j], "secondary")), j === "action" && (L.active && ae(i[j], "active"), L.selected && ae(i[j], "selected")));
     });
-  }), v = r.reduce((q, i) => Q(q, i), v);
-  const P = {
+  }), w = r.reduce((q, i) => Q(q, i), w);
+  const m = {
     prefix: a,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: s,
-    getSelector: oo(v)
+    getSelector: co(w)
   }, {
-    vars: g,
-    generateThemeVars: K,
-    generateStyleSheets: X
-  } = Pn(v, P);
-  return v.vars = g, Object.entries(v.colorSchemes[v.defaultColorScheme]).forEach(([q, i]) => {
-    v[q] = i;
-  }), v.generateThemeVars = K, v.generateStyleSheets = X, v.generateSpacing = function() {
-    return Jr(l.spacing, ur(this));
-  }, v.getColorSchemeSelector = Rn(c), v.spacing = v.generateSpacing(), v.shouldSkipGeneratingVar = s, v.unstable_sxConfig = {
+    vars: K,
+    generateThemeVars: X,
+    generateStyleSheets: ie
+  } = In(w, m);
+  return w.vars = K, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([q, i]) => {
+    w[q] = i;
+  }), w.generateThemeVars = X, w.generateStyleSheets = ie, w.generateSpacing = function() {
+    return Hr(f.spacing, cr(this));
+  }, w.getColorSchemeSelector = Bn(c), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = s, w.unstable_sxConfig = {
     ...Ye,
-    ...l == null ? void 0 : l.unstable_sxConfig
-  }, v.unstable_sx = function(i) {
+    ...f == null ? void 0 : f.unstable_sxConfig
+  }, w.unstable_sx = function(i) {
     return Ke({
       sx: i,
       theme: this
     });
-  }, v.toRuntimeSource = ao, v;
+  }, w.toRuntimeSource = et, w;
 }
-function Fr(e, r, t) {
+function Wr(e, r, t) {
   e.colorSchemes && t && (e.colorSchemes[r] = {
     ...t !== !0 && t,
-    palette: mr({
+    palette: pr({
       ...t === !0 ? {} : t.palette,
       mode: r
     })
     // cast type to skip module augmentation test
   });
 }
-function xo(e = {}, ...r) {
+function Oo(e = {}, ...r) {
   const {
     palette: t,
     cssVariables: n = !1,
@@ -3045,83 +3034,82 @@ function xo(e = {}, ...r) {
     "palette" in e || f[c] && (f[c] !== !0 ? h = f[c].palette : c === "dark" && (h = {
       mode: "dark"
     }));
-    const m = Me({
+    const d = Me({
       ...e,
       palette: h
     }, ...r);
-    return m.defaultColorScheme = c, m.colorSchemes = f, m.palette.mode === "light" && (m.colorSchemes.light = {
+    return d.defaultColorScheme = c, d.colorSchemes = f, d.palette.mode === "light" && (d.colorSchemes.light = {
       ...f.light !== !0 && f.light,
-      palette: m.palette
-    }, Fr(m, "dark", f.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      palette: d.palette
+    }, Wr(d, "dark", f.dark)), d.palette.mode === "dark" && (d.colorSchemes.dark = {
       ...f.dark !== !0 && f.dark,
-      palette: m.palette
-    }, Fr(m, "light", f.light)), m;
+      palette: d.palette
+    }, Wr(d, "light", f.light)), d;
   }
-  return !t && !("light" in f) && c === "light" && (f.light = !0), lo({
+  return !t && !("light" in f) && c === "light" && (f.light = !0), po({
     ...s,
     colorSchemes: f,
     defaultColorScheme: c,
     ...typeof n != "boolean" && n
   }, ...r);
 }
-const Oo = "$$material";
+const $o = "$$material";
 export {
-  To as $,
-  lo as A,
-  Zn as B,
-  to as C,
-  Vn as D,
-  Un as E,
-  no as F,
+  Co as $,
+  po as A,
+  no as B,
+  ao as C,
+  Yn as D,
+  zn as E,
+  so as F,
   Ye as G,
-  ue as H,
-  Gr as I,
-  ho as J,
-  zr as K,
+  le as H,
+  Qr as I,
+  wo as J,
+  Vr as K,
   yo as L,
-  Tn as M,
+  Sn as M,
   So as N,
   Ke as O,
   Ce as P,
-  pt as Q,
-  ae as R,
+  Tn as Q,
+  se as R,
   vo as S,
-  Oo as T,
-  ur as U,
+  $o as T,
+  cr as U,
   Q as V,
   bo as W,
-  $e as X,
-  mo as Y,
-  fe as Z,
-  go as _,
-  In as a,
-  Co as a0,
-  Jr as a1,
-  De as a2,
-  tt as a3,
+  Ae as X,
+  ho as Y,
+  de as Z,
+  To as _,
+  jn as a,
+  Hr as a0,
+  De as a1,
+  ot as a2,
   ye as b,
   Oe as c,
-  wo as d,
-  Xr as e,
-  se as f,
+  Eo as d,
+  Jr as e,
+  ce as f,
   ve as g,
-  wn as h,
+  xn as h,
   qe as i,
-  Rr as j,
-  sr as k,
+  Pr as j,
+  ar as k,
   be as l,
-  An as m,
-  On as n,
+  kn as m,
+  An as n,
   Te as o,
-  ge as p,
-  dr as q,
+  me as p,
+  fr as q,
   he as r,
-  pr as s,
-  vn as t,
-  xo as u,
-  Eo as v,
-  Jn as w,
-  Hn as x,
-  qn as y,
-  ro as z
+  dr as s,
+  yn as t,
+  Oo as u,
+  xo as v,
+  eo as w,
+  Xn as x,
+  Jn as y,
+  io as z
 };