@clearstory/drywall-react 8.0.3 → 8.0.5

package/dist/{createTheme-PiEw_V9m.js → createTheme-DJCjwrXs.js}

@@ -67,29 +67,29 @@ var je;
 function $t() {
   if (je) return x;
   je = 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"), i = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), u = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), d = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
-  function m(s) {
-    if (typeof s == "object" && s !== null) {
-      var S = s.$$typeof;
+  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"), i = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), p = /* @__PURE__ */ Symbol.for("react.view_transition"), u = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function g(l) {
+    if (typeof l == "object" && l !== null) {
+      var S = l.$$typeof;
       switch (S) {
         case e:
-          switch (s = s.type, s) {
+          switch (l = l.type, l) {
             case r:
             case i:
             case n:
-            case f:
-            case p:
             case d:
-              return s;
+            case m:
+            case p:
+              return l;
             default:
-              switch (s = s && s.$$typeof, s) {
-                case l:
-                case u:
-                case h:
-                case y:
-                  return s;
+              switch (l = l && l.$$typeof, l) {
                 case a:
-                  return s;
+                case f:
+                case y:
+                case b:
+                  return l;
+                case s:
+                  return l;
                 default:
                   return S;
               }
@@ -99,60 +99,60 @@ function $t() {
       }
     }
   }
-  return x.ContextConsumer = a, x.ContextProvider = l, x.Element = e, x.ForwardRef = u, x.Fragment = r, x.Lazy = h, x.Memo = y, x.Portal = t, x.Profiler = i, x.StrictMode = n, x.Suspense = f, x.SuspenseList = p, x.isContextConsumer = function(s) {
-    return m(s) === a;
-  }, x.isContextProvider = function(s) {
-    return m(s) === l;
-  }, x.isElement = function(s) {
-    return typeof s == "object" && s !== null && s.$$typeof === e;
-  }, x.isForwardRef = function(s) {
-    return m(s) === u;
-  }, x.isFragment = function(s) {
-    return m(s) === r;
-  }, x.isLazy = function(s) {
-    return m(s) === h;
-  }, x.isMemo = function(s) {
-    return m(s) === y;
-  }, x.isPortal = function(s) {
-    return m(s) === t;
-  }, x.isProfiler = function(s) {
-    return m(s) === i;
-  }, x.isStrictMode = function(s) {
-    return m(s) === n;
-  }, x.isSuspense = function(s) {
-    return m(s) === f;
-  }, x.isSuspenseList = function(s) {
-    return m(s) === p;
-  }, x.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === r || s === i || s === n || s === f || s === p || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === y || s.$$typeof === l || s.$$typeof === a || s.$$typeof === u || s.$$typeof === b || s.getModuleId !== void 0);
-  }, x.typeOf = m, x;
+  return x.ContextConsumer = s, x.ContextProvider = a, x.Element = e, x.ForwardRef = f, x.Fragment = r, x.Lazy = y, x.Memo = b, x.Portal = t, x.Profiler = i, x.StrictMode = n, x.Suspense = d, x.SuspenseList = m, x.isContextConsumer = function(l) {
+    return g(l) === s;
+  }, x.isContextProvider = function(l) {
+    return g(l) === a;
+  }, x.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === e;
+  }, x.isForwardRef = function(l) {
+    return g(l) === f;
+  }, x.isFragment = function(l) {
+    return g(l) === r;
+  }, x.isLazy = function(l) {
+    return g(l) === y;
+  }, x.isMemo = function(l) {
+    return g(l) === b;
+  }, x.isPortal = function(l) {
+    return g(l) === t;
+  }, x.isProfiler = function(l) {
+    return g(l) === i;
+  }, x.isStrictMode = function(l) {
+    return g(l) === n;
+  }, x.isSuspense = function(l) {
+    return g(l) === d;
+  }, x.isSuspenseList = function(l) {
+    return g(l) === m;
+  }, x.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === r || l === i || l === n || l === d || l === m || typeof l == "object" && l !== null && (l.$$typeof === y || l.$$typeof === b || l.$$typeof === a || l.$$typeof === s || l.$$typeof === f || l.$$typeof === u || l.getModuleId !== void 0);
+  }, x.typeOf = g, x;
 }
 var v = {};
 var ze;
 function Et() {
   return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(s) {
-      if (typeof s == "object" && s !== null) {
-        var S = s.$$typeof;
+    function e(l) {
+      if (typeof l == "object" && l !== null) {
+        var S = l.$$typeof;
         switch (S) {
           case t:
-            switch (s = s.type, s) {
+            switch (l = l.type, l) {
               case n:
-              case a:
+              case s:
               case i:
-              case p:
-              case y:
+              case m:
               case b:
-                return s;
+              case u:
+                return l;
               default:
-                switch (s = s && s.$$typeof, s) {
-                  case u:
+                switch (l = l && l.$$typeof, l) {
                   case f:
                   case d:
-                  case h:
-                    return s;
-                  case l:
-                    return s;
+                  case p:
+                  case y:
+                    return l;
+                  case a:
+                    return l;
                   default:
                     return S;
                 }
@@ -162,33 +162,33 @@ function Et() {
         }
       }
     }
-    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.consumer"), u = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.view_transition"), m = /* @__PURE__ */ Symbol.for("react.client.reference");
-    v.ContextConsumer = l, v.ContextProvider = u, v.Element = t, v.ForwardRef = f, v.Fragment = n, v.Lazy = d, v.Memo = h, v.Portal = r, v.Profiler = a, v.StrictMode = i, v.Suspense = p, v.SuspenseList = y, v.isContextConsumer = function(s) {
-      return e(s) === l;
-    }, v.isContextProvider = function(s) {
-      return e(s) === u;
-    }, v.isElement = function(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === t;
-    }, v.isForwardRef = function(s) {
-      return e(s) === f;
-    }, v.isFragment = function(s) {
-      return e(s) === n;
-    }, v.isLazy = function(s) {
-      return e(s) === d;
-    }, v.isMemo = function(s) {
-      return e(s) === h;
-    }, v.isPortal = function(s) {
-      return e(s) === r;
-    }, v.isProfiler = function(s) {
-      return e(s) === a;
-    }, v.isStrictMode = function(s) {
-      return e(s) === i;
-    }, v.isSuspense = function(s) {
-      return e(s) === p;
-    }, v.isSuspenseList = function(s) {
-      return e(s) === y;
-    }, v.isValidElementType = function(s) {
-      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === i || s === p || s === y || typeof s == "object" && s !== null && (s.$$typeof === d || s.$$typeof === h || s.$$typeof === u || s.$$typeof === l || s.$$typeof === f || s.$$typeof === m || s.getModuleId !== void 0);
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), f = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), b = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), u = /* @__PURE__ */ Symbol.for("react.view_transition"), g = /* @__PURE__ */ Symbol.for("react.client.reference");
+    v.ContextConsumer = a, v.ContextProvider = f, v.Element = t, v.ForwardRef = d, v.Fragment = n, v.Lazy = p, v.Memo = y, v.Portal = r, v.Profiler = s, v.StrictMode = i, v.Suspense = m, v.SuspenseList = b, v.isContextConsumer = function(l) {
+      return e(l) === a;
+    }, v.isContextProvider = function(l) {
+      return e(l) === f;
+    }, v.isElement = function(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }, v.isForwardRef = function(l) {
+      return e(l) === d;
+    }, v.isFragment = function(l) {
+      return e(l) === n;
+    }, v.isLazy = function(l) {
+      return e(l) === p;
+    }, v.isMemo = function(l) {
+      return e(l) === y;
+    }, v.isPortal = function(l) {
+      return e(l) === r;
+    }, v.isProfiler = function(l) {
+      return e(l) === s;
+    }, v.isStrictMode = function(l) {
+      return e(l) === i;
+    }, v.isSuspense = function(l) {
+      return e(l) === m;
+    }, v.isSuspenseList = function(l) {
+      return e(l) === b;
+    }, v.isValidElementType = function(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === s || l === i || l === m || l === b || typeof l == "object" && l !== null && (l.$$typeof === p || l.$$typeof === y || l.$$typeof === f || l.$$typeof === a || l.$$typeof === d || l.$$typeof === g || l.getModuleId !== void 0);
     }, v.typeOf = e;
   })()), v;
 }
@@ -251,32 +251,32 @@ function xt(e) {
     unit: r = "px",
     step: n = 5,
     ...i
-  } = e, a = wt(t), l = Object.keys(a);
-  function u(d) {
-    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r})`;
+  } = e, s = wt(t), a = Object.keys(s);
+  function f(p) {
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
   }
-  function f(d) {
-    return `@media (max-width:${(typeof t[d] == "number" ? t[d] : d) - n / 100}${r})`;
+  function d(p) {
+    return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
   }
-  function p(d, b) {
-    const m = l.indexOf(b);
-    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r}) and (max-width:${(m !== -1 && typeof t[l[m]] == "number" ? t[l[m]] : b) - n / 100}${r})`;
+  function m(p, u) {
+    const g = a.indexOf(u);
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(g !== -1 && typeof t[a[g]] == "number" ? t[a[g]] : u) - n / 100}${r})`;
   }
-  function y(d) {
-    return l.indexOf(d) + 1 < l.length ? p(d, l[l.indexOf(d) + 1]) : u(d);
+  function b(p) {
+    return a.indexOf(p) + 1 < a.length ? m(p, a[a.indexOf(p) + 1]) : f(p);
   }
-  function h(d) {
-    const b = l.indexOf(d);
-    return b === 0 ? u(l[1]) : b === l.length - 1 ? f(l[b]) : p(d, l[l.indexOf(d) + 1]).replace("@media", "@media not all and");
+  function y(p) {
+    const u = a.indexOf(p);
+    return u === 0 ? f(a[1]) : u === a.length - 1 ? d(a[u]) : m(p, a[a.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return {
-    keys: l,
-    values: a,
-    up: u,
-    down: f,
-    between: p,
-    only: y,
-    not: h,
+    keys: a,
+    values: s,
+    up: f,
+    down: d,
+    between: m,
+    only: b,
+    not: y,
     unit: r,
     ...i
   };
@@ -285,12 +285,12 @@ function Ye(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, i) => {
-    const a = /min-width:\s*([0-9.]+)/;
-    return +(n.match(a)?.[1] || 0) - +(i.match(a)?.[1] || 0);
+    const s = /min-width:\s*([0-9.]+)/;
+    return +(n.match(s)?.[1] || 0) - +(i.match(s)?.[1] || 0);
   });
   return r.length ? r.reduce((n, i) => {
-    const a = t[i];
-    return delete n[i], n[i] = a, n;
+    const s = t[i];
+    return delete n[i], n[i] = s, n;
   }, {
     ...t
   }) : t;
@@ -309,18 +309,18 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
       );
     return null;
   }
-  const [, n, i] = r, a = Number.isNaN(+n) ? n || 0 : +n;
-  return e.containerQueries(i).up(a);
+  const [, n, i] = r, s = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(s);
 }
 function Ot(e) {
-  const t = (a, l) => a.replace("@media", l ? `@container ${l}` : "@container");
-  function r(a, l) {
-    a.up = (...u) => t(e.breakpoints.up(...u), l), a.down = (...u) => t(e.breakpoints.down(...u), l), a.between = (...u) => t(e.breakpoints.between(...u), l), a.only = (...u) => t(e.breakpoints.only(...u), l), a.not = (...u) => {
-      const f = t(e.breakpoints.not(...u), l);
-      return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
+  const t = (s, a) => s.replace("@media", a ? `@container ${a}` : "@container");
+  function r(s, a) {
+    s.up = (...f) => t(e.breakpoints.up(...f), a), s.down = (...f) => t(e.breakpoints.down(...f), a), s.between = (...f) => t(e.breakpoints.between(...f), a), s.only = (...f) => t(e.breakpoints.only(...f), a), s.not = (...f) => {
+      const d = t(e.breakpoints.not(...f), a);
+      return d.includes("not all and") ? d.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : d;
     };
   }
-  const n = {}, i = (a) => (r(n, a), n);
+  const n = {}, i = (s) => (r(n, s), n);
   return r(i), {
     ...e,
     containerQueries: i
@@ -362,23 +362,23 @@ const Se = {
 function Y(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const a = n.breakpoints || Ke;
-    return t.reduce((l, u, f) => (l[a.up(a.keys[f])] = r(t[f]), l), {});
+    const s = n.breakpoints || Ke;
+    return t.reduce((a, f, d) => (a[s.up(s.keys[d])] = r(t[d]), a), {});
   }
   if (typeof t == "object") {
-    const a = n.breakpoints || Ke;
-    return Object.keys(t).reduce((l, u) => {
-      if (vt(a.keys, u)) {
-        const f = At(n.containerQueries ? n : _t, u);
-        f && (l[f] = r(t[u], u));
-      } else if (Object.keys(a.values || Se).includes(u)) {
-        const f = a.up(u);
-        l[f] = r(t[u], u);
+    const s = n.breakpoints || Ke;
+    return Object.keys(t).reduce((a, f) => {
+      if (vt(s.keys, f)) {
+        const d = At(n.containerQueries ? n : _t, f);
+        d && (a[d] = r(t[f], f));
+      } else if (Object.keys(s.values || Se).includes(f)) {
+        const d = s.up(f);
+        a[d] = r(t[f], f);
       } else {
-        const f = u;
-        l[f] = t[f];
+        const d = f;
+        a[d] = t[d];
       }
-      return l;
+      return a;
     }, {});
   }
   return r(t);
@@ -396,15 +396,15 @@ function Pe(e, t) {
   }, t);
 }
 function fn(e, ...t) {
-  const r = st(e), n = [r, ...t].reduce((i, a) => D(i, a), {});
+  const r = st(e), n = [r, ...t].reduce((i, s) => D(i, s), {});
   return Pe(Object.keys(r), n);
 }
 function Nt(e, t) {
   if (typeof e != "object")
     return {};
   const r = {}, n = Object.keys(t);
-  return Array.isArray(e) ? n.forEach((i, a) => {
-    a < e.length && (r[i] = !0);
+  return Array.isArray(e) ? n.forEach((i, s) => {
+    s < e.length && (r[i] = !0);
   }) : n.forEach((i) => {
     e[i] != null && (r[i] = !0);
   }), r;
@@ -417,8 +417,8 @@ function dn({
   const n = r || Nt(e, t), i = Object.keys(n);
   if (i.length === 0)
     return e;
-  let a;
-  return i.reduce((l, u, f) => (Array.isArray(e) ? (l[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (l[u] = e[u] != null ? e[u] : e[a], a = u) : l[u] = e, l), {});
+  let s;
+  return i.reduce((a, f, d) => (Array.isArray(e) ? (a[f] = e[d] != null ? e[d] : e[s], s = d) : typeof e == "object" ? (a[f] = e[f] != null ? e[f] : e[s], s = f) : a[f] = e, a), {});
 }
 function lt(e) {
   if (typeof e != "string")
@@ -429,7 +429,7 @@ function Ce(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
-    const n = `vars.${t}`.split(".").reduce((i, a) => i && i[a] ? i[a] : null, e);
+    const n = `vars.${t}`.split(".").reduce((i, s) => i && i[s] ? i[s] : null, e);
     if (n != null)
       return n;
   }
@@ -445,20 +445,20 @@ function B(e) {
     cssProperty: r = e.prop,
     themeKey: n,
     transform: i
-  } = e, a = (l) => {
-    if (l[t] == null)
+  } = e, s = (a) => {
+    if (a[t] == null)
       return null;
-    const u = l[t], f = l.theme, p = Ce(f, n) || {};
-    return Y(l, u, (h) => {
-      let d = be(p, i, h);
-      return h === d && typeof h == "string" && (d = be(p, i, `${t}${h === "default" ? "" : lt(h)}`, h)), r === !1 ? d : {
-        [r]: d
+    const f = a[t], d = a.theme, m = Ce(d, n) || {};
+    return Y(a, f, (y) => {
+      let p = be(m, i, y);
+      return y === p && typeof y == "string" && (p = be(m, i, `${t}${y === "default" ? "" : lt(y)}`, y)), r === !1 ? p : {
+        [r]: p
       };
     });
   };
-  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
     [t]: q
-  } : {}, a.filterProps = [t], a;
+  } : {}, s.filterProps = [t], s;
 }
 function Rt(e) {
   const t = {};
@@ -486,19 +486,19 @@ const Bt = {
     else
       return [e];
   const [t, r] = e.split(""), n = Bt[t], i = It[r] || "";
-  return Array.isArray(i) ? i.map((a) => n + a) : [n + i];
+  return Array.isArray(i) ? i.map((s) => n + s) : [n + i];
 }), $e = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ee = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Dt = [...$e, ...Ee];
 function me(e, t, r, n) {
   const i = Ce(e, t, !0) ?? r;
-  return typeof i == "number" || typeof i == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof i == "string" ? i.startsWith("var(") && a === 0 ? 0 : i.startsWith("var(") && a === 1 ? i : `calc(${a} * ${i})` : i * a) : Array.isArray(i) ? (a) => {
-    if (typeof a == "string")
-      return a;
-    const l = Math.abs(a);
-    process.env.NODE_ENV !== "production" && (Number.isInteger(l) ? l > i.length - 1 && console.error([`MUI: The value provided (${l}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${l} > ${i.length - 1}, you need to add the missing values.`].join(`
+  return typeof i == "number" || typeof i == "string" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${s}.`), typeof i == "string" ? i.startsWith("var(") && s === 0 ? 0 : i.startsWith("var(") && s === 1 ? i : `calc(${s} * ${i})` : i * s) : Array.isArray(i) ? (s) => {
+    if (typeof s == "string")
+      return s;
+    const a = Math.abs(s);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > i.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${a} > ${i.length - 1}, you need to add the missing values.`].join(`
 `)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
 `)));
-    const u = i[l];
-    return a >= 0 ? u : typeof u == "number" ? -u : typeof u == "string" && u.startsWith("var(") ? `calc(-1 * ${u})` : `-${u}`;
+    const f = i[a];
+    return s >= 0 ? f : typeof f == "number" ? -f : typeof f == "string" && f.startsWith("var(") ? `calc(-1 * ${f})` : `-${f}`;
   } : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
 `)), () => {
   });
