@codeplex-sac/theme 0.0.5 → 0.0.7

package/index.js

@@ -1,6 +1,6 @@
 import { jsx as ne, jsxs as $t } from "react/jsx-runtime";
 import * as _ from "react";
-import xo, { forwardRef as wo, useContext as $o, createContext as Oo, useState as ko, useCallback as qt, useEffect as Rn, useMemo as _o } from "react";
+import xo, { forwardRef as wo, useContext as $o, createContext as Oo, useState as ko, useCallback as qt, useEffect as ir, useMemo as _o } from "react";
 const tt = {
   black: "#000",
   white: "#fff"
@@ -63,14 +63,14 @@ function Re(e, ...t) {
   return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
 const Le = "$$material";
-function ir() {
-  return ir = Object.assign ? Object.assign.bind() : function(e) {
+function ar() {
+  return ar = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, ir.apply(null, arguments);
+  }, ar.apply(null, arguments);
 }
 function Ao(e) {
   if (e.sheet)
@@ -112,7 +112,7 @@ var No = /* @__PURE__ */ (function() {
       return (o = n.parentNode) == null ? void 0 : o.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), de = "-ms-", Tt = "-moz-", K = "-webkit-", Nn = "comm", mr = "rule", hr = "decl", Mo = "@import", Mn = "@keyframes", Io = "@layer", Do = Math.abs, Ot = String.fromCharCode, jo = Object.assign;
+})(), de = "-ms-", Tt = "-moz-", K = "-webkit-", Nn = "comm", hr = "rule", gr = "decl", Mo = "@import", Mn = "@keyframes", Io = "@layer", Do = Math.abs, Ot = String.fromCharCode, jo = Object.assign;
 function Lo(e, t) {
   return le(e, 0) ^ 45 ? (((t << 2 ^ le(e, 0)) << 2 ^ le(e, 1)) << 2 ^ le(e, 2)) << 2 ^ le(e, 3) : 0;
 }
@@ -125,7 +125,7 @@ function Bo(e, t) {
 function H(e, t, r) {
   return e.replace(t, r);
 }
-function ar(e, t) {
+function sr(e, t) {
   return e.indexOf(t);
 }
 function le(e, t) {
@@ -137,7 +137,7 @@ function rt(e, t, r) {
 function $e(e) {
   return e.length;
 }
-function gr(e) {
+function yr(e) {
   return e.length;
 }
 function pt(e, t) {
@@ -216,7 +216,7 @@ function Ln(e) {
   return Ge = "", e;
 }
 function St(e) {
-  return In(at(he - 1, sr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return In(at(he - 1, cr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Uo(e) {
   for (; (ce = ke()) && ce < 33; )
@@ -228,7 +228,7 @@ function zo(e, t) {
     ;
   return at(e, vt() + (t < 6 && ke() == 32 && be() == 32));
 }
-function sr(e) {
+function cr(e) {
   for (; be(); )
     switch (ce) {
       // ] ) " '
@@ -237,11 +237,11 @@ function sr(e) {
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && sr(ce);
+        e !== 34 && e !== 39 && cr(ce);
         break;
       // (
       case 40:
-        e === 41 && sr(e);
+        e === 41 && cr(e);
         break;
       // \
       case 92:
@@ -270,7 +270,7 @@ function Ct(e, t, r, n, o, i, a, c, u) {
       // (
       case 40:
         if (g != 108 && le(I, p - 1) == 58) {
-          ar(I += H(St(k), "&", "&\f"), "&\f") != -1 && (E = -1);
+          sr(I += H(St(k), "&", "&\f"), "&\f") != -1 && (E = -1);
           break;
         }
       // " ' [
@@ -315,14 +315,14 @@ function Ct(e, t, r, n, o, i, a, c, u) {
             y = 0;
           // ;
           case 59 + d:
-            E == -1 && (I = H(I, /\f/g, "")), v > 0 && $e(I) - p && pt(v > 32 ? Vr(I + ";", n, r, p - 1) : Vr(H(I, " ", "") + ";", n, r, p - 2), u);
+            E == -1 && (I = H(I, /\f/g, "")), v > 0 && $e(I) - p && pt(v > 32 ? Fr(I + ";", n, r, p - 1) : Fr(H(I, " ", "") + ";", n, r, p - 2), u);
             break;
           // @ ;
           case 59:
             I += ";";
           // { rule/at-rule
           default:
-            if (pt(T = Br(I, t, r, f, d, o, c, P, C = [], b = [], p), i), k === 123)
+            if (pt(T = Vr(I, t, r, f, d, o, c, P, C = [], b = [], p), i), k === 123)
               if (d === 0)
                 Ct(I, t, T, T, C, i, p, c, b);
               else
@@ -332,7 +332,7 @@ function Ct(e, t, r, n, o, i, a, c, u) {
                   case 108:
                   case 109:
                   case 115:
-                    Ct(e, T, T, n && pt(Br(e, T, T, 0, 0, o, c, P, o, C = [], p), b), o, b, p, c, n ? C : b);
+                    Ct(e, T, T, n && pt(Vr(e, T, T, 0, 0, o, c, P, o, C = [], p), b), o, b, p, c, n ? C : b);
                     break;
                   default:
                     Ct(I, T, T, T, [""], b, 0, c, b);
@@ -370,20 +370,20 @@ function Ct(e, t, r, n, o, i, a, c, u) {
     }
   return i;
 }
-function Br(e, t, r, n, o, i, a, c, u, f, d) {
-  for (var p = o - 1, h = o === 0 ? i : [""], v = gr(h), g = 0, l = 0, y = 0; g < n; ++g)
+function Vr(e, t, r, n, o, i, a, c, u, f, d) {
+  for (var p = o - 1, h = o === 0 ? i : [""], v = yr(h), g = 0, l = 0, y = 0; g < n; ++g)
     for (var E = 0, k = rt(e, p + 1, p = Do(l = a[g])), P = e; E < v; ++E)
       (P = In(l > 0 ? h[E] + " " + k : H(k, /&\f/g, h[E]))) && (u[y++] = P);
-  return _t(e, t, r, o === 0 ? mr : c, u, f, d);
+  return _t(e, t, r, o === 0 ? hr : c, u, f, d);
 }
 function Ko(e, t, r) {
   return _t(e, t, r, Nn, Ot(Fo()), rt(e, 2, -2), 0);
 }
-function Vr(e, t, r, n) {
-  return _t(e, t, r, hr, rt(e, 0, n), rt(e, n + 1, -1), n);
+function Fr(e, t, r, n) {
+  return _t(e, t, r, gr, rt(e, 0, n), rt(e, n + 1, -1), n);
 }
 function ze(e, t) {
-  for (var r = "", n = gr(e), o = 0; o < n; o++)
+  for (var r = "", n = yr(e), o = 0; o < n; o++)
     r += t(e[o], o, e, t) || "";
   return r;
 }
@@ -392,19 +392,19 @@ function Ho(e, t, r, n) {
     case Io:
       if (e.children.length) break;
     case Mo:
-    case hr:
+    case gr:
       return e.return = e.return || e.value;
     case Nn:
       return "";
     case Mn:
       return e.return = e.value + "{" + ze(e.children, n) + "}";
-    case mr:
+    case hr:
       e.value = e.props.join(",");
   }
   return $e(r = ze(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Xo(e) {
-  var t = gr(e);
+  var t = yr(e);
   return function(r, n, o, i) {
     for (var a = "", c = 0; c < t; c++)
       a += e[c](r, n, o, i) || "";
@@ -449,14 +449,14 @@ var Qo = function(t, r, n) {
   return t;
 }, ei = function(t, r) {
   return Ln(Zo(jn(t), r));
-}, Fr = /* @__PURE__ */ new WeakMap(), ti = function(t) {
+}, Wr = /* @__PURE__ */ new WeakMap(), ti = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Fr.get(n)) && !o) {
-      Fr.set(t, !0);
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Wr.get(n)) && !o) {
+      Wr.set(t, !0);
       for (var i = [], a = ei(r, i), c = n.props, u = 0, f = 0; u < a.length; u++)
         for (var d = 0; d < c.length; d++, f++)
           t.props[f] = i[u] ? a[u].replace(/&\f/g, c[d]) : c[d] + " " + a[u];
@@ -578,7 +578,7 @@ function Vn(e, t) {
           return H(e, /(.+:)(.+)-([^]+)/, "$1" + K + "$2-$3$1" + Tt + (le(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~ar(e, "stretch") ? Vn(H(e, "stretch", "fill-available"), t) + e : e;
+          return ~sr(e, "stretch") ? Vn(H(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
@@ -586,7 +586,7 @@ function Vn(e, t) {
       if (le(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (le(e, $e(e) - 3 - (~ar(e, "!important") && 10))) {
+      switch (le(e, $e(e) - 3 - (~sr(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return H(e, ":", ":" + K) + e;
@@ -614,14 +614,14 @@ function Vn(e, t) {
 }
 var ni = function(t, r, n, o) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case hr:
+    case gr:
       t.return = Vn(t.value, t.length);
       break;
     case Mn:
       return ze([Je(t, {
         value: H(t.value, "@", "@" + K)
       })], o);
-    case mr:
+    case hr:
       if (t.length) return Vo(t.props, function(i) {
         switch (Bo(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
@@ -695,10 +695,10 @@ function ai(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var mt = { exports: {} }, X = {};
-var Wr;
+var Ur;
 function si() {
-  if (Wr) return X;
-  Wr = 1;
+  if (Ur) return X;
+  Ur = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, u = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, E = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, k = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function P(b) {
     if (typeof b == "object" && b !== null) {
@@ -762,9 +762,9 @@ function si() {
   }, X.typeOf = P, X;
 }
 var J = {};
-var Ur;
+var zr;
 function ci() {
-  return Ur || (Ur = 1, process.env.NODE_ENV !== "production" && (function() {
+  return zr || (zr = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, u = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, f = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, E = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, k = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function P(w) {
       return typeof w == "string" || typeof w == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -845,15 +845,15 @@ function ci() {
     J.AsyncMode = b, J.ConcurrentMode = T, J.ContextConsumer = I, J.ContextProvider = L, J.Element = R, J.ForwardRef = N, J.Fragment = D, J.Lazy = s, J.Memo = M, J.Portal = x, J.Profiler = q, J.StrictMode = Y, J.Suspense = ue, J.isAsyncMode = Ie, J.isConcurrentMode = S, J.isContextConsumer = O, J.isContextProvider = A, J.isElement = j, J.isForwardRef = B, J.isFragment = W, J.isLazy = F, J.isMemo = V, J.isPortal = U, J.isProfiler = G, J.isStrictMode = z, J.isSuspense = fe, J.isValidElementType = P, J.typeOf = C;
   })()), J;
 }
-var zr;
-function yr() {
-  return zr || (zr = 1, process.env.NODE_ENV === "production" ? mt.exports = si() : mt.exports = ci()), mt.exports;
+var Yr;
+function br() {
+  return Yr || (Yr = 1, process.env.NODE_ENV === "production" ? mt.exports = si() : mt.exports = ci()), mt.exports;
 }
-var Gt, Yr;
+var Gt, qr;
 function li() {
-  if (Yr) return Gt;
-  Yr = 1;
-  var e = yr(), t = {
+  if (qr) return Gt;
+  qr = 1;
+  var e = br(), t = {
     childContextTypes: !0,
     contextType: !0,
     contextTypes: !0,
@@ -923,7 +923,7 @@ function Fn(e, t, r) {
     e[o] !== void 0 ? t.push(e[o] + ";") : o && (n += o + " ");
   }), n;
 }
-var br = function(t, r, n) {
+var vr = function(t, r, n) {
   var o = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -935,8 +935,8 @@ var br = function(t, r, n) {
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
   ui === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
-}, vr = function(t, r, n) {
-  br(t, r, n);
+}, Sr = function(t, r, n) {
+  vr(t, r, n);
   var o = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -1015,11 +1015,11 @@ var di = {
   strokeWidth: 1
 }, pi = /[A-Z]|^ms/g, mi = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wn = function(t) {
   return t.charCodeAt(1) === 45;
-}, qr = function(t) {
+}, Gr = function(t) {
   return t != null && typeof t != "boolean";
 }, Kt = /* @__PURE__ */ Bn(function(e) {
   return Wn(e) ? e : e.replace(pi, "-$&").toLowerCase();
-}), Gr = function(t, r) {
+}), Kr = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
@@ -1090,10 +1090,10 @@ function hi(e, t, r) {
       var a = r[i];
       if (typeof a != "object") {
         var c = a;
-        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : qr(c) && (n += Kt(i) + ":" + Gr(i, c) + ";");
+        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : Gr(c) && (n += Kt(i) + ":" + Kr(i, c) + ";");
       } else if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
         for (var u = 0; u < a.length; u++)
-          qr(a[u]) && (n += Kt(i) + ":" + Gr(i, a[u]) + ";");
+          Gr(a[u]) && (n += Kt(i) + ":" + Kr(i, a[u]) + ";");
       else {
         var f = ot(e, t, a);
         switch (i) {
@@ -1109,7 +1109,7 @@ function hi(e, t, r) {
     }
   return n;
 }
-var Kr = /label:\s*([^\s;{]+)\s*(;|$)/g, Oe;
+var Hr = /label:\s*([^\s;{]+)\s*(;|$)/g, Oe;
 function Pt(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
@@ -1127,8 +1127,8 @@ function Pt(e, t, r) {
       var u = i;
       o += u[c];
     }
-  Kr.lastIndex = 0;
-  for (var f = "", d; (d = Kr.exec(o)) !== null; )
+  Hr.lastIndex = 0;
+  for (var f = "", d; (d = Hr.exec(o)) !== null; )
     f += "-" + d[1];
   var p = fi(o) + f;
   return {
@@ -1139,7 +1139,7 @@ function Pt(e, t, r) {
 }
 var gi = function(t) {
   return t();
-}, Un = _.useInsertionEffect ? _.useInsertionEffect : !1, zn = Un || gi, Hr = Un || _.useLayoutEffect, Yn = /* @__PURE__ */ _.createContext(
+}, Un = _.useInsertionEffect ? _.useInsertionEffect : !1, zn = Un || gi, Xr = Un || _.useLayoutEffect, Yn = /* @__PURE__ */ _.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1151,39 +1151,39 @@ var gi = function(t) {
   }) : null
 );
 Yn.Provider;
-var Sr = function(t) {
+var Cr = function(t) {
   return /* @__PURE__ */ wo(function(r, n) {
     var o = $o(Yn);
     return t(r, o, n);
   });
-}, st = /* @__PURE__ */ _.createContext({}), Cr = {}.hasOwnProperty, cr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", yi = function(t, r) {
+}, st = /* @__PURE__ */ _.createContext({}), Er = {}.hasOwnProperty, lr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", yi = function(t, r) {
   var n = {};
   for (var o in r)
-    Cr.call(r, o) && (n[o] = r[o]);
-  return n[cr] = t, n;
+    Er.call(r, o) && (n[o] = r[o]);
+  return n[lr] = t, n;
 }, bi = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return br(r, n, o), zn(function() {
-    return vr(r, n, o);
+  return vr(r, n, o), zn(function() {
+    return Sr(r, n, o);
   }), null;
-}, vi = /* @__PURE__ */ Sr(function(e, t, r) {
+}, vi = /* @__PURE__ */ Cr(function(e, t, r) {
   var n = e.css;
   typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
-  var o = e[cr], i = [n], a = "";
+  var o = e[lr], i = [n], a = "";
   typeof e.className == "string" ? a = Fn(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
   var c = Pt(i, void 0, _.useContext(st));
   a += t.key + "-" + c.name;
   var u = {};
   for (var f in e)
-    Cr.call(e, f) && f !== "css" && f !== cr && (u[f] = e[f]);
+    Er.call(e, f) && f !== "css" && f !== lr && (u[f] = e[f]);
   return u.className = a, r && (u.ref = r), /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(bi, {
     cache: t,
     serialized: c,
     isStringTag: typeof o == "string"
   }), /* @__PURE__ */ _.createElement(o, u));
-}), Si = vi, Xr = function(t, r) {
+}), Si = vi, Jr = function(t, r) {
   var n = arguments;
-  if (r == null || !Cr.call(r, "css"))
+  if (r == null || !Er.call(r, "css"))
     return _.createElement.apply(void 0, n);
   var o = n.length, i = new Array(o);
   i[0] = Si, i[1] = yi(t, r);
@@ -1194,10 +1194,10 @@ var Sr = function(t) {
 (function(e) {
   var t;
   t || (t = e.JSX || (e.JSX = {}));
-})(Xr || (Xr = {}));
-var Ci = /* @__PURE__ */ Sr(function(e, t) {
+})(Jr || (Jr = {}));
+var Ci = /* @__PURE__ */ Cr(function(e, t) {
   var r = e.styles, n = Pt([r], void 0, _.useContext(st)), o = _.useRef();
-  return Hr(function() {
+  return Xr(function() {
     var i = t.key + "-global", a = new t.sheet.constructor({
       key: i,
       nonce: t.sheet.nonce,
@@ -1207,13 +1207,13 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
     return t.sheet.tags.length && (a.before = t.sheet.tags[0]), u !== null && (c = !0, u.setAttribute("data-emotion", i), a.hydrate([u])), o.current = [a, c], function() {
       a.flush();
     };
-  }, [t]), Hr(function() {
+  }, [t]), Xr(function() {
     var i = o.current, a = i[0], c = i[1];
     if (c) {
       i[1] = !1;
       return;
     }
-    if (n.next !== void 0 && vr(t, n.next, !0), a.tags.length) {
+    if (n.next !== void 0 && Sr(t, n.next, !0), a.tags.length) {
       var u = a.tags[a.tags.length - 1].nextElementSibling;
       a.before = u, a.flush();
     }
@@ -1226,12 +1226,12 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
   /* Z+1 */
 ), xi = Ti, wi = function(t) {
   return t !== "theme";
-}, Jr = function(t) {
+}, Qr = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
   t.charCodeAt(0) > 96 ? xi : wi;
-}, Qr = function(t, r, n) {
+}, Zr = function(t, r, n) {
   var o;
   if (r) {
     var i = r.shouldForwardProp;
@@ -1242,13 +1242,13 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
   return typeof o != "function" && n && (o = t.__emotion_forwardProp), o;
 }, $i = function(t) {
   var r = t.cache, n = t.serialized, o = t.isStringTag;
-  return br(r, n, o), zn(function() {
-    return vr(r, n, o);
+  return vr(r, n, o), zn(function() {
+    return Sr(r, n, o);
   }), null;
 }, Oi = function e(t, r) {
   var n = t.__emotion_real === t, o = n && t.__emotion_base || t, i, a;
   r !== void 0 && (i = r.label, a = r.target);
-  var c = Qr(t, r, n), u = c || Jr(o), f = !u("as");
+  var c = Zr(t, r, n), u = c || Qr(o), f = !u("as");
   return function() {
     var d = arguments, p = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
     if (i !== void 0 && p.push("label:" + i + ";"), d[0] == null || d[0].raw === void 0)
@@ -1259,7 +1259,7 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
       for (var v = d.length, g = 1; g < v; g++)
         p.push(d[g], h[g]);
     }
-    var l = Sr(function(y, E, k) {
+    var l = Cr(function(y, E, k) {
       var P = f && y.as || o, C = "", b = [], T = y;
       if (y.theme == null) {
         T = {};
@@ -1270,7 +1270,7 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
       typeof y.className == "string" ? C = Fn(E.registered, b, y.className) : y.className != null && (C = y.className + " ");
       var L = Pt(p.concat(b), E.registered, T);
       C += E.key + "-" + L.name, a !== void 0 && (C += " " + a);
-      var R = f && c === void 0 ? Jr(P) : u, N = {};
+      var R = f && c === void 0 ? Qr(P) : u, N = {};
       for (var D in y)
         f && D === "as" || R(D) && (N[D] = y[D]);
       return N.className = C, k && (N.ref = k), /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement($i, {
@@ -1284,8 +1284,8 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
         return "." + a;
       }
     }), l.withComponent = function(y, E) {
-      var k = e(y, ir({}, r, E, {
-        shouldForwardProp: Qr(l, E, !0)
+      var k = e(y, ar({}, r, E, {
+        shouldForwardProp: Zr(l, E, !0)
       }));
       return k.apply(void 0, p);
     }, l;
@@ -1426,15 +1426,15 @@ var Ci = /* @__PURE__ */ Sr(function(e, t) {
   "svg",
   "text",
   "tspan"
-], Zr = Oi.bind(null);
+], en = Oi.bind(null);
 ki.forEach(function(e) {
-  Zr[e] = Zr(e);
+  en[e] = en(e);
 });
 var ht = { exports: {} };
-var Ht, en;
+var Ht, tn;
 function _i() {
-  if (en) return Ht;
-  en = 1;
+  if (tn) return Ht;
+  tn = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(i) {
     if (i == null)
@@ -1477,25 +1477,25 @@ function _i() {
     return u;
   }, Ht;
 }
-var Xt, tn;
-function Er() {
-  if (tn) return Xt;
-  tn = 1;
+var Xt, rn;
+function Tr() {
+  if (rn) return Xt;
+  rn = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Xt = e, Xt;
 }
-var Jt, rn;
+var Jt, nn;
 function qn() {
-  return rn || (rn = 1, Jt = Function.call.bind(Object.prototype.hasOwnProperty)), Jt;
+  return nn || (nn = 1, Jt = Function.call.bind(Object.prototype.hasOwnProperty)), Jt;
 }
-var Qt, nn;
+var Qt, on;
 function Pi() {
-  if (nn) return Qt;
-  nn = 1;
+  if (on) return Qt;
+  on = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = /* @__PURE__ */ Er(), r = {}, n = /* @__PURE__ */ qn();
+    var t = /* @__PURE__ */ Tr(), r = {}, n = /* @__PURE__ */ qn();
     e = function(i) {
       var a = "Warning: " + i;
       typeof console < "u" && console.error(a);
@@ -1537,11 +1537,11 @@ function Pi() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, Qt = o, Qt;
 }
-var Zt, on;
+var Zt, an;
 function Ai() {
-  if (on) return Zt;
-  on = 1;
-  var e = yr(), t = _i(), r = /* @__PURE__ */ Er(), n = /* @__PURE__ */ qn(), o = /* @__PURE__ */ Pi(), i = function() {
+  if (an) return Zt;
+  an = 1;
+  var e = br(), t = _i(), r = /* @__PURE__ */ Tr(), n = /* @__PURE__ */ qn(), o = /* @__PURE__ */ Pi(), i = function() {
   };
   process.env.NODE_ENV !== "production" && (i = function(c) {
     var u = "Warning: " + c;
@@ -1858,11 +1858,11 @@ Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
     return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
   }, Zt;
 }
-var er, an;
+var er, sn;
 function Ri() {
-  if (an) return er;
-  an = 1;
-  var e = /* @__PURE__ */ Er();
+  if (sn) return er;
+  sn = 1;
+  var e = /* @__PURE__ */ Tr();
   function t() {
   }
   function r() {
@@ -1906,11 +1906,11 @@ function Ri() {
     return i.PropTypes = i, i;
   }, er;
 }
-var sn;
+var cn;
 function Ni() {
-  if (sn) return ht.exports;
-  if (sn = 1, process.env.NODE_ENV !== "production") {
-    var e = yr(), t = !0;
+  if (cn) return ht.exports;
+  if (cn = 1, process.env.NODE_ENV !== "production") {
+    var e = br(), t = !0;
     ht.exports = /* @__PURE__ */ Ai()(e.isElement, t);
   } else
     ht.exports = /* @__PURE__ */ Ri()();
@@ -1921,7 +1921,7 @@ const $ = /* @__PURE__ */ ai(Mi);
 function Ii(e) {
   return e == null || Object.keys(e).length === 0;
 }
-function Tr(e) {
+function xr(e) {
   const {
     styles: t,
     defaultTheme: r = {}
@@ -1930,19 +1930,19 @@ function Tr(e) {
     styles: typeof t == "function" ? (o) => t(Ii(o) ? r : o) : t
   });
 }
-process.env.NODE_ENV !== "production" && (Tr.propTypes = {
+process.env.NODE_ENV !== "production" && (xr.propTypes = {
   defaultTheme: $.object,
   styles: $.oneOfType([$.array, $.string, $.object, $.func])
 });
-const cn = [];
+const ln = [];
 function Di(e) {
-  return cn[0] = e, Pt(cn);
+  return ln[0] = e, Pt(ln);
 }
 var gt = { exports: {} }, ee = {};
-var ln;
+var un;
 function ji() {
-  if (ln) return ee;
-  ln = 1;
+  if (un) return ee;
+  un = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), f = /* @__PURE__ */ Symbol.for("react.suspense_list"), d = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), h = /* @__PURE__ */ Symbol.for("react.view_transition"), v = /* @__PURE__ */ Symbol.for("react.client.reference");
   function g(l) {
     if (typeof l == "object" && l !== null) {
@@ -2004,9 +2004,9 @@ function ji() {
   }, ee.typeOf = g, ee;
 }
 var te = {};
-var un;
+var fn;
 function Li() {
-  return un || (un = 1, process.env.NODE_ENV !== "production" && (function() {
+  return fn || (fn = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(l) {
       if (typeof l == "object" && l !== null) {
         var y = l.$$typeof;
@@ -2068,9 +2068,9 @@ function Li() {
     }, te.typeOf = e;
   })()), te;
 }
-var fn;
+var dn;
 function Bi() {
-  return fn || (fn = 1, process.env.NODE_ENV === "production" ? gt.exports = /* @__PURE__ */ ji() : gt.exports = /* @__PURE__ */ Li()), gt.exports;
+  return dn || (dn = 1, process.env.NODE_ENV === "production" ? gt.exports = /* @__PURE__ */ ji() : gt.exports = /* @__PURE__ */ Li()), gt.exports;
 }
 var Gn = /* @__PURE__ */ Bi();
 function Ae(e) {
@@ -2157,7 +2157,7 @@ function Fi(e) {
     ...o
   };
 }
-function dn(e, t) {
+function pn(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -2219,7 +2219,7 @@ const At = {
   // desktop
   xl: 1536
   // large screen
-}, pn = {
+}, mn = {
   // 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"],
@@ -2235,11 +2235,11 @@ const At = {
 function Pe(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || pn;
+    const i = n.breakpoints || mn;
     return t.reduce((a, c, u) => (a[i.up(i.keys[u])] = r(t[u]), a), {});
   }
   if (typeof t == "object") {
-    const i = n.breakpoints || pn;
+    const i = n.breakpoints || mn;
     return Object.keys(t).reduce((a, c) => {
       if (Wi(i.keys, c)) {
         const u = Ui(n.containerQueries ? n : qi, c);
@@ -2262,7 +2262,7 @@ function Gi(e = {}) {
     return r[o] = {}, r;
   }, {}) || {};
 }
-function mn(e, t) {
+function hn(e, t) {
   return e.reduce((r, n) => {
     const o = r[n];
     return (!o || Object.keys(o).length === 0) && delete r[n], r;
@@ -2322,15 +2322,15 @@ const Hi = {
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, hn = {
+}, gn = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
 }, Ji = Ki((e) => {
   if (e.length > 2)
-    if (hn[e])
-      e = hn[e];
+    if (gn[e])
+      e = gn[e];
     else
       return [e];
   const [t, r] = e.split(""), n = Hi[t], o = Xi[r] || "";
@@ -2351,7 +2351,7 @@ function ct(e, t, r, n) {
 `)), () => {
   });
 }
-function xr(e) {
+function wr(e) {
   return ct(e, "spacing", 8, "spacing");
 }
 function lt(e, t) {
@@ -2367,7 +2367,7 @@ function ea(e, t, r, n) {
   return Pe(e, a, i);
 }
 function Xn(e, t) {
-  const r = xr(e.theme);
+  const r = wr(e.theme);
   return Object.keys(e).map((n) => ea(e, t, n, r)).reduce(et, {});
 }
 function oe(e) {
@@ -2381,7 +2381,7 @@ function ie(e) {
 ie.propTypes = process.env.NODE_ENV !== "production" ? Mt.reduce((e, t) => (e[t] = Me, e), {}) : {};
 ie.filterProps = Mt;
 process.env.NODE_ENV !== "production" && Qi.reduce((e, t) => (e[t] = Me, e), {});
-function Jn(e = 8, t = xr({
+function Jn(e = 8, t = wr({
   spacing: e
 })) {
   if (e.mui)
@@ -2505,7 +2505,7 @@ function ye(e) {
 const wa = se({
   prop: "width",
   transform: ye
-}), wr = (e) => {
+}), $r = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
       const n = e.theme?.breakpoints?.values?.[r] || At[r];
@@ -2521,7 +2521,7 @@ const wa = se({
   }
   return null;
 };
-wr.filterProps = ["maxWidth"];
+$r.filterProps = ["maxWidth"];
 const $a = se({
   prop: "minWidth",
   transform: ye
@@ -2548,7 +2548,7 @@ se({
 const Pa = se({
   prop: "boxSizing"
 });
-It(wa, wr, $a, Oa, ka, _a, Pa);
+It(wa, $r, $a, Oa, ka, _a, Pa);
 const Vt = {
   // borders
   border: {
@@ -2797,7 +2797,7 @@ const Vt = {
     transform: ye
   },
   maxWidth: {
-    style: wr
+    style: $r
   },
   minWidth: {
     transform: ye
@@ -2914,8 +2914,8 @@ function Na() {
           else
             h = et(h, e(v, g, o, a));
       }), !i && o.modularCssLayers ? {
-        "@layer sx": dn(o, mn(p, h))
-      } : dn(o, mn(p, h));
+        "@layer sx": pn(o, hn(p, h))
+      } : pn(o, hn(p, h));
     }
     return Array.isArray(n) ? n.map(c) : c(n);
   }
@@ -2971,30 +2971,30 @@ function Qn(e = {}, ...t) {
 function Ia(e) {
   return Object.keys(e).length === 0;
 }
-function $r(e = null) {
+function Or(e = null) {
   const t = _.useContext(st);
   return !t || Ia(t) ? e : t;
 }
 const Da = Qn();
 function ja(e = Da) {
-  return $r(e);
+  return Or(e);
 }
 function tr(e) {
   const t = Di(e);
   return e !== t && t.styles ? (t.styles.match(/^@layer\s+[^{]*$/) || (t.styles = `@layer global{${t.styles}}`), t) : e;
 }
-function Or({
+function kr({
   styles: e,
   themeId: t,
   defaultTheme: r = {}
 }) {
   const n = ja(r), o = t && n[t] || n;
   let i = typeof e == "function" ? e(o) : e;
-  return o.modularCssLayers && (Array.isArray(i) ? i = i.map((a) => tr(typeof a == "function" ? a(o) : a)) : i = tr(i)), /* @__PURE__ */ ne(Tr, {
+  return o.modularCssLayers && (Array.isArray(i) ? i = i.map((a) => tr(typeof a == "function" ? a(o) : a)) : i = tr(i)), /* @__PURE__ */ ne(xr, {
     styles: i
   });
 }
-process.env.NODE_ENV !== "production" && (Or.propTypes = {
+process.env.NODE_ENV !== "production" && (kr.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -3012,8 +3012,8 @@ process.env.NODE_ENV !== "production" && (Or.propTypes = {
    */
   themeId: $.string
 });
-const gn = (e) => e, La = () => {
-  let e = gn;
+const yn = (e) => e, La = () => {
+  let e = yn;
   return {
     configure(t) {
       e = t;
@@ -3022,7 +3022,7 @@ const gn = (e) => e, La = () => {
       return e(t);
     },
     reset() {
-      e = gn;
+      e = yn;
     }
   };
 }, Ba = La();
@@ -3057,7 +3057,7 @@ function Wa(e, t, r = "Mui") {
   const n = Fa[t];
   return n ? `${r}-${n}` : `${Ba.generate(e)}-${t}`;
 }
-function lr(e, t, r = !1) {
+function ur(e, t, r = !1) {
   const n = {
     ...t
   };
@@ -3082,7 +3082,7 @@ function lr(e, t, r = !1) {
           for (const u in a)
             if (Object.prototype.hasOwnProperty.call(a, u)) {
               const f = u;
-              n[i][f] = lr(a[f], c[f], r);
+              n[i][f] = ur(a[f], c[f], r);
             }
         }
       } else i === "className" && r && t.className ? n.className = Va(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
@@ -3096,7 +3096,7 @@ const eo = typeof window < "u" ? _.useLayoutEffect : _.useEffect;
 function Ua(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
-function kr(e, t = 0, r = 1) {
+function _r(e, t = 0, r = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Ua(e, t, r);
 }
 function za(e) {
@@ -3159,17 +3159,17 @@ function to(e) {
     values: u
   });
 }
-function ur(e) {
+function fr(e) {
   e = Ne(e);
   let t = e.type === "hsl" || e.type === "hsla" ? Ne(to(e)).values : e.values;
   return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
-function yn(e, t) {
-  const r = ur(e), n = ur(t);
+function bn(e, t) {
+  const r = fr(e), n = fr(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 function ro(e, t) {
-  return e = Ne(e), t = kr(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ft(e);
+  return e = Ne(e), t = _r(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ft(e);
 }
 function je(e, t, r) {
   try {
@@ -3179,7 +3179,7 @@ function je(e, t, r) {
   }
 }
 function Wt(e, t) {
-  if (e = Ne(e), t = kr(t), e.type.includes("hsl"))
+  if (e = Ne(e), t = _r(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
@@ -3194,7 +3194,7 @@ function Q(e, t, r) {
   }
 }
 function Ut(e, t) {
-  if (e = Ne(e), t = kr(t), e.type.includes("hsl"))
+  if (e = Ne(e), t = _r(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -3212,7 +3212,7 @@ function Z(e, t, r) {
   }
 }
 function qa(e, t = 0.15) {
-  return ur(e) > 0.5 ? Wt(e, t) : Ut(e, t);
+  return fr(e) > 0.5 ? Wt(e, t) : Ut(e, t);
 }
 function yt(e, t, r) {
   try {
@@ -3231,10 +3231,10 @@ function no(e) {
     }
   };
 }
-const _r = /* @__PURE__ */ _.createContext(null);
-process.env.NODE_ENV !== "production" && (_r.displayName = "ThemeContext");
-function Pr() {
-  const e = _.useContext(_r);
+const Pr = /* @__PURE__ */ _.createContext(null);
+process.env.NODE_ENV !== "production" && (Pr.displayName = "ThemeContext");
+function Ar() {
+  const e = _.useContext(Pr);
   return process.env.NODE_ENV !== "production" && _.useDebugValue(e), e;
 }
 const Ka = typeof Symbol == "function" && Symbol.for, Ha = Ka ? /* @__PURE__ */ Symbol.for("mui.nested") : "__THEME_NESTED__";
@@ -3253,7 +3253,7 @@ function wt(e) {
   const {
     children: t,
     theme: r
-  } = e, n = Pr();
+  } = e, n = Ar();
   process.env.NODE_ENV !== "production" && n === null && typeof r == "function" && console.error(["MUI: You are providing a theme function prop to the ThemeProvider component:", "<ThemeProvider theme={outerTheme => outerTheme} />", "", "However, no outer theme is present.", "Make sure a theme is already injected higher in the React tree or provide a theme object."].join(`
 `));
   const o = _.useMemo(() => {
@@ -3262,7 +3262,7 @@ function wt(e) {
     } : Xa(n, r);
     return i != null && (i[Ha] = n !== null), i;
   }, [r, n]);
-  return /* @__PURE__ */ ne(_r.Provider, {
+  return /* @__PURE__ */ ne(Pr.Provider, {
     value: o,
     children: t
   });
@@ -3325,7 +3325,7 @@ function Qa(e) {
   if (!t || !t.components || !t.components[r])
     return n;
   const o = t.components[r];
-  return o.defaultProps ? lr(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? lr(o, n, t.components.mergeClassNameAndStyle) : n;
+  return o.defaultProps ? ur(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? ur(o, n, t.components.mergeClassNameAndStyle) : n;
 }
 function Za({
   props: e,
@@ -3340,21 +3340,21 @@ function Za({
     }
   });
 }
-let bn = 0;
+let vn = 0;
 function es(e) {
   const [t, r] = _.useState(e), n = e || t;
   return _.useEffect(() => {
-    t == null && (bn += 1, r(`mui-${bn}`));
+    t == null && (vn += 1, r(`mui-${vn}`));
   }, [t]), n;
 }
 const ts = {
   ..._
-}, vn = ts.useId;
+}, Sn = ts.useId;
 function rs(e) {
-  return vn !== void 0 ? vn() : es(e);
+  return Sn !== void 0 ? Sn() : es(e);
 }
 function ns(e) {
-  const t = $r(), r = rs() || "", {
+  const t = Or(), r = rs() || "", {
     modularCssLayers: n
   } = e;
   let o = "mui.global, mui.components, mui.theme, mui.custom, mui.sx";
@@ -3370,12 +3370,12 @@ function ns(e) {
       c.setAttribute("data-mui-layer-order", r), c.textContent = o, i.prepend(c);
     } else
       i.querySelector(`style[data-mui-layer-order="${r}"]`)?.remove();
-  }, [o, r]), o ? /* @__PURE__ */ ne(Or, {
+  }, [o, r]), o ? /* @__PURE__ */ ne(kr, {
     styles: o
   }) : null;
 }
-const Sn = {};
-function Cn(e, t, r, n = !1) {
+const Cn = {};
+function En(e, t, r, n = !1) {
   return _.useMemo(() => {
     const o = e && t[e] || t;
     if (typeof r == "function") {
@@ -3399,10 +3399,10 @@ function it(e) {
     children: t,
     theme: r,
     themeId: n
-  } = e, o = $r(Sn), i = Pr() || Sn;
+  } = e, o = Or(Cn), i = Ar() || Cn;
   process.env.NODE_ENV !== "production" && (o === null && typeof r == "function" || n && o && !o[n] && typeof r == "function") && console.error(["MUI: You are providing a theme function prop to the ThemeProvider component:", "<ThemeProvider theme={outerTheme => outerTheme} />", "", "However, no outer theme is present.", "Make sure a theme is already injected higher in the React tree or provide a theme object."].join(`
 `));
-  const a = Cn(n, o, r), c = Cn(n, i, r, !0), u = (n ? a[n] : a).direction === "rtl", f = ns(a);
+  const a = En(n, o, r), c = En(n, i, r, !0), u = (n ? a[n] : a).direction === "rtl", f = ns(a);
   return /* @__PURE__ */ ne(wt, {
     theme: c,
     children: /* @__PURE__ */ ne(st.Provider, {
@@ -3436,14 +3436,14 @@ process.env.NODE_ENV !== "production" && (it.propTypes = {
   themeId: $.string
 });
 process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && (it.propTypes = no(it.propTypes));
-const Ar = "mode", Rr = "color-scheme", os = "data-color-scheme";
+const Rr = "mode", Nr = "color-scheme", os = "data-color-scheme";
 function is(e) {
   const {
     defaultMode: t = "system",
     defaultLightColorScheme: r = "light",
     defaultDarkColorScheme: n = "dark",
-    modeStorageKey: o = Ar,
-    colorSchemeStorageKey: i = Rr,
+    modeStorageKey: o = Rr,
+    colorSchemeStorageKey: i = Nr,
     attribute: a = os,
     colorSchemeNode: c = "document.documentElement",
     nonce: u
@@ -3532,7 +3532,7 @@ const ss = ({
 });
 function rr() {
 }
-function En(e) {
+function Tn(e) {
   if (typeof window < "u" && typeof window.matchMedia == "function" && e === "system")
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
@@ -3556,8 +3556,8 @@ function ls(e) {
     defaultLightColorScheme: r,
     defaultDarkColorScheme: n,
     supportedColorSchemes: o = [],
-    modeStorageKey: i = Ar,
-    colorSchemeStorageKey: a = Rr,
+    modeStorageKey: i = Rr,
+    colorSchemeStorageKey: a = Nr,
     storageWindow: c = typeof window > "u" ? void 0 : window,
     storageManager: u = ss,
     noSsr: f = !1
@@ -3574,7 +3574,7 @@ function ls(e) {
     const L = h?.get(t) || t, R = v?.get(r) || r, N = g?.get(n) || n;
     return {
       mode: L,
-      systemMode: En(L),
+      systemMode: Tn(L),
       lightColorScheme: R,
       darkColorScheme: N
     };
@@ -3590,7 +3590,7 @@ function ls(e) {
       return h?.set(N), {
         ...R,
         mode: N,
-        systemMode: En(N)
+        systemMode: Tn(N)
       };
     });
   }, [h, t]), b = _.useCallback((L) => {
@@ -3664,8 +3664,8 @@ function fs(e) {
      * It should also ideally have a vars object created using `prepareCssVars`.
      */
     theme: r = {},
-    modeStorageKey: n = Ar,
-    colorSchemeStorageKey: o = Rr,
+    modeStorageKey: n = Rr,
+    colorSchemeStorageKey: o = Nr,
     disableTransitionOnChange: i = !1,
     defaultColorScheme: a,
     resolveTheme: c
@@ -3699,7 +3699,7 @@ function fs(e) {
       defaultMode: M = "system",
       forceThemeRerender: x = !1,
       noSsr: q
-    } = E, Y = _.useRef(!1), ue = Pr(), pe = _.useContext(f), Ie = !!pe && !D, S = _.useMemo(() => P || (typeof r == "function" ? r() : r), [P]), O = S[t], A = O || S, {
+    } = E, Y = _.useRef(!1), ue = Ar(), pe = _.useContext(f), Ie = !!pe && !D, S = _.useMemo(() => P || (typeof r == "function" ? r() : r), [P]), O = S[t], A = O || S, {
       colorSchemes: j = p,
       components: B = h,
       cssVarPrefix: W
@@ -3710,7 +3710,7 @@ function fs(e) {
       lightColorScheme: De,
       darkColorScheme: Ke,
       colorScheme: Co,
-      setColorScheme: Dr
+      setColorScheme: jr
     } = ls({
       supportedColorSchemes: V,
       defaultLightColorScheme: U,
@@ -3783,27 +3783,27 @@ function fs(e) {
       darkColorScheme: Ke,
       lightColorScheme: De,
       mode: zt,
-      setColorScheme: Dr,
+      setColorScheme: jr,
       setMode: process.env.NODE_ENV === "production" ? w : (me) => {
         dt.colorSchemeSelector === "media" && console.error(["MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).", "To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.", "To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually"].join(`
 `)), w(me);
       },
       systemMode: ge
-    }), [V, Te, Ke, De, zt, Dr, w, ge, dt.colorSchemeSelector]);
-    let jr = !0;
-    (s || A.cssVariables === !1 || Ie && ue?.cssVarPrefix === W) && (jr = !1);
-    const Lr = /* @__PURE__ */ $t(_.Fragment, {
+    }), [V, Te, Ke, De, zt, jr, w, ge, dt.colorSchemeSelector]);
+    let Lr = !0;
+    (s || A.cssVariables === !1 || Ie && ue?.cssVarPrefix === W) && (Lr = !1);
+    const Br = /* @__PURE__ */ $t(_.Fragment, {
       children: [/* @__PURE__ */ ne(it, {
         themeId: O ? t : void 0,
         theme: dt,
         children: k
-      }), jr && /* @__PURE__ */ ne(Tr, {
+      }), Lr && /* @__PURE__ */ ne(xr, {
         styles: dt.generateStyleSheets?.() || []
       })]
     });
-    return Ie ? Lr : /* @__PURE__ */ ne(f.Provider, {
+    return Ie ? Br : /* @__PURE__ */ ne(f.Provider, {
       value: Eo,
-      children: Lr
+      children: Br
     });
   }
   process.env.NODE_ENV !== "production" && (v.propTypes = {
@@ -3892,7 +3892,7 @@ function ds(e = "") {
   }
   return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
 }
-const Tn = (e, t, r, n = []) => {
+const xn = (e, t, r, n = []) => {
   let o = e;
   t.forEach((i, a) => {
     a === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
@@ -3917,7 +3917,7 @@ function nr(e, t) {
         const d = `--${r ? `${r}-` : ""}${c.join("-")}`, p = ms(c, u);
         Object.assign(o, {
           [d]: p
-        }), Tn(i, c, `var(${d})`, f), Tn(a, c, `var(${d}, ${p})`, f);
+        }), xn(i, c, `var(${d})`, f), xn(a, c, `var(${d}, ${p})`, f);
       }
     },
     (c) => c[0] === "vars"
@@ -4123,12 +4123,12 @@ function uo() {
     }
   };
 }
-const fr = uo();
-function xn(e, t, r, n) {
+const dr = uo();
+function wn(e, t, r, n) {
   const o = n.light || n, i = n.dark || n * 1.5;
   e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Ut(e.main, o) : t === "dark" && (e.dark = Wt(e.main, i)));
 }
-function wn(e, t, r, n, o) {
+function $n(e, t, r, n, o) {
   const i = o.light || o, a = o.dark || o * 1.5;
   t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(i * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
 }
@@ -4202,7 +4202,7 @@ function Es(e = "light") {
 function Ts(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
-function Nr(e) {
+function Mr(e) {
   const {
     mode: t = "light",
     contrastThreshold: r = 3,
@@ -4213,9 +4213,9 @@ function Nr(e) {
   function h(y) {
     if (o)
       return Ts(y);
-    const E = yn(y, fr.text.primary) >= r ? fr.text.primary : lo.text.primary;
+    const E = bn(y, dr.text.primary) >= r ? dr.text.primary : lo.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const k = yn(y, E);
+      const k = bn(y, E);
       k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${E} on ${y}`, "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(`
 `));
     }
@@ -4248,7 +4248,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : Re(12, E ? ` (${E})` : "", JSON.stringify(y.main)));
-    return o ? (wn(o, y, "light", P, n), wn(o, y, "dark", C, n)) : (xn(y, "light", P, n), xn(y, "dark", C, n)), y.contrastText || (y.contrastText = h(y.main)), y;
+    return o ? ($n(o, y, "light", P, n), $n(o, y, "dark", C, n)) : (wn(y, "light", P, n), wn(y, "dark", C, n)), y.contrastText || (y.contrastText = h(y.main)), y;
   };
   let g;
   return t === "light" ? g = co() : t === "dark" && (g = uo()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), ve({
@@ -4335,12 +4335,12 @@ function ws(e, t) {
 function $s(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const $n = {
+const On = {
   textTransform: "uppercase"
-}, On = '"Roboto", "Helvetica", "Arial", sans-serif';
+}, kn = '"Roboto", "Helvetica", "Arial", sans-serif';
 function fo(e, t) {
   const {
-    fontFamily: r = On,
+    fontFamily: r = kn,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -4365,7 +4365,7 @@ function fo(e, t) {
     lineHeight: k,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
-    ...r === On ? {
+    ...r === kn ? {
       letterSpacing: `${$s(P / E)}em`
     } : {},
     ...C,
@@ -4381,9 +4381,9 @@ function fo(e, t) {
     subtitle2: g(a, 14, 1.57, 0.1),
     body1: g(i, 16, 1.5, 0.15),
     body2: g(i, 14, 1.43, 0.15),
-    button: g(a, 14, 1.75, 0.4, $n),
+    button: g(a, 14, 1.75, 0.4, On),
     caption: g(i, 12, 1.66, 0.4),
-    overline: g(i, 12, 2.66, 1, $n),
+    overline: g(i, 12, 2.66, 1, On),
     // 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",
@@ -4435,7 +4435,7 @@ const Ps = ["none", re(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), re(0, 3, 1, -2, 0,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function kn(e) {
+function _n(e) {
   return `${Math.round(e)}ms`;
 }
 function Ns(e) {
@@ -4466,7 +4466,7 @@ function Ms(e) {
         !d(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(a) && !d(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), d(c) || console.error('MUI: Argument "easing" must be a string.'), !p(u) && !d(u) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
       }
-      return (Array.isArray(o) ? o : [o]).map((d) => `${d} ${typeof a == "string" ? a : kn(a)} ${c} ${typeof u == "string" ? u : kn(u)}`).join(",");
+      return (Array.isArray(o) ? o : [o]).map((d) => `${d} ${typeof a == "string" ? a : _n(a)} ${c} ${typeof u == "string" ? u : _n(u)}`).join(",");
     },
     ...e,
     easing: t,
@@ -4508,7 +4508,7 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function _n(e) {
+function Pn(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
 const js = (e) => {
@@ -4530,15 +4530,15 @@ function Ls(e) {
     },
     lighten(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${_n(r)})` : Ut(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${Pn(r)})` : Ut(t, r);
     },
     darken(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${_n(r)})` : Wt(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${Pn(r)})` : Wt(t, r);
     }
   });
 }
-function dr(e = {}, ...t) {
+function pr(e = {}, ...t) {
   const {
     breakpoints: r,
     mixins: n = {},
@@ -4554,7 +4554,7 @@ function dr(e = {}, ...t) {
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Re(20));
-  const p = Nr({
+  const p = Mr({
     ...i,
     colorSpace: f
   }), h = Qn(e);
@@ -4634,7 +4634,7 @@ function Fs(e) {
     overlays: n,
     colorSpace: o,
     ...i
-  } = e, a = Nr({
+  } = e, a = Mr({
     ...t,
     colorSpace: o
   });
@@ -4732,7 +4732,7 @@ function or(e, t, r, n, o) {
   const {
     palette: a,
     ...c
-  } = dr({
+  } = pr({
     ...n,
     palette: {
       mode: i,
@@ -4808,7 +4808,7 @@ function Ks(e = {}, ...t) {
     if (Ys(s, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), s.mode === "light") {
       m(s.Alert, "errorColor", x(Q, s.error.light, 0.6)), m(s.Alert, "infoColor", x(Q, s.info.light, 0.6)), m(s.Alert, "successColor", x(Q, s.success.light, 0.6)), m(s.Alert, "warningColor", x(Q, s.warning.light, 0.6)), m(s.Alert, "errorFilledBg", M("palette-error-main")), m(s.Alert, "infoFilledBg", M("palette-info-main")), m(s.Alert, "successFilledBg", M("palette-success-main")), m(s.Alert, "warningFilledBg", M("palette-warning-main")), m(s.Alert, "errorFilledColor", we(() => s.getContrastText(s.error.main))), m(s.Alert, "infoFilledColor", we(() => s.getContrastText(s.info.main))), m(s.Alert, "successFilledColor", we(() => s.getContrastText(s.success.main))), m(s.Alert, "warningFilledColor", we(() => s.getContrastText(s.warning.main))), m(s.Alert, "errorStandardBg", x(Z, s.error.light, 0.9)), m(s.Alert, "infoStandardBg", x(Z, s.info.light, 0.9)), m(s.Alert, "successStandardBg", x(Z, s.success.light, 0.9)), m(s.Alert, "warningStandardBg", x(Z, s.warning.light, 0.9)), m(s.Alert, "errorIconColor", M("palette-error-main")), m(s.Alert, "infoIconColor", M("palette-info-main")), m(s.Alert, "successIconColor", M("palette-success-main")), m(s.Alert, "warningIconColor", M("palette-warning-main")), m(s.AppBar, "defaultBg", M("palette-grey-100")), m(s.Avatar, "defaultBg", M("palette-grey-400")), m(s.Button, "inheritContainedBg", M("palette-grey-300")), m(s.Button, "inheritContainedHoverBg", M("palette-grey-A100")), m(s.Chip, "defaultBorder", M("palette-grey-400")), m(s.Chip, "defaultAvatarColor", M("palette-grey-700")), m(s.Chip, "defaultIconColor", M("palette-grey-700")), m(s.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), m(s.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), m(s.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), m(s.LinearProgress, "primaryBg", x(Z, s.primary.main, 0.62)), m(s.LinearProgress, "secondaryBg", x(Z, s.secondary.main, 0.62)), m(s.LinearProgress, "errorBg", x(Z, s.error.main, 0.62)), m(s.LinearProgress, "infoBg", x(Z, s.info.main, 0.62)), m(s.LinearProgress, "successBg", x(Z, s.success.main, 0.62)), m(s.LinearProgress, "warningBg", x(Z, s.warning.main, 0.62)), m(s.Skeleton, "bg", C ? x(je, s.text.primary, 0.11) : `rgba(${M("palette-text-primaryChannel")} / 0.11)`), m(s.Slider, "primaryTrack", x(Z, s.primary.main, 0.62)), m(s.Slider, "secondaryTrack", x(Z, s.secondary.main, 0.62)), m(s.Slider, "errorTrack", x(Z, s.error.main, 0.62)), m(s.Slider, "infoTrack", x(Z, s.info.main, 0.62)), m(s.Slider, "successTrack", x(Z, s.success.main, 0.62)), m(s.Slider, "warningTrack", x(Z, s.warning.main, 0.62));
       const q = C ? x(Q, s.background.default, 0.6825) : yt(s.background.default, 0.8);
-      m(s.SnackbarContent, "bg", q), m(s.SnackbarContent, "color", we(() => C ? fr.text.primary : s.getContrastText(q))), m(s.SpeedDialAction, "fabHoverBg", yt(s.background.paper, 0.15)), m(s.StepConnector, "border", M("palette-grey-400")), m(s.StepContent, "border", M("palette-grey-400")), m(s.Switch, "defaultColor", M("palette-common-white")), m(s.Switch, "defaultDisabledColor", M("palette-grey-100")), m(s.Switch, "primaryDisabledColor", x(Z, s.primary.main, 0.62)), m(s.Switch, "secondaryDisabledColor", x(Z, s.secondary.main, 0.62)), m(s.Switch, "errorDisabledColor", x(Z, s.error.main, 0.62)), m(s.Switch, "infoDisabledColor", x(Z, s.info.main, 0.62)), m(s.Switch, "successDisabledColor", x(Z, s.success.main, 0.62)), m(s.Switch, "warningDisabledColor", x(Z, s.warning.main, 0.62)), m(s.TableCell, "border", x(Z, x(je, s.divider, 1), 0.88)), m(s.Tooltip, "bg", x(je, s.grey[700], 0.92));
+      m(s.SnackbarContent, "bg", q), m(s.SnackbarContent, "color", we(() => C ? dr.text.primary : s.getContrastText(q))), m(s.SpeedDialAction, "fabHoverBg", yt(s.background.paper, 0.15)), m(s.StepConnector, "border", M("palette-grey-400")), m(s.StepContent, "border", M("palette-grey-400")), m(s.Switch, "defaultColor", M("palette-common-white")), m(s.Switch, "defaultDisabledColor", M("palette-grey-100")), m(s.Switch, "primaryDisabledColor", x(Z, s.primary.main, 0.62)), m(s.Switch, "secondaryDisabledColor", x(Z, s.secondary.main, 0.62)), m(s.Switch, "errorDisabledColor", x(Z, s.error.main, 0.62)), m(s.Switch, "infoDisabledColor", x(Z, s.info.main, 0.62)), m(s.Switch, "successDisabledColor", x(Z, s.success.main, 0.62)), m(s.Switch, "warningDisabledColor", x(Z, s.warning.main, 0.62)), m(s.TableCell, "border", x(Z, x(je, s.divider, 1), 0.88)), m(s.Tooltip, "bg", x(je, s.grey[700], 0.92));
     }
     if (s.mode === "dark") {
       m(s.Alert, "errorColor", x(Z, s.error.light, 0.6)), m(s.Alert, "infoColor", x(Z, s.info.light, 0.6)), m(s.Alert, "successColor", x(Z, s.success.light, 0.6)), m(s.Alert, "warningColor", x(Z, s.warning.light, 0.6)), m(s.Alert, "errorFilledBg", M("palette-error-dark")), m(s.Alert, "infoFilledBg", M("palette-info-dark")), m(s.Alert, "successFilledBg", M("palette-success-dark")), m(s.Alert, "warningFilledBg", M("palette-warning-dark")), m(s.Alert, "errorFilledColor", we(() => s.getContrastText(s.error.dark))), m(s.Alert, "infoFilledColor", we(() => s.getContrastText(s.info.dark))), m(s.Alert, "successFilledColor", we(() => s.getContrastText(s.success.dark))), m(s.Alert, "warningFilledColor", we(() => s.getContrastText(s.warning.dark))), m(s.Alert, "errorStandardBg", x(Q, s.error.light, 0.9)), m(s.Alert, "infoStandardBg", x(Q, s.info.light, 0.9)), m(s.Alert, "successStandardBg", x(Q, s.success.light, 0.9)), m(s.Alert, "warningStandardBg", x(Q, s.warning.light, 0.9)), m(s.Alert, "errorIconColor", M("palette-error-main")), m(s.Alert, "infoIconColor", M("palette-info-main")), m(s.Alert, "successIconColor", M("palette-success-main")), m(s.Alert, "warningIconColor", M("palette-warning-main")), m(s.AppBar, "defaultBg", M("palette-grey-900")), m(s.AppBar, "darkBg", M("palette-background-paper")), m(s.AppBar, "darkColor", M("palette-text-primary")), m(s.Avatar, "defaultBg", M("palette-grey-600")), m(s.Button, "inheritContainedBg", M("palette-grey-800")), m(s.Button, "inheritContainedHoverBg", M("palette-grey-700")), m(s.Chip, "defaultBorder", M("palette-grey-700")), m(s.Chip, "defaultAvatarColor", M("palette-grey-300")), m(s.Chip, "defaultIconColor", M("palette-grey-300")), m(s.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), m(s.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), m(s.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), m(s.LinearProgress, "primaryBg", x(Q, s.primary.main, 0.5)), m(s.LinearProgress, "secondaryBg", x(Q, s.secondary.main, 0.5)), m(s.LinearProgress, "errorBg", x(Q, s.error.main, 0.5)), m(s.LinearProgress, "infoBg", x(Q, s.info.main, 0.5)), m(s.LinearProgress, "successBg", x(Q, s.success.main, 0.5)), m(s.LinearProgress, "warningBg", x(Q, s.warning.main, 0.5)), m(s.Skeleton, "bg", C ? x(je, s.text.primary, 0.13) : `rgba(${M("palette-text-primaryChannel")} / 0.13)`), m(s.Slider, "primaryTrack", x(Q, s.primary.main, 0.5)), m(s.Slider, "secondaryTrack", x(Q, s.secondary.main, 0.5)), m(s.Slider, "errorTrack", x(Q, s.error.main, 0.5)), m(s.Slider, "infoTrack", x(Q, s.info.main, 0.5)), m(s.Slider, "successTrack", x(Q, s.success.main, 0.5)), m(s.Slider, "warningTrack", x(Q, s.warning.main, 0.5));
@@ -4834,7 +4834,7 @@ function Ks(e = {}, ...t) {
   return T.vars = L, Object.entries(T.colorSchemes[T.defaultColorScheme]).forEach(([D, s]) => {
     T[D] = s;
   }), T.generateThemeVars = R, T.generateStyleSheets = N, T.generateSpacing = function() {
-    return Jn(d.spacing, xr(this));
+    return Jn(d.spacing, wr(this));
   }, T.getColorSchemeSelector = gs(u), T.spacing = T.generateSpacing(), T.shouldSkipGeneratingVar = c, T.unstable_sxConfig = {
     ...Vt,
     ...d?.unstable_sxConfig
@@ -4845,17 +4845,17 @@ function Ks(e = {}, ...t) {
     });
   }, T.toRuntimeSource = po, T;
 }
-function Pn(e, t, r) {
+function An(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
-    palette: Nr({
+    palette: Mr({
       ...r === !0 ? {} : r.palette,
       mode: t
     })
     // cast type to skip module augmentation test
   });
 }
-function Mr(e = {}, ...t) {
+function Ir(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -4875,22 +4875,22 @@ function Mr(e = {}, ...t) {
   };
   if (n === !1) {
     if (!("colorSchemes" in e))
-      return dr(e, ...t);
+      return pr(e, ...t);
     let d = r;
     "palette" in e || f[c] && (f[c] !== !0 ? d = f[c].palette : c === "dark" && (d = {
       mode: "dark"
     }));
-    const p = dr({
+    const p = pr({
       ...e,
       palette: d
     }, ...t);
     return p.defaultColorScheme = c, p.colorSchemes = f, p.palette.mode === "light" && (p.colorSchemes.light = {
       ...f.light !== !0 && f.light,
       palette: p.palette
-    }, Pn(p, "dark", f.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+    }, An(p, "dark", f.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
       ...f.dark !== !0 && f.dark,
       palette: p.palette
-    }, Pn(p, "light", f.light)), p;
+    }, An(p, "light", f.light)), p;
   }
   return !r && !("light" in f) && c === "light" && (f.light = !0), Ks({
     ...a,
@@ -4899,7 +4899,7 @@ function Mr(e = {}, ...t) {
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const Hs = Mr();
+const Hs = Ir();
 function Xs({
   theme: e,
   ...t
@@ -4923,7 +4923,7 @@ const {
 } = fs({
   themeId: Le,
   // @ts-ignore ignore module augmentation tests
-  theme: () => Mr({
+  theme: () => Ir({
     cssVariables: !0
   }),
   colorSchemeStorageKey: bt.colorSchemeStorageKey,
@@ -4967,7 +4967,7 @@ function Zs({
   });
 }
 function go(e) {
-  return /* @__PURE__ */ ne(Or, {
+  return /* @__PURE__ */ ne(kr, {
     ...e,
     defaultTheme: Hs,
     themeId: Le
@@ -5000,7 +5000,7 @@ process.env.NODE_ENV !== "production" && ($.node, $.object.isRequired);
 function ec(e) {
   return Za(e);
 }
-const pr = typeof yo({}) == "function", tc = (e, t) => ({
+const mr = typeof yo({}) == "function", tc = (e, t) => ({
   WebkitFontSmoothing: "antialiased",
   // Antialiasing.
   MozOsxFontSmoothing: "grayscale",
@@ -5072,7 +5072,7 @@ const pr = typeof yo({}) == "function", tc = (e, t) => ({
       }
     };
   }), t;
-}, oc = yo(pr ? ({
+}, oc = yo(mr ? ({
   theme: e,
   enableColorScheme: t
 }) => bo(e, t) : ({
@@ -5087,9 +5087,9 @@ function vo(e) {
     enableColorScheme: n = !1
   } = t;
   return /* @__PURE__ */ $t(_.Fragment, {
-    children: [pr && /* @__PURE__ */ ne(oc, {
+    children: [mr && /* @__PURE__ */ ne(oc, {
       enableColorScheme: n
-    }), !pr && !n && /* @__PURE__ */ ne("span", {
+    }), !mr && !n && /* @__PURE__ */ ne("span", {
       className: Et,
       style: {
         display: "none"
@@ -5114,13 +5114,13 @@ process.env.NODE_ENV !== "production" && (vo.propTypes = {
    */
   enableColorScheme: $.bool
 });
-const Ir = Oo(void 0), An = "codeplex-theme", ic = ({
+const Dr = Oo(void 0), Rn = "codeplex-theme", ic = ({
   children: e,
   temaPorDefecto: t = "light"
 }) => {
   const [r, n] = ko(() => {
     if (typeof window < "u") {
-      const c = localStorage.getItem(An);
+      const c = localStorage.getItem(Rn);
       if (c === "light" || c === "dark")
         return c;
       if (window.matchMedia("(prefers-color-scheme: dark)").matches)
@@ -5129,9 +5129,9 @@ const Ir = Oo(void 0), An = "codeplex-theme", ic = ({
     return t;
   }), o = qt((c) => {
     const u = document.documentElement;
-    u.classList.remove("light", "dark"), u.classList.add(c), localStorage.setItem(An, c);
+    u.classList.remove("light", "dark"), u.classList.add(c), localStorage.setItem(Rn, c);
   }, []);
-  Rn(() => {
+  ir(() => {
     o(r);
   }, [r, o]);
   const i = qt((c) => {
@@ -5139,14 +5139,14 @@ const Ir = Oo(void 0), An = "codeplex-theme", ic = ({
   }, []), a = qt(() => {
     n((c) => c === "light" ? "dark" : "light");
   }, []);
-  return /* @__PURE__ */ ne(Ir.Provider, { value: { tema: r, alternarTema: a, establecerTema: i }, children: e });
-}, cc = ({ defaultTheme: e, ...t }) => /* @__PURE__ */ ne(ic, { temaPorDefecto: e, ...t }), lc = Ir, So = () => {
-  const e = xo.useContext(Ir);
+  return /* @__PURE__ */ ne(Dr.Provider, { value: { tema: r, alternarTema: a, establecerTema: i }, children: e });
+}, cc = ({ defaultTheme: e, ...t }) => /* @__PURE__ */ ne(ic, { temaPorDefecto: e, ...t }), lc = Dr, So = () => {
+  const e = xo.useContext(Dr);
   if (!e)
     throw new Error("usarTema debe ser usado dentro de un CodeplexProveedorTema");
   return e;
 }, uc = So, fc = ({ children: e }) => {
-  const { tema: t } = So(), r = _o(() => Mr({
+  const { tema: t } = So(), r = _o(() => Ir({
     palette: {
       mode: t,
       primary: {
@@ -5189,7 +5189,10 @@ const Ir = Oo(void 0), An = "codeplex-theme", ic = ({
       }
     }
   }), [t]);
-  return Rn(() => {
+  return ir(() => {
+    const n = document.documentElement, o = r.palette;
+    n.style.setProperty("--cp-primary-main", o.primary.main), n.style.setProperty("--cp-bg-default", o.background.default), n.style.setProperty("--cp-bg-paper", o.background.paper), n.style.setProperty("--cp-text-primary", o.text.primary), n.style.setProperty("--cp-text-secondary", o.text.secondary), n.style.setProperty("--cp-divider", o.divider);
+  }, [r]), ir(() => {
     const n = "codeplex-google-resources";
     if (!document.getElementById(n)) {
       const o = document.createElement("link");
@@ -5207,7 +5210,7 @@ export {
   fc as CodeplexProveedorMui,
   ic as CodeplexProveedorTema,
   cc as CodeplexThemeProvider,
-  Ir as ContextoTema,
+  Dr as ContextoTema,
   lc as ThemeContext,
   dc as tema,
   So as usarTema,