fansunited-widgets-cdn 0.0.86-RC4 → 0.0.86-RC6

package/chunks/{createSvgIcon-cOpRx8M1.js → createSvgIcon-D9D4a1R9.js}

@@ -1,5 +1,5 @@
-import { X as $t, Y as kt, r as U, j as Ie, E as vt } from "./main-NO9IQFuY.js";
-import { r as Ye, T as At } from "./resolveProps-BfYZubfk.js";
+import { r as G, U as $t, a8 as vt, a9 as kt, j as Ie, w as At } from "./main-Bh6iw92_.js";
+import { g as Ye, h as Bt } from "./resolveProps-Bgg0H6c2.js";
 var Ee = { exports: {} }, T = {};
 /**
  * @license React
@@ -11,11 +11,11 @@ var Ee = { exports: {} }, T = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ue;
-function Bt() {
+function Et() {
   if (Ue) return T;
   Ue = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
-  function g(u) {
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  function p(u) {
     if (typeof u == "object" && u !== null) {
       var $ = u.$$typeof;
       switch ($) {
@@ -32,7 +32,7 @@ function Bt() {
               switch (u = u && u.$$typeof, u) {
                 case s:
                 case l:
-                case p:
+                case g:
                 case h:
                   return u;
                 case a:
@@ -46,39 +46,58 @@ function Bt() {
       }
     }
   }
-  return T.ContextConsumer = a, T.ContextProvider = s, T.Element = e, T.ForwardRef = l, T.Fragment = r, T.Lazy = p, T.Memo = h, T.Portal = t, T.Profiler = o, T.StrictMode = n, T.Suspense = f, T.SuspenseList = d, T.isContextConsumer = function(u) {
-    return g(u) === a;
+  return T.ContextConsumer = a, T.ContextProvider = s, T.Element = e, T.ForwardRef = l, T.Fragment = r, T.Lazy = g, T.Memo = h, T.Portal = t, T.Profiler = o, T.StrictMode = n, T.Suspense = f, T.SuspenseList = d, T.isContextConsumer = function(u) {
+    return p(u) === a;
   }, T.isContextProvider = function(u) {
-    return g(u) === s;
+    return p(u) === s;
   }, T.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === e;
   }, T.isForwardRef = function(u) {
-    return g(u) === l;
+    return p(u) === l;
   }, T.isFragment = function(u) {
-    return g(u) === r;
+    return p(u) === r;
   }, T.isLazy = function(u) {
-    return g(u) === p;
+    return p(u) === g;
   }, T.isMemo = function(u) {
-    return g(u) === h;
+    return p(u) === h;
   }, T.isPortal = function(u) {
-    return g(u) === t;
+    return p(u) === t;
   }, T.isProfiler = function(u) {
-    return g(u) === o;
+    return p(u) === o;
   }, T.isStrictMode = function(u) {
-    return g(u) === n;
+    return p(u) === n;
   }, T.isSuspense = function(u) {
-    return g(u) === f;
+    return p(u) === f;
   }, T.isSuspenseList = function(u) {
-    return g(u) === d;
+    return p(u) === d;
   }, T.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === r || u === o || u === n || u === f || u === d || typeof u == "object" && u !== null && (u.$$typeof === p || u.$$typeof === h || u.$$typeof === s || u.$$typeof === a || u.$$typeof === l || u.$$typeof === b || u.getModuleId !== void 0);
-  }, T.typeOf = g, T;
+    return typeof u == "string" || typeof u == "function" || u === r || u === o || u === n || u === f || u === d || typeof u == "object" && u !== null && (u.$$typeof === g || u.$$typeof === h || u.$$typeof === s || u.$$typeof === a || u.$$typeof === l || u.$$typeof === b || u.getModuleId !== void 0);
+  }, T.typeOf = p, T;
 }
 var Qe;
-function Et() {
-  return Qe || (Qe = 1, Ee.exports = /* @__PURE__ */ Bt()), Ee.exports;
+function Rt() {
+  return Qe || (Qe = 1, Ee.exports = /* @__PURE__ */ Et()), Ee.exports;
+}
+var ut = /* @__PURE__ */ Rt();
+function Hn(e) {
+  return e && e.ownerDocument || document;
+}
+function Yn(e) {
+  const t = G.useRef(e);
+  return $t(() => {
+    t.current = e;
+  }), G.useRef((...r) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...r)
+  )).current;
+}
+function Un(e) {
+  if (parseInt(G.version, 10) >= 19) {
+    var t;
+    return (e == null || (t = e.props) == null ? void 0 : t.ref) || null;
+  }
+  return (e == null ? void 0 : e.ref) || null;
 }