@@ -515,8 +515,8 @@ function Mt(e, t) {
 function Ft(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const i = Pt(r), a = Mt(i, n), l = e[r];
-  return Y(e, l, a);
+  const i = Pt(r), s = Mt(i, n), a = e[r];
+  return Y(e, a, s);
 }
 function ct(e, t) {
   const r = Le(e.theme);
@@ -538,16 +538,16 @@ function ut(e = 8, t = Le({
 })) {
   if (e.mui)
     return e;
-  const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
-    const l = t(a);
-    return typeof l == "number" ? `${l}px` : l;
+  const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((s) => {
+    const a = t(s);
+    return typeof a == "number" ? `${a}px` : a;
   }).join(" "));
   return r.mui = !0, r;
 }
 function Te(...e) {
-  const t = e.reduce((n, i) => (i.filterProps.forEach((a) => {
-    n[a] = i;
-  }), n), {}), r = (n) => Object.keys(n).reduce((i, a) => t[a] ? de(i, t[a](n)) : i, {});
+  const t = e.reduce((n, i) => (i.filterProps.forEach((s) => {
+    n[s] = i;
+  }), n), {}), r = (n) => Object.keys(n).reduce((i, s) => t[s] ? de(i, t[s](n)) : i, {});
   return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, i) => Object.assign(n, i.propTypes), {}) : {}, r.filterProps = e.reduce((n, i) => n.concat(i.filterProps), []), r;
 }
 function V(e) {
@@ -997,32 +997,32 @@ function hr(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function yr() {
-  function e(r, n, i, a) {
-    const l = {
+  function e(r, n, i, s) {
+    const a = {
       [r]: n,
       theme: i
-    }, u = a[r];
-    if (!u)
+    }, f = s[r];
+    if (!f)
       return {
         [r]: n
       };
     const {
-      cssProperty: f = r,
-      themeKey: p,
-      transform: y,
-      style: h
-    } = u;
+      cssProperty: d = r,
+      themeKey: m,
+      transform: b,
+      style: y
+    } = f;
     if (n == null)
       return null;
-    if (p === "typography" && n === "inherit")
+    if (m === "typography" && n === "inherit")
       return {
         [r]: n
       };
-    const d = Ce(i, p) || {};
-    return h ? h(l) : Y(l, n, (m) => {
-      let s = be(d, y, m);
-      return m === s && typeof m == "string" && (s = be(d, y, `${r}${m === "default" ? "" : lt(m)}`, m)), f === !1 ? s : {
-        [f]: s
+    const p = Ce(i, m) || {};
+    return y ? y(a) : Y(a, n, (g) => {
+      let l = be(p, b, g);
+      return g === l && typeof g == "string" && (l = be(p, b, `${r}${g === "default" ? "" : lt(g)}`, g)), d === !1 ? l : {
+        [d]: l
       };
     });
   }
@@ -1030,46 +1030,46 @@ function yr() {
     const {
       sx: n,
       theme: i = {},
-      nested: a
+      nested: s
     } = r || {};
     if (!n)
       return null;
-    const l = i.unstable_sxConfig ?? Oe;
-    function u(f) {
-      let p = f;
-      if (typeof f == "function")
-        p = f(i);
-      else if (typeof f != "object")
-        return f;
-      if (!p)
+    const a = i.unstable_sxConfig ?? Oe;
+    function f(d) {
+      let m = d;
+      if (typeof d == "function")
+        m = d(i);
+      else if (typeof d != "object")
+        return d;
+      if (!m)
         return null;
-      const y = st(i.breakpoints), h = Object.keys(y);
-      let d = y;
-      return Object.keys(p).forEach((b) => {
-        const m = hr(p[b], i);
-        if (m != null)
-          if (typeof m == "object")
-            if (l[b])
-              d = de(d, e(b, m, i, l));
+      const b = st(i.breakpoints), y = Object.keys(b);
+      let p = b;
+      return Object.keys(m).forEach((u) => {
+        const g = hr(m[u], i);
+        if (g != null)
+          if (typeof g == "object")
+            if (a[u])
+              p = de(p, e(u, g, i, a));
             else {
-              const s = Y({
+              const l = Y({
                 theme: i
-              }, m, (S) => ({
-                [b]: S
+              }, g, (S) => ({
+                [u]: S
               }));
-              gr(s, m) ? d[b] = t({
-                sx: m,
+              gr(l, g) ? p[u] = t({
+                sx: g,
                 theme: i,
                 nested: !0
-              }) : d = de(d, s);
+              }) : p = de(p, l);
             }
           else
-            d = de(d, e(b, m, i, l));
-      }), !a && i.modularCssLayers ? {
-        "@layer sx": Ye(i, Pe(h, d))
-      } : Ye(i, Pe(h, d));
+            p = de(p, e(u, g, i, a));
+      }), !s && i.modularCssLayers ? {
+        "@layer sx": Ye(i, Pe(y, p))
+      } : Ye(i, Pe(y, p));
     }
-    return Array.isArray(n) ? n.map(u) : u(n);
+    return Array.isArray(n) ? n.map(f) : f(n);
   }
   return t;
 }
@@ -1092,11 +1092,11 @@ function Sr(e = {}, ...t) {
     breakpoints: r = {},
     palette: n = {},
     spacing: i,
-    shape: a = {},
-    ...l
-  } = e, u = xt(r), f = ut(i);
-  let p = D({
-    breakpoints: u,
+    shape: s = {},
+    ...a
+  } = e, f = xt(r), d = ut(i);
+  let m = D({
+    breakpoints: f,
     direction: "ltr",
     components: {},
     // Inject component definitions.
@@ -1104,21 +1104,21 @@ function Sr(e = {}, ...t) {
       mode: "light",
       ...n
     },
-    spacing: f,
+    spacing: d,
     shape: {
       ...kt,
-      ...a
+      ...s
     }
-  }, l);
-  return p = Ot(p), p.applyStyles = br, p = t.reduce((y, h) => D(y, h), p), p.unstable_sxConfig = {
+  }, a);
+  return m = Ot(m), m.applyStyles = br, m = t.reduce((b, y) => D(b, y), m), m.unstable_sxConfig = {
     ...Oe,
-    ...l?.unstable_sxConfig
-  }, p.unstable_sx = function(h) {
+    ...a?.unstable_sxConfig
+  }, m.unstable_sx = function(y) {
     return ke({
-      sx: h,
+      sx: y,
       theme: this
     });
-  }, p;
+  }, m;
 }
 function Cr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
@@ -1148,7 +1148,7 @@ The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
 The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : J(10, i));
   } else
     n = n.split(",");
-  return n = n.map((a) => parseFloat(a)), {
+  return n = n.map((s) => parseFloat(s)), {
     type: r,
     values: n,
     colorSpace: i
@@ -1172,18 +1172,18 @@ function _e(e) {
   let {
     values: n
   } = e;
-  return t.includes("rgb") ? n = n.map((i, a) => a < 3 ? parseInt(i, 10) : i) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+  return t.includes("rgb") ? n = n.map((i, s) => s < 3 ? parseInt(i, 10) : i) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
 }
 function ft(e) {
   e = H(e);
   const {
     values: t
-  } = e, r = t[0], n = t[1] / 100, i = t[2] / 100, a = n * Math.min(i, 1 - i), l = (p, y = (p + r / 30) % 12) => i - a * Math.max(Math.min(y - 3, 9 - y, 1), -1);
-  let u = "rgb";
-  const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
-  return e.type === "hsla" && (u += "a", f.push(t[3])), _e({
-    type: u,
-    values: f
+  } = e, r = t[0], n = t[1] / 100, i = t[2] / 100, s = n * Math.min(i, 1 - i), a = (m, b = (m + r / 30) % 12) => i - s * Math.max(Math.min(b - 3, 9 - b, 1), -1);
+  let f = "rgb";
+  const d = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
+  return e.type === "hsla" && (f += "a", d.push(t[3])), _e({
+    type: f,
+    values: d
   });
 }
 function De(e) {
@@ -1259,13 +1259,13 @@ function wr(e = "") {
 }
 const Qe = (e, t, r, n = []) => {
   let i = e;
-  t.forEach((a, l) => {
-    l === t.length - 1 ? Array.isArray(i) ? i[Number(a)] = r : i && typeof i == "object" && (i[a] = r) : i && typeof i == "object" && (i[a] || (i[a] = n.includes(a) ? [] : {}), i = i[a]);
+  t.forEach((s, a) => {
+    a === t.length - 1 ? Array.isArray(i) ? i[Number(s)] = r : i && typeof i == "object" && (i[s] = r) : i && typeof i == "object" && (i[s] || (i[s] = n.includes(s) ? [] : {}), i = i[s]);
   });
 }, xr = (e, t, r) => {
-  function n(i, a = [], l = []) {
-    Object.entries(i).forEach(([u, f]) => {
-      (!r || r && !r([...a, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, u], Array.isArray(f) ? [...l, u] : l) : t([...a, u], f, l));
+  function n(i, s = [], a = []) {
+    Object.entries(i).forEach(([f, d]) => {
+      (!r || r && !r([...s, f])) && d != null && (typeof d == "object" && Object.keys(d).length > 0 ? n(d, [...s, f], Array.isArray(d) ? [...a, f] : a) : t([...s, f], d, a));
     });
   }
   n(e);
@@ -1274,23 +1274,23 @@ function Be(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
-  } = t || {}, i = {}, a = {}, l = {};
+  } = t || {}, i = {}, s = {}, a = {};
   return xr(
     e,
-    (u, f, p) => {
-      if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const y = `--${r ? `${r}-` : ""}${u.join("-")}`, h = vr(u, f);
+    (f, d, m) => {
+      if ((typeof d == "string" || typeof d == "number") && (!n || !n(f, d))) {
+        const b = `--${r ? `${r}-` : ""}${f.join("-")}`, y = vr(f, d);
         Object.assign(i, {
-          [y]: h
-        }), Qe(a, u, `var(${y})`, p), Qe(l, u, `var(${y}, ${h})`, p);
+          [b]: y
+        }), Qe(s, f, `var(${b})`, m), Qe(a, f, `var(${b}, ${y})`, m);
       }
     },
-    (u) => u[0] === "vars"
+    (f) => f[0] === "vars"
     // skip 'vars/*' paths
   ), {
     css: i,
-    vars: a,
-    varsWithDefaults: l
+    vars: s,
+    varsWithDefaults: a
   };
 }
 function Ar(e, t = {}) {
@@ -1298,39 +1298,39 @@ function Ar(e, t = {}) {
     getSelector: r = O,
     disableCssColorScheme: n,
     colorSchemeSelector: i,
-    enableContrastVars: a
+    enableContrastVars: s
   } = t, {
-    colorSchemes: l = {},
-    components: u,
-    defaultColorScheme: f = "light",
-    ...p
+    colorSchemes: a = {},
+    components: f,
+    defaultColorScheme: d = "light",
+    ...m
   } = e, {
-    vars: y,
-    css: h,
-    varsWithDefaults: d
-  } = Be(p, t);
-  let b = d;
-  const m = {}, {
-    [f]: s,
+    vars: b,
+    css: y,
+    varsWithDefaults: p
+  } = Be(m, t);
+  let u = p;
+  const g = {}, {
+    [d]: l,
     ...S
-  } = l;
+  } = a;
   if (Object.entries(S || {}).forEach(([$, P]) => {
     const {
       vars: E,
       css: Q,
       varsWithDefaults: se
     } = Be(P, t);
-    b = D(b, se), m[$] = {
+    u = D(u, se), g[$] = {
       css: Q,
       vars: E
     };
-  }), s) {
+  }), l) {
     const {
       css: $,
       vars: P,
       varsWithDefaults: E
-    } = Be(s, t);
-    b = D(b, E), m[f] = {
+    } = Be(l, t);
+    u = D(u, E), g[d] = {
       css: $,
       vars: P
     };
@@ -1340,7 +1340,7 @@ function Ar(e, t = {}) {
     if (i === "class" && (E = ".%s"), i === "data" && (E = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (E = `[${i}="%s"]`), $) {
       if (E === "media")
         return e.defaultColorScheme === $ ? ":root" : {
-          [`@media (prefers-color-scheme: ${l[$]?.palette?.mode || $})`]: {
+          [`@media (prefers-color-scheme: ${a[$]?.palette?.mode || $})`]: {
             ":root": P
           }
         };
@@ -1350,12 +1350,12 @@ function Ar(e, t = {}) {
     return ":root";
   }
   return {
-    vars: b,
+    vars: u,
     generateThemeVars: () => {
       let $ = {
-        ...y
+        ...b
       };
-      return Object.entries(m).forEach(([, {
+      return Object.entries(g).forEach(([, {
         vars: P
       }]) => {
         $ = D($, P);
@@ -1371,16 +1371,16 @@ function Ar(e, t = {}) {
         } : W);
       }
       E(r(void 0, {
-        ...h
-      }), h);
+        ...y
+      }), y);
       const {
         [P]: Q,
         ...se
-      } = m;
+      } = g;
       if (Q) {
         const {
           css: W
-        } = Q, j = l[P]?.palette?.mode, M = !n && j ? {
+        } = Q, j = a[P]?.palette?.mode, M = !n && j ? {
           colorScheme: j,
           ...W
         } : {
@@ -1393,7 +1393,7 @@ function Ar(e, t = {}) {
       return Object.entries(se).forEach(([W, {
         css: j
       }]) => {
-        const M = l[W]?.palette?.mode, o = !n && M ? {
+        const M = a[W]?.palette?.mode, o = !n && M ? {
           colorScheme: M,
           ...j
         } : {
@@ -1402,7 +1402,7 @@ function Ar(e, t = {}) {
         E(r(W, {
           ...o
         }), o);
-      }), a && $.push({
+      }), s && $.push({
         ":root": {
           // use double underscore to indicate that these are private variables
           "--__l-threshold": "0.7",
@@ -1490,12 +1490,12 @@ function gt() {
 }
 const Me = gt();
 function Xe(e, t, r, n) {
-  const i = n.light || n, a = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Re(e.main, i) : t === "dark" && (e.dark = Ne(e.main, a)));
+  const i = n.light || n, s = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Re(e.main, i) : t === "dark" && (e.dark = Ne(e.main, s)));
 }
 function Je(e, t, r, n, i) {
-  const a = i.light || i, l = i.dark || i * 1.5;
-  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(a * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(l * 100).toFixed(0)}%)`));
+  const s = i.light || i, a = i.dark || i * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(s * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
 }
 function kr(e = "light") {
   return e === "dark" ? {
@@ -1573,9 +1573,9 @@ function We(e) {
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     colorSpace: i,
-    ...a
-  } = e, l = e.primary || kr(t), u = e.secondary || _r(t), f = e.error || Nr(t), p = e.info || Rr(t), y = e.success || Br(t), h = e.warning || Ir(t);
-  function d(S) {
+    ...s
+  } = e, a = e.primary || kr(t), f = e.secondary || _r(t), d = e.error || Nr(t), m = e.info || Rr(t), b = e.success || Br(t), y = e.warning || Ir(t);
+  function p(S) {
     if (i)
       return Pr(S);
     const O = qe(S, Me.text.primary) >= r ? Me.text.primary : mt.text.primary;
@@ -1586,7 +1586,7 @@ function We(e) {
     }
     return O;
   }
-  const b = ({
+  const u = ({
     color: S,
     name: O,
     mainShade: k = 500,
@@ -1613,10 +1613,10 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : J(12, O ? ` (${O})` : "", JSON.stringify(S.main)));
-    return i ? (Je(i, S, "light", L, n), Je(i, S, "dark", $, n)) : (Xe(S, "light", L, n), Xe(S, "dark", $, n)), S.contrastText || (S.contrastText = d(S.main)), S;
+    return i ? (Je(i, S, "light", L, n), Je(i, S, "dark", $, n)) : (Xe(S, "light", L, n), Xe(S, "dark", $, n)), S.contrastText || (S.contrastText = p(S.main)), S;
   };
-  let m;
-  return t === "light" ? m = pt() : t === "dark" && (m = gt()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), D({
+  let g;
+  return t === "light" ? g = pt() : t === "dark" && (g = gt()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), D({
     // A collection of common colors.
     common: {
       ...pe
@@ -1625,36 +1625,36 @@ const theme2 = createTheme({ palette: {
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
-    primary: b({
-      color: l,
+    primary: u({
+      color: a,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
-    secondary: b({
-      color: u,
+    secondary: u({
+      color: f,
       name: "secondary",
       mainShade: "A400",
       lightShade: "A200",
       darkShade: "A700"
     }),
     // The colors used to represent interface elements that the user should be made aware of.
-    error: b({
-      color: f,
+    error: u({
+      color: d,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
-    warning: b({
-      color: h,
+    warning: u({
+      color: y,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
-    info: b({
-      color: p,
+    info: u({
+      color: m,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
-    success: b({
-      color: y,
+    success: u({
+      color: b,
       name: "success"
     }),
     // The grey colors.
@@ -1663,22 +1663,22 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: d,
+    getContrastText: p,
     // Generate a rich color object.
-    augmentColor: b,
+    augmentColor: u,
     // 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.
-    ...m
-  }, a);
+    ...g
+  }, s);
 }
 function Dr(e) {
   const t = {};
   return Object.entries(e).forEach((n) => {
-    const [i, a] = n;
-    typeof a == "object" && (t[i] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+    const [i, s] = n;
+    typeof s == "object" && (t[i] = `${s.fontStyle ? `${s.fontStyle} ` : ""}${s.fontVariant ? `${s.fontVariant} ` : ""}${s.fontWeight ? `${s.fontWeight} ` : ""}${s.fontStretch ? `${s.fontStretch} ` : ""}${s.fontSize || ""}${s.lineHeight ? `/${s.lineHeight} ` : ""}${s.fontFamily || ""}`);
   }), t;
 }
 function Mr(e, t) {
@@ -1710,22 +1710,22 @@ function Lr(e, t) {
     fontSize: n = 14,
     // px
     fontWeightLight: i = 300,
-    fontWeightRegular: a = 400,
-    fontWeightMedium: l = 500,
-    fontWeightBold: u = 700,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: a = 500,
+    fontWeightBold: f = 700,
     // Tell MUI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
-    htmlFontSize: f = 16,
+    htmlFontSize: d = 16,
     // Apply the CSS properties to all the variants.
-    allVariants: p,
-    pxToRem: y,
-    ...h
+    allVariants: m,
+    pxToRem: b,
+    ...y
   } = typeof t == "function" ? t(e) : t;
-  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const d = n / 14, b = y || ((S) => `${S / f * d}rem`), m = (S, O, k, L, $) => ({
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const p = n / 14, u = b || ((S) => `${S / d * p}rem`), g = (S, O, k, L, $) => ({
     fontFamily: r,
     fontWeight: S,
-    fontSize: b(O),
+    fontSize: u(O),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: k,
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
@@ -1734,21 +1734,21 @@ function Lr(e, t) {
       letterSpacing: `${Fr(L / O)}em`
     } : {},
     ...$,
-    ...p
-  }), s = {
-    h1: m(i, 96, 1.167, -1.5),
-    h2: m(i, 60, 1.2, -0.5),
-    h3: m(a, 48, 1.167, 0),
-    h4: m(a, 34, 1.235, 0.25),
-    h5: m(a, 24, 1.334, 0),
-    h6: m(l, 20, 1.6, 0.15),
-    subtitle1: m(a, 16, 1.75, 0.15),
-    subtitle2: m(l, 14, 1.57, 0.1),
-    body1: m(a, 16, 1.5, 0.15),
-    body2: m(a, 14, 1.43, 0.15),
-    button: m(l, 14, 1.75, 0.4, Ze),
-    caption: m(a, 12, 1.66, 0.4),
-    overline: m(a, 12, 2.66, 1, Ze),
+    ...m
+  }), l = {
+    h1: g(i, 96, 1.167, -1.5),
+    h2: g(i, 60, 1.2, -0.5),
+    h3: g(s, 48, 1.167, 0),
+    h4: g(s, 34, 1.235, 0.25),
+    h5: g(s, 24, 1.334, 0),
+    h6: g(a, 20, 1.6, 0.15),
+    subtitle1: g(s, 16, 1.75, 0.15),
+    subtitle2: g(a, 14, 1.57, 0.1),
+    body1: g(s, 16, 1.5, 0.15),
+    body2: g(s, 14, 1.43, 0.15),
+    button: g(a, 14, 1.75, 0.4, Ze),
+    caption: g(s, 12, 1.66, 0.4),
+    overline: g(s, 12, 2.66, 1, Ze),
     // 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",
@@ -1759,16 +1759,16 @@ function Lr(e, t) {
     }
   };
   return D({
-    htmlFontSize: f,
-    pxToRem: b,
+    htmlFontSize: d,
+    pxToRem: u,
     fontFamily: r,
     fontSize: n,
     fontWeightLight: i,
-    fontWeightRegular: a,
-    fontWeightMedium: l,
-    fontWeightBold: u,
-    ...s
-  }, h, {
+    fontWeightRegular: s,
+    fontWeightMedium: a,
+    fontWeightBold: f,
+    ...l
+  }, y, {
     clone: !1
     // No need to clone deep
   });
@@ -1819,19 +1819,19 @@ function Kr(e) {
   };
   return {
     getAutoHeightDuration: Yr,
-    create: (i = ["all"], a = {}) => {
+    create: (i = ["all"], s = {}) => {
       const {
-        duration: l = r.standard,
-        easing: u = t.easeInOut,
-        delay: f = 0,
-        ...p
-      } = a;
+        duration: a = r.standard,
+        easing: f = t.easeInOut,
+        delay: d = 0,
+        ...m
+      } = s;
       if (process.env.NODE_ENV !== "production") {
-        const y = (d) => typeof d == "string", h = (d) => !Number.isNaN(parseFloat(d));
-        !y(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !h(l) && !y(l) && console.error(`MUI: Argument "duration" must be a number or a string but found ${l}.`), y(u) || console.error('MUI: Argument "easing" must be a string.'), !h(f) && !y(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
-`)), Object.keys(p).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(p).join(",")}].`);
+        const b = (p) => typeof p == "string", y = (p) => !Number.isNaN(parseFloat(p));
+        !b(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !y(a) && !b(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), b(f) || console.error('MUI: Argument "easing" must be a string.'), !y(d) && !b(d) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "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(m).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(m).join(",")}].`);
       }
-      return (Array.isArray(i) ? i : [i]).map((y) => `${y} ${typeof l == "string" ? l : tt(l)} ${u} ${typeof f == "string" ? f : tt(f)}`).join(",");
+      return (Array.isArray(i) ? i : [i]).map((b) => `${b} ${typeof a == "string" ? a : tt(a)} ${f} ${typeof d == "string" ? d : tt(d)}`).join(",");
     },
     ...e,
     easing: t,
@@ -1857,11 +1857,11 @@ function ht(e = {}) {
   };
   function r(n) {
     const i = Object.entries(n);
-    for (let a = 0; a < i.length; a++) {
-      const [l, u] = i[a];
-      !qr(u) || l.startsWith("unstable_") ? delete n[l] : K(u) && (n[l] = {
-        ...u
-      }, r(n[l]));
+    for (let s = 0; s < i.length; s++) {
+      const [a, f] = i[s];
+      !qr(f) || a.startsWith("unstable_") ? delete n[a] : K(f) && (n[a] = {
+        ...f
+      }, r(n[a]));
     }
   }
   return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
@@ -1908,38 +1908,38 @@ function Fe(e = {}, ...t) {
     breakpoints: r,
     mixins: n = {},
     spacing: i,
-    palette: a = {},
-    transitions: l = {},
-    typography: u = {},
-    shape: f,
-    colorSpace: p,
-    ...y
+    palette: s = {},
+    transitions: a = {},
+    typography: f = {},
+    shape: d,
+    colorSpace: m,
+    ...b
   } = e;
   if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : J(20));
-  const h = We({
-    ...a,
-    colorSpace: p
-  }), d = Sr(e);
-  let b = D(d, {
-    mixins: Mr(d.breakpoints, n),
-    palette: h,
+  const y = We({
+    ...s,
+    colorSpace: m
+  }), p = Sr(e);
+  let u = D(p, {
+    mixins: Mr(p.breakpoints, n),
+    palette: y,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: jr.slice(),
-    typography: Lr(h, u),
-    transitions: Kr(l),
+    typography: Lr(y, f),
+    transitions: Kr(a),
     zIndex: {
       ...Hr
     }
   });
-  if (b = D(b, y), b = t.reduce((m, s) => D(m, s), b), process.env.NODE_ENV !== "production") {
-    const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (S, O) => {
+  if (u = D(u, b), u = t.reduce((g, l) => D(g, l), u), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], l = (S, O) => {
       let k;
       for (k in S) {
         const L = S[k];
-        if (m.includes(k) && Object.keys(L).length > 0) {
+        if (g.includes(k) && Object.keys(L).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const $ = St("", k);
             console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${k}\` internal state.`, "You can not override it like this: ", JSON.stringify(S, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
@@ -1953,20 +1953,20 @@ function Fe(e = {}, ...t) {
         }
       }
     };
-    Object.keys(b.components).forEach((S) => {
-      const O = b.components[S].styleOverrides;
-      O && S.startsWith("Mui") && s(O, S);
+    Object.keys(u.components).forEach((S) => {
+      const O = u.components[S].styleOverrides;
+      O && S.startsWith("Mui") && l(O, S);
     });
   }
-  return b.unstable_sxConfig = {
+  return u.unstable_sxConfig = {
     ...Oe,
-    ...y?.unstable_sxConfig
-  }, b.unstable_sx = function(s) {
+    ...b?.unstable_sxConfig
+  }, u.unstable_sx = function(l) {
     return ke({
-      sx: s,
+      sx: l,
       theme: this
     });
-  }, b.toRuntimeSource = ht, Xr(b), b;
+  }, u.toRuntimeSource = ht, Xr(u), u;
 }
 function Jr(e) {
   let t;
@@ -1998,19 +1998,19 @@ function en(e) {
     opacity: r,
     overlays: n,
     colorSpace: i,
-    ...a
-  } = e, l = We({
+    ...s
+  } = e, a = We({
     ...t,
     colorSpace: i
   });
   return {
-    palette: l,
+    palette: a,
     opacity: {
-      ...yt(l.mode),
+      ...yt(a.mode),
       ...r
     },
-    overlays: n || bt(l.mode),
-    ...a
+    overlays: n || bt(a.mode),
+    ...s
   };
 }
 function tn(e) {
@@ -2019,38 +2019,38 @@ function tn(e) {
 }
 const rn = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], nn = (e) => (t, r) => {
   const n = e.rootSelector || ":root", i = e.colorSchemeSelector;
-  let a = i;
-  if (i === "class" && (a = ".%s"), i === "data" && (a = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (a = `[${i}="%s"]`), e.defaultColorScheme === t) {
+  let s = i;
+  if (i === "class" && (s = ".%s"), i === "data" && (s = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (s = `[${i}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
-      const l = {};
-      return rn(e.cssVarPrefix).forEach((u) => {
-        l[u] = r[u], delete r[u];
-      }), a === "media" ? {
+      const a = {};
+      return rn(e.cssVarPrefix).forEach((f) => {
+        a[f] = r[f], delete r[f];
+      }), s === "media" ? {
         [n]: r,
         "@media (prefers-color-scheme: dark)": {
-          [n]: l
+          [n]: a
         }
-      } : a ? {
-        [a.replace("%s", t)]: l,
-        [`${n}, ${a.replace("%s", t)}`]: r
+      } : s ? {
+        [s.replace("%s", t)]: a,
+        [`${n}, ${s.replace("%s", t)}`]: r
       } : {
         [n]: {
           ...r,
-          ...l
+          ...a
         }
       };
     }
-    if (a && a !== "media")
-      return `${n}, ${a.replace("%s", String(t))}`;
+    if (s && s !== "media")
+      return `${n}, ${s.replace("%s", String(t))}`;
   } else if (t) {
-    if (a === "media")
+    if (s === "media")
       return {
         [`@media (prefers-color-scheme: ${String(t)})`]: {
           [n]: r
         }
       };
-    if (a)
-      return a.replace("%s", String(t));
+    if (s)
+      return s.replace("%s", String(t));
   }
   return n;
 };
@@ -2082,12 +2082,12 @@ function Ie(e, t, r, n, i) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
-  const a = i === "dark" ? "dark" : "light";
+  const s = i === "dark" ? "dark" : "light";
   if (!n) {
     t[i] = en({
       ...r,
       palette: {
-        mode: a,
+        mode: s,
         ...r?.palette
       },
       colorSpace: e
@@ -2095,25 +2095,25 @@ function Ie(e, t, r, n, i) {
     return;
   }
   const {
-    palette: l,
-    ...u
+    palette: a,
+    ...f
   } = Fe({
     ...n,
     palette: {
-      mode: a,
+      mode: s,
       ...r?.palette
     },
     colorSpace: e
   });
   return t[i] = {
     ...r,
-    palette: l,
+    palette: a,
     opacity: {
-      ...yt(a),
+      ...yt(s),
       ...r?.opacity
     },
-    overlays: r?.overlays || bt(a)
-  }, u;
+    overlays: r?.overlays || bt(s)
+  }, f;
 }
 function ln(e = {}, ...t) {
   const {
@@ -2122,48 +2122,48 @@ function ln(e = {}, ...t) {
     },
     defaultColorScheme: n,
     disableCssColorScheme: i = !1,
-    cssVarPrefix: a = "mui",
-    nativeColor: l = !1,
-    shouldSkipGeneratingVar: u = tn,
-    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
-    rootSelector: p = ":root",
-    ...y
-  } = e, h = Object.keys(r)[0], d = n || (r.light && h !== "light" ? "light" : h), b = sn(a), {
-    [d]: m,
-    light: s,
+    cssVarPrefix: s = "mui",
+    nativeColor: a = !1,
+    shouldSkipGeneratingVar: f = tn,
+    colorSchemeSelector: d = r.light && r.dark ? "media" : void 0,
+    rootSelector: m = ":root",
+    ...b
+  } = e, y = Object.keys(r)[0], p = n || (r.light && y !== "light" ? "light" : y), u = sn(s), {
+    [p]: g,
+    light: l,
     dark: S,
     ...O
   } = r, k = {
     ...O
   };
-  let L = m;
-  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (L = !0), !L)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : J(21, d));
+  let L = g;
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (L = !0), !L)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : J(21, p));
   let $;
-  l && ($ = "oklch");
-  const P = Ie($, k, L, y, d);
-  s && !k.light && Ie($, k, s, void 0, "light"), S && !k.dark && Ie($, k, S, void 0, "dark");
+  a && ($ = "oklch");
+  const P = Ie($, k, L, b, p);
+  l && !k.light && Ie($, k, l, void 0, "light"), S && !k.dark && Ie($, k, S, void 0, "dark");
   let E = {
-    defaultColorScheme: d,
+    defaultColorScheme: p,
     ...P,
-    cssVarPrefix: a,
-    colorSchemeSelector: f,
-    rootSelector: p,
-    getCssVar: b,
+    cssVarPrefix: s,
+    colorSchemeSelector: d,
+    rootSelector: m,
+    getCssVar: u,
     colorSchemes: k,
     font: {
       ...Dr(P.typography),
       ...P.font
     },
-    spacing: an(y.spacing)
+    spacing: an(b.spacing)
   };
   Object.keys(E.colorSchemes).forEach((M) => {
     const o = E.colorSchemes[M].palette, C = (A) => {
       const I = A.split("-"), Z = I[1], ee = I[2];
-      return b(A, o[Z][ee]);
+      return u(A, o[Z][ee]);
     };
     o.mode === "light" && (c(o.common, "background", "#fff"), c(o.common, "onBackground", "#000")), o.mode === "dark" && (c(o.common, "background", "#000"), c(o.common, "onBackground", "#fff"));
-    function g(A, I, Z) {
+    function h(A, I, Z) {
       if ($) {
         let ee;
         return A === X && (ee = `transparent ${((1 - Z) * 100).toFixed(0)}%`), A === T && (ee = `#000 ${(Z * 100).toFixed(0)}%`), A === w && (ee = `#fff ${(Z * 100).toFixed(0)}%`), `color-mix(in ${$}, ${I}, ${ee})`;
@@ -2171,14 +2171,14 @@ function ln(e = {}, ...t) {
       return A(I, Z);
     }
     if (on(o, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), o.mode === "light") {
-      c(o.Alert, "errorColor", g(T, o.error.light, 0.6)), c(o.Alert, "infoColor", g(T, o.info.light, 0.6)), c(o.Alert, "successColor", g(T, o.success.light, 0.6)), c(o.Alert, "warningColor", g(T, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", C("palette-error-main")), c(o.Alert, "infoFilledBg", C("palette-info-main")), c(o.Alert, "successFilledBg", C("palette-success-main")), c(o.Alert, "warningFilledBg", C("palette-warning-main")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.main))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.main))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.main))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.main))), c(o.Alert, "errorStandardBg", g(w, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", g(w, o.info.light, 0.9)), c(o.Alert, "successStandardBg", g(w, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", g(w, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", C("palette-error-main")), c(o.Alert, "infoIconColor", C("palette-info-main")), c(o.Alert, "successIconColor", C("palette-success-main")), c(o.Alert, "warningIconColor", C("palette-warning-main")), c(o.AppBar, "defaultBg", C("palette-grey-100")), c(o.Avatar, "defaultBg", C("palette-grey-400")), c(o.Button, "inheritContainedBg", C("palette-grey-300")), c(o.Button, "inheritContainedHoverBg", C("palette-grey-A100")), c(o.Chip, "defaultBorder", C("palette-grey-400")), c(o.Chip, "defaultAvatarColor", C("palette-grey-700")), c(o.Chip, "defaultIconColor", C("palette-grey-700")), c(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(o.LinearProgress, "primaryBg", g(w, o.primary.main, 0.62)), c(o.LinearProgress, "secondaryBg", g(w, o.secondary.main, 0.62)), c(o.LinearProgress, "errorBg", g(w, o.error.main, 0.62)), c(o.LinearProgress, "infoBg", g(w, o.info.main, 0.62)), c(o.LinearProgress, "successBg", g(w, o.success.main, 0.62)), c(o.LinearProgress, "warningBg", g(w, o.warning.main, 0.62)), c(o.Skeleton, "bg", $ ? g(X, o.text.primary, 0.11) : `rgba(${C("palette-text-primaryChannel")} / 0.11)`), c(o.Slider, "primaryTrack", g(w, o.primary.main, 0.62)), c(o.Slider, "secondaryTrack", g(w, o.secondary.main, 0.62)), c(o.Slider, "errorTrack", g(w, o.error.main, 0.62)), c(o.Slider, "infoTrack", g(w, o.info.main, 0.62)), c(o.Slider, "successTrack", g(w, o.success.main, 0.62)), c(o.Slider, "warningTrack", g(w, o.warning.main, 0.62));
-      const A = $ ? g(T, o.background.default, 0.6825) : ye(o.background.default, 0.8);
-      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? Me.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", C("palette-grey-400")), c(o.StepContent, "border", C("palette-grey-400")), c(o.Switch, "defaultColor", C("palette-common-white")), c(o.Switch, "defaultDisabledColor", C("palette-grey-100")), c(o.Switch, "primaryDisabledColor", g(w, o.primary.main, 0.62)), c(o.Switch, "secondaryDisabledColor", g(w, o.secondary.main, 0.62)), c(o.Switch, "errorDisabledColor", g(w, o.error.main, 0.62)), c(o.Switch, "infoDisabledColor", g(w, o.info.main, 0.62)), c(o.Switch, "successDisabledColor", g(w, o.success.main, 0.62)), c(o.Switch, "warningDisabledColor", g(w, o.warning.main, 0.62)), c(o.TableCell, "border", g(w, g(X, o.divider, 1), 0.88)), c(o.Tooltip, "bg", g(X, o.grey[700], 0.92));
+      c(o.Alert, "errorColor", h(T, a ? u("palette-error-light") : o.error.light, 0.6)), c(o.Alert, "infoColor", h(T, a ? u("palette-info-light") : o.info.light, 0.6)), c(o.Alert, "successColor", h(T, a ? u("palette-success-light") : o.success.light, 0.6)), c(o.Alert, "warningColor", h(T, a ? u("palette-warning-light") : o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", C("palette-error-main")), c(o.Alert, "infoFilledBg", C("palette-info-main")), c(o.Alert, "successFilledBg", C("palette-success-main")), c(o.Alert, "warningFilledBg", C("palette-warning-main")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.main))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.main))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.main))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.main))), c(o.Alert, "errorStandardBg", h(w, a ? u("palette-error-light") : o.error.light, 0.9)), c(o.Alert, "infoStandardBg", h(w, a ? u("palette-info-light") : o.info.light, 0.9)), c(o.Alert, "successStandardBg", h(w, a ? u("palette-success-light") : o.success.light, 0.9)), c(o.Alert, "warningStandardBg", h(w, a ? u("palette-warning-light") : o.warning.light, 0.9)), c(o.Alert, "errorIconColor", C("palette-error-main")), c(o.Alert, "infoIconColor", C("palette-info-main")), c(o.Alert, "successIconColor", C("palette-success-main")), c(o.Alert, "warningIconColor", C("palette-warning-main")), c(o.AppBar, "defaultBg", C("palette-grey-100")), c(o.Avatar, "defaultBg", C("palette-grey-400")), c(o.Button, "inheritContainedBg", C("palette-grey-300")), c(o.Button, "inheritContainedHoverBg", C("palette-grey-A100")), c(o.Chip, "defaultBorder", C("palette-grey-400")), c(o.Chip, "defaultAvatarColor", C("palette-grey-700")), c(o.Chip, "defaultIconColor", C("palette-grey-700")), c(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(o.LinearProgress, "primaryBg", h(w, a ? u("palette-primary-main") : o.primary.main, 0.62)), c(o.LinearProgress, "secondaryBg", h(w, a ? u("palette-secondary-main") : o.secondary.main, 0.62)), c(o.LinearProgress, "errorBg", h(w, a ? u("palette-error-main") : o.error.main, 0.62)), c(o.LinearProgress, "infoBg", h(w, a ? u("palette-info-main") : o.info.main, 0.62)), c(o.LinearProgress, "successBg", h(w, a ? u("palette-success-main") : o.success.main, 0.62)), c(o.LinearProgress, "warningBg", h(w, a ? u("palette-warning-light") : o.warning.main, 0.62)), c(o.Skeleton, "bg", $ ? h(X, a ? u("palette-text-primary") : o.text.primary, 0.11) : `rgba(${C("palette-text-primaryChannel")} / 0.11)`), c(o.Slider, "primaryTrack", h(w, a ? u("palette-primary-main") : o.primary.main, 0.62)), c(o.Slider, "secondaryTrack", h(w, a ? u("palette-secondary-main") : o.secondary.main, 0.62)), c(o.Slider, "errorTrack", h(w, a ? u("palette-error-main") : o.error.main, 0.62)), c(o.Slider, "infoTrack", h(w, a ? u("palette-info-main") : o.info.main, 0.62)), c(o.Slider, "successTrack", h(w, a ? u("palette-success-main") : o.success.main, 0.62)), c(o.Slider, "warningTrack", h(w, a ? u("palette-warning-main") : o.warning.main, 0.62));
+      const A = $ ? h(T, a ? u("palette-background-default") : o.background.default, 0.6825) : ye(o.background.default, 0.8);
+      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? Me.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", C("palette-grey-400")), c(o.StepContent, "border", C("palette-grey-400")), c(o.Switch, "defaultColor", C("palette-common-white")), c(o.Switch, "defaultDisabledColor", C("palette-grey-100")), c(o.Switch, "primaryDisabledColor", h(w, a ? u("palette-primary-main") : o.primary.main, 0.62)), c(o.Switch, "secondaryDisabledColor", h(w, a ? u("palette-secondary-main") : o.secondary.main, 0.62)), c(o.Switch, "errorDisabledColor", h(w, a ? u("palette-error-main") : o.error.main, 0.62)), c(o.Switch, "infoDisabledColor", h(w, a ? u("palette-info-main") : o.info.main, 0.62)), c(o.Switch, "successDisabledColor", h(w, a ? u("palette-success-main") : o.success.main, 0.62)), c(o.Switch, "warningDisabledColor", h(w, a ? u("palette-warning-main") : o.warning.main, 0.62)), c(o.TableCell, "border", h(w, X(a ? u("palette-divider") : o.divider, 1), 0.88)), c(o.Tooltip, "bg", h(X, a ? u("palette-grey-700") : o.grey[700], 0.92));
     }
     if (o.mode === "dark") {
-      c(o.Alert, "errorColor", g(w, o.error.light, 0.6)), c(o.Alert, "infoColor", g(w, o.info.light, 0.6)), c(o.Alert, "successColor", g(w, o.success.light, 0.6)), c(o.Alert, "warningColor", g(w, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", C("palette-error-dark")), c(o.Alert, "infoFilledBg", C("palette-info-dark")), c(o.Alert, "successFilledBg", C("palette-success-dark")), c(o.Alert, "warningFilledBg", C("palette-warning-dark")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.dark))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.dark))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.dark))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.dark))), c(o.Alert, "errorStandardBg", g(T, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", g(T, o.info.light, 0.9)), c(o.Alert, "successStandardBg", g(T, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", g(T, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", C("palette-error-main")), c(o.Alert, "infoIconColor", C("palette-info-main")), c(o.Alert, "successIconColor", C("palette-success-main")), c(o.Alert, "warningIconColor", C("palette-warning-main")), c(o.AppBar, "defaultBg", C("palette-grey-900")), c(o.AppBar, "darkBg", C("palette-background-paper")), c(o.AppBar, "darkColor", C("palette-text-primary")), c(o.Avatar, "defaultBg", C("palette-grey-600")), c(o.Button, "inheritContainedBg", C("palette-grey-800")), c(o.Button, "inheritContainedHoverBg", C("palette-grey-700")), c(o.Chip, "defaultBorder", C("palette-grey-700")), c(o.Chip, "defaultAvatarColor", C("palette-grey-300")), c(o.Chip, "defaultIconColor", C("palette-grey-300")), c(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(o.LinearProgress, "primaryBg", g(T, o.primary.main, 0.5)), c(o.LinearProgress, "secondaryBg", g(T, o.secondary.main, 0.5)), c(o.LinearProgress, "errorBg", g(T, o.error.main, 0.5)), c(o.LinearProgress, "infoBg", g(T, o.info.main, 0.5)), c(o.LinearProgress, "successBg", g(T, o.success.main, 0.5)), c(o.LinearProgress, "warningBg", g(T, o.warning.main, 0.5)), c(o.Skeleton, "bg", $ ? g(X, o.text.primary, 0.13) : `rgba(${C("palette-text-primaryChannel")} / 0.13)`), c(o.Slider, "primaryTrack", g(T, o.primary.main, 0.5)), c(o.Slider, "secondaryTrack", g(T, o.secondary.main, 0.5)), c(o.Slider, "errorTrack", g(T, o.error.main, 0.5)), c(o.Slider, "infoTrack", g(T, o.info.main, 0.5)), c(o.Slider, "successTrack", g(T, o.success.main, 0.5)), c(o.Slider, "warningTrack", g(T, o.warning.main, 0.5));
-      const A = $ ? g(w, o.background.default, 0.985) : ye(o.background.default, 0.98);
-      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? mt.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", C("palette-grey-600")), c(o.StepContent, "border", C("palette-grey-600")), c(o.Switch, "defaultColor", C("palette-grey-300")), c(o.Switch, "defaultDisabledColor", C("palette-grey-600")), c(o.Switch, "primaryDisabledColor", g(T, o.primary.main, 0.55)), c(o.Switch, "secondaryDisabledColor", g(T, o.secondary.main, 0.55)), c(o.Switch, "errorDisabledColor", g(T, o.error.main, 0.55)), c(o.Switch, "infoDisabledColor", g(T, o.info.main, 0.55)), c(o.Switch, "successDisabledColor", g(T, o.success.main, 0.55)), c(o.Switch, "warningDisabledColor", g(T, o.warning.main, 0.55)), c(o.TableCell, "border", g(T, g(X, o.divider, 1), 0.68)), c(o.Tooltip, "bg", g(X, o.grey[700], 0.92));
+      c(o.Alert, "errorColor", h(w, a ? u("palette-error-light") : o.error.light, 0.6)), c(o.Alert, "infoColor", h(w, a ? u("palette-info-light") : o.info.light, 0.6)), c(o.Alert, "successColor", h(w, a ? u("palette-success-light") : o.success.light, 0.6)), c(o.Alert, "warningColor", h(w, a ? u("palette-warning-light") : o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", C("palette-error-dark")), c(o.Alert, "infoFilledBg", C("palette-info-dark")), c(o.Alert, "successFilledBg", C("palette-success-dark")), c(o.Alert, "warningFilledBg", C("palette-warning-dark")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.dark))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.dark))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.dark))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.dark))), c(o.Alert, "errorStandardBg", h(T, a ? u("palette-error-light") : o.error.light, 0.9)), c(o.Alert, "infoStandardBg", h(T, a ? u("palette-info-light") : o.info.light, 0.9)), c(o.Alert, "successStandardBg", h(T, a ? u("palette-success-light") : o.success.light, 0.9)), c(o.Alert, "warningStandardBg", h(T, a ? u("palette-warning-light") : o.warning.light, 0.9)), c(o.Alert, "errorIconColor", C("palette-error-main")), c(o.Alert, "infoIconColor", C("palette-info-main")), c(o.Alert, "successIconColor", C("palette-success-main")), c(o.Alert, "warningIconColor", C("palette-warning-main")), c(o.AppBar, "defaultBg", C("palette-grey-900")), c(o.AppBar, "darkBg", C("palette-background-paper")), c(o.AppBar, "darkColor", C("palette-text-primary")), c(o.Avatar, "defaultBg", C("palette-grey-600")), c(o.Button, "inheritContainedBg", C("palette-grey-800")), c(o.Button, "inheritContainedHoverBg", C("palette-grey-700")), c(o.Chip, "defaultBorder", C("palette-grey-700")), c(o.Chip, "defaultAvatarColor", C("palette-grey-300")), c(o.Chip, "defaultIconColor", C("palette-grey-300")), c(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(o.LinearProgress, "primaryBg", h(T, a ? u("palette-primary-main") : o.primary.main, 0.5)), c(o.LinearProgress, "secondaryBg", h(T, a ? u("palette-secondary-main") : o.secondary.main, 0.5)), c(o.LinearProgress, "errorBg", h(T, a ? u("palette-error-main") : o.error.main, 0.5)), c(o.LinearProgress, "infoBg", h(T, a ? u("palette-info-main") : o.info.main, 0.5)), c(o.LinearProgress, "successBg", h(T, a ? u("palette-success-main") : o.success.main, 0.5)), c(o.LinearProgress, "warningBg", h(T, a ? u("palette-warning-main") : o.warning.main, 0.5)), c(o.Skeleton, "bg", $ ? h(X, a ? u("palette-text-primary") : o.text.primary, 0.13) : `rgba(${C("palette-text-primaryChannel")} / 0.13)`), c(o.Slider, "primaryTrack", h(T, a ? u("palette-primary-main") : o.primary.main, 0.5)), c(o.Slider, "secondaryTrack", h(T, a ? u("palette-secondary-main") : o.secondary.main, 0.5)), c(o.Slider, "errorTrack", h(T, a ? u("palette-error-main") : o.error.main, 0.5)), c(o.Slider, "infoTrack", h(T, a ? u("palette-info-main") : o.info.main, 0.5)), c(o.Slider, "successTrack", h(T, a ? u("palette-success-main") : o.success.main, 0.5)), c(o.Slider, "warningTrack", h(T, a ? u("palette-warning-light") : o.warning.main, 0.5));
+      const A = $ ? h(w, a ? u("palette-background-default") : o.background.default, 0.985) : ye(o.background.default, 0.98);
+      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? mt.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", C("palette-grey-600")), c(o.StepContent, "border", C("palette-grey-600")), c(o.Switch, "defaultColor", C("palette-grey-300")), c(o.Switch, "defaultDisabledColor", C("palette-grey-600")), c(o.Switch, "primaryDisabledColor", h(T, a ? u("palette-primary-main") : o.primary.main, 0.55)), c(o.Switch, "secondaryDisabledColor", h(T, a ? u("palette-secondary-main") : o.secondary.main, 0.55)), c(o.Switch, "errorDisabledColor", h(T, a ? u("palette-error-main") : o.error.main, 0.55)), c(o.Switch, "infoDisabledColor", h(T, a ? u("palette-info-main") : o.info.main, 0.55)), c(o.Switch, "successDisabledColor", h(T, a ? u("palette-success-main") : o.success.main, 0.55)), c(o.Switch, "warningDisabledColor", h(T, a ? u("palette-warning-light") : o.warning.main, 0.55)), c(o.TableCell, "border", h(T, X(a ? u("palette-divider") : o.divider, 1), 0.68)), c(o.Tooltip, "bg", h(X, a ? u("palette-grey-700") : o.grey[700], 0.92));
     }
     G(o.background, "default"), G(o.background, "paper"), G(o.common, "background"), G(o.common, "onBackground"), G(o, "divider"), Object.keys(o).forEach((A) => {
       const I = o[A];
@@ -2186,11 +2186,11 @@ function ln(e = {}, ...t) {
     });
   }), E = t.reduce((M, o) => D(M, o), E);
   const Q = {
-    prefix: a,
+    prefix: s,
     disableCssColorScheme: i,
-    shouldSkipGeneratingVar: u,
+    shouldSkipGeneratingVar: f,
     getSelector: nn(E),
-    enableContrastVars: l
+    enableContrastVars: a
   }, {
     vars: se,
     generateThemeVars: W,
@@ -2199,10 +2199,10 @@ function ln(e = {}, ...t) {
   return E.vars = se, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([M, o]) => {
     E[M] = o;
   }), E.generateThemeVars = W, E.generateStyleSheets = j, E.generateSpacing = function() {
-    return ut(y.spacing, Le(this));
-  }, E.getColorSchemeSelector = Or(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = u, E.unstable_sxConfig = {
+    return ut(b.spacing, Le(this));
+  }, E.getColorSchemeSelector = Or(d), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = f, E.unstable_sxConfig = {
     ...Oe,
-    ...y?.unstable_sxConfig
+    ...b?.unstable_sxConfig
   }, E.unstable_sx = function(o) {
     return ke({
       sx: o,
@@ -2227,13 +2227,13 @@ function pn(e = {}, ...t) {
     colorSchemes: i = r ? void 0 : {
       light: !0
     },
-    defaultColorScheme: a = r?.mode,
-    ...l
-  } = e, u = a || "light", f = i?.[u], p = {
+    defaultColorScheme: s = r?.mode,
+    ...a
+  } = e, f = s || "light", d = i?.[f], m = {
     ...i,
     ...r ? {
-      [u]: {
-        ...typeof f != "boolean" && f,
+      [f]: {
+        ...typeof d != "boolean" && d,
         palette: r
       }
     } : void 0
@@ -2241,26 +2241,26 @@ function pn(e = {}, ...t) {
   if (n === !1) {
     if (!("colorSchemes" in e))
       return Fe(e, ...t);
-    let y = r;
-    "palette" in e || p[u] && (p[u] !== !0 ? y = p[u].palette : u === "dark" && (y = {
+    let b = r;
+    "palette" in e || m[f] && (m[f] !== !0 ? b = m[f].palette : f === "dark" && (b = {
       mode: "dark"
     }));
-    const h = Fe({
+    const y = Fe({
       ...e,
-      palette: y
+      palette: b
     }, ...t);
-    return h.defaultColorScheme = u, h.colorSchemes = p, h.palette.mode === "light" && (h.colorSchemes.light = {
-      ...p.light !== !0 && p.light,
-      palette: h.palette
-    }, nt(h, "dark", p.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
-      ...p.dark !== !0 && p.dark,
-      palette: h.palette
-    }, nt(h, "light", p.light)), h;
+    return y.defaultColorScheme = f, y.colorSchemes = m, y.palette.mode === "light" && (y.colorSchemes.light = {
+      ...m.light !== !0 && m.light,
+      palette: y.palette
+    }, nt(y, "dark", m.dark)), y.palette.mode === "dark" && (y.colorSchemes.dark = {
+      ...m.dark !== !0 && m.dark,
+      palette: y.palette
+    }, nt(y, "light", m.light)), y;
   }
-  return !r && !("light" in p) && u === "light" && (p.light = !0), ln({
-    ...l,
-    colorSchemes: p,
-    defaultColorScheme: u,
+  return !r && !("light" in m) && f === "light" && (m.light = !0), ln({
+    ...a,
+    colorSchemes: m,
+    defaultColorScheme: f,
     ...typeof n != "boolean" && n
   }, ...t);
 }