fansunited-widgets-cdn 0.0.86-RC8 → 0.0.87

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

@@ -1,5 +1,5 @@
-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";
+import { r as G, E as $t, V as vt, W as kt, j as Ie } from "./main-uhXEX2Kp.js";
+import { x as Ye, y as At, m as Bt } from "./resolveProps-BA473GCc.js";
 var Ee = { exports: {} }, T = {};
 /**
  * @license React
@@ -14,8 +14,8 @@ var Ue;
 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"), g = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
-  function p(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"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  function g(u) {
     if (typeof u == "object" && u !== null) {
       var $ = u.$$typeof;
       switch ($) {
@@ -32,7 +32,7 @@ function Et() {
               switch (u = u && u.$$typeof, u) {
                 case s:
                 case l:
-                case g:
+                case p:
                 case h:
                   return u;
                 case a:
@@ -46,33 +46,33 @@ function Et() {
       }
     }
   }
-  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;
+  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;
   }, T.isContextProvider = function(u) {
-    return p(u) === s;
+    return g(u) === s;
   }, T.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === e;
   }, T.isForwardRef = function(u) {
-    return p(u) === l;
+    return g(u) === l;
   }, T.isFragment = function(u) {
-    return p(u) === r;
+    return g(u) === r;
   }, T.isLazy = function(u) {
-    return p(u) === g;
+    return g(u) === p;
   }, T.isMemo = function(u) {
-    return p(u) === h;
+    return g(u) === h;
   }, T.isPortal = function(u) {
-    return p(u) === t;
+    return g(u) === t;
   }, T.isProfiler = function(u) {
-    return p(u) === o;
+    return g(u) === o;
   }, T.isStrictMode = function(u) {
-    return p(u) === n;
+    return g(u) === n;
   }, T.isSuspense = function(u) {
-    return p(u) === f;
+    return g(u) === f;
   }, T.isSuspenseList = function(u) {
-    return p(u) === d;
+    return g(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 === g || u.$$typeof === h || u.$$typeof === s || u.$$typeof === a || u.$$typeof === l || u.$$typeof === b || u.getModuleId !== void 0);
-  }, T.typeOf = p, 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 === p || u.$$typeof === h || u.$$typeof === s || u.$$typeof === a || u.$$typeof === l || u.$$typeof === b || u.getModuleId !== void 0);
+  }, T.typeOf = g, T;
 }
 var Qe;
 function Rt() {
@@ -190,7 +190,7 @@ function ft(e) {
     t[r] = ft(e[r]);
   }), t;
 }
-function j(e, t, r = {
+function W(e, t, r = {
   clone: !0
 }) {
   const n = r.clone ? {
@@ -198,7 +198,7 @@ function j(e, t, r = {
   } : e;
   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];
+    Object.prototype.hasOwnProperty.call(e, o) && Y(e[o]) ? n[o] = W(e[o], t[o], r) : r.clone ? n[o] = Y(t[o]) ? ft(t[o]) : t[o] : n[o] = t[o];
   }), n;
 }
 const _t = (e) => {
@@ -238,13 +238,13 @@ function Ft(e) {
     return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
   }
   function d(m, b) {
-    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})`;
+    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})`;
   }
   function h(m) {
     return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : l(m);
   }
-  function g(m) {
+  function p(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");
   }
@@ -255,7 +255,7 @@ function Ft(e) {
     down: f,
     between: d,
     only: h,
-    not: g,
+    not: p,
     unit: r,
     ...o
   };
@@ -303,7 +303,7 @@ const Mt = {
   borderRadius: 4
 };
 function de(e, t) {
-  return t ? j(e, t, {
+  return t ? W(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
@@ -324,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)`
-}, jt = {
+}, Wt = {
   containerQueries: (e) => ({
     up: (t) => {
       let r = typeof t == "number" ? t : Ce[t] || t;
@@ -342,7 +342,7 @@ function U(e, t, r) {
     const a = n.breakpoints || Je;
     return Object.keys(t).reduce((s, l) => {
       if (Lt(a.keys, l)) {
-        const f = Dt(n.containerQueries ? n : jt, l);
+        const f = Dt(n.containerQueries ? n : Wt, l);
         f && (s[f] = r(t[l], l));
       } else if (Object.keys(a.values || Ce).includes(l)) {
         const f = a.up(l);
@@ -356,7 +356,7 @@ function U(e, t, r) {
   }
   return r(t);
 }
-function Wt(e = {}) {
+function jt(e = {}) {
   var r;
   return ((r = e.keys) == null ? void 0 : r.reduce((n, o) => {
     const a = e.up(o);
@@ -398,9 +398,9 @@ function I(e) {
     if (s[t] == null)
       return null;
     const l = s[t], f = s.theme, d = we(f, n) || {};
-    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 : {
+    return U(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 : {
         [r]: m
       };
     });
@@ -436,7 +436,7 @@ const Kt = {
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
 }), 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) {
+function pe(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")
@@ -447,13 +447,13 @@ function ge(e, t, r, n) {
   };
 }
 function Me(e) {
-  return ge(e, "spacing", 8);
+  return pe(e, "spacing", 8);
 }
-function pe(e, t) {
+function ge(e, t) {
   return typeof t == "string" || t == null ? t : e(t);
 }
 function Ht(e, t) {
-  return (r) => e.reduce((n, o) => (n[o] = pe(t, r), n), {});
+  return (r) => e.reduce((n, o) => (n[o] = ge(t, r), n), {});
 }
 function Yt(e, t, r, n) {
   if (!t.includes(r))
@@ -504,8 +504,8 @@ function K(e, t) {
 }
 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 = ge(e.theme, "shape.borderRadius", 4), r = (n) => ({
-      borderRadius: pe(t, n)
+    const t = pe(e.theme, "shape.borderRadius", 4), r = (n) => ({
+      borderRadius: ge(t, n)
     });
     return U(e, e.borderRadius, r);
   }
@@ -516,8 +516,8 @@ Te.filterProps = ["borderRadius"];
 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 = ge(e.theme, "spacing", 8), r = (n) => ({
-      gap: pe(t, n)
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      gap: ge(t, n)
     });
     return U(e, e.gap, r);
   }
@@ -527,8 +527,8 @@ $e.propTypes = {};
 $e.filterProps = ["gap"];
 const ve = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = ge(e.theme, "spacing", 8), r = (n) => ({
-      columnGap: pe(t, n)
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      columnGap: ge(t, n)
     });
     return U(e, e.columnGap, r);
   }
@@ -538,8 +538,8 @@ ve.propTypes = {};
 ve.filterProps = ["columnGap"];
 const ke = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = ge(e.theme, "spacing", 8), r = (n) => ({
-      rowGap: pe(t, n)
+    const t = pe(e.theme, "spacing", 8), r = (n) => ({
+      rowGap: ge(t, n)
     });
     return U(e, e.rowGap, r);
   }
@@ -563,14 +563,14 @@ const ar = I({
   prop: "gridTemplateRows"
 }), mr = I({
   prop: "gridTemplateAreas"
-}), gr = I({
+}), pr = I({
   prop: "gridArea"
 });
-xe($e, ve, ke, ar, sr, lr, cr, ur, fr, dr, mr, gr);
+xe($e, ve, ke, ar, sr, lr, cr, ur, fr, dr, mr, pr);
 function oe(e, t) {
   return t === "grey" ? t : e;
 }
-const pr = I({
+const gr = I({
   prop: "color",
   themeKey: "palette",
   transform: oe
@@ -584,14 +584,14 @@ const pr = I({
   themeKey: "palette",
   transform: oe
 });
-xe(pr, hr, yr);
+xe(gr, hr, yr);
 function M(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
 const br = I({
   prop: "width",
   transform: M
-}), je = (e) => {
+}), We = (e) => {
   if (e.maxWidth !== void 0 && e.maxWidth !== null) {
     const t = (r) => {
       var o, a, s, l, f;
@@ -608,7 +608,7 @@ const br = I({
   }
   return null;
 };
-je.filterProps = ["maxWidth"];
+We.filterProps = ["maxWidth"];
 const Sr = I({
   prop: "minWidth",
   transform: M
@@ -635,7 +635,7 @@ I({
 const Tr = I({
   prop: "boxSizing"
 });
-xe(br, je, Sr, Cr, wr, xr, Tr);
+xe(br, We, Sr, Cr, wr, xr, Tr);
 const Ae = {
   // borders
   border: {
@@ -884,7 +884,7 @@ const Ae = {
     transform: M
   },
   maxWidth: {
-    style: je
+    style: We
   },
   minWidth: {
     transform: M
@@ -945,7 +945,7 @@ function kr() {
       cssProperty: f = r,
       themeKey: d,
       transform: h,
-      style: g
+      style: p
     } = l;
     if (n == null)
       return null;
@@ -954,9 +954,9 @@ function kr() {
         [r]: n
       };
     const m = we(o, d) || {};
-    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 : {
+    return p ? p(s) : U(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 : {
         [f]: u
       };
     });
@@ -978,31 +978,31 @@ function kr() {
         return f;
       if (!d)
         return null;
-      const h = Wt(o.breakpoints), g = Object.keys(h);
+      const h = jt(o.breakpoints), p = Object.keys(h);
       let m = h;
       return Object.keys(d).forEach((b) => {
-        const p = vr(d[b], o);
-        if (p != null)
-          if (typeof p == "object")
+        const g = vr(d[b], o);
+        if (g != null)
+          if (typeof g == "object")
             if (s[b])
-              m = de(m, e(b, p, o, s));
+              m = de(m, e(b, g, o, s));
             else {
               const u = U({
                 theme: o
-              }, p, ($) => ({
+              }, g, ($) => ({
                 [b]: $
               }));
-              $r(u, p) ? m[b] = t({
-                sx: p,
+              $r(u, g) ? m[b] = t({
+                sx: g,
                 theme: o,
                 nested: !0
               }) : m = de(m, u);
             }
           else
-            m = de(m, e(b, p, o, s));
+            m = de(m, e(b, g, o, s));
       }), !a && o.modularCssLayers ? {
-        "@layer sx": Xe(o, Ze(g, m))
-      } : Xe(o, Ze(g, m));
+        "@layer sx": Xe(o, Ze(p, m))
+      } : Xe(o, Ze(p, m));
     }
     return Array.isArray(n) ? n.map(l) : l(n);
   }
@@ -1023,7 +1023,7 @@ function Ar(e, t) {
   }
   return r.palette.mode === e ? t : {};
 }
-function gt(e = {}, ...t) {
+function pt(e = {}, ...t) {
   const {
     breakpoints: r = {},
     palette: n = {},
@@ -1031,7 +1031,7 @@ function gt(e = {}, ...t) {
     shape: a = {},
     ...s
   } = e, l = Ft(r), f = mt(o);
-  let d = j({
+  let d = W({
     breakpoints: l,
     direction: "ltr",
     components: {},
@@ -1046,12 +1046,12 @@ function gt(e = {}, ...t) {
       ...a
     }
   }, s);
-  return d = zt(d), d.applyStyles = Ar, d = t.reduce((h, g) => j(h, g), d), d.unstable_sxConfig = {
+  return d = zt(d), d.applyStyles = Ar, d = t.reduce((h, p) => W(h, p), d), d.unstable_sxConfig = {
     ...Ae,
     ...s == null ? void 0 : s.unstable_sxConfig
-  }, d.unstable_sx = function(g) {
+  }, d.unstable_sx = function(p) {
     return ae({
-      sx: g,
+      sx: p,
       theme: this
     });
   }, d;
@@ -1083,14 +1083,14 @@ const tt = (e) => e, Br = () => {
   required: "required",
   selected: "selected"
 };
-function pt(e, t, r = "Mui") {
+function gt(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] = pt(e, o, r);
+    n[o] = gt(e, o, r);
   }), n;
 }
 function ht(e) {
@@ -1106,7 +1106,7 @@ function ht(e) {
     typeof o.style != "function" && (o.style = X(o.style));
   }), n;
 }
-const Pr = gt();
+const Pr = pt();
 function Re(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
@@ -1177,13 +1177,13 @@ function Fr(e = {}) {
     const {
       name: d,
       slot: h,
-      skipVariantsResolver: g,
+      skipVariantsResolver: p,
       skipSx: m,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: b = Ir(Mr(h)),
-      ...p
-    } = f, u = d && d.startsWith("Mui") || h ? "components" : "custom", $ = g !== void 0 ? g : (
+      ...g
+    } = f, u = d && d.startsWith("Mui") || h ? "components" : "custom", $ = p !== void 0 ? p : (
       // 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
@@ -1193,7 +1193,7 @@ function Fr(e = {}) {
     const w = Pt(l, {
       shouldForwardProp: D,
       label: Lr(),
-      ...p
+      ...g
     }), S = (B) => {
       if (B.__emotion_real === B)
         return B;
@@ -1221,12 +1221,12 @@ function Fr(e = {}) {
         return b(x, se);
       }), d && !$ && F.push(function(x) {
         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;
+        const j = x.theme, L = (le = (se = j == null ? void 0 : j.components) == null ? void 0 : se[d]) == null ? void 0 : le.variants;
         return L ? yt(x, L, [], x.theme.modularCssLayers ? "theme" : void 0) : null;
       }), O || F.push(ae), Array.isArray(z[0])) {
-        const C = z.shift(), x = new Array(P.length).fill(""), W = new Array(F.length).fill("");
+        const C = z.shift(), x = new Array(P.length).fill(""), j = new Array(F.length).fill("");
         let L;
-        L = [...x, ...C, ...W], L.raw = [...x, ...C.raw, ...W], P.unshift(L);
+        L = [...x, ...C, ...j], L.raw = [...x, ...C.raw, ...j], P.unshift(L);
       }
       const i = [...P, ...z, ...F], y = w(...i);
       return l.muiName && (y.muiName = l.muiName), y;
@@ -1251,13 +1251,13 @@ function zr(e) {
 function Mr(e) {
   return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
-function jr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+function Wr(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 jr(e, t, r);
+function je(e, t = 0, r = 1) {
+  return Wr(e, t, r);
 }
-function Wr(e) {
+function jr(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let r = e.match(t);
@@ -1267,7 +1267,7 @@ function Q(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return Q(Wr(e));
+    return Q(jr(e));
   const t = e.indexOf("("), r = e.substring(0, t);
   if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
     throw new Error(J(9, e));
@@ -1325,7 +1325,7 @@ function Kr(e, t) {
   return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
 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);
+  return e = Q(e), t = je(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 {
@@ -1335,7 +1335,7 @@ function he(e, t, r) {
   }
 }
 function Ve(e, t) {
-  if (e = Q(e), t = We(t), e.type.includes("hsl"))
+  if (e = Q(e), t = je(t), e.type.includes("hsl"))
     e.values[2] *= 1 - t;
   else if (e.type.includes("rgb") || e.type.includes("color"))
     for (let r = 0; r < 3; r += 1)
@@ -1350,7 +1350,7 @@ function v(e, t, r) {
   }
 }
 function Ke(e, t) {
-  if (e = Q(e), t = We(t), e.type.includes("hsl"))
+  if (e = Q(e), t = je(t), e.type.includes("hsl"))
     e.values[2] += (100 - e.values[2]) * t;
   else if (e.type.includes("rgb"))
     for (let r = 0; r < 3; r += 1)
@@ -1456,10 +1456,10 @@ function Oe(e, t) {
     e,
     (l, f, d) => {
       if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
-        const h = `--${r ? `${r}-` : ""}${l.join("-")}`, g = Zr(l, f);
+        const h = `--${r ? `${r}-` : ""}${l.join("-")}`, p = Zr(l, f);
         Object.assign(o, {
-          [h]: g
-        }), nt(a, l, `var(${h})`, d), nt(s, l, `var(${h}, ${g})`, d);
+          [h]: p
+        }), nt(a, l, `var(${h})`, d), nt(s, l, `var(${h}, ${p})`, d);
       }
     },
     (l) => l[0] === "vars"
@@ -1483,11 +1483,11 @@ function en(e, t = {}) {
   } = e, {
     vars: d,
     css: h,
-    varsWithDefaults: g
+    varsWithDefaults: p
   } = Oe(f, t);
-  let m = g;
+  let m = p;
   const b = {}, {
-    [l]: p,
+    [l]: g,
     ...u
   } = a;
   if (Object.entries(u || {}).forEach(([w, S]) => {
@@ -1496,17 +1496,17 @@ function en(e, t = {}) {
       css: B,
       varsWithDefaults: P
     } = Oe(S, t);
-    m = j(m, P), b[w] = {
+    m = W(m, P), b[w] = {
       css: B,
       vars: _
     };
-  }), p) {
+  }), g) {
     const {
       css: w,
       vars: S,
       varsWithDefaults: _
-    } = Oe(p, t);
-    m = j(m, _), b[l] = {
+    } = Oe(g, t);
+    m = W(m, _), b[l] = {
       css: w,
       vars: S
     };
@@ -1535,7 +1535,7 @@ function en(e, t = {}) {
       return Object.entries(b).forEach(([, {
         vars: S
       }]) => {
-        w = j(w, S);
+        w = W(w, S);
       }), w;
     },
     generateStyleSheets: () => {
@@ -1571,8 +1571,8 @@ function en(e, t = {}) {
       return Object.entries(P).forEach(([i, {
         css: y
       }]) => {
-        var W, L;
-        const C = (L = (W = a[i]) == null ? void 0 : W.palette) == null ? void 0 : L.mode, x = !n && C ? {
+        var j, L;
+        const C = (L = (j = a[i]) == null ? void 0 : j.palette) == null ? void 0 : L.mode, x = !n && C ? {
           colorScheme: C,
           ...y
         } : {
@@ -1738,7 +1738,7 @@ function Ge(e) {
     tonalOffset: n = 0.2,
     ...o
   } = 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) {
+  function p(u) {
     return Kr(u, ot.text.primary) >= r ? ot.text.primary : rn.text.primary;
   }
   const m = ({
@@ -1754,10 +1754,10 @@ function Ge(e) {
       throw new Error(J(11, $ ? ` (${$})` : "", O));
     if (typeof u.main != "string")
       throw new Error(J(12, $ ? ` (${$})` : "", JSON.stringify(u.main)));
-    return it(u, "light", D, n), it(u, "dark", w, n), u.contrastText || (u.contrastText = g(u.main)), u;
+    return it(u, "light", D, n), it(u, "dark", w, n), u.contrastText || (u.contrastText = p(u.main)), u;
   };
   let b;
-  return t === "light" ? b = St() : t === "dark" && (b = Ct()), j({
+  return t === "light" ? b = St() : t === "dark" && (b = Ct()), W({
     // A collection of common colors.
     common: {
       ...me
@@ -1804,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: g,
+    getContrastText: p,
     // Generate a rich color object.
     augmentColor: m,
     // Used by the functions below to shift a color's luminance by approximately
@@ -1860,8 +1860,8 @@ function mn(e, t) {
     // Apply the CSS properties to all the variants.
     allVariants: d,
     pxToRem: h,
-    ...g
-  } = typeof t == "function" ? t(e) : t, m = n / 14, b = h || (($) => `${$ / f * m}rem`), p = ($, O, D, w, S) => ({
+    ...p
+  } = typeof t == "function" ? t(e) : t, m = n / 14, b = h || (($) => `${$ / f * m}rem`), g = ($, O, D, w, S) => ({
     fontFamily: r,
     fontWeight: $,
     fontSize: b(O),
@@ -1875,19 +1875,19 @@ function mn(e, t) {
     ...S,
     ...d
   }), u = {
-    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),
+    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),
     // 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",
@@ -1897,7 +1897,7 @@ function mn(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return j({
+  return W({
     htmlFontSize: f,
     pxToRem: b,
     fontFamily: r,
@@ -1907,14 +1907,14 @@ function mn(e, t) {
     fontWeightMedium: s,
     fontWeightBold: l,
     ...u
-  }, g, {
+  }, p, {
     clone: !1
     // No need to clone deep
   });
 }
-const gn = 0.2, pn = 0.14, hn = 0.12;
+const pn = 0.2, gn = 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,${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(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${pn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${gn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${hn})`].join(",");
 }
 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.
@@ -2022,9 +2022,9 @@ 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), g = gt(e);
-  let m = j(g, {
-    mixins: fn(g.breakpoints, n),
+  const h = Ge(a), p = pt(e);
+  let m = W(p, {
+    mixins: fn(p.breakpoints, n),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: yn.slice(),
@@ -2034,12 +2034,12 @@ function Fe(e = {}, ...t) {
       ...xn
     }
   });
-  return m = j(m, d), m = t.reduce((b, p) => j(b, p), m), m.unstable_sxConfig = {
+  return m = W(m, d), m = t.reduce((b, g) => W(b, g), m), m.unstable_sxConfig = {
     ...Ae,
     ...d == null ? void 0 : d.unstable_sxConfig
-  }, m.unstable_sx = function(p) {
+  }, m.unstable_sx = function(g) {
     return ae({
-      sx: p,
+      sx: g,
       theme: this
     });
   }, m.toRuntimeSource = wt, m;
@@ -2197,21 +2197,21 @@ function In(e = {}, ...t) {
     colorSchemeSelector: l = r.light && r.dark ? "media" : void 0,
     rootSelector: f = ":root",
     ...d
-  } = e, h = Object.keys(r)[0], g = n || (r.light && h !== "light" ? "light" : h), m = Pn(a), {
-    [g]: b,
-    light: p,
+  } = e, h = Object.keys(r)[0], p = n || (r.light && h !== "light" ? "light" : h), m = Pn(a), {
+    [p]: b,
+    light: g,
     dark: u,
     ...$
   } = r, O = {
     ...$
   };
   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");
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (D = !0), !D)
+    throw new Error(J(21, p));
+  const w = Pe(O, D, d, p);
+  g && !O.light && Pe(O, g, void 0, "light"), u && !O.dark && Pe(O, u, void 0, "dark");
   let S = {
-    defaultColorScheme: g,
+    defaultColorScheme: p,
     ...w,
     cssVarPrefix: a,
     colorSchemeSelector: l,
@@ -2226,8 +2226,8 @@ function In(e = {}, ...t) {
   };
   Object.keys(S.colorSchemes).forEach((F) => {
     const i = S.colorSchemes[F].palette, y = (C) => {
-      const x = C.split("-"), W = x[1], L = x[2];
-      return m(C, i[W][L]);
+      const x = C.split("-"), j = x[1], L = x[2];
+      return m(C, i[j][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")), 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));
@@ -2243,7 +2243,7 @@ function In(e = {}, ...t) {
       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" && (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);
+  }), S = t.reduce((F, i) => W(F, i), S);
   const _ = {
     prefix: a,
     disableCssColorScheme: o,
@@ -2303,17 +2303,17 @@ function _n(e = {}, ...t) {
     "palette" in e || d[l] && (d[l] !== !0 ? h = d[l].palette : l === "dark" && (h = {
       mode: "dark"
     }));
-    const g = Fe({
+    const p = Fe({
       ...e,
       palette: h
     }, ...t);
-    return g.defaultColorScheme = l, g.colorSchemes = d, g.palette.mode === "light" && (g.colorSchemes.light = {
+    return p.defaultColorScheme = l, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
       ...d.light !== !0 && d.light,
-      palette: g.palette
-    }, ct(g, "dark", d.dark)), g.palette.mode === "dark" && (g.colorSchemes.dark = {
+      palette: p.palette
+    }, ct(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
       ...d.dark !== !0 && d.dark,
-      palette: g.palette
-    }, ct(g, "light", d.light)), g;
+      palette: p.palette
+    }, ct(p, "light", d.light)), p;
   }
   return !r && !("light" in d) && l === "light" && (d.light = !0), In({
     ...s,
@@ -2327,15 +2327,15 @@ function Ln(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
 const Dn = (e) => Ln(e) && e !== "classes", zn = Fr({
-  themeId: Bt,
+  themeId: At,
   defaultTheme: Fn,
   rootShouldForwardProp: Dn
 }), Mn = qr;
-function jn(e) {
+function Wn(e) {
   return Qr(e);
 }
-function Wn(e) {
-  return pt("MuiSvgIcon", e);
+function jn(e) {
+  return gt("MuiSvgIcon", e);
 }
 Or("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const Vn = (e) => {
@@ -2346,7 +2346,7 @@ const Vn = (e) => {
   } = e, o = {
     root: ["root", t !== "inherit" && `color${ie(t)}`, `fontSize${ie(r)}`]
   };
-  return Hr(o, Wn, n);
+  return Hr(o, jn, n);
 }, Kn = zn("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
@@ -2359,7 +2359,7 @@ const Vn = (e) => {
 })(Mn(({
   theme: e
 }) => {
-  var t, r, n, o, a, s, l, f, d, h, g, m, b, p;
+  var t, r, n, o, a, s, l, f, d, h, p, m, b, g;
   return {
     userSelect: "none",
     width: "1em",
@@ -2427,7 +2427,7 @@ const Vn = (e) => {
           color: "action"
         },
         style: {
-          color: (m = (g = (e.vars ?? e).palette) == null ? void 0 : g.action) == null ? void 0 : m.active
+          color: (m = (p = (e.vars ?? e).palette) == null ? void 0 : p.action) == null ? void 0 : m.active
         }
       },
       {
@@ -2435,7 +2435,7 @@ const Vn = (e) => {
           color: "disabled"
         },
         style: {
-          color: (p = (b = (e.vars ?? e).palette) == null ? void 0 : b.action) == null ? void 0 : p.disabled
+          color: (g = (b = (e.vars ?? e).palette) == null ? void 0 : b.action) == null ? void 0 : g.disabled
         }
       },
       {
@@ -2449,7 +2449,7 @@ const Vn = (e) => {
     ]
   };
 })), Le = /* @__PURE__ */ G.forwardRef(function(t, r) {
-  const n = jn({
+  const n = Wn({
     props: t,
     name: "MuiSvgIcon"
   }), {
@@ -2460,10 +2460,10 @@ const Vn = (e) => {
     fontSize: f = "medium",
     htmlColor: d,
     inheritViewBox: h = !1,
-    titleAccess: g,
+    titleAccess: p,
     viewBox: m = "0 0 24 24",
     ...b
-  } = n, p = /* @__PURE__ */ G.isValidElement(o) && o.type === "svg", u = {
+  } = n, g = /* @__PURE__ */ G.isValidElement(o) && o.type === "svg", u = {
     ...n,
     color: s,
     component: l,
@@ -2471,24 +2471,24 @@ const Vn = (e) => {
     instanceFontSize: t.fontSize,
     inheritViewBox: h,
     viewBox: m,
-    hasSvgAsChild: p
+    hasSvgAsChild: g
   }, $ = {};
   h || ($.viewBox = m);
   const O = Vn(u);
   return /* @__PURE__ */ Ie.jsxs(Kn, {
     as: l,
-    className: At(O.root, a),
+    className: Bt(O.root, a),
     focusable: "false",
     color: d,
-    "aria-hidden": g ? void 0 : !0,
-    role: g ? "img" : void 0,
+    "aria-hidden": p ? void 0 : !0,
+    role: p ? "img" : void 0,
     ref: r,
     ...$,
     ...b,
-    ...p && o.props,
+    ...g && o.props,
     ownerState: u,
-    children: [p ? o.props.children : o, g ? /* @__PURE__ */ Ie.jsx("title", {
-      children: g
+    children: [g ? o.props.children : o, p ? /* @__PURE__ */ Ie.jsx("title", {
+      children: p
     }) : null]
   });
 });