-var ut = /* @__PURE__ */ Et();
 const me = {
   black: "#000",
   white: "#fff"
@@ -147,24 +166,24 @@ function J(e, ...t) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function Rt(e, t) {
-  return $t(e, t);
-}
 function Pt(e, t) {
+  return vt(e, t);
+}
+function It(e, t) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }
-const Xe = [];
-function q(e) {
-  return Xe[0] = e, kt(Xe);
+const qe = [];
+function X(e) {
+  return qe[0] = e, kt(qe);
 }
-function H(e) {
+function Y(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 ft(e) {
-  if (/* @__PURE__ */ U.isValidElement(e) || ut.isValidElementType(e) || !H(e))
+  if (/* @__PURE__ */ G.isValidElement(e) || ut.isValidElementType(e) || !Y(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((r) => {
@@ -177,12 +196,12 @@ function j(e, t, r = {
   const n = r.clone ? {
     ...e
   } : e;
-  return H(e) && H(t) && Object.keys(t).forEach((o) => {
-    /* @__PURE__ */ U.isValidElement(t[o]) || ut.isValidElementType(t[o]) ? n[o] = t[o] : H(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && H(e[o]) ? n[o] = j(e[o], t[o], r) : r.clone ? n[o] = H(t[o]) ? ft(t[o]) : t[o] : n[o] = t[o];
+  return Y(e) && Y(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ G.isValidElement(t[o]) || ut.isValidElementType(t[o]) ? n[o] = t[o] : Y(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && Y(e[o]) ? n[o] = j(e[o], t[o], r) : r.clone ? n[o] = Y(t[o]) ? ft(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
-const It = (e) => {
+const _t = (e) => {
   const t = Object.keys(e).map((r) => ({
     key: r,
     val: e[r]
@@ -192,7 +211,7 @@ const It = (e) => {
     [n.key]: n.val
   }), {});
 };
-function _t(e) {
+function Ft(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -211,7 +230,7 @@ function _t(e) {
     unit: r = "px",
     step: n = 5,
     ...o
-  } = e, a = It(t), s = Object.keys(a);
+  } = e, a = _t(t), s = Object.keys(a);
   function l(m) {
     return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
   }
@@ -219,13 +238,13 @@ function _t(e) {
     return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
   }
   function d(m, b) {
-    const g = s.indexOf(b);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(g !== -1 && typeof t[s[g]] == "number" ? t[s[g]] : b) - n / 100}${r})`;
+    const p = s.indexOf(b);
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(p !== -1 && typeof t[s[p]] == "number" ? t[s[p]] : b) - n / 100}${r})`;
   }
   function h(m) {
     return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
   }
-  function p(m) {
+  function g(m) {
     const b = s.indexOf(m);
     return b === 0 ? l(s[1]) : b === s.length - 1 ? f(s[b]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
   }
@@ -236,12 +255,12 @@ function _t(e) {
     down: f,
     between: d,
     only: h,
-    not: p,
+    not: g,
     unit: r,
     ...o
   };
 }
-function qe(e, t) {
+function Xe(e, t) {
   if (!e.containerQueries)
     return t;
   const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -256,10 +275,10 @@ function qe(e, t) {
     ...t
   }) : t;
 }
-function Ft(e, t) {
+function Lt(e, t) {
   return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
 }
-function Lt(e, t) {
+function Dt(e, t) {
   const r = t.match(/^@([^/]+)?\/?(.+)?$/);
   if (!r)
     return null;
@@ -280,7 +299,7 @@ function zt(e) {
     containerQueries: o
   };
 }
-const Dt = {
+const Mt = {
   borderRadius: 4
 };
 function de(e, t) {
@@ -305,7 +324,7 @@ const Ce = {
   // 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)`
-}, Mt = {
+}, jt = {
   containerQueries: (e) => ({
     up: (t) => {
       let r = typeof t == "number" ? t : Ce[t] || t;
@@ -313,7 +332,7 @@ const Ce = {
     }
   })
 };
-function Y(e, t, r) {
+function U(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
     const a = n.breakpoints || Je;
@@ -322,8 +341,8 @@ function Y(e, t, r) {
   if (typeof t == "object") {
     const a = n.breakpoints || Je;
     return Object.keys(t).reduce((s, l) => {
-      if (Ft(a.keys, l)) {
-        const f = Lt(n.containerQueries ? n : Mt, l);
+      if (Lt(a.keys, l)) {
+        const f = Dt(n.containerQueries ? n : jt, l);
         f && (s[f] = r(t[l], l));
       } else if (Object.keys(a.values || Ce).includes(l)) {
         const f = a.up(l);
@@ -337,7 +356,7 @@ function Y(e, t, r) {
   }
   return r(t);
 }
-function jt(e = {}) {
+function Wt(e = {}) {
   var r;
   return ((r = e.keys) == null ? void 0 : r.reduce((n, o) => {
     const a = e.up(o);
@@ -379,23 +398,23 @@ function I(e) {
     if (s[t] == null)
       return null;
     const l = s[t], f = s.theme, d = we(f, n) || {};
-    return Y(s, l, (p) => {
-      let m = Se(d, o, p);
-      return p === m && typeof p == "string" && (m = Se(d, o, `${t}${p === "default" ? "" : ie(p)}`, p)), r === !1 ? m : {
+    return U(s, l, (g) => {
+      let m = Se(d, o, g);
+      return g === m && typeof g == "string" && (m = Se(d, o, `${t}${g === "default" ? "" : ie(g)}`, g)), r === !1 ? m : {
         [r]: m
       };
     });
   };
   return a.propTypes = {}, a.filterProps = [t], a;
 }
-function Wt(e) {
+function Vt(e) {
   const t = {};
   return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
 }
-const Vt = {
+const Kt = {
   m: "margin",
   p: "padding"
-}, Kt = {
+}, Gt = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -407,17 +426,17 @@ const Vt = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, Gt = Wt((e) => {
+}, Nt = Vt((e) => {
   if (e.length > 2)
     if (et[e])
       e = et[e];
     else
       return [e];
-  const [t, r] = e.split(""), n = Vt[t], o = Kt[r] || "";
+  const [t, r] = e.split(""), n = Kt[t], o = Gt[r] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), ze = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], De = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
-[...ze, ...De];
-function pe(e, t, r, n) {
+}), De = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ze = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];
+[...De, ...ze];
+function ge(e, t, r, n) {
   const o = we(e, t, !0) ?? r;
   return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : typeof o == "string" ? `calc(${a} * ${o})` : o * a : Array.isArray(o) ? (a) => {
     if (typeof a == "string")
@@ -428,34 +447,34 @@ function pe(e, t, r, n) {
   };
 }
 function Me(e) {
-  return pe(e, "spacing", 8);
+  return ge(e, "spacing", 8);
 }
-function ge(e, t) {
+function pe(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
-function Nt(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = ge(t, r), n), {});
+function Ht(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = pe(t, r), n), {});
 }
-function Ht(e, t, r, n) {
+function Yt(e, t, r, n) {
   if (!t.includes(r))
     return null;
-  const o = Gt(r), a = Nt(o, n), s = e[r];
-  return Y(e, s, a);
+  const o = Nt(r), a = Ht(o, n), s = e[r];
+  return U(e, s, a);
 }
 function dt(e, t) {
   const r = Me(e.theme);
-  return Object.keys(e).map((n) => Ht(e, t, n, r)).reduce(de, {});
+  return Object.keys(e).map((n) => Yt(e, t, n, r)).reduce(de, {});
 }
 function E(e) {
-  return dt(e, ze);
+  return dt(e, De);
 }
 E.propTypes = {};
-E.filterProps = ze;
-function O(e) {
-  return dt(e, De);
+E.filterProps = De;
+function R(e) {
+  return dt(e, ze);
 }
-O.propTypes = {};
-O.filterProps = De;
+R.propTypes = {};
+R.filterProps = ze;
 function mt(e = 8, t = Me({
   spacing: e
 })) {
@@ -483,71 +502,71 @@ function K(e, t) {
     transform: t
   });
 }
-const Yt = K("border", V), Ut = K("borderTop", V), Qt = K("borderRight", V), Xt = K("borderBottom", V), qt = K("borderLeft", V), Jt = K("borderColor"), Zt = K("borderTopColor"), er = K("borderRightColor"), tr = K("borderBottomColor"), rr = K("borderLeftColor"), nr = K("outline", V), or = K("outlineColor"), Te = (e) => {
+const Ut = K("border", V), Qt = K("borderTop", V), qt = K("borderRight", V), Xt = K("borderBottom", V), Jt = K("borderLeft", V), Zt = K("borderColor"), er = K("borderTopColor"), tr = K("borderRightColor"), rr = K("borderBottomColor"), nr = K("borderLeftColor"), or = K("outline", V), ir = K("outlineColor"), Te = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = pe(e.theme, "shape.borderRadius", 4), r = (n) => ({
-      borderRadius: ge(t, n)
+    const t = ge(e.theme, "shape.borderRadius", 4), r = (n) => ({
+      borderRadius: pe(t, n)
     });
-    return Y(e, e.borderRadius, r);
+    return U(e, e.borderRadius, r);
   }
   return null;
 };
 Te.propTypes = {};
 Te.filterProps = ["borderRadius"];
-xe(Yt, Ut, Qt, Xt, qt, Jt, Zt, er, tr, rr, Te, nr, or);
+xe(Ut, Qt, qt, Xt, Jt, Zt, er, tr, rr, nr, Te, or, ir);
 const $e = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const t = pe(e.theme, "spacing", 8), r = (n) => ({
-      gap: ge(t, n)
+    const t = ge(e.theme, "spacing", 8), r = (n) => ({
+      gap: pe(t, n)
     });
-    return Y(e, e.gap, r);
+    return U(e, e.gap, r);
   }
   return null;
 };
 $e.propTypes = {};
 $e.filterProps = ["gap"];
-const ke = (e) => {
+const ve = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = pe(e.theme, "spacing", 8), r = (n) => ({
-      columnGap: ge(t, n)
+    const t = ge(e.theme, "spacing", 8), r = (n) => ({
+      columnGap: pe(t, n)
     });
-    return Y(e, e.columnGap, r);
+    return U(e, e.columnGap, r);
   }
   return null;
 };
-ke.propTypes = {};
-ke.filterProps = ["columnGap"];
-const ve = (e) => {
+ve.propTypes = {};
+ve.filterProps = ["columnGap"];
+const ke = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = pe(e.theme, "spacing", 8), r = (n) => ({
-      rowGap: ge(t, n)
+    const t = ge(e.theme, "spacing", 8), r = (n) => ({
+      rowGap: pe(t, n)
     });
-    return Y(e, e.rowGap, r);
+    return U(e, e.rowGap, r);
   }
   return null;
 };
-ve.propTypes = {};
-ve.filterProps = ["rowGap"];
-const ir = I({
+ke.propTypes = {};
+ke.filterProps = ["rowGap"];
+const ar = I({
   prop: "gridColumn"
-}), ar = I({
-  prop: "gridRow"
 }), sr = I({
-  prop: "gridAutoFlow"
+  prop: "gridRow"
 }), lr = I({
-  prop: "gridAutoColumns"
+  prop: "gridAutoFlow"
 }), cr = I({
-  prop: "gridAutoRows"
+  prop: "gridAutoColumns"
 }), ur = I({
-  prop: "gridTemplateColumns"
+  prop: "gridAutoRows"
 }), fr = I({
-  prop: "gridTemplateRows"
+  prop: "gridTemplateColumns"
 }), dr = I({
-  prop: "gridTemplateAreas"
+  prop: "gridTemplateRows"
 }), mr = I({
+  prop: "gridTemplateAreas"
+}), gr = I({
   prop: "gridArea"
 });
-xe($e, ke, ve, ir, ar, sr, lr, cr, ur, fr, dr, mr);
+xe($e, ve, ke, ar, sr, lr, cr, ur, fr, dr, mr, gr);
 function oe(e, t) {
   return t === "grey" ? t : e;
 }
@@ -555,21 +574,21 @@ const pr = I({
   prop: "color",
   themeKey: "palette",
   transform: oe
-}), gr = I({
+}), hr = I({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: oe
-}), hr = I({
+}), yr = I({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: oe
 });
-xe(pr, gr, hr);
+xe(pr, hr, yr);
 function M(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const yr = I({
+const br = I({
   prop: "width",
   transform: M
 }), je = (e) => {
@@ -585,21 +604,21 @@ const yr = I({
         maxWidth: M(r)
       };
     };
-    return Y(e, e.maxWidth, t);
+    return U(e, e.maxWidth, t);
   }
   return null;
 };
 je.filterProps = ["maxWidth"];
-const br = I({
+const Sr = I({
   prop: "minWidth",
   transform: M
-}), Sr = I({
+}), Cr = I({
   prop: "height",
   transform: M
-}), Cr = I({
+}), wr = I({
   prop: "maxHeight",
   transform: M
-}), wr = I({
+}), xr = I({
   prop: "minHeight",
   transform: M
 });
@@ -613,10 +632,10 @@ I({
   cssProperty: "height",
   transform: M
 });
-const xr = I({
+const Tr = I({
   prop: "boxSizing"
 });
-xe(yr, je, br, Sr, Cr, wr, xr);
+xe(br, je, Sr, Cr, wr, xr, Tr);
 const Ae = {
   // borders
   border: {
@@ -681,64 +700,64 @@ const Ae = {
   },
   // spacing
   p: {
-    style: O
+    style: R
   },
   pt: {
-    style: O
+    style: R
   },
   pr: {
-    style: O
+    style: R
   },
   pb: {
-    style: O
+    style: R
   },
   pl: {
-    style: O
+    style: R
   },
   px: {
-    style: O
+    style: R
   },
   py: {
-    style: O
+    style: R
   },
   padding: {
-    style: O
+    style: R
   },
   paddingTop: {
-    style: O
+    style: R
   },
   paddingRight: {
-    style: O
+    style: R
   },
   paddingBottom: {
-    style: O
+    style: R
   },
   paddingLeft: {
-    style: O
+    style: R
   },
   paddingX: {
-    style: O
+    style: R
   },
   paddingY: {
-    style: O
+    style: R
   },
   paddingInline: {
-    style: O
+    style: R
   },
   paddingInlineStart: {
-    style: O
+    style: R
   },
   paddingInlineEnd: {
-    style: O
+    style: R
   },
   paddingBlock: {
-    style: O
+    style: R
   },
   paddingBlockStart: {
-    style: O
+    style: R
   },
   paddingBlockEnd: {
-    style: O
+    style: R
   },
   m: {
     style: E
@@ -833,10 +852,10 @@ const Ae = {
     style: $e
   },
   rowGap: {
-    style: ve
+    style: ke
   },
   columnGap: {
-    style: ke
+    style: ve
   },
   gridColumn: {},
   gridRow: {},
@@ -905,11 +924,11 @@ const Ae = {
     themeKey: "typography"
   }
 };
-function Tr(...e) {
+function $r(...e) {
   const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
   return e.every((n) => r.size === Object.keys(n).length);
 }
-function $r(e, t) {
+function vr(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function kr() {
@@ -926,7 +945,7 @@ function kr() {
       cssProperty: f = r,
       themeKey: d,
       transform: h,
-      style: p
+      style: g
     } = l;
     if (n == null)
       return null;
@@ -935,9 +954,9 @@ function kr() {
         [r]: n
       };
     const m = we(o, d) || {};
-    return p ? p(s) : Y(s, n, (g) => {
-      let u = Se(m, h, g);
-      return g === u && typeof g == "string" && (u = Se(m, h, `${r}${g === "default" ? "" : ie(g)}`, g)), f === !1 ? u : {
+    return g ? g(s) : U(s, n, (p) => {
+      let u = Se(m, h, p);
+      return p === u && typeof p == "string" && (u = Se(m, h, `${r}${p === "default" ? "" : ie(p)}`, p)), f === !1 ? u : {
         [f]: u
       };
     });
@@ -959,31 +978,31 @@ function kr() {
         return f;
       if (!d)
         return null;
-      const h = jt(o.breakpoints), p = Object.keys(h);
+      const h = Wt(o.breakpoints), g = Object.keys(h);
       let m = h;
       return Object.keys(d).forEach((b) => {
-        const g = $r(d[b], o);
-        if (g != null)
-          if (typeof g == "object")
+        const p = vr(d[b], o);
+        if (p != null)
+          if (typeof p == "object")
             if (s[b])
-              m = de(m, e(b, g, o, s));
+              m = de(m, e(b, p, o, s));
             else {
-              const u = Y({
+              const u = U({
                 theme: o
-              }, g, ($) => ({
+              }, p, ($) => ({
                 [b]: $
               }));
-              Tr(u, g) ? m[b] = t({
-                sx: g,
+              $r(u, p) ? m[b] = t({
+                sx: p,
                 theme: o,
                 nested: !0
               }) : m = de(m, u);
             }
           else
-            m = de(m, e(b, g, o, s));
+            m = de(m, e(b, p, o, s));
       }), !a && o.modularCssLayers ? {
-        "@layer sx": qe(o, Ze(p, m))
-      } : qe(o, Ze(p, m));
+        "@layer sx": Xe(o, Ze(g, m))
+      } : Xe(o, Ze(g, m));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
@@ -991,7 +1010,7 @@ function kr() {
 }
 const ae = kr();
 ae.filterProps = ["sx"];
-function vr(e, t) {
+function Ar(e, t) {
   var n;
   const r = this;
   if (r.vars) {
@@ -1004,14 +1023,14 @@ function vr(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function pt(e = {}, ...t) {
+function gt(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
     ...s
-  } = e, l = _t(r), f = mt(o);
+  } = e, l = Ft(r), f = mt(o);
   let d = j({
     breakpoints: l,
     direction: "ltr",
@@ -1023,21 +1042,21 @@ function pt(e = {}, ...t) {
     },
     spacing: f,
     shape: {
-      ...Dt,
+      ...Mt,
       ...a
     }
   }, s);
-  return d = zt(d), d.applyStyles = vr, d = t.reduce((h, p) => j(h, p), d), d.unstable_sxConfig = {
+  return d = zt(d), d.applyStyles = Ar, d = t.reduce((h, g) => j(h, g), d), d.unstable_sxConfig = {
     ...Ae,
     ...s == null ? void 0 : s.unstable_sxConfig
-  }, d.unstable_sx = function(p) {
+  }, d.unstable_sx = function(g) {
     return ae({
-      sx: p,
+      sx: g,
       theme: this
     });
   }, d;
 }
-const tt = (e) => e, Ar = () => {
+const tt = (e) => e, Br = () => {
   let e = tt;
   return {
     configure(t) {
@@ -1050,7 +1069,7 @@ const tt = (e) => e, Ar = () => {
       e = tt;
     }
   };
-}, Br = Ar(), Er = {
+}, Er = Br(), Rr = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1064,14 +1083,14 @@ const tt = (e) => e, Ar = () => {
   required: "required",
   selected: "selected"
 };
-function gt(e, t, r = "Mui") {
-  const n = Er[t];
-  return n ? `${r}-${n}` : `${Br.generate(e)}-${t}`;
+function pt(e, t, r = "Mui") {
+  const n = Rr[t];
+  return n ? `${r}-${n}` : `${Er.generate(e)}-${t}`;
 }
 function Or(e, t, r = "Mui") {
   const n = {};
   return t.forEach((o) => {
-    n[o] = gt(e, o, r);
+    n[o] = pt(e, o, r);
   }), n;
 }
 function ht(e) {
@@ -1080,25 +1099,25 @@ function ht(e) {
     ...r
   } = e, n = {
     variants: t,
-    style: q(r),
+    style: X(r),
     isProcessed: !0
   };
   return n.style === r || t && t.forEach((o) => {
-    typeof o.style != "function" && (o.style = q(o.style));
+    typeof o.style != "function" && (o.style = X(o.style));
   }), n;
 }
-const Rr = pt();
-function Oe(e) {
+const Pr = gt();
+function Re(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function X(e, t) {
+function q(e, t) {
   return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function Pr(e) {
+function Ir(e) {
   return e ? (t, r) => r[e] : null;
 }
-function Ir(e, t, r) {
-  e.theme = Lr(e.theme) ? r : e.theme[t] || e.theme;
+function _r(e, t, r) {
+  e.theme = Dr(e.theme) ? r : e.theme[t] || e.theme;
 }
 function be(e, t, r) {
   const n = typeof t == "function" ? t(e) : t;
@@ -1107,17 +1126,17 @@ function be(e, t, r) {
   if (Array.isArray(n == null ? void 0 : n.variants)) {
     let o;
     if (n.isProcessed)
-      o = r ? X(n.style, r) : n.style;
+      o = r ? q(n.style, r) : n.style;
     else {
       const {
         variants: a,
         ...s
       } = n;
-      o = r ? X(q(s), r) : s;
+      o = r ? q(X(s), r) : s;
     }
     return yt(e, n.variants, [o], r);
   }
-  return n != null && n.isProcessed ? r ? X(q(n.style), r) : n.style : r ? X(q(n), r) : n;
+  return n != null && n.isProcessed ? r ? q(X(n.style), r) : n.style : r ? q(X(n), r) : n;
 }
 function yt(e, t, r = [], n = void 0) {
   var a;
@@ -1139,58 +1158,58 @@ function yt(e, t, r = [], n = void 0) {
       ...e,
       ...e.ownerState,
       ownerState: e.ownerState
-    }), r.push(n ? X(q(l.style(o)), n) : l.style(o))) : r.push(n ? X(q(l.style), n) : l.style);
+    }), r.push(n ? q(X(l.style(o)), n) : l.style(o))) : r.push(n ? q(X(l.style), n) : l.style);
   }
   return r;
 }
-function _r(e = {}) {
+function Fr(e = {}) {
   const {
     themeId: t,
-    defaultTheme: r = Rr,
-    rootShouldForwardProp: n = Oe,
-    slotShouldForwardProp: o = Oe
+    defaultTheme: r = Pr,
+    rootShouldForwardProp: n = Re,
+    slotShouldForwardProp: o = Re
   } = e;
   function a(l) {
-    Ir(l, t, r);
+    _r(l, t, r);
   }
   return (l, f = {}) => {
-    Pt(l, (B) => B.filter((P) => P !== ae));
+    It(l, (B) => B.filter((P) => P !== ae));
     const {
       name: d,
       slot: h,
-      skipVariantsResolver: p,
+      skipVariantsResolver: g,
       skipSx: m,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: b = Pr(Dr(h)),
-      ...g
-    } = f, u = d && d.startsWith("Mui") || h ? "components" : "custom", $ = p !== void 0 ? p : (
+      overridesResolver: b = Ir(Mr(h)),
+      ...p
+    } = f, u = d && d.startsWith("Mui") || h ? "components" : "custom", $ = g !== void 0 ? g : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       h && h !== "Root" && h !== "root" || !1
-    ), R = m || !1;
-    let z = Oe;
-    h === "Root" || h === "root" ? z = n : h ? z = o : zr(l) && (z = void 0);
-    const w = Rt(l, {
-      shouldForwardProp: z,
-      label: Fr(),
-      ...g
+    ), O = m || !1;
+    let D = Re;
+    h === "Root" || h === "root" ? D = n : h ? D = o : zr(l) && (D = void 0);
+    const w = Pt(l, {
+      shouldForwardProp: D,
+      label: Lr(),
+      ...p
     }), S = (B) => {
       if (B.__emotion_real === B)
         return B;
       if (typeof B == "function")
-        return function(D) {
-          return be(D, B, D.theme.modularCssLayers ? u : void 0);
+        return function(z) {
+          return be(z, B, z.theme.modularCssLayers ? u : void 0);
         };
-      if (H(B)) {
+      if (Y(B)) {
         const P = ht(B);
         return function(F) {
-          return P.variants ? be(F, P, F.theme.modularCssLayers ? u : void 0) : F.theme.modularCssLayers ? X(P.style, u) : P.style;
+          return P.variants ? be(F, P, F.theme.modularCssLayers ? u : void 0) : F.theme.modularCssLayers ? q(P.style, u) : P.style;
         };
       }
       return B;
     }, _ = (...B) => {
-      const P = [], D = B.map(S), F = [];
+      const P = [], z = B.map(S), F = [];
       if (P.push(a), d && b && F.push(function(x) {
         var le, Ne;
         const L = (Ne = (le = x.theme.components) == null ? void 0 : le[d]) == null ? void 0 : Ne.styleOverrides;
@@ -1204,21 +1223,21 @@ function _r(e = {}) {
         var se, le;
         const W = x.theme, L = (le = (se = W == null ? void 0 : W.components) == null ? void 0 : se[d]) == null ? void 0 : le.variants;
         return L ? yt(x, L, [], x.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), R || F.push(ae), Array.isArray(D[0])) {
-        const C = D.shift(), x = new Array(P.length).fill(""), W = new Array(F.length).fill("");
+      }), O || F.push(ae), Array.isArray(z[0])) {
+        const C = z.shift(), x = new Array(P.length).fill(""), W = new Array(F.length).fill("");
         let L;
         L = [...x, ...C, ...W], L.raw = [...x, ...C.raw, ...W], P.unshift(L);
       }
-      const i = [...P, ...D, ...F], y = w(...i);
+      const i = [...P, ...z, ...F], y = w(...i);
       return l.muiName && (y.muiName = l.muiName), y;
     };
     return w.withConfig && (_.withConfig = w.withConfig), _;
   };
 }
-function Fr(e, t) {
+function Lr(e, t) {
   return void 0;
 }
-function Lr(e) {
+function Dr(e) {
   for (const t in e)
     return !1;
   return !0;
@@ -1229,16 +1248,16 @@ function zr(e) {
   // it's a lowercase character
   e.charCodeAt(0) > 96;
 }
-function Dr(e) {
+function Mr(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function Mr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function jr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(t, Math.min(e, r));
 }
 function We(e, t = 0, r = 1) {
-  return Mr(e, t, r);
+  return jr(e, t, r);
 }
-function jr(e) {
+function Wr(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
@@ -1248,7 +1267,7 @@ function Q(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Q(jr(e));
+    return Q(Wr(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(J(9, e));
@@ -1264,12 +1283,12 @@ function Q(e) {
     colorSpace: o
   };
 }
-const Wr = (e) => {
+const Vr = (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 Vr(e);
   } catch {
     return e;
   }
@@ -1301,16 +1320,16 @@ function _e(e) {
   let t = e.type === "hsl" || e.type === "hsla" ? Q(bt(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 Vr(e, t) {
+function Kr(e, t) {
   const r = _e(e), n = _e(t);
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-function Kr(e, t) {
+function Gr(e, t) {
   return e = Q(e), t = We(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Be(e);
 }
 function he(e, t, r) {
   try {
-    return Kr(e, t);
+    return Gr(e, t);
   } catch {
     return e;
   }
@@ -1323,7 +1342,7 @@ function Ve(e, t) {
       e.values[r] *= 1 - t;
   return Be(e);
 }
-function k(e, t, r) {
+function v(e, t, r) {
   try {
     return Ve(e, t);
   } catch {
@@ -1341,24 +1360,24 @@ function Ke(e, t) {
       e.values[r] += (1 - e.values[r]) * t;
   return Be(e);
 }
-function v(e, t, r) {
+function k(e, t, r) {
   try {
     return Ke(e, t);
   } catch {
     return e;
   }
 }
-function Gr(e, t = 0.15) {
+function Nr(e, t = 0.15) {
   return _e(e) > 0.5 ? Ve(e, t) : Ke(e, t);
 }
 function ye(e, t, r) {
   try {
-    return Gr(e, t);
+    return Nr(e, t);
   } catch {
     return e;
   }
 }
-function Nr(e, t, r = void 0) {
+function Hr(e, t, r = void 0) {
   const n = {};
   for (const o in e) {
     const a = e[o];
@@ -1371,8 +1390,8 @@ function Nr(e, t, r = void 0) {
   }
   return n;
 }
-const Hr = /* @__PURE__ */ U.createContext(void 0);
-function Yr(e) {
+const Yr = /* @__PURE__ */ G.createContext(void 0);
+function Ur(e) {
   const {
     theme: t,
     name: r,
@@ -1383,12 +1402,12 @@ function Yr(e) {
   const o = t.components[r];
   return o.defaultProps ? Ye(o.defaultProps, n) : !o.styleOverrides && !o.variants ? Ye(o, n) : n;
 }
-function Ur({
+function Qr({
   props: e,
   name: t
 }) {
-  const r = U.useContext(Hr);
-  return Yr({
+  const r = G.useContext(Yr);
+  return Ur({
     props: e,
     name: t,
     theme: {
@@ -1399,7 +1418,7 @@ function Ur({
 const rt = {
   theme: void 0
 };
-function Qr(e) {
+function qr(e) {
   let t, r;
   return function(o) {
     let a = t;
@@ -1420,27 +1439,27 @@ const nt = (e, t, r, n = []) => {
   t.forEach((a, s) => {
     s === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
   });
-}, qr = (e, t, r) => {
+}, Jr = (e, t, r) => {
   function n(o, a = [], s = []) {
     Object.entries(o).forEach(([l, f]) => {
       (!r || r && !r([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, l], Array.isArray(f) ? [...s, l] : s) : t([...a, l], f, s));
     });
   }
   n(e);
-}, Jr = (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 Re(e, t) {
+}, Zr = (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 Oe(e, t) {
   const {
     prefix: r,
     shouldSkipGeneratingVar: n
   } = t || {}, o = {}, a = {}, s = {};
-  return qr(
+  return Jr(
     e,
     (l, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
-        const h = `--${r ? `${r}-` : ""}${l.join("-")}`, p = Jr(l, f);
+        const h = `--${r ? `${r}-` : ""}${l.join("-")}`, g = Zr(l, f);
         Object.assign(o, {
-          [h]: p
-        }), nt(a, l, `var(${h})`, d), nt(s, l, `var(${h}, ${p})`, d);
+          [h]: g
+        }), nt(a, l, `var(${h})`, d), nt(s, l, `var(${h}, ${g})`, d);
       }
     },
     (l) => l[0] === "vars"
@@ -1451,7 +1470,7 @@ function Re(e, t) {
     varsWithDefaults: s
   };
 }
-function Zr(e, t = {}) {
+function en(e, t = {}) {
   const {
     getSelector: r = $,
     disableCssColorScheme: n,
@@ -1464,11 +1483,11 @@ function Zr(e, t = {}) {
   } = e, {
     vars: d,
     css: h,
-    varsWithDefaults: p
-  } = Re(f, t);
-  let m = p;
+    varsWithDefaults: g
+  } = Oe(f, t);
+  let m = g;
   const b = {}, {
-    [l]: g,
+    [l]: p,
     ...u
   } = a;
   if (Object.entries(u || {}).forEach(([w, S]) => {
@@ -1476,17 +1495,17 @@ function Zr(e, t = {}) {
       vars: _,
       css: B,
       varsWithDefaults: P
-    } = Re(S, t);
+    } = Oe(S, t);
     m = j(m, P), b[w] = {
       css: B,
       vars: _
     };
-  }), g) {
+  }), p) {
     const {
       css: w,
       vars: S,
       varsWithDefaults: _
-    } = Re(g, t);
+    } = Oe(p, t);
     m = j(m, _), b[l] = {
       css: w,
       vars: S
@@ -1520,7 +1539,7 @@ function Zr(e, t = {}) {
       }), w;
     },
     generateStyleSheets: () => {
-      var D, F;
+      var z, F;
       const w = [], S = e.defaultColorScheme || "light";
       function _(i, y) {
         Object.keys(y).length && w.push(typeof i == "string" ? {
@@ -1539,7 +1558,7 @@ function Zr(e, t = {}) {
       if (B) {
         const {
           css: i
-        } = B, y = (F = (D = a[S]) == null ? void 0 : D.palette) == null ? void 0 : F.mode, C = !n && y ? {
+        } = B, y = (F = (z = a[S]) == null ? void 0 : z.palette) == null ? void 0 : F.mode, C = !n && y ? {
           colorScheme: y,
           ...i
         } : {
@@ -1566,7 +1585,7 @@ function Zr(e, t = {}) {
     }
   };
 }
-function en(e) {
+function tn(e) {
   return function(r) {
     return e === "media" ? `@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)} &` : "&";
   };
@@ -1611,7 +1630,7 @@ function St() {
     }
   };
 }
-const tn = St();
+const rn = St();
 function Ct() {
   return {
     text: {
@@ -1645,7 +1664,7 @@ function it(e, t, r, n) {
   const o = n.light || n, a = n.dark || n * 1.5;
   e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Ke(e.main, o) : t === "dark" && (e.dark = Ve(e.main, a)));
 }
-function rn(e = "light") {
+function nn(e = "light") {
   return e === "dark" ? {
     main: te[200],
     light: te[50],
@@ -1656,7 +1675,7 @@ function rn(e = "light") {
     dark: te[800]
   };
 }
-function nn(e = "light") {
+function on(e = "light") {
   return e === "dark" ? {
     main: ee[200],
     light: ee[50],
@@ -1667,7 +1686,7 @@ function nn(e = "light") {
     dark: ee[700]
   };
 }
-function on(e = "light") {
+function an(e = "light") {
   return e === "dark" ? {
     main: Z[500],
     light: Z[300],
@@ -1678,7 +1697,7 @@ function on(e = "light") {
     dark: Z[800]
   };
 }
-function an(e = "light") {
+function sn(e = "light") {
   return e === "dark" ? {
     main: re[400],
     light: re[300],
@@ -1689,7 +1708,7 @@ function an(e = "light") {
     dark: re[900]
   };
 }
-function sn(e = "light") {
+function ln(e = "light") {
   return e === "dark" ? {
     main: ne[400],
     light: ne[300],
@@ -1700,7 +1719,7 @@ function sn(e = "light") {
     dark: ne[900]
   };
 }
-function ln(e = "light") {
+function cn(e = "light") {
   return e === "dark" ? {
     main: ce[400],
     light: ce[300],
@@ -1718,24 +1737,24 @@ function Ge(e) {
     contrastThreshold: r = 3,
     tonalOffset: n = 0.2,
     ...o
-  } = e, a = e.primary || rn(t), s = e.secondary || nn(t), l = e.error || on(t), f = e.info || an(t), d = e.success || sn(t), h = e.warning || ln(t);
-  function p(u) {
-    return Vr(u, ot.text.primary) >= r ? ot.text.primary : tn.text.primary;
+  } = e, a = e.primary || nn(t), s = e.secondary || on(t), l = e.error || an(t), f = e.info || sn(t), d = e.success || ln(t), h = e.warning || cn(t);
+  function g(u) {
+    return Kr(u, ot.text.primary) >= r ? ot.text.primary : rn.text.primary;
   }
   const m = ({
     color: u,
     name: $,
-    mainShade: R = 500,
-    lightShade: z = 300,
+    mainShade: O = 500,
+    lightShade: D = 300,
     darkShade: w = 700
   }) => {
     if (u = {
       ...u
-    }, !u.main && u[R] && (u.main = u[R]), !u.hasOwnProperty("main"))
-      throw new Error(J(11, $ ? ` (${$})` : "", R));
+    }, !u.main && u[O] && (u.main = u[O]), !u.hasOwnProperty("main"))
+      throw new Error(J(11, $ ? ` (${$})` : "", O));
     if (typeof u.main != "string")
       throw new Error(J(12, $ ? ` (${$})` : "", JSON.stringify(u.main)));
-    return it(u, "light", z, n), it(u, "dark", w, n), u.contrastText || (u.contrastText = p(u.main)), u;
+    return it(u, "light", D, n), it(u, "dark", w, n), u.contrastText || (u.contrastText = g(u.main)), u;
   };
   let b;
   return t === "light" ? b = St() : t === "dark" && (b = Ct()), j({
@@ -1785,7 +1804,7 @@ function Ge(e) {
     // the background and the text.
     contrastThreshold: r,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: p,
+    getContrastText: g,
     // Generate a rich color object.
     augmentColor: m,
     // Used by the functions below to shift a color's luminance by approximately
@@ -1796,14 +1815,14 @@ function Ge(e) {
     ...b
   }, o);
 }
-function cn(e) {
+function un(e) {
   const t = {};
   return Object.entries(e).forEach((n) => {
     const [o, a] = n;
     typeof a == "object" && (t[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
   }), t;
 }
-function un(e, t) {
+function fn(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -1819,13 +1838,13 @@ function un(e, t) {
     ...t
   };
 }
-function fn(e) {
+function dn(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const at = {
   textTransform: "uppercase"
 }, st = '"Roboto", "Helvetica", "Arial", sans-serif';
-function dn(e, t) {
+function mn(e, t) {
   const {
     fontFamily: r = st,
     // The default font size of the Material Specification.
@@ -1841,34 +1860,34 @@ function dn(e, t) {
     // Apply the CSS properties to all the variants.
     allVariants: d,
     pxToRem: h,
-    ...p
-  } = typeof t == "function" ? t(e) : t, m = n / 14, b = h || (($) => `${$ / f * m}rem`), g = ($, R, z, w, S) => ({
+    ...g
+  } = typeof t == "function" ? t(e) : t, m = n / 14, b = h || (($) => `${$ / f * m}rem`), p = ($, O, D, w, S) => ({
     fontFamily: r,
     fontWeight: $,
-    fontSize: b(R),
+    fontSize: b(O),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: z,
+    lineHeight: D,
     // 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 === st ? {
-      letterSpacing: `${fn(w / R)}em`
+      letterSpacing: `${dn(w / O)}em`
     } : {},
     ...S,
     ...d
   }), u = {
-    h1: g(o, 96, 1.167, -1.5),
-    h2: g(o, 60, 1.2, -0.5),
-    h3: g(a, 48, 1.167, 0),
-    h4: g(a, 34, 1.235, 0.25),
-    h5: g(a, 24, 1.334, 0),
-    h6: g(s, 20, 1.6, 0.15),
-    subtitle1: g(a, 16, 1.75, 0.15),
-    subtitle2: g(s, 14, 1.57, 0.1),
-    body1: g(a, 16, 1.5, 0.15),
-    body2: g(a, 14, 1.43, 0.15),
-    button: g(s, 14, 1.75, 0.4, at),
-    caption: g(a, 12, 1.66, 0.4),
-    overline: g(a, 12, 2.66, 1, at),
+    h1: p(o, 96, 1.167, -1.5),
+    h2: p(o, 60, 1.2, -0.5),
+    h3: p(a, 48, 1.167, 0),
+    h4: p(a, 34, 1.235, 0.25),
+    h5: p(a, 24, 1.334, 0),
+    h6: p(s, 20, 1.6, 0.15),
+    subtitle1: p(a, 16, 1.75, 0.15),
+    subtitle2: p(s, 14, 1.57, 0.1),
+    body1: p(a, 16, 1.5, 0.15),
+    body2: p(a, 14, 1.43, 0.15),
+    button: p(s, 14, 1.75, 0.4, at),
+    caption: p(a, 12, 1.66, 0.4),
+    overline: p(a, 12, 2.66, 1, at),
     // 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",
@@ -1888,16 +1907,16 @@ function dn(e, t) {
     fontWeightMedium: s,
     fontWeightBold: l,
     ...u
-  }, p, {
+  }, g, {
     clone: !1
     // No need to clone deep
   });
 }
-const mn = 0.2, pn = 0.14, gn = 0.12;
+const gn = 0.2, pn = 0.14, hn = 0.12;
 function A(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${mn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${pn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${gn})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${gn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${pn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${hn})`].join(",");
 }
-const hn = ["none", A(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), A(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), A(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), A(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), A(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), A(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), A(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), A(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), A(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), A(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), A(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), A(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), A(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), A(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), A(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), A(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), A(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), A(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), A(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), A(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), A(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), A(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), A(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), A(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], yn = {
+const yn = ["none", A(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), A(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), A(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), A(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), A(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), A(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), A(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), A(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), A(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), A(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), A(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), A(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), A(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), A(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), A(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), A(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), A(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), A(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), A(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), A(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), A(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), A(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), A(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), A(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], bn = {
   // 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
@@ -1907,7 +1926,7 @@ const hn = ["none", A(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), A(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)"
-}, bn = {
+}, Sn = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -1923,22 +1942,22 @@ const hn = ["none", A(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), A(0, 3, 1, -2, 0, 2,
 function lt(e) {
   return `${Math.round(e)}ms`;
 }
-function Sn(e) {
+function Cn(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function Cn(e) {
+function wn(e) {
   const t = {
-    ...yn,
+    ...bn,
     ...e.easing
   }, r = {
-    ...bn,
+    ...Sn,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: Sn,
+    getAutoHeightDuration: Cn,
     create: (o = ["all"], a = {}) => {
       const {
         duration: s = r.standard,
@@ -1953,7 +1972,7 @@ function Cn(e) {
     duration: r
   };
 }
-const wn = {
+const xn = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -1963,8 +1982,8 @@ const wn = {
   snackbar: 1400,
   tooltip: 1500
 };
-function xn(e) {
-  return H(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+function Tn(e) {
+  return Y(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
 function wt(e = {}) {
   const t = {
@@ -1974,7 +1993,7 @@ function wt(e = {}) {
     const o = Object.entries(n);
     for (let a = 0; a < o.length; a++) {
       const [s, l] = o[a];
-      !xn(l) || s.startsWith("unstable_") ? delete n[s] : H(l) && (n[s] = {
+      !Tn(l) || s.startsWith("unstable_") ? delete n[s] : Y(l) && (n[s] = {
         ...l
       }, r(n[s]));
     }
@@ -2003,36 +2022,36 @@ function Fe(e = {}, ...t) {
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(J(20));
-  const h = Ge(a), p = pt(e);
-  let m = j(p, {
-    mixins: un(p.breakpoints, n),
+  const h = Ge(a), g = gt(e);
+  let m = j(g, {
+    mixins: fn(g.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: hn.slice(),
-    typography: dn(h, l),
-    transitions: Cn(s),
+    shadows: yn.slice(),
+    typography: mn(h, l),
+    transitions: wn(s),
     zIndex: {
-      ...wn
+      ...xn
     }
   });
-  return m = j(m, d), m = t.reduce((b, g) => j(b, g), m), m.unstable_sxConfig = {
+  return m = j(m, d), m = t.reduce((b, p) => j(b, p), m), m.unstable_sxConfig = {
     ...Ae,
     ...d == null ? void 0 : d.unstable_sxConfig
-  }, m.unstable_sx = function(g) {
+  }, m.unstable_sx = function(p) {
     return ae({
-      sx: g,
+      sx: p,
       theme: this
     });
   }, m.toRuntimeSource = wt, m;
 }
-function Tn(e) {
+function $n(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 $n = [...Array(25)].map((e, t) => {
+const vn = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
-  const r = Tn(t);
+  const r = $n(t);
   return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
 });
 function xt(e) {
@@ -2044,7 +2063,7 @@ function xt(e) {
   };
 }
 function Tt(e) {
-  return e === "dark" ? $n : [];
+  return e === "dark" ? vn : [];
 }
 function kn(e) {
   const {
@@ -2066,18 +2085,18 @@ function kn(e) {
     ...o
   };
 }
-function vn(e) {
+function An(e) {
   var t;
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!((t = e[1]) != null && t.match(/(mode|contrastThreshold|tonalOffset)/));
 }
-const An = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Bn = (e) => (t, r) => {
+const Bn = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], En = (e) => (t, r) => {
   const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
   let a = o;
   if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
       const s = {};
-      return An(e.cssVarPrefix).forEach((l) => {
+      return Bn(e.cssVarPrefix).forEach((l) => {
         s[l] = r[l], delete r[l];
       }), a === "media" ? {
         [n]: r,
@@ -2108,7 +2127,7 @@ const An = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlay
   }
   return n;
 };
-function En(e, t) {
+function Rn(e, t) {
   t.forEach((r) => {
     e[r] || (e[r] = {});
   });
@@ -2119,18 +2138,18 @@ function c(e, t, r) {
 function fe(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : bt(e);
 }
-function N(e, t) {
+function H(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = ue(fe(e[t])));
 }
 function On(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
-const G = (e) => {
+const N = (e) => {
   try {
     return e();
   } catch {
   }
-}, Rn = (e = "mui") => Xr(e);
+}, Pn = (e = "mui") => Xr(e);
 function Pe(e, t, r, n) {
   if (!t)
     return;
@@ -2166,7 +2185,7 @@ function Pe(e, t, r, n) {
     overlays: (t == null ? void 0 : t.overlays) || Tt(o)
   }, s;
 }
-function Pn(e = {}, ...t) {
+function In(e = {}, ...t) {
   const {
     colorSchemes: r = {
       light: !0
@@ -2174,33 +2193,33 @@ function Pn(e = {}, ...t) {
     defaultColorScheme: n,
     disableCssColorScheme: o = !1,
     cssVarPrefix: a = "mui",
-    shouldSkipGeneratingVar: s = vn,
+    shouldSkipGeneratingVar: s = An,
     colorSchemeSelector: l = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...d
-  } = e, h = Object.keys(r)[0], p = n || (r.light && h !== "light" ? "light" : h), m = Rn(a), {
-    [p]: b,
-    light: g,
+  } = e, h = Object.keys(r)[0], g = n || (r.light && h !== "light" ? "light" : h), m = Pn(a), {
+    [g]: b,
+    light: p,
     dark: u,
     ...$
-  } = r, R = {
+  } = r, O = {
     ...$
   };
-  let z = b;
-  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (z = !0), !z)
-    throw new Error(J(21, p));
-  const w = Pe(R, z, d, p);
-  g && !R.light && Pe(R, g, void 0, "light"), u && !R.dark && Pe(R, u, void 0, "dark");
+  let D = b;
+  if ((g === "dark" && !("dark" in r) || g === "light" && !("light" in r)) && (D = !0), !D)
+    throw new Error(J(21, g));
+  const w = Pe(O, D, d, g);
+  p && !O.light && Pe(O, p, void 0, "light"), u && !O.dark && Pe(O, u, void 0, "dark");
   let S = {
-    defaultColorScheme: p,
+    defaultColorScheme: g,
     ...w,
     cssVarPrefix: a,
     colorSchemeSelector: l,
     rootSelector: f,
     getCssVar: m,
-    colorSchemes: R,
+    colorSchemes: O,
     font: {
-      ...cn(w.typography),
+      ...un(w.typography),
       ...w.font
     },
     spacing: On(d.spacing)
@@ -2210,36 +2229,36 @@ function Pn(e = {}, ...t) {
       const x = C.split("-"), W = x[1], L = x[2];
       return m(C, i[W][L]);
     };
-    if (i.mode === "light" && (c(i.common, "background", "#fff"), c(i.common, "onBackground", "#000")), i.mode === "dark" && (c(i.common, "background", "#000"), c(i.common, "onBackground", "#fff")), En(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
-      c(i.Alert, "errorColor", k(i.error.light, 0.6)), c(i.Alert, "infoColor", k(i.info.light, 0.6)), c(i.Alert, "successColor", k(i.success.light, 0.6)), c(i.Alert, "warningColor", k(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-main")), c(i.Alert, "infoFilledBg", y("palette-info-main")), c(i.Alert, "successFilledBg", y("palette-success-main")), c(i.Alert, "warningFilledBg", y("palette-warning-main")), c(i.Alert, "errorFilledColor", G(() => i.getContrastText(i.error.main))), c(i.Alert, "infoFilledColor", G(() => i.getContrastText(i.info.main))), c(i.Alert, "successFilledColor", G(() => i.getContrastText(i.success.main))), c(i.Alert, "warningFilledColor", G(() => i.getContrastText(i.warning.main))), c(i.Alert, "errorStandardBg", v(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", v(i.info.light, 0.9)), c(i.Alert, "successStandardBg", v(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", v(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-100")), c(i.Avatar, "defaultBg", y("palette-grey-400")), c(i.Button, "inheritContainedBg", y("palette-grey-300")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-A100")), c(i.Chip, "defaultBorder", y("palette-grey-400")), c(i.Chip, "defaultAvatarColor", y("palette-grey-700")), c(i.Chip, "defaultIconColor", y("palette-grey-700")), c(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(i.LinearProgress, "primaryBg", v(i.primary.main, 0.62)), c(i.LinearProgress, "secondaryBg", v(i.secondary.main, 0.62)), c(i.LinearProgress, "errorBg", v(i.error.main, 0.62)), c(i.LinearProgress, "infoBg", v(i.info.main, 0.62)), c(i.LinearProgress, "successBg", v(i.success.main, 0.62)), c(i.LinearProgress, "warningBg", v(i.warning.main, 0.62)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.11)`), c(i.Slider, "primaryTrack", v(i.primary.main, 0.62)), c(i.Slider, "secondaryTrack", v(i.secondary.main, 0.62)), c(i.Slider, "errorTrack", v(i.error.main, 0.62)), c(i.Slider, "infoTrack", v(i.info.main, 0.62)), c(i.Slider, "successTrack", v(i.success.main, 0.62)), c(i.Slider, "warningTrack", v(i.warning.main, 0.62));
+    if (i.mode === "light" && (c(i.common, "background", "#fff"), c(i.common, "onBackground", "#000")), i.mode === "dark" && (c(i.common, "background", "#000"), c(i.common, "onBackground", "#fff")), Rn(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      c(i.Alert, "errorColor", v(i.error.light, 0.6)), c(i.Alert, "infoColor", v(i.info.light, 0.6)), c(i.Alert, "successColor", v(i.success.light, 0.6)), c(i.Alert, "warningColor", v(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-main")), c(i.Alert, "infoFilledBg", y("palette-info-main")), c(i.Alert, "successFilledBg", y("palette-success-main")), c(i.Alert, "warningFilledBg", y("palette-warning-main")), c(i.Alert, "errorFilledColor", N(() => i.getContrastText(i.error.main))), c(i.Alert, "infoFilledColor", N(() => i.getContrastText(i.info.main))), c(i.Alert, "successFilledColor", N(() => i.getContrastText(i.success.main))), c(i.Alert, "warningFilledColor", N(() => i.getContrastText(i.warning.main))), c(i.Alert, "errorStandardBg", k(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", k(i.info.light, 0.9)), c(i.Alert, "successStandardBg", k(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", k(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-100")), c(i.Avatar, "defaultBg", y("palette-grey-400")), c(i.Button, "inheritContainedBg", y("palette-grey-300")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-A100")), c(i.Chip, "defaultBorder", y("palette-grey-400")), c(i.Chip, "defaultAvatarColor", y("palette-grey-700")), c(i.Chip, "defaultIconColor", y("palette-grey-700")), c(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(i.LinearProgress, "primaryBg", k(i.primary.main, 0.62)), c(i.LinearProgress, "secondaryBg", k(i.secondary.main, 0.62)), c(i.LinearProgress, "errorBg", k(i.error.main, 0.62)), c(i.LinearProgress, "infoBg", k(i.info.main, 0.62)), c(i.LinearProgress, "successBg", k(i.success.main, 0.62)), c(i.LinearProgress, "warningBg", k(i.warning.main, 0.62)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.11)`), c(i.Slider, "primaryTrack", k(i.primary.main, 0.62)), c(i.Slider, "secondaryTrack", k(i.secondary.main, 0.62)), c(i.Slider, "errorTrack", k(i.error.main, 0.62)), c(i.Slider, "infoTrack", k(i.info.main, 0.62)), c(i.Slider, "successTrack", k(i.success.main, 0.62)), c(i.Slider, "warningTrack", k(i.warning.main, 0.62));
       const C = ye(i.background.default, 0.8);
-      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", G(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-400")), c(i.StepContent, "border", y("palette-grey-400")), c(i.Switch, "defaultColor", y("palette-common-white")), c(i.Switch, "defaultDisabledColor", y("palette-grey-100")), c(i.Switch, "primaryDisabledColor", v(i.primary.main, 0.62)), c(i.Switch, "secondaryDisabledColor", v(i.secondary.main, 0.62)), c(i.Switch, "errorDisabledColor", v(i.error.main, 0.62)), c(i.Switch, "infoDisabledColor", v(i.info.main, 0.62)), c(i.Switch, "successDisabledColor", v(i.success.main, 0.62)), c(i.Switch, "warningDisabledColor", v(i.warning.main, 0.62)), c(i.TableCell, "border", v(he(i.divider, 1), 0.88)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
+      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", N(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-400")), c(i.StepContent, "border", y("palette-grey-400")), c(i.Switch, "defaultColor", y("palette-common-white")), c(i.Switch, "defaultDisabledColor", y("palette-grey-100")), c(i.Switch, "primaryDisabledColor", k(i.primary.main, 0.62)), c(i.Switch, "secondaryDisabledColor", k(i.secondary.main, 0.62)), c(i.Switch, "errorDisabledColor", k(i.error.main, 0.62)), c(i.Switch, "infoDisabledColor", k(i.info.main, 0.62)), c(i.Switch, "successDisabledColor", k(i.success.main, 0.62)), c(i.Switch, "warningDisabledColor", k(i.warning.main, 0.62)), c(i.TableCell, "border", k(he(i.divider, 1), 0.88)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
     }
     if (i.mode === "dark") {
-      c(i.Alert, "errorColor", v(i.error.light, 0.6)), c(i.Alert, "infoColor", v(i.info.light, 0.6)), c(i.Alert, "successColor", v(i.success.light, 0.6)), c(i.Alert, "warningColor", v(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-dark")), c(i.Alert, "infoFilledBg", y("palette-info-dark")), c(i.Alert, "successFilledBg", y("palette-success-dark")), c(i.Alert, "warningFilledBg", y("palette-warning-dark")), c(i.Alert, "errorFilledColor", G(() => i.getContrastText(i.error.dark))), c(i.Alert, "infoFilledColor", G(() => i.getContrastText(i.info.dark))), c(i.Alert, "successFilledColor", G(() => i.getContrastText(i.success.dark))), c(i.Alert, "warningFilledColor", G(() => i.getContrastText(i.warning.dark))), c(i.Alert, "errorStandardBg", k(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", k(i.info.light, 0.9)), c(i.Alert, "successStandardBg", k(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", k(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-900")), c(i.AppBar, "darkBg", y("palette-background-paper")), c(i.AppBar, "darkColor", y("palette-text-primary")), c(i.Avatar, "defaultBg", y("palette-grey-600")), c(i.Button, "inheritContainedBg", y("palette-grey-800")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-700")), c(i.Chip, "defaultBorder", y("palette-grey-700")), c(i.Chip, "defaultAvatarColor", y("palette-grey-300")), c(i.Chip, "defaultIconColor", y("palette-grey-300")), c(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(i.LinearProgress, "primaryBg", k(i.primary.main, 0.5)), c(i.LinearProgress, "secondaryBg", k(i.secondary.main, 0.5)), c(i.LinearProgress, "errorBg", k(i.error.main, 0.5)), c(i.LinearProgress, "infoBg", k(i.info.main, 0.5)), c(i.LinearProgress, "successBg", k(i.success.main, 0.5)), c(i.LinearProgress, "warningBg", k(i.warning.main, 0.5)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.13)`), c(i.Slider, "primaryTrack", k(i.primary.main, 0.5)), c(i.Slider, "secondaryTrack", k(i.secondary.main, 0.5)), c(i.Slider, "errorTrack", k(i.error.main, 0.5)), c(i.Slider, "infoTrack", k(i.info.main, 0.5)), c(i.Slider, "successTrack", k(i.success.main, 0.5)), c(i.Slider, "warningTrack", k(i.warning.main, 0.5));
+      c(i.Alert, "errorColor", k(i.error.light, 0.6)), c(i.Alert, "infoColor", k(i.info.light, 0.6)), c(i.Alert, "successColor", k(i.success.light, 0.6)), c(i.Alert, "warningColor", k(i.warning.light, 0.6)), c(i.Alert, "errorFilledBg", y("palette-error-dark")), c(i.Alert, "infoFilledBg", y("palette-info-dark")), c(i.Alert, "successFilledBg", y("palette-success-dark")), c(i.Alert, "warningFilledBg", y("palette-warning-dark")), c(i.Alert, "errorFilledColor", N(() => i.getContrastText(i.error.dark))), c(i.Alert, "infoFilledColor", N(() => i.getContrastText(i.info.dark))), c(i.Alert, "successFilledColor", N(() => i.getContrastText(i.success.dark))), c(i.Alert, "warningFilledColor", N(() => i.getContrastText(i.warning.dark))), c(i.Alert, "errorStandardBg", v(i.error.light, 0.9)), c(i.Alert, "infoStandardBg", v(i.info.light, 0.9)), c(i.Alert, "successStandardBg", v(i.success.light, 0.9)), c(i.Alert, "warningStandardBg", v(i.warning.light, 0.9)), c(i.Alert, "errorIconColor", y("palette-error-main")), c(i.Alert, "infoIconColor", y("palette-info-main")), c(i.Alert, "successIconColor", y("palette-success-main")), c(i.Alert, "warningIconColor", y("palette-warning-main")), c(i.AppBar, "defaultBg", y("palette-grey-900")), c(i.AppBar, "darkBg", y("palette-background-paper")), c(i.AppBar, "darkColor", y("palette-text-primary")), c(i.Avatar, "defaultBg", y("palette-grey-600")), c(i.Button, "inheritContainedBg", y("palette-grey-800")), c(i.Button, "inheritContainedHoverBg", y("palette-grey-700")), c(i.Chip, "defaultBorder", y("palette-grey-700")), c(i.Chip, "defaultAvatarColor", y("palette-grey-300")), c(i.Chip, "defaultIconColor", y("palette-grey-300")), c(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(i.LinearProgress, "primaryBg", v(i.primary.main, 0.5)), c(i.LinearProgress, "secondaryBg", v(i.secondary.main, 0.5)), c(i.LinearProgress, "errorBg", v(i.error.main, 0.5)), c(i.LinearProgress, "infoBg", v(i.info.main, 0.5)), c(i.LinearProgress, "successBg", v(i.success.main, 0.5)), c(i.LinearProgress, "warningBg", v(i.warning.main, 0.5)), c(i.Skeleton, "bg", `rgba(${y("palette-text-primaryChannel")} / 0.13)`), c(i.Slider, "primaryTrack", v(i.primary.main, 0.5)), c(i.Slider, "secondaryTrack", v(i.secondary.main, 0.5)), c(i.Slider, "errorTrack", v(i.error.main, 0.5)), c(i.Slider, "infoTrack", v(i.info.main, 0.5)), c(i.Slider, "successTrack", v(i.success.main, 0.5)), c(i.Slider, "warningTrack", v(i.warning.main, 0.5));
       const C = ye(i.background.default, 0.98);
-      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", G(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-600")), c(i.StepContent, "border", y("palette-grey-600")), c(i.Switch, "defaultColor", y("palette-grey-300")), c(i.Switch, "defaultDisabledColor", y("palette-grey-600")), c(i.Switch, "primaryDisabledColor", k(i.primary.main, 0.55)), c(i.Switch, "secondaryDisabledColor", k(i.secondary.main, 0.55)), c(i.Switch, "errorDisabledColor", k(i.error.main, 0.55)), c(i.Switch, "infoDisabledColor", k(i.info.main, 0.55)), c(i.Switch, "successDisabledColor", k(i.success.main, 0.55)), c(i.Switch, "warningDisabledColor", k(i.warning.main, 0.55)), c(i.TableCell, "border", k(he(i.divider, 1), 0.68)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
+      c(i.SnackbarContent, "bg", C), c(i.SnackbarContent, "color", N(() => i.getContrastText(C))), c(i.SpeedDialAction, "fabHoverBg", ye(i.background.paper, 0.15)), c(i.StepConnector, "border", y("palette-grey-600")), c(i.StepContent, "border", y("palette-grey-600")), c(i.Switch, "defaultColor", y("palette-grey-300")), c(i.Switch, "defaultDisabledColor", y("palette-grey-600")), c(i.Switch, "primaryDisabledColor", v(i.primary.main, 0.55)), c(i.Switch, "secondaryDisabledColor", v(i.secondary.main, 0.55)), c(i.Switch, "errorDisabledColor", v(i.error.main, 0.55)), c(i.Switch, "infoDisabledColor", v(i.info.main, 0.55)), c(i.Switch, "successDisabledColor", v(i.success.main, 0.55)), c(i.Switch, "warningDisabledColor", v(i.warning.main, 0.55)), c(i.TableCell, "border", v(he(i.divider, 1), 0.68)), c(i.Tooltip, "bg", he(i.grey[700], 0.92));
     }
-    N(i.background, "default"), N(i.background, "paper"), N(i.common, "background"), N(i.common, "onBackground"), N(i, "divider"), Object.keys(i).forEach((C) => {
+    H(i.background, "default"), H(i.background, "paper"), H(i.common, "background"), H(i.common, "onBackground"), H(i, "divider"), Object.keys(i).forEach((C) => {
       const x = i[C];
-      C !== "tonalOffset" && x && typeof x == "object" && (x.main && c(i[C], "mainChannel", ue(fe(x.main))), x.light && c(i[C], "lightChannel", ue(fe(x.light))), x.dark && c(i[C], "darkChannel", ue(fe(x.dark))), x.contrastText && c(i[C], "contrastTextChannel", ue(fe(x.contrastText))), C === "text" && (N(i[C], "primary"), N(i[C], "secondary")), C === "action" && (x.active && N(i[C], "active"), x.selected && N(i[C], "selected")));
+      C !== "tonalOffset" && x && typeof x == "object" && (x.main && c(i[C], "mainChannel", ue(fe(x.main))), x.light && c(i[C], "lightChannel", ue(fe(x.light))), x.dark && c(i[C], "darkChannel", ue(fe(x.dark))), x.contrastText && c(i[C], "contrastTextChannel", ue(fe(x.contrastText))), C === "text" && (H(i[C], "primary"), H(i[C], "secondary")), C === "action" && (x.active && H(i[C], "active"), x.selected && H(i[C], "selected")));
     });
   }), S = t.reduce((F, i) => j(F, i), S);
   const _ = {
     prefix: a,
     disableCssColorScheme: o,
     shouldSkipGeneratingVar: s,
-    getSelector: Bn(S)
+    getSelector: En(S)
   }, {
     vars: B,
     generateThemeVars: P,
-    generateStyleSheets: D
-  } = Zr(S, _);
+    generateStyleSheets: z
+  } = en(S, _);
   return S.vars = B, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([F, i]) => {
     S[F] = i;
-  }), S.generateThemeVars = P, S.generateStyleSheets = D, S.generateSpacing = function() {
+  }), S.generateThemeVars = P, S.generateStyleSheets = z, S.generateSpacing = function() {
     return mt(d.spacing, Me(this));
-  }, S.getColorSchemeSelector = en(l), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
+  }, S.getColorSchemeSelector = tn(l), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
     ...Ae,
     ...d == null ? void 0 : d.unstable_sxConfig
   }, S.unstable_sx = function(i) {
@@ -2259,7 +2278,7 @@ function ct(e, t, r) {
     // cast type to skip module augmentation test
   });
 }
-function In(e = {}, ...t) {
+function _n(e = {}, ...t) {
   const {
     palette: r,
     cssVariables: n = !1,
@@ -2284,42 +2303,42 @@ function In(e = {}, ...t) {
     "palette" in e || d[l] && (d[l] !== !0 ? h = d[l].palette : l === "dark" && (h = {
       mode: "dark"
     }));
-    const p = Fe({
+    const g = Fe({
       ...e,
       palette: h
     }, ...t);
-    return p.defaultColorScheme = l, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
+    return g.defaultColorScheme = l, g.colorSchemes = d, g.palette.mode === "light" && (g.colorSchemes.light = {
       ...d.light !== !0 && d.light,
-      palette: p.palette
-    }, ct(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+      palette: g.palette
+    }, ct(g, "dark", d.dark)), g.palette.mode === "dark" && (g.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
-      palette: p.palette
-    }, ct(p, "light", d.light)), p;
+      palette: g.palette
+    }, ct(g, "light", d.light)), g;
   }
-  return !r && !("light" in d) && l === "light" && (d.light = !0), Pn({
+  return !r && !("light" in d) && l === "light" && (d.light = !0), In({
     ...s,
     colorSchemes: d,
     defaultColorScheme: l,
     ...typeof n != "boolean" && n
   }, ...t);
 }
-const _n = In();
-function Fn(e) {
+const Fn = _n();
+function Ln(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const Ln = (e) => Fn(e) && e !== "classes", zn = _r({
-  themeId: At,
-  defaultTheme: _n,
-  rootShouldForwardProp: Ln
-}), Dn = Qr;
-function Mn(e) {
-  return Ur(e);
-}
+const Dn = (e) => Ln(e) && e !== "classes", zn = Fr({
+  themeId: Bt,
+  defaultTheme: Fn,
+  rootShouldForwardProp: Dn
+}), Mn = qr;
 function jn(e) {
-  return gt("MuiSvgIcon", e);
+  return Qr(e);
+}
+function Wn(e) {
+  return pt("MuiSvgIcon", e);
 }
 Or("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const Wn = (e) => {
+const Vn = (e) => {
   const {
     color: t,
     fontSize: r,
@@ -2327,8 +2346,8 @@ const Wn = (e) => {
   } = e, o = {
     root: ["root", t !== "inherit" && `color${ie(t)}`, `fontSize${ie(r)}`]
   };
-  return Nr(o, jn, n);
-}, Vn = zn("svg", {
+  return Hr(o, Wn, n);
+}, Kn = zn("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -2337,10 +2356,10 @@ const Wn = (e) => {
     } = e;
     return [t.root, r.color !== "inherit" && t[`color${ie(r.color)}`], t[`fontSize${ie(r.fontSize)}`]];
   }
-})(Dn(({
+})(Mn(({
   theme: e
 }) => {
-  var t, r, n, o, a, s, l, f, d, h, p, m, b, g;
+  var t, r, n, o, a, s, l, f, d, h, g, m, b, p;
   return {
     userSelect: "none",
     width: "1em",
@@ -2393,13 +2412,13 @@ const Wn = (e) => {
       },
       // TODO v5 deprecate color prop, v6 remove for sx
       ...Object.entries((e.vars ?? e).palette).filter(([, u]) => u && u.main).map(([u]) => {
-        var $, R;
+        var $, O;
         return {
           props: {
             color: u
           },
           style: {
-            color: (R = ($ = (e.vars ?? e).palette) == null ? void 0 : $[u]) == null ? void 0 : R.main
+            color: (O = ($ = (e.vars ?? e).palette) == null ? void 0 : $[u]) == null ? void 0 : O.main
           }
         };
       }),
@@ -2408,7 +2427,7 @@ const Wn = (e) => {
           color: "action"
         },
         style: {
-          color: (m = (p = (e.vars ?? e).palette) == null ? void 0 : p.action) == null ? void 0 : m.active
+          color: (m = (g = (e.vars ?? e).palette) == null ? void 0 : g.action) == null ? void 0 : m.active
         }
       },
       {
@@ -2416,7 +2435,7 @@ const Wn = (e) => {
           color: "disabled"
         },
         style: {
-          color: (g = (b = (e.vars ?? e).palette) == null ? void 0 : b.action) == null ? void 0 : g.disabled
+          color: (p = (b = (e.vars ?? e).palette) == null ? void 0 : b.action) == null ? void 0 : p.disabled
         }
       },
       {
@@ -2429,8 +2448,8 @@ const Wn = (e) => {
       }
     ]
   };
-})), Le = /* @__PURE__ */ U.forwardRef(function(t, r) {
-  const n = Mn({
+})), Le = /* @__PURE__ */ G.forwardRef(function(t, r) {
+  const n = jn({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -2441,10 +2460,10 @@ const Wn = (e) => {
     fontSize: f = "medium",
     htmlColor: d,
     inheritViewBox: h = !1,
-    titleAccess: p,
+    titleAccess: g,
     viewBox: m = "0 0 24 24",
     ...b
-  } = n, g = /* @__PURE__ */ U.isValidElement(o) && o.type === "svg", u = {
+  } = n, p = /* @__PURE__ */ G.isValidElement(o) && o.type === "svg", u = {
     ...n,
     color: s,
     component: l,
@@ -2452,29 +2471,29 @@ const Wn = (e) => {
     instanceFontSize: t.fontSize,
     inheritViewBox: h,
     viewBox: m,
-    hasSvgAsChild: g
+    hasSvgAsChild: p
   }, $ = {};
   h || ($.viewBox = m);
-  const R = Wn(u);
-  return /* @__PURE__ */ Ie.jsxs(Vn, {
+  const O = Vn(u);
+  return /* @__PURE__ */ Ie.jsxs(Kn, {
     as: l,
-    className: vt(R.root, a),
+    className: At(O.root, a),
     focusable: "false",
     color: d,
-    "aria-hidden": p ? void 0 : !0,
-    role: p ? "img" : void 0,
+    "aria-hidden": g ? void 0 : !0,
+    role: g ? "img" : void 0,
     ref: r,
     ...$,
     ...b,
-    ...g && o.props,
+    ...p && o.props,
     ownerState: u,
-    children: [g ? o.props.children : o, p ? /* @__PURE__ */ Ie.jsx("title", {
-      children: p
+    children: [p ? o.props.children : o, g ? /* @__PURE__ */ Ie.jsx("title", {
+      children: g
     }) : null]
   });
 });
 Le.muiName = "SvgIcon";
-function Nn(e, t) {
+function Qn(e, t) {
   function r(n, o) {
     return /* @__PURE__ */ Ie.jsx(Le, {
       "data-testid": `${t}Icon`,
@@ -2483,8 +2502,11 @@ function Nn(e, t) {
       children: e
     });
   }
-  return r.muiName = Le.muiName, /* @__PURE__ */ U.memo(/* @__PURE__ */ U.forwardRef(r));
+  return r.muiName = Le.muiName, /* @__PURE__ */ G.memo(/* @__PURE__ */ G.forwardRef(r));
 }
 export {
-  Nn as c
+  Qn as c,
+  Un as g,
+  Hn as o,
+  Yn as u
 };