@clearstory/drywall-react 4.1.2 → 4.1.4

package/dist/{createTheme-B1FDFl52.js → createTheme-C8al1H6l.js}

@@ -1,9 +1,15 @@
-import { r as te, o as le } from "./orange-DJwLWzIS.js";
-import * as it from "react";
-import { P as ce } from "./index-CyAhC1RZ.js";
+import * as ot from "react";
+import { P as le } from "./index-CyAhC1RZ.js";
+import { g as St } from "./generateUtilityClass-BhfUaMgk.js";
 const pe = {
   black: "#000",
   white: "#fff"
+}, te = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
 }, re = {
   50: "#f3e5f5",
   200: "#ce93d8",
@@ -30,7 +36,13 @@ const pe = {
   700: "#388e3c",
   800: "#2e7d32",
   900: "#1b5e20"
-}, St = {
+}, ce = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Ct = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -50,7 +62,7 @@ function H(e, ...t) {
   const r = new URL(`https://mui.com/production-error/?code=${e}`);
   return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
 }
-var he = { exports: {} }, x = {};
+var he = { exports: {} }, v = {};
 /**
  * @license React
  * react-is.production.js
@@ -62,13 +74,13 @@ var he = { exports: {} }, x = {};
  */
 var je;
 function $t() {
-  if (je) return x;
+  if (je) return v;
   je = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), d = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
   function m(s) {
     if (typeof s == "object" && s !== null) {
-      var C = s.$$typeof;
-      switch (C) {
+      var S = s.$$typeof;
+      switch (S) {
         case e:
           switch (s = s.type, s) {
             case r:
@@ -88,43 +100,43 @@ function $t() {
                 case a:
                   return s;
                 default:
-                  return C;
+                  return S;
               }
           }
         case t:
-          return C;
+          return S;
       }
     }
   }
-  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 v.ContextConsumer = a, v.ContextProvider = l, v.Element = e, v.ForwardRef = u, v.Fragment = r, v.Lazy = h, v.Memo = y, v.Portal = t, v.Profiler = i, v.StrictMode = n, v.Suspense = f, v.SuspenseList = p, v.isContextConsumer = function(s) {
     return m(s) === a;
-  }, x.isContextProvider = function(s) {
+  }, v.isContextProvider = function(s) {
     return m(s) === l;
-  }, x.isElement = function(s) {
+  }, v.isElement = function(s) {
     return typeof s == "object" && s !== null && s.$$typeof === e;
-  }, x.isForwardRef = function(s) {
+  }, v.isForwardRef = function(s) {
     return m(s) === u;
-  }, x.isFragment = function(s) {
+  }, v.isFragment = function(s) {
     return m(s) === r;
-  }, x.isLazy = function(s) {
+  }, v.isLazy = function(s) {
     return m(s) === h;
-  }, x.isMemo = function(s) {
+  }, v.isMemo = function(s) {
     return m(s) === y;
-  }, x.isPortal = function(s) {
+  }, v.isPortal = function(s) {
     return m(s) === t;
-  }, x.isProfiler = function(s) {
+  }, v.isProfiler = function(s) {
     return m(s) === i;
-  }, x.isStrictMode = function(s) {
+  }, v.isStrictMode = function(s) {
     return m(s) === n;
-  }, x.isSuspense = function(s) {
+  }, v.isSuspense = function(s) {
     return m(s) === f;
-  }, x.isSuspenseList = function(s) {
+  }, v.isSuspenseList = function(s) {
     return m(s) === p;
-  }, x.isValidElementType = function(s) {
+  }, v.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;
+  }, v.typeOf = m, v;
 }
-var w = {};
+var x = {};
 /**
  * @license React
  * react-is.development.js
@@ -139,8 +151,8 @@ function Et() {
   return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(s) {
       if (typeof s == "object" && s !== null) {
-        var C = s.$$typeof;
-        switch (C) {
+        var S = s.$$typeof;
+        switch (S) {
           case t:
             switch (s = s.type, s) {
               case n:
@@ -160,61 +172,61 @@ function Et() {
                   case l:
                     return s;
                   default:
-                    return C;
+                    return S;
                 }
             }
           case r:
-            return C;
+            return S;
         }
       }
     }
     var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
-    w.ContextConsumer = l, w.ContextProvider = u, w.Element = t, w.ForwardRef = f, w.Fragment = n, w.Lazy = d, w.Memo = h, w.Portal = r, w.Profiler = a, w.StrictMode = i, w.Suspense = p, w.SuspenseList = y, w.isContextConsumer = function(s) {
+    x.ContextConsumer = l, x.ContextProvider = u, x.Element = t, x.ForwardRef = f, x.Fragment = n, x.Lazy = d, x.Memo = h, x.Portal = r, x.Profiler = a, x.StrictMode = i, x.Suspense = p, x.SuspenseList = y, x.isContextConsumer = function(s) {
       return e(s) === l;
-    }, w.isContextProvider = function(s) {
+    }, x.isContextProvider = function(s) {
       return e(s) === u;
-    }, w.isElement = function(s) {
+    }, x.isElement = function(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
-    }, w.isForwardRef = function(s) {
+    }, x.isForwardRef = function(s) {
       return e(s) === f;
-    }, w.isFragment = function(s) {
+    }, x.isFragment = function(s) {
       return e(s) === n;
-    }, w.isLazy = function(s) {
+    }, x.isLazy = function(s) {
       return e(s) === d;
-    }, w.isMemo = function(s) {
+    }, x.isMemo = function(s) {
       return e(s) === h;
-    }, w.isPortal = function(s) {
+    }, x.isPortal = function(s) {
       return e(s) === r;
-    }, w.isProfiler = function(s) {
+    }, x.isProfiler = function(s) {
       return e(s) === a;
-    }, w.isStrictMode = function(s) {
+    }, x.isStrictMode = function(s) {
       return e(s) === i;
-    }, w.isSuspense = function(s) {
+    }, x.isSuspense = function(s) {
       return e(s) === p;
-    }, w.isSuspenseList = function(s) {
+    }, x.isSuspenseList = function(s) {
       return e(s) === y;
-    }, w.isValidElementType = function(s) {
+    }, x.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);
-    }, w.typeOf = e;
-  })()), w;
+    }, x.typeOf = e;
+  })()), x;
 }
 var Ge;
 function Tt() {
   return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? he.exports = /* @__PURE__ */ $t() : he.exports = /* @__PURE__ */ Et()), he.exports;
 }
-var at = /* @__PURE__ */ Tt();
+var it = /* @__PURE__ */ Tt();
 function K(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function st(e) {
-  if (/* @__PURE__ */ it.isValidElement(e) || at.isValidElementType(e) || !K(e))
+function at(e) {
+  if (/* @__PURE__ */ ot.isValidElement(e) || it.isValidElementType(e) || !K(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = st(e[r]);
+    t[r] = at(e[r]);
   }), t;
 }
 function D(e, t, r = {
@@ -224,11 +236,11 @@ function D(e, t, r = {
     ...e
   } : e;
   return K(e) && K(t) && Object.keys(t).forEach((i) => {
-    /* @__PURE__ */ it.isValidElement(t[i]) || at.isValidElementType(t[i]) ? n[i] = t[i] : K(t[i]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, i) && K(e[i]) ? n[i] = D(e[i], t[i], r) : r.clone ? n[i] = K(t[i]) ? st(t[i]) : t[i] : n[i] = t[i];
+    /* @__PURE__ */ ot.isValidElement(t[i]) || it.isValidElementType(t[i]) ? n[i] = t[i] : K(t[i]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, i) && K(e[i]) ? n[i] = D(e[i], t[i], r) : r.clone ? n[i] = K(t[i]) ? at(t[i]) : t[i] : n[i] = t[i];
   }), n;
 }
-const vt = (e) => {
+const wt = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -238,7 +250,7 @@ const vt = (e) => {
     [n.key]: n.val
   }), {});
 };
-function xt(e) {
+function vt(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -257,7 +269,7 @@ function xt(e) {
     unit: r = "px",
     step: n = 5,
     ...i
-  } = e, a = vt(t), l = Object.keys(a);
+  } = e, a = wt(t), l = Object.keys(a);
   function u(d) {
     return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r})`;
   }
@@ -301,7 +313,7 @@ function Ye(e, t) {
     ...t
   }) : t;
 }
-function wt(e, t) {
+function xt(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
 function At(e, t) {
@@ -329,16 +341,16 @@ function Ot(e) {
     containerQueries: i
   };
 }
-const kt = {
+const _t = {
   borderRadius: 4
-}, Q = process.env.NODE_ENV !== "production" ? ce.oneOfType([ce.number, ce.string, ce.object, ce.array]) : {};
+}, Q = process.env.NODE_ENV !== "production" ? le.oneOfType([le.number, le.string, le.object, le.array]) : {};
 function de(e, t) {
   return t ? D(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
 }
-const Ce = {
+const Se = {
   xs: 0,
   // phone
   sm: 600,
@@ -353,11 +365,11 @@ const Ce = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (e) => `@media (min-width:${Ce[e]}px)`
-}, _t = {
+  up: (e) => `@media (min-width:${Se[e]}px)`
+}, kt = {
   containerQueries: (e) => ({
     up: (t) => {
-      let r = typeof t == "number" ? t : Ce[t] || t;
+      let r = typeof t == "number" ? t : Se[t] || t;
       return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
     }
   })
@@ -371,10 +383,10 @@ function Y(e, t, r) {
   if (typeof t == "object") {
     const a = n.breakpoints || Ke;
     return Object.keys(t).reduce((l, u) => {
-      if (wt(a.keys, u)) {
-        const f = At(n.containerQueries ? n : _t, u);
+      if (xt(a.keys, u)) {
+        const f = At(n.containerQueries ? n : kt, u);
         f && (l[f] = r(t[u], u));
-      } else if (Object.keys(a.values || Ce).includes(u)) {
+      } else if (Object.keys(a.values || Se).includes(u)) {
         const f = a.up(u);
         l[f] = r(t[u], u);
       } else {
@@ -386,7 +398,7 @@ function Y(e, t, r) {
   }
   return r(t);
 }
-function lt(e = {}) {
+function st(e = {}) {
   return e.keys?.reduce((r, n) => {
     const i = e.up(n);
     return r[i] = {}, r;
@@ -398,8 +410,8 @@ function Pe(e, t) {
     return (!i || Object.keys(i).length === 0) && delete r[n], r;
   }, t);
 }
-function gn(e, ...t) {
-  const r = lt(e), n = [r, ...t].reduce((i, a) => D(i, a), {});
+function fn(e, ...t) {
+  const r = st(e), n = [r, ...t].reduce((i, a) => D(i, a), {});
   return Pe(Object.keys(r), n);
 }
 function Nt(e, t) {
@@ -412,7 +424,7 @@ function Nt(e, t) {
     e[i] != null && (r[i] = !0);
   }), r;
 }
-function hn({
+function dn({
   values: e,
   breakpoints: t,
   base: r
@@ -423,12 +435,12 @@ function hn({
   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), {});
 }
-function ct(e) {
+function lt(e) {
   if (typeof e != "string")
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : H(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function Se(e, t, r = !0) {
+function Ce(e, t, r = !0) {
   if (!t || typeof t != "string")
     return null;
   if (e && e.vars && r) {
@@ -440,7 +452,7 @@ function Se(e, t, r = !0) {
 }
 function be(e, t, r, n = r) {
   let i;
-  return typeof e == "function" ? i = e(r) : Array.isArray(e) ? i = e[r] || n : i = Se(e, r) || n, t && (i = t(i, n, e)), i;
+  return typeof e == "function" ? i = e(r) : Array.isArray(e) ? i = e[r] || n : i = Ce(e, r) || n, t && (i = t(i, n, e)), i;
 }
 function B(e) {
   const {
@@ -451,10 +463,10 @@ function B(e) {
   } = e, a = (l) => {
     if (l[t] == null)
       return null;
-    const u = l[t], f = l.theme, p = Se(f, n) || {};
+    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" ? "" : ct(h)}`, h)), r === !1 ? d : {
+      return h === d && typeof h == "string" && (d = be(p, i, `${t}${h === "default" ? "" : lt(h)}`, h)), r === !1 ? d : {
         [r]: d
       };
     });
@@ -492,7 +504,7 @@ const Bt = {
   return Array.isArray(i) ? i.map((a) => n + a) : [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 = Se(e, t, !0) ?? r;
+  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;
@@ -506,7 +518,7 @@ function me(e, t, r, n) {
 `)), () => {
   });
 }
-function Ve(e) {
+function Le(e) {
   return me(e, "spacing", 8, "spacing");
 }
 function ge(e, t) {
@@ -521,22 +533,22 @@ function Ft(e, t, r, n) {
   const i = Pt(r), a = Mt(i, n), l = e[r];
   return Y(e, l, a);
 }
-function ut(e, t) {
-  const r = Ve(e.theme);
+function ct(e, t) {
+  const r = Le(e.theme);
   return Object.keys(e).map((n) => Ft(e, t, n, r)).reduce(de, {});
 }
 function N(e) {
-  return ut(e, $e);
+  return ct(e, $e);
 }
 N.propTypes = process.env.NODE_ENV !== "production" ? $e.reduce((e, t) => (e[t] = Q, e), {}) : {};
 N.filterProps = $e;
 function R(e) {
-  return ut(e, Ee);
+  return ct(e, Ee);
 }
 R.propTypes = process.env.NODE_ENV !== "production" ? Ee.reduce((e, t) => (e[t] = Q, e), {}) : {};
 R.filterProps = Ee;
 process.env.NODE_ENV !== "production" && Dt.reduce((e, t) => (e[t] = Q, e), {});
-function ft(e = 8, t = Ve({
+function ut(e = 8, t = Le({
   spacing: e
 })) {
   if (e.mui)
@@ -553,7 +565,7 @@ function Te(...e) {
   }), n), {}), r = (n) => Object.keys(n).reduce((i, a) => t[a] ? de(i, t[a](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 L(e) {
+function V(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function U(e, t) {
@@ -563,7 +575,7 @@ function U(e, t) {
     transform: t
   });
 }
-const Vt = U("border", L), Lt = U("borderTop", L), Ut = U("borderRight", L), Wt = U("borderBottom", L), jt = U("borderLeft", L), zt = U("borderColor"), Gt = U("borderTopColor"), Yt = U("borderRightColor"), Kt = U("borderBottomColor"), Ht = U("borderLeftColor"), qt = U("outline", L), Qt = U("outlineColor"), ve = (e) => {
+const Lt = U("border", V), Vt = U("borderTop", V), Ut = U("borderRight", V), Wt = U("borderBottom", V), jt = U("borderLeft", V), zt = U("borderColor"), Gt = U("borderTopColor"), Yt = U("borderRightColor"), Kt = U("borderBottomColor"), Ht = U("borderLeftColor"), qt = U("outline", V), Qt = U("outlineColor"), we = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const t = me(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
       borderRadius: ge(t, n)
@@ -572,12 +584,12 @@ const Vt = U("border", L), Lt = U("borderTop", L), Ut = U("borderRight", L), Wt
   }
   return null;
 };
-ve.propTypes = process.env.NODE_ENV !== "production" ? {
+we.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Q
 } : {};
-ve.filterProps = ["borderRadius"];
-Te(Vt, Lt, Ut, Wt, jt, zt, Gt, Yt, Kt, Ht, ve, qt, Qt);
-const xe = (e) => {
+we.filterProps = ["borderRadius"];
+Te(Lt, Vt, Ut, Wt, jt, zt, Gt, Yt, Kt, Ht, we, qt, Qt);
+const ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const t = me(e.theme, "spacing", 8, "gap"), r = (n) => ({
       gap: ge(t, n)
@@ -586,11 +598,11 @@ const xe = (e) => {
   }
   return null;
 };
-xe.propTypes = process.env.NODE_ENV !== "production" ? {
+ve.propTypes = process.env.NODE_ENV !== "production" ? {
   gap: Q
 } : {};
-xe.filterProps = ["gap"];
-const we = (e) => {
+ve.filterProps = ["gap"];
+const xe = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
     const t = me(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
       columnGap: ge(t, n)
@@ -599,10 +611,10 @@ const we = (e) => {
   }
   return null;
 };
-we.propTypes = process.env.NODE_ENV !== "production" ? {
+xe.propTypes = process.env.NODE_ENV !== "production" ? {
   columnGap: Q
 } : {};
-we.filterProps = ["columnGap"];
+xe.filterProps = ["columnGap"];
 const Ae = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
     const t = me(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
@@ -635,7 +647,7 @@ const Xt = B({
 }), ir = B({
   prop: "gridArea"
 });
-Te(xe, we, Ae, Xt, Jt, Zt, er, tr, rr, nr, or, ir);
+Te(ve, xe, Ae, Xt, Jt, Zt, er, tr, rr, nr, or, ir);
 function ae(e, t) {
   return t === "grey" ? t : e;
 }
@@ -660,10 +672,10 @@ function F(e) {
 const cr = B({
   prop: "width",
   transform: F
-}), Le = (e) => {
+}), Ve = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
-      const n = e.theme?.breakpoints?.values?.[r] || Ce[r];
+      const n = e.theme?.breakpoints?.values?.[r] || Se[r];
       return n ? e.theme?.breakpoints?.unit !== "px" ? {
         maxWidth: `${n}${e.theme.breakpoints.unit}`
       } : {
@@ -676,7 +688,7 @@ const cr = B({
   }
   return null;
 };
-Le.filterProps = ["maxWidth"];
+Ve.filterProps = ["maxWidth"];
 const ur = B({
   prop: "minWidth",
   transform: F
@@ -703,28 +715,28 @@ B({
 const mr = B({
   prop: "boxSizing"
 });
-Te(cr, Le, ur, fr, dr, pr, mr);
+Te(cr, Ve, ur, fr, dr, pr, mr);
 const Oe = {
   // borders
   border: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   borderTop: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   borderRight: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   borderBottom: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   borderLeft: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   borderColor: {
     themeKey: "palette"
@@ -743,14 +755,14 @@ const Oe = {
   },
   outline: {
     themeKey: "borders",
-    transform: L
+    transform: V
   },
   outlineColor: {
     themeKey: "palette"
   },
   borderRadius: {
     themeKey: "shape.borderRadius",
-    style: ve
+    style: we
   },
   // palette
   color: {
@@ -917,13 +929,13 @@ const Oe = {
   justifySelf: {},
   // grid
   gap: {
-    style: xe
+    style: ve
   },
   rowGap: {
     style: Ae
   },
   columnGap: {
-    style: we
+    style: xe
   },
   gridColumn: {},
   gridRow: {},
@@ -952,7 +964,7 @@ const Oe = {
     transform: F
   },
   maxWidth: {
-    style: Le
+    style: Ve
   },
   minWidth: {
     transform: F
@@ -1021,10 +1033,10 @@ function yr() {
       return {
         [r]: n
       };
-    const d = Se(i, p) || {};
+    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" ? "" : ct(m)}`, m)), f === !1 ? s : {
+      return m === s && typeof m == "string" && (s = be(d, y, `${r}${m === "default" ? "" : lt(m)}`, m)), f === !1 ? s : {
         [f]: s
       };
     });
@@ -1046,7 +1058,7 @@ function yr() {
         return f;
       if (!p)
         return null;
-      const y = lt(i.breakpoints), h = Object.keys(y);
+      const y = st(i.breakpoints), h = Object.keys(y);
       let d = y;
       return Object.keys(p).forEach((b) => {
         const m = hr(p[b], i);
@@ -1057,8 +1069,8 @@ function yr() {
             else {
               const s = Y({
                 theme: i
-              }, m, (C) => ({
-                [b]: C
+              }, m, (S) => ({
+                [b]: S
               }));
               gr(s, m) ? d[b] = t({
                 sx: m,
@@ -1076,8 +1088,8 @@ function yr() {
   }
   return t;
 }
-const ke = yr();
-ke.filterProps = ["sx"];
+const _e = yr();
+_e.filterProps = ["sx"];
 function br(e, t) {
   const r = this;
   if (r.vars) {
@@ -1090,14 +1102,14 @@ function br(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function Cr(e = {}, ...t) {
+function Sr(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: i,
     shape: a = {},
     ...l
-  } = e, u = xt(r), f = ft(i);
+  } = e, u = vt(r), f = ut(i);
   let p = D({
     breakpoints: u,
     direction: "ltr",
@@ -1109,7 +1121,7 @@ function Cr(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...kt,
+      ..._t,
       ...a
     }
   }, l);
@@ -1117,50 +1129,19 @@ function Cr(e = {}, ...t) {
     ...Oe,
     ...l?.unstable_sxConfig
   }, p.unstable_sx = function(h) {
-    return ke({
+    return _e({
       sx: h,
       theme: this
     });
   }, p;
 }
-const qe = (e) => e, Sr = () => {
-  let e = qe;
-  return {
-    configure(t) {
-      e = t;
-    },
-    generate(t) {
-      return e(t);
-    },
-    reset() {
-      e = qe;
-    }
-  };
-}, $r = Sr(), Er = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function Tr(e, t, r = "Mui") {
-  const n = Er[t];
-  return n ? `${r}-${n}` : `${$r.generate(e)}-${t}`;
-}
-function vr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function Cr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
 function Ue(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}].`), vr(e, t, r);
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Cr(e, t, r);
 }
-function xr(e) {
+function $r(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
@@ -1170,7 +1151,7 @@ function q(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return q(xr(e));
+    return q($r(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -1188,17 +1169,17 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: i
   };
 }
-const wr = (e) => {
+const Er = (e) => {
   const t = q(e);
   return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
 }, ue = (e, t) => {
   try {
-    return wr(e);
+    return Er(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
 };
-function _e(e) {
+function ke(e) {
   const {
     type: t,
     colorSpace: r
@@ -1208,33 +1189,33 @@ function _e(e) {
   } = 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})`;
 }
-function dt(e) {
+function ft(e) {
   e = q(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({
+  return e.type === "hsla" && (u += "a", f.push(t[3])), ke({
     type: u,
     values: f
   });
 }
 function De(e) {
   e = q(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? q(dt(e)).values : e.values;
+  let t = e.type === "hsl" || e.type === "hsla" ? q(ft(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 Qe(e, t) {
+function qe(e, t) {
   const r = De(e), n = De(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-function pt(e, t) {
-  return e = q(e), t = Ue(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, _e(e);
+function dt(e, t) {
+  return e = q(e), t = Ue(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, ke(e);
 }
 function J(e, t, r) {
   try {
-    return pt(e, t);
+    return dt(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
@@ -1245,7 +1226,7 @@ function Ne(e, t) {
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] *= 1 - t;
-  return _e(e);
+  return ke(e);
 }
 function T(e, t, r) {
   try {
@@ -1263,26 +1244,26 @@ function Re(e, t) {
   else if (e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
       e.values[r] += (1 - e.values[r]) * t;
-  return _e(e);
+  return ke(e);
 }
-function v(e, t, r) {
+function w(e, t, r) {
   try {
     return Re(e, t);
   } catch {
     return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
   }
 }
-function Ar(e, t = 0.15) {
+function Tr(e, t = 0.15) {
   return De(e) > 0.5 ? Ne(e, t) : Re(e, t);
 }
 function ye(e, t, r) {
   try {
-    return Ar(e, t);
+    return Tr(e, t);
   } catch {
     return e;
   }
 }
-function Or(e = "") {
+function wr(e = "") {
   function t(...n) {
     if (!n.length)
       return "";
@@ -1291,32 +1272,32 @@ function Or(e = "") {
   }
   return (n, ...i) => `var(--${e ? `${e}-` : ""}${n}${t(...i)})`;
 }
-const Xe = (e, t, r, n = []) => {
+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]);
   });
-}, kr = (e, t, r) => {
+}, vr = (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));
     });
   }
   n(e);
-}, _r = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+}, xr = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
 function Be(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, i = {}, a = {}, l = {};
-  return kr(
+  return vr(
     e,
     (u, f, p) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
-        const y = `--${r ? `${r}-` : ""}${u.join("-")}`, h = _r(u, f);
+        const y = `--${r ? `${r}-` : ""}${u.join("-")}`, h = xr(u, f);
         Object.assign(i, {
           [y]: h
-        }), Xe(a, u, `var(${y})`, p), Xe(l, u, `var(${y}, ${h})`, p);
+        }), Qe(a, u, `var(${y})`, p), Qe(l, u, `var(${y}, ${h})`, p);
       }
     },
     (u) => u[0] === "vars"
@@ -1327,7 +1308,7 @@ function Be(e, t) {
     varsWithDefaults: l
   };
 }
-function Nr(e, t = {}) {
+function Ar(e, t = {}) {
   const {
     getSelector: r = O,
     disableCssColorScheme: n,
@@ -1346,9 +1327,9 @@ function Nr(e, t = {}) {
   let b = d;
   const m = {}, {
     [f]: s,
-    ...C
+    ...S
   } = l;
-  if (Object.entries(C || {}).forEach(([$, P]) => {
+  if (Object.entries(S || {}).forEach(([$, P]) => {
     const {
       vars: E,
       css: X,
@@ -1448,12 +1429,12 @@ function Nr(e, t = {}) {
     }
   };
 }
-function Rr(e) {
+function Or(e) {
   return function(r) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
   };
 }
-function mt() {
+function pt() {
   return {
     // The colors used to style the text.
     text: {
@@ -1493,8 +1474,8 @@ function mt() {
     }
   };
 }
-const gt = mt();
-function ht() {
+const mt = pt();
+function gt() {
   return {
     text: {
       primary: pe.white,
@@ -1522,16 +1503,16 @@ function ht() {
     }
   };
 }
-const Me = ht();
-function Je(e, t, r, n) {
+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)));
 }
-function Ze(e, t, r, n, i) {
+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)}%)`));
 }
-function Br(e = "light") {
+function _r(e = "light") {
   return e === "dark" ? {
     main: ne[200],
     light: ne[50],
@@ -1542,7 +1523,7 @@ function Br(e = "light") {
     dark: ne[800]
   };
 }
-function Ir(e = "light") {
+function kr(e = "light") {
   return e === "dark" ? {
     main: re[200],
     light: re[50],
@@ -1553,7 +1534,7 @@ function Ir(e = "light") {
     dark: re[700]
   };
 }
-function Pr(e = "light") {
+function Nr(e = "light") {
   return e === "dark" ? {
     main: te[500],
     light: te[300],
@@ -1564,7 +1545,7 @@ function Pr(e = "light") {
     dark: te[800]
   };
 }
-function Dr(e = "light") {
+function Rr(e = "light") {
   return e === "dark" ? {
     main: oe[400],
     light: oe[300],
@@ -1575,7 +1556,7 @@ function Dr(e = "light") {
     dark: oe[900]
   };
 }
-function Mr(e = "light") {
+function Br(e = "light") {
   return e === "dark" ? {
     main: ie[400],
     light: ie[300],
@@ -1586,19 +1567,19 @@ function Mr(e = "light") {
     dark: ie[900]
   };
 }
-function Fr(e = "light") {
+function Ir(e = "light") {
   return e === "dark" ? {
-    main: le[400],
-    light: le[300],
-    dark: le[700]
+    main: ce[400],
+    light: ce[300],
+    dark: ce[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: le[500],
-    dark: le[900]
+    light: ce[500],
+    dark: ce[900]
   };
 }
-function Vr(e) {
+function Pr(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
 function We(e) {
@@ -1608,33 +1589,33 @@ function We(e) {
     tonalOffset: n = 0.2,
     colorSpace: i,
     ...a
-  } = e, l = e.primary || Br(t), u = e.secondary || Ir(t), f = e.error || Pr(t), p = e.info || Dr(t), y = e.success || Mr(t), h = e.warning || Fr(t);
-  function d(C) {
+  } = e, l = e.primary || _r(t), u = e.secondary || kr(t), f = e.error || Nr(t), p = e.info || Rr(t), y = e.success || Br(t), h = e.warning || Ir(t);
+  function d(S) {
     if (i)
-      return Vr(C);
-    const O = Qe(C, Me.text.primary) >= r ? Me.text.primary : gt.text.primary;
+      return Pr(S);
+    const O = qe(S, Me.text.primary) >= r ? Me.text.primary : mt.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const k = Qe(C, O);
-      k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${O} on ${C}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const _ = qe(S, O);
+      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${O} on ${S}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
     return O;
   }
   const b = ({
-    color: C,
+    color: S,
     name: O,
-    mainShade: k = 500,
-    lightShade: V = 300,
+    mainShade: _ = 500,
+    lightShade: L = 300,
     darkShade: $ = 700
   }) => {
-    if (C = {
-      ...C
-    }, !C.main && C[k] && (C.main = C[k]), !C.hasOwnProperty("main"))
+    if (S = {
+      ...S
+    }, !S.main && S[_] && (S.main = S[_]), !S.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${k}\` property.` : H(11, O ? ` (${O})` : "", k));
-    if (typeof C.main != "string")
+The color object needs to have a \`main\` property or a \`${_}\` property.` : H(11, O ? ` (${O})` : "", _));
+    if (typeof S.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(C.main)}\` was provided instead.
+\`color.main\` should be a string, but \`${JSON.stringify(S.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
 
@@ -1646,11 +1627,11 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : H(12, O ? ` (${O})` : "", JSON.stringify(C.main)));
-    return i ? (Ze(i, C, "light", V, n), Ze(i, C, "dark", $, n)) : (Je(C, "light", V, n), Je(C, "dark", $, n)), C.contrastText || (C.contrastText = d(C.main)), C;
+} });` : H(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;
   };
   let m;
-  return t === "light" ? m = mt() : t === "dark" && (m = ht()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), D({
+  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({
     // A collection of common colors.
     common: {
       ...pe
@@ -1692,7 +1673,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: St,
+    grey: Ct,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: r,
@@ -1708,14 +1689,14 @@ const theme2 = createTheme({ palette: {
     ...m
   }, a);
 }
-function Lr(e) {
+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 || ""}`);
   }), t;
 }
-function Ur(e, t) {
+function Mr(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -1731,15 +1712,15 @@ function Ur(e, t) {
     ...t
   };
 }
-function Wr(e) {
+function Fr(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const et = {
+const Ze = {
   textTransform: "uppercase"
-}, tt = '"Roboto", "Helvetica", "Arial", sans-serif';
-function jr(e, t) {
+}, et = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Lr(e, t) {
   const {
-    fontFamily: r = tt,
+    fontFamily: r = et,
     // The default font size of the Material Specification.
     fontSize: n = 14,
     // px
@@ -1756,16 +1737,16 @@ function jr(e, t) {
     ...h
   } = 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 || ((C) => `${C / f * d}rem`), m = (C, O, k, V, $) => ({
+  const d = n / 14, b = y || ((S) => `${S / f * d}rem`), m = (S, O, _, L, $) => ({
     fontFamily: r,
-    fontWeight: C,
+    fontWeight: S,
     fontSize: b(O),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: k,
+    lineHeight: _,
     // 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 === tt ? {
-      letterSpacing: `${Wr(V / O)}em`
+    ...r === et ? {
+      letterSpacing: `${Fr(L / O)}em`
     } : {},
     ...$,
     ...p
@@ -1780,9 +1761,9 @@ function jr(e, t) {
     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, et),
+    button: m(l, 14, 1.75, 0.4, Ze),
     caption: m(a, 12, 1.66, 0.4),
-    overline: m(a, 12, 2.66, 1, et),
+    overline: m(a, 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",
@@ -1807,11 +1788,11 @@ function jr(e, t) {
     // No need to clone deep
   });
 }
-const zr = 0.2, Gr = 0.14, Yr = 0.12;
-function _(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${zr})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Gr})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Yr})`].join(",");
+const Vr = 0.2, Ur = 0.14, Wr = 0.12;
+function k(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Vr})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Ur})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Wr})`].join(",");
 }
-const Kr = ["none", _(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), _(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), _(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), _(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), _(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), _(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), _(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), _(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), _(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), _(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), _(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), _(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), _(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), _(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), _(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), _(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), _(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), _(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), _(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), _(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), _(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), _(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), _(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Hr = {
+const jr = ["none", k(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), k(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), k(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), k(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), k(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), k(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), k(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), k(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), k(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), k(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), k(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), k(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), k(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), k(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), k(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), k(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), k(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), k(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), k(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), k(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), k(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), k(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), k(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), k(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], zr = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -1821,7 +1802,7 @@ const Kr = ["none", _(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _(0, 3, 1, -2, 0, 2,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, qr = {
+}, Gr = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -1834,25 +1815,25 @@ const Kr = ["none", _(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function rt(e) {
+function tt(e) {
   return `${Math.round(e)}ms`;
 }
-function Qr(e) {
+function Yr(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Xr(e) {
+function Kr(e) {
   const t = {
-    ...Hr,
+    ...zr,
     ...e.easing
   }, r = {
-    ...qr,
+    ...Gr,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Qr,
+    getAutoHeightDuration: Yr,
     create: (i = ["all"], a = {}) => {
       const {
         duration: l = r.standard,
@@ -1865,14 +1846,14 @@ function Xr(e) {
         !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(",")}].`);
       }
-      return (Array.isArray(i) ? i : [i]).map((y) => `${y} ${typeof l == "string" ? l : rt(l)} ${u} ${typeof f == "string" ? f : rt(f)}`).join(",");
+      return (Array.isArray(i) ? i : [i]).map((y) => `${y} ${typeof l == "string" ? l : tt(l)} ${u} ${typeof f == "string" ? f : tt(f)}`).join(",");
     },
     ...e,
     easing: t,
     duration: r
   };
 }
-const Jr = {
+const Hr = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -1882,10 +1863,10 @@ const Jr = {
   snackbar: 1400,
   tooltip: 1500
 };
-function Zr(e) {
+function qr(e) {
   return K(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
-function yt(e = {}) {
+function ht(e = {}) {
   const t = {
     ...e
   };
@@ -1893,7 +1874,7 @@ function yt(e = {}) {
     const i = Object.entries(n);
     for (let a = 0; a < i.length; a++) {
       const [l, u] = i[a];
-      !Zr(u) || l.startsWith("unstable_") ? delete n[l] : K(u) && (n[l] = {
+      !qr(u) || l.startsWith("unstable_") ? delete n[l] : K(u) && (n[l] = {
         ...u
       }, r(n[l]));
     }
@@ -1907,10 +1888,10 @@ theme.transitions = createTransitions(theme.transitions || {});
 
 export default theme;`;
 }
-function nt(e) {
+function rt(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const en = (e) => {
+const Qr = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const t = e.match(/\d*\.?\d+/g);
@@ -1921,19 +1902,19 @@ const en = (e) => {
     r += +t[n];
   return r;
 };
-function tn(e) {
+function Xr(e) {
   Object.assign(e, {
     alpha(t, r) {
       const n = this || e;
-      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : pt(t, en(r));
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : dt(t, Qr(r));
     },
     lighten(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${nt(r)})` : Re(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${rt(r)})` : Re(t, r);
     },
     darken(t, r) {
       const n = this || e;
-      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${nt(r)})` : Ne(t, r);
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${rt(r)})` : Ne(t, r);
     }
   });
 }
@@ -1956,63 +1937,63 @@ function Fe(e = {}, ...t) {
   const h = We({
     ...a,
     colorSpace: p
-  }), d = Cr(e);
+  }), d = Sr(e);
   let b = D(d, {
-    mixins: Ur(d.breakpoints, n),
+    mixins: Mr(d.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Kr.slice(),
-    typography: jr(h, u),
-    transitions: Xr(l),
+    shadows: jr.slice(),
+    typography: Lr(h, u),
+    transitions: Kr(l),
     zIndex: {
-      ...Jr
+      ...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 = (C, O) => {
-      let k;
-      for (k in C) {
-        const V = C[k];
-        if (m.includes(k) && Object.keys(V).length > 0) {
+    const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (S, O) => {
+      let _;
+      for (_ in S) {
+        const L = S[_];
+        if (m.includes(_) && Object.keys(L).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const $ = Tr("", 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(C, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
+            const $ = St("", _);
+            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(S, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
               root: {
-                [`&.${$}`]: V
+                [`&.${$}`]: L
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
           }
-          C[k] = {};
+          S[_] = {};
         }
       }
     };
-    Object.keys(b.components).forEach((C) => {
-      const O = b.components[C].styleOverrides;
-      O && C.startsWith("Mui") && s(O, C);
+    Object.keys(b.components).forEach((S) => {
+      const O = b.components[S].styleOverrides;
+      O && S.startsWith("Mui") && s(O, S);
     });
   }
   return b.unstable_sxConfig = {
     ...Oe,
     ...y?.unstable_sxConfig
   }, b.unstable_sx = function(s) {
-    return ke({
+    return _e({
       sx: s,
       theme: this
     });
-  }, b.toRuntimeSource = yt, tn(b), b;
+  }, b.toRuntimeSource = ht, Xr(b), b;
 }
-function rn(e) {
+function Jr(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const nn = [...Array(25)].map((e, t) => {
+const Zr = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = rn(t);
+  const r = Jr(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
-function bt(e) {
+function yt(e) {
   return {
     inputPlaceholder: e === "dark" ? 0.5 : 0.42,
     inputUnderline: e === "dark" ? 0.7 : 0.42,
@@ -2020,10 +2001,10 @@ function bt(e) {
     switchTrack: e === "dark" ? 0.3 : 0.38
   };
 }
-function Ct(e) {
-  return e === "dark" ? nn : [];
+function bt(e) {
+  return e === "dark" ? Zr : [];
 }
-function on(e) {
+function en(e) {
   const {
     palette: t = {
       mode: "light"
@@ -2040,24 +2021,24 @@ function on(e) {
   return {
     palette: l,
     opacity: {
-      ...bt(l.mode),
+      ...yt(l.mode),
       ...r
     },
-    overlays: n || Ct(l.mode),
+    overlays: n || bt(l.mode),
     ...a
   };
 }
-function an(e) {
+function tn(e) {
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
-const sn = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ln = (e) => (t, r) => {
+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) {
     if (t === "dark") {
       const l = {};
-      return sn(e.cssVarPrefix).forEach((u) => {
+      return rn(e.cssVarPrefix).forEach((u) => {
         l[u] = r[u], delete r[u];
       }), a === "media" ? {
         [n]: r,
@@ -2088,7 +2069,7 @@ const sn = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function cn(e, t) {
+function on(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -2097,13 +2078,13 @@ function c(e, t, r) {
   !e[t] && r && (e[t] = r);
 }
 function fe(e) {
-  return typeof e != "string" || !e.startsWith("hsl") ? e : dt(e);
+  return typeof e != "string" || !e.startsWith("hsl") ? e : ft(e);
 }
 function G(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = ue(fe(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function un(e) {
+function an(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const z = (e) => {
@@ -2111,14 +2092,14 @@ const z = (e) => {
     return e();
   } catch {
   }
-}, fn = (e = "mui") => Or(e);
+}, sn = (e = "mui") => wr(e);
 function Ie(e, t, r, n, i) {
   if (!r)
     return;
   r = r === !0 ? {} : r;
   const a = i === "dark" ? "dark" : "light";
   if (!n) {
-    t[i] = on({
+    t[i] = en({
       ...r,
       palette: {
         mode: a,
@@ -2143,13 +2124,13 @@ function Ie(e, t, r, n, i) {
     ...r,
     palette: l,
     opacity: {
-      ...bt(a),
+      ...yt(a),
       ...r?.opacity
     },
-    overlays: r?.overlays || Ct(a)
+    overlays: r?.overlays || bt(a)
   }, u;
 }
-function dn(e = {}, ...t) {
+function ln(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -2158,25 +2139,25 @@ function dn(e = {}, ...t) {
     disableCssColorScheme: i = !1,
     cssVarPrefix: a = "mui",
     nativeColor: l = !1,
-    shouldSkipGeneratingVar: u = an,
+    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 = fn(a), {
+  } = e, h = Object.keys(r)[0], d = n || (r.light && h !== "light" ? "light" : h), b = sn(a), {
     [d]: m,
     light: s,
-    dark: C,
+    dark: S,
     ...O
-  } = r, k = {
+  } = r, _ = {
     ...O
   };
-  let V = m;
-  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (V = !0), !V)
+  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.` : H(21, d));
   let $;
   l && ($ = "oklch");
-  const P = Ie($, k, V, y, d);
-  s && !k.light && Ie($, k, s, void 0, "light"), C && !k.dark && Ie($, k, C, void 0, "dark");
+  const P = Ie($, _, L, y, d);
+  s && !_.light && Ie($, _, s, void 0, "light"), S && !_.dark && Ie($, _, S, void 0, "dark");
   let E = {
     defaultColorScheme: d,
     ...P,
@@ -2184,15 +2165,15 @@ function dn(e = {}, ...t) {
     colorSchemeSelector: f,
     rootSelector: p,
     getCssVar: b,
-    colorSchemes: k,
+    colorSchemes: _,
     font: {
-      ...Lr(P.typography),
+      ...Dr(P.typography),
       ...P.font
     },
-    spacing: un(y.spacing)
+    spacing: an(y.spacing)
   };
   Object.keys(E.colorSchemes).forEach((M) => {
-    const o = E.colorSchemes[M].palette, S = (A) => {
+    const o = E.colorSchemes[M].palette, C = (A) => {
       const I = A.split("-"), Z = I[1], ee = I[2];
       return b(A, o[Z][ee]);
     };
@@ -2200,19 +2181,19 @@ function dn(e = {}, ...t) {
     function g(A, I, Z) {
       if ($) {
         let ee;
-        return A === J && (ee = `transparent ${((1 - Z) * 100).toFixed(0)}%`), A === T && (ee = `#000 ${(Z * 100).toFixed(0)}%`), A === v && (ee = `#fff ${(Z * 100).toFixed(0)}%`), `color-mix(in ${$}, ${I}, ${ee})`;
+        return A === J && (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})`;
       }
       return A(I, Z);
     }
-    if (cn(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", S("palette-error-main")), c(o.Alert, "infoFilledBg", S("palette-info-main")), c(o.Alert, "successFilledBg", S("palette-success-main")), c(o.Alert, "warningFilledBg", S("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(v, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", g(v, o.info.light, 0.9)), c(o.Alert, "successStandardBg", g(v, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", g(v, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", S("palette-error-main")), c(o.Alert, "infoIconColor", S("palette-info-main")), c(o.Alert, "successIconColor", S("palette-success-main")), c(o.Alert, "warningIconColor", S("palette-warning-main")), c(o.AppBar, "defaultBg", S("palette-grey-100")), c(o.Avatar, "defaultBg", S("palette-grey-400")), c(o.Button, "inheritContainedBg", S("palette-grey-300")), c(o.Button, "inheritContainedHoverBg", S("palette-grey-A100")), c(o.Chip, "defaultBorder", S("palette-grey-400")), c(o.Chip, "defaultAvatarColor", S("palette-grey-700")), c(o.Chip, "defaultIconColor", S("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(v, o.primary.main, 0.62)), c(o.LinearProgress, "secondaryBg", g(v, o.secondary.main, 0.62)), c(o.LinearProgress, "errorBg", g(v, o.error.main, 0.62)), c(o.LinearProgress, "infoBg", g(v, o.info.main, 0.62)), c(o.LinearProgress, "successBg", g(v, o.success.main, 0.62)), c(o.LinearProgress, "warningBg", g(v, o.warning.main, 0.62)), c(o.Skeleton, "bg", $ ? g(J, o.text.primary, 0.11) : `rgba(${S("palette-text-primaryChannel")} / 0.11)`), c(o.Slider, "primaryTrack", g(v, o.primary.main, 0.62)), c(o.Slider, "secondaryTrack", g(v, o.secondary.main, 0.62)), c(o.Slider, "errorTrack", g(v, o.error.main, 0.62)), c(o.Slider, "infoTrack", g(v, o.info.main, 0.62)), c(o.Slider, "successTrack", g(v, o.success.main, 0.62)), c(o.Slider, "warningTrack", g(v, o.warning.main, 0.62));
+    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(J, 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", S("palette-grey-400")), c(o.StepContent, "border", S("palette-grey-400")), c(o.Switch, "defaultColor", S("palette-common-white")), c(o.Switch, "defaultDisabledColor", S("palette-grey-100")), c(o.Switch, "primaryDisabledColor", g(v, o.primary.main, 0.62)), c(o.Switch, "secondaryDisabledColor", g(v, o.secondary.main, 0.62)), c(o.Switch, "errorDisabledColor", g(v, o.error.main, 0.62)), c(o.Switch, "infoDisabledColor", g(v, o.info.main, 0.62)), c(o.Switch, "successDisabledColor", g(v, o.success.main, 0.62)), c(o.Switch, "warningDisabledColor", g(v, o.warning.main, 0.62)), c(o.TableCell, "border", g(v, g(J, o.divider, 1), 0.88)), c(o.Tooltip, "bg", g(J, o.grey[700], 0.92));
+      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(J, o.divider, 1), 0.88)), c(o.Tooltip, "bg", g(J, o.grey[700], 0.92));
     }
     if (o.mode === "dark") {
-      c(o.Alert, "errorColor", g(v, o.error.light, 0.6)), c(o.Alert, "infoColor", g(v, o.info.light, 0.6)), c(o.Alert, "successColor", g(v, o.success.light, 0.6)), c(o.Alert, "warningColor", g(v, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", S("palette-error-dark")), c(o.Alert, "infoFilledBg", S("palette-info-dark")), c(o.Alert, "successFilledBg", S("palette-success-dark")), c(o.Alert, "warningFilledBg", S("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", S("palette-error-main")), c(o.Alert, "infoIconColor", S("palette-info-main")), c(o.Alert, "successIconColor", S("palette-success-main")), c(o.Alert, "warningIconColor", S("palette-warning-main")), c(o.AppBar, "defaultBg", S("palette-grey-900")), c(o.AppBar, "darkBg", S("palette-background-paper")), c(o.AppBar, "darkColor", S("palette-text-primary")), c(o.Avatar, "defaultBg", S("palette-grey-600")), c(o.Button, "inheritContainedBg", S("palette-grey-800")), c(o.Button, "inheritContainedHoverBg", S("palette-grey-700")), c(o.Chip, "defaultBorder", S("palette-grey-700")), c(o.Chip, "defaultAvatarColor", S("palette-grey-300")), c(o.Chip, "defaultIconColor", S("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(J, o.text.primary, 0.13) : `rgba(${S("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(v, o.background.default, 0.985) : ye(o.background.default, 0.98);
-      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? gt.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", S("palette-grey-600")), c(o.StepContent, "border", S("palette-grey-600")), c(o.Switch, "defaultColor", S("palette-grey-300")), c(o.Switch, "defaultDisabledColor", S("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(J, o.divider, 1), 0.68)), c(o.Tooltip, "bg", g(J, o.grey[700], 0.92));
+      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(J, 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(J, o.divider, 1), 0.68)), c(o.Tooltip, "bg", g(J, 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];
@@ -2223,28 +2204,28 @@ function dn(e = {}, ...t) {
     prefix: a,
     disableCssColorScheme: i,
     shouldSkipGeneratingVar: u,
-    getSelector: ln(E),
+    getSelector: nn(E),
     enableContrastVars: l
   }, {
     vars: se,
     generateThemeVars: W,
     generateStyleSheets: j
-  } = Nr(E, X);
+  } = Ar(E, X);
   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 ft(y.spacing, Ve(this));
-  }, E.getColorSchemeSelector = Rr(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = u, E.unstable_sxConfig = {
+    return ut(y.spacing, Le(this));
+  }, E.getColorSchemeSelector = Or(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = u, E.unstable_sxConfig = {
     ...Oe,
     ...y?.unstable_sxConfig
   }, E.unstable_sx = function(o) {
-    return ke({
+    return _e({
       sx: o,
       theme: this
     });
-  }, E.toRuntimeSource = yt, E;
+  }, E.toRuntimeSource = ht, E;
 }
-function ot(e, t, r) {
+function nt(e, t, r) {
   e.colorSchemes && r && (e.colorSchemes[t] = {
     ...r !== !0 && r,
     palette: We({
@@ -2254,7 +2235,7 @@ function ot(e, t, r) {
     // cast type to skip module augmentation test
   });
 }
-function yn(e = {}, ...t) {
+function pn(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -2286,12 +2267,12 @@ function yn(e = {}, ...t) {
     return h.defaultColorScheme = u, h.colorSchemes = p, h.palette.mode === "light" && (h.colorSchemes.light = {
       ...p.light !== !0 && p.light,
       palette: h.palette
-    }, ot(h, "dark", p.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+    }, nt(h, "dark", p.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
       ...p.dark !== !0 && p.dark,
       palette: h.palette
-    }, ot(h, "light", p.light)), h;
+    }, nt(h, "light", p.light)), h;
   }
-  return !r && !("light" in p) && u === "light" && (p.light = !0), dn({
+  return !r && !("light" in p) && u === "light" && (p.light = !0), ln({
     ...l,
     colorSchemes: p,
     defaultColorScheme: u,
@@ -2299,30 +2280,28 @@ function yn(e = {}, ...t) {
   }, ...t);
 }
 export {
-  $r as C,
-  pt as a,
+  dt as a,
   De as b,
-  Tr as c,
+  lt as c,
   Ne as d,
-  Ar as e,
-  yn as f,
-  Qe as g,
+  Tr as e,
+  pn as f,
+  qe as g,
   Oe as h,
   K as i,
-  ct as j,
-  qr as k,
+  Gr as j,
+  Jr as k,
   Re as l,
-  rn as m,
-  Cr as n,
-  Se as o,
-  Y as p,
-  hn as q,
-  at as r,
-  ke as s,
-  Ve as t,
-  D as u,
-  gn as v,
-  ge as w,
-  H as x,
-  jr as y
+  Sr as m,
+  Ce as n,
+  Y as o,
+  dn as p,
+  Le as q,
+  it as r,
+  _e as s,
+  D as t,
+  fn as u,
+  ge as v,
+  H as w,
+  Lr as x
 };