fansunited-widgets-cdn 0.0.86-RC8 → 0.0.86

package/chunks/resolveProps-DfBmYyXU.js

@@ -0,0 +1,1632 @@
+import { d as O, _ as i, X as xe, Y as We, Z as ke, $ as Be, r as C, z as Pe, j as H, S as Le, a0 as Ue, a1 as ge, T as le, B as ce, a2 as _e, g as X, b as Y, e as M, a3 as Je, l as Ke, a4 as we, a5 as Ge } from "./main-Cx-uBTln.js";
+const Ze = ["sx"], Xe = (e) => {
+  var t, a;
+  const o = {
+    systemProps: {},
+    otherProps: {}
+  }, n = (t = e == null || (a = e.theme) == null ? void 0 : a.unstable_sxConfig) != null ? t : We;
+  return Object.keys(e).forEach((r) => {
+    n[r] ? o.systemProps[r] = e[r] : o.otherProps[r] = e[r];
+  }), o;
+};
+function Se(e) {
+  const {
+    sx: t
+  } = e, a = O(e, Ze), {
+    systemProps: o,
+    otherProps: n
+  } = Xe(a);
+  let r;
+  return Array.isArray(t) ? r = [o, ...t] : typeof t == "function" ? r = (...s) => {
+    const l = t(...s);
+    return xe(l) ? i({}, o, l) : o;
+  } : r = i({}, o, t), i({}, n, {
+    sx: r
+  });
+}
+function De(e) {
+  var t, a, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (a = De(e[t])) && (o && (o += " "), o += a);
+  } else for (a in e) e[a] && (o && (o += " "), o += a);
+  return o;
+}
+function J() {
+  for (var e, t, a = 0, o = "", n = arguments.length; a < n; a++) (e = arguments[a]) && (t = De(e)) && (o && (o += " "), o += t);
+  return o;
+}
+const Ye = ["className", "component"];
+function qe(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: a,
+    defaultClassName: o = "MuiBox-root",
+    generateClassName: n
+  } = e, r = ke("div", {
+    shouldForwardProp: (l) => l !== "theme" && l !== "sx" && l !== "as"
+  })(Be);
+  return /* @__PURE__ */ C.forwardRef(function(p, d) {
+    const m = Pe(a), g = Se(p), {
+      className: B,
+      component: y = "div"
+    } = g, x = O(g, Ye);
+    return /* @__PURE__ */ H.jsx(r, i({
+      as: y,
+      ref: d,
+      className: J(B, n ? n(o) : o),
+      theme: t && m[t] || m
+    }, x));
+  });
+}
+const Qe = ["ownerState"], et = ["variants"], tt = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function rt(e) {
+  return Object.keys(e).length === 0;
+}
+function at(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function oe(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function fe(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+const ot = Le(), nt = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function w({
+  defaultTheme: e,
+  theme: t,
+  themeId: a
+}) {
+  return rt(t) ? e : t[a] || t;
+}
+function st(e) {
+  return e ? (t, a) => a[e] : null;
+}
+function G(e, t, a) {
+  let {
+    ownerState: o
+  } = t, n = O(t, Qe);
+  const r = typeof e == "function" ? e(i({
+    ownerState: o
+  }, n)) : e;
+  if (Array.isArray(r))
+    return r.flatMap((s) => G(s, i({
+      ownerState: o
+    }, n), a));
+  if (r && typeof r == "object" && Array.isArray(r.variants)) {
+    const {
+      variants: s = []
+    } = r;
+    let p = O(r, et);
+    return s.forEach((d) => {
+      let m = !0;
+      if (typeof d.props == "function" ? m = d.props(i({
+        ownerState: o
+      }, n, o)) : Object.keys(d.props).forEach((g) => {
+        (o == null ? void 0 : o[g]) !== d.props[g] && n[g] !== d.props[g] && (m = !1);
+      }), m) {
+        Array.isArray(p) || (p = [p]);
+        const g = typeof d.style == "function" ? d.style(i({
+          ownerState: o
+        }, n, o)) : d.style;
+        p.push(a ? fe(ge(g), a) : g);
+      }
+    }), p;
+  }
+  return a ? fe(ge(r), a) : r;
+}
+function Re(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: a = ot,
+    rootShouldForwardProp: o = oe,
+    slotShouldForwardProp: n = oe
+  } = e, r = (s) => Be(i({}, s, {
+    theme: w(i({}, s, {
+      defaultTheme: a,
+      themeId: t
+    }))
+  }));
+  return r.__mui_systemSx = !0, (s, l = {}) => {
+    Ue(s, (f) => f.filter((u) => !(u != null && u.__mui_systemSx)));
+    const {
+      name: p,
+      slot: d,
+      skipVariantsResolver: m,
+      skipSx: g,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: B = st(nt(d))
+    } = l, y = O(l, tt), x = p && p.startsWith("Mui") || d ? "components" : "custom", _ = m !== void 0 ? m : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      d && d !== "Root" && d !== "root" || !1
+    ), k = g || !1;
+    let S, $ = oe;
+    d === "Root" || d === "root" ? $ = o : d ? $ = n : at(s) && ($ = void 0);
+    const P = ke(s, i({
+      shouldForwardProp: $,
+      label: S
+    }, y)), D = (f) => typeof f == "function" && f.__emotion_real !== f || xe(f) ? (u) => {
+      const R = w({
+        theme: u.theme,
+        defaultTheme: a,
+        themeId: t
+      });
+      return G(f, i({}, u, {
+        theme: R
+      }), R.modularCssLayers ? x : void 0);
+    } : f, T = (f, ...u) => {
+      let R = D(f);
+      const z = u ? u.map(D) : [];
+      p && B && z.push((E) => {
+        const b = w(i({}, E, {
+          defaultTheme: a,
+          themeId: t
+        }));
+        if (!b.components || !b.components[p] || !b.components[p].styleOverrides)
+          return null;
+        const F = b.components[p].styleOverrides, v = {};
+        return Object.entries(F).forEach(([c, h]) => {
+          v[c] = G(h, i({}, E, {
+            theme: b
+          }), b.modularCssLayers ? "theme" : void 0);
+        }), B(E, v);
+      }), p && !_ && z.push((E) => {
+        var b;
+        const F = w(i({}, E, {
+          defaultTheme: a,
+          themeId: t
+        })), v = F == null || (b = F.components) == null || (b = b[p]) == null ? void 0 : b.variants;
+        return G({
+          variants: v
+        }, i({}, E, {
+          theme: F
+        }), F.modularCssLayers ? "theme" : void 0);
+      }), k || z.push(r);
+      const N = z.length - u.length;
+      if (Array.isArray(f) && N > 0) {
+        const E = new Array(N).fill("");
+        R = [...f, ...E], R.raw = [...f.raw, ...E];
+      }
+      const A = P(R, ...z);
+      return s.muiName && (A.muiName = s.muiName), A;
+    };
+    return P.withConfig && (T.withConfig = P.withConfig), T;
+  };
+}
+const $r = Re();
+function Te(e, t) {
+  const a = i({}, t);
+  return Object.keys(e).forEach((o) => {
+    if (o.toString().match(/^(components|slots)$/))
+      a[o] = i({}, e[o], a[o]);
+    else if (o.toString().match(/^(componentsProps|slotProps)$/)) {
+      const n = e[o] || {}, r = t[o];
+      a[o] = {}, !r || !Object.keys(r) ? a[o] = n : !n || !Object.keys(n) ? a[o] = r : (a[o] = i({}, r), Object.keys(n).forEach((s) => {
+        a[o][s] = Te(n[s], r[s]);
+      }));
+    } else a[o] === void 0 && (a[o] = e[o]);
+  }), a;
+}
+function it(e) {
+  const {
+    theme: t,
+    name: a,
+    props: o
+  } = e;
+  return !t || !t.components || !t.components[a] || !t.components[a].defaultProps ? o : Te(t.components[a].defaultProps, o);
+}
+function lt({
+  props: e,
+  name: t,
+  defaultTheme: a,
+  themeId: o
+}) {
+  let n = Pe(a);
+  return o && (n = n[o] || n), it({
+    theme: n,
+    name: t,
+    props: e
+  });
+}
+function ze(e, t) {
+  var a, o;
+  return /* @__PURE__ */ C.isValidElement(e) && t.indexOf(
+    // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    (a = e.type.muiName) != null ? a : (o = e.type) == null || (o = o._payload) == null || (o = o.value) == null ? void 0 : o.muiName
+  ) !== -1;
+}
+function ct(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function de(...e) {
+  return C.useMemo(() => e.every((t) => t == null) ? null : (t) => {
+    e.forEach((a) => {
+      ct(a, t);
+    });
+  }, e);
+}
+const me = {};
+function dt(e, t) {
+  const a = C.useRef(me);
+  return a.current === me && (a.current = e(t)), a;
+}
+const ut = [];
+function pt(e) {
+  C.useEffect(e, ut);
+}
+class q {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new q();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(t, a) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, a();
+    }, t);
+  }
+}
+function br() {
+  const e = dt(q.create).current;
+  return pt(e.disposeEffect), e;
+}
+let Q = !0, se = !1;
+const vt = new q(), gt = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function ft(e) {
+  const {
+    type: t,
+    tagName: a
+  } = e;
+  return !!(a === "INPUT" && gt[t] && !e.readOnly || a === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function mt(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (Q = !0);
+}
+function ne() {
+  Q = !1;
+}
+function ht() {
+  this.visibilityState === "hidden" && se && (Q = !0);
+}
+function Ct(e) {
+  e.addEventListener("keydown", mt, !0), e.addEventListener("mousedown", ne, !0), e.addEventListener("pointerdown", ne, !0), e.addEventListener("touchstart", ne, !0), e.addEventListener("visibilitychange", ht, !0);
+}
+function $t(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return Q || ft(t);
+}
+function bt() {
+  const e = C.useCallback((n) => {
+    n != null && Ct(n.ownerDocument);
+  }, []), t = C.useRef(!1);
+  function a() {
+    return t.current ? (se = !0, vt.start(100, () => {
+      se = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function o(n) {
+    return $t(n) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: o,
+    onBlur: a,
+    ref: e
+  };
+}
+function ee(e, t, a = void 0) {
+  const o = {};
+  return Object.keys(e).forEach(
+    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+    (n) => {
+      o[n] = e[n].reduce((r, s) => {
+        if (s) {
+          const l = t(s);
+          l !== "" && r.push(l), a && a[s] && r.push(a[s]);
+        }
+        return r;
+      }, []).join(" ");
+    }
+  ), o;
+}
+function yt(e) {
+  return typeof e == "string";
+}
+function xt(e, t, a) {
+  return e === void 0 || yt(e) ? t : i({}, t, {
+    ownerState: i({}, t.ownerState, a)
+  });
+}
+function ie(e, t = []) {
+  if (e === void 0)
+    return {};
+  const a = {};
+  return Object.keys(e).filter((o) => o.match(/^on[A-Z]/) && typeof e[o] == "function" && !t.includes(o)).forEach((o) => {
+    a[o] = e[o];
+  }), a;
+}
+function he(e) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((a) => !(a.match(/^on[A-Z]/) && typeof e[a] == "function")).forEach((a) => {
+    t[a] = e[a];
+  }), t;
+}
+function kt(e) {
+  const {
+    getSlotProps: t,
+    additionalProps: a,
+    externalSlotProps: o,
+    externalForwardedProps: n,
+    className: r
+  } = e;
+  if (!t) {
+    const y = J(a == null ? void 0 : a.className, r, n == null ? void 0 : n.className, o == null ? void 0 : o.className), x = i({}, a == null ? void 0 : a.style, n == null ? void 0 : n.style, o == null ? void 0 : o.style), _ = i({}, a, n, o);
+    return y.length > 0 && (_.className = y), Object.keys(x).length > 0 && (_.style = x), {
+      props: _,
+      internalRef: void 0
+    };
+  }
+  const s = ie(i({}, n, o)), l = he(o), p = he(n), d = t(s), m = J(d == null ? void 0 : d.className, a == null ? void 0 : a.className, r, n == null ? void 0 : n.className, o == null ? void 0 : o.className), g = i({}, d == null ? void 0 : d.style, a == null ? void 0 : a.style, n == null ? void 0 : n.style, o == null ? void 0 : o.style), B = i({}, d, a, p, l);
+  return m.length > 0 && (B.className = m), Object.keys(g).length > 0 && (B.style = g), {
+    props: B,
+    internalRef: d.ref
+  };
+}
+function Bt(e, t, a) {
+  return typeof e == "function" ? e(t, a) : e;
+}
+const V = Re({
+  defaultTheme: ce,
+  themeId: le
+});
+function te({
+  props: e,
+  name: t
+}) {
+  return lt({
+    props: e,
+    name: t,
+    defaultTheme: i({}, ce, {
+      components: {}
+    }),
+    themeId: le
+  });
+}
+function Pt(e) {
+  const {
+    rootElementName: t = ""
+  } = e, [a, o] = C.useState(t.toUpperCase()), n = C.useCallback((r) => {
+    var s;
+    o((s = r == null ? void 0 : r.tagName) != null ? s : "");
+  }, []);
+  return [a, n];
+}
+function _t(e = {}) {
+  const {
+    disabled: t = !1,
+    focusableWhenDisabled: a,
+    href: o,
+    rootRef: n,
+    tabIndex: r,
+    to: s,
+    type: l,
+    rootElementName: p
+  } = e, d = C.useRef(null), [m, g] = C.useState(!1), {
+    isFocusVisibleRef: B,
+    onFocus: y,
+    onBlur: x,
+    ref: _
+  } = bt(), [k, S] = C.useState(!1);
+  t && !a && k && S(!1), C.useEffect(() => {
+    B.current = k;
+  }, [k, B]);
+  const [$, P] = Pt({
+    rootElementName: p ?? (o || s ? "a" : void 0)
+  }), D = (v) => (c) => {
+    var h;
+    k && c.preventDefault(), (h = v.onMouseLeave) == null || h.call(v, c);
+  }, T = (v) => (c) => {
+    var h;
+    x(c), B.current === !1 && S(!1), (h = v.onBlur) == null || h.call(v, c);
+  }, f = (v) => (c) => {
+    var h;
+    if (d.current || (d.current = c.currentTarget), y(c), B.current === !0) {
+      var I;
+      S(!0), (I = v.onFocusVisible) == null || I.call(v, c);
+    }
+    (h = v.onFocus) == null || h.call(v, c);
+  }, u = () => {
+    const v = d.current;
+    return $ === "BUTTON" || $ === "INPUT" && ["button", "submit", "reset"].includes(v == null ? void 0 : v.type) || $ === "A" && (v == null ? void 0 : v.href);
+  }, R = (v) => (c) => {
+    if (!t) {
+      var h;
+      (h = v.onClick) == null || h.call(v, c);
+    }
+  }, z = (v) => (c) => {
+    var h;
+    t || (g(!0), document.addEventListener("mouseup", () => {
+      g(!1);
+    }, {
+      once: !0
+    })), (h = v.onMouseDown) == null || h.call(v, c);
+  }, N = (v) => (c) => {
+    var h;
+    if ((h = v.onKeyDown) == null || h.call(v, c), !c.defaultMuiPrevented && (c.target === c.currentTarget && !u() && c.key === " " && c.preventDefault(), c.target === c.currentTarget && c.key === " " && !t && g(!0), c.target === c.currentTarget && !u() && c.key === "Enter" && !t)) {
+      var I;
+      (I = v.onClick) == null || I.call(v, c), c.preventDefault();
+    }
+  }, A = (v) => (c) => {
+    var h;
+    if (c.target === c.currentTarget && g(!1), (h = v.onKeyUp) == null || h.call(v, c), c.target === c.currentTarget && !u() && !t && c.key === " " && !c.defaultMuiPrevented) {
+      var I;
+      (I = v.onClick) == null || I.call(v, c);
+    }
+  }, E = de(P, n, _, d), b = {};
+  return r !== void 0 && (b.tabIndex = r), $ === "BUTTON" ? (b.type = l ?? "button", a ? b["aria-disabled"] = t : b.disabled = t) : $ === "INPUT" ? l && ["button", "submit", "reset"].includes(l) && (a ? b["aria-disabled"] = t : b.disabled = t) : $ !== "" && (!o && !s && (b.role = "button", b.tabIndex = r ?? 0), t && (b["aria-disabled"] = t, b.tabIndex = a ? r ?? 0 : -1)), {
+    getRootProps: (v = {}) => {
+      const c = i({}, ie(e), ie(v)), h = i({
+        type: l
+      }, c, b, v, {
+        onBlur: T(c),
+        onClick: R(c),
+        onFocus: f(c),
+        onKeyDown: N(c),
+        onKeyUp: A(c),
+        onMouseDown: z(c),
+        onMouseLeave: D(c),
+        ref: E
+      });
+      return delete h.onFocusVisible, h;
+    },
+    focusVisible: k,
+    setFocusVisible: S,
+    active: m,
+    rootRef: E
+  };
+}
+const St = ["className", "elementType", "ownerState", "externalForwardedProps", "getSlotOwnerState", "internalForwardedProps"], Dt = ["component", "slots", "slotProps"], Rt = ["component"];
+function j(e, t) {
+  const {
+    className: a,
+    elementType: o,
+    ownerState: n,
+    externalForwardedProps: r,
+    getSlotOwnerState: s,
+    internalForwardedProps: l
+  } = t, p = O(t, St), {
+    component: d,
+    slots: m = {
+      [e]: void 0
+    },
+    slotProps: g = {
+      [e]: void 0
+    }
+  } = r, B = O(r, Dt), y = m[e] || o, x = Bt(g[e], n), _ = kt(i({
+    className: a
+  }, p, {
+    externalForwardedProps: e === "root" ? B : void 0,
+    externalSlotProps: x
+  })), {
+    props: {
+      component: k
+    },
+    internalRef: S
+  } = _, $ = O(_.props, Rt), P = de(S, x == null ? void 0 : x.ref, t.ref), D = s ? s($) : {}, T = i({}, n, D), f = e === "root" ? k || d : k, u = xt(y, i({}, e === "root" && !d && !m[e] && l, e !== "root" && !m[e] && l, $, f && {
+    as: f
+  }, {
+    ref: P
+  }), T);
+  return Object.keys(D).forEach((R) => {
+    delete u[R];
+  }), [y, u];
+}
+const Tt = ({
+  theme: e,
+  ownerState: t
+}, a) => {
+  let o = {};
+  function n(r) {
+    if (typeof r == "function") {
+      const s = r(e);
+      n(s);
+    } else Array.isArray(r) ? r.forEach((s) => {
+      typeof s != "boolean" && n(s);
+    }) : typeof r == "object" && (o = i({}, o, r));
+  }
+  return t.sx && (n(t.sx), a.forEach((r) => {
+    const s = o[r];
+    if (typeof s == "string" || typeof s == "number")
+      if (r === "borderRadius")
+        if (typeof s == "number")
+          o[r] = `${s}px`;
+        else {
+          var l;
+          o[r] = ((l = e.vars) == null ? void 0 : l.radius[s]) || s;
+        }
+      else ["p", "padding", "m", "margin"].indexOf(r) !== -1 && typeof s == "number" ? o[r] = e.spacing(s) : o[r] = s;
+    else typeof s == "function" ? o[r] = s(e) : o[r] = void 0;
+  })), o;
+}, ue = (e) => (t) => `--${e ? `${e}-` : ""}${t.replace(/^--/, "")}`, Z = "data-skip-inverted-colors", Ee = `& :not([${Z}], [${Z}] *)`, Ie = (e) => {
+  var t, a, o, n, r, s, l, p, d, m, g, B, y, x, _, k, S, $, P, D, T, f;
+  const u = ue(e.cssVarPrefix);
+  return {
+    "--variant-plainColor": "var(--variant-plainColor) !important",
+    "--variant-plainHoverColor": "var(--variant-plainHoverColor) !important",
+    "--variant-plainHoverBg": "var(--variant-plainHoverBg) !important",
+    "--variant-plainActiveBg": "var(--variant-plainActiveBg) !important",
+    "--variant-plainDisabledColor": "var(--variant-plainDisabledColor) !important",
+    "--variant-outlinedColor": "var(--variant-outlinedColor) !important",
+    "--variant-outlinedBorder": "var(--variant-outlinedBorder) !important",
+    "--variant-outlinedHoverColor": "var(--variant-outlinedHoverColor) !important",
+    "--variant-outlinedHoverBorder": "var(--variant-outlinedHoverBorder) !important",
+    "--variant-outlinedHoverBg": "var(--variant-outlinedHoverBg) !important",
+    "--variant-outlinedActiveBg": "var(--variant-outlinedActiveBg) !important",
+    "--variant-outlinedDisabledColor": "var(--variant-outlinedDisabledColor) !important",
+    "--variant-outlinedDisabledBorder": "var(--variant-outlinedDisabledBorder) !important",
+    "--variant-softColor": "var(--variant-softColor) !important",
+    "--variant-softHoverColor": "var(--variant-softHoverColor) !important",
+    "--variant-softBg": "var(--variant-softBg) !important",
+    "--variant-softHoverBg": "var(--variant-softHoverBg) !important",
+    "--variant-softActiveBg": "var(--variant-softActiveBg) !important",
+    "--variant-softActiveColor": "var(--variant-softActiveColor) !important",
+    "--variant-softDisabledColor": "var(--variant-softDisabledColor) !important",
+    "--variant-softDisabledBg": "var(--variant-softDisabledBg) !important",
+    "--variant-solidColor": "var(--variant-solidColor) !important",
+    "--variant-solidBg": "var(--variant-solidBg) !important",
+    "--variant-solidHoverBg": "var(--variant-solidHoverBg) !important",
+    "--variant-solidActiveBg": "var(--variant-solidActiveBg) !important",
+    "--variant-solidDisabledColor": "var(--variant-solidDisabledColor) !important",
+    "--variant-solidDisabledBg": "var(--variant-solidDisabledBg) !important",
+    "--Badge-ringColor": "var(--Badge-ringColor) !important",
+    colorScheme: "unset",
+    [e.getColorSchemeSelector("light")]: {
+      [u("--palette-focusVisible")]: `${(t = e.colorSchemes.light) == null ? void 0 : t.palette.focusVisible} !important`,
+      [u("--palette-background-body")]: `${(a = e.colorSchemes.light) == null ? void 0 : a.palette.background.body} !important`,
+      [u("--palette-background-surface")]: `${(o = e.colorSchemes.light) == null ? void 0 : o.palette.background.surface} !important`,
+      [u("--palette-background-popup")]: `${(n = e.colorSchemes.light) == null ? void 0 : n.palette.background.popup} !important`,
+      [u("--palette-background-level1")]: `${(r = e.colorSchemes.light) == null ? void 0 : r.palette.background.level1} !important`,
+      [u("--palette-background-level2")]: `${(s = e.colorSchemes.light) == null ? void 0 : s.palette.background.level2} !important`,
+      [u("--palette-background-level3")]: `${(l = e.colorSchemes.light) == null ? void 0 : l.palette.background.level3} !important`,
+      [u("--palette-text-primary")]: `${(p = e.colorSchemes.light) == null ? void 0 : p.palette.text.primary} !important`,
+      [u("--palette-text-secondary")]: `${(d = e.colorSchemes.light) == null ? void 0 : d.palette.text.secondary} !important`,
+      [u("--palette-text-tertiary")]: `${(m = e.colorSchemes.light) == null ? void 0 : m.palette.text.tertiary} !important`,
+      [u("--palette-divider")]: `${(g = e.colorSchemes.light) == null ? void 0 : g.palette.divider} !important`
+    },
+    [e.getColorSchemeSelector("dark")]: {
+      [u("--palette-focusVisible")]: `${(B = e.colorSchemes.dark) == null ? void 0 : B.palette.focusVisible} !important`,
+      [u("--palette-background-body")]: `${(y = e.colorSchemes.dark) == null ? void 0 : y.palette.background.body} !important`,
+      [u("--palette-background-surface")]: `${(x = e.colorSchemes.dark) == null ? void 0 : x.palette.background.surface} !important`,
+      [u("--palette-background-popup")]: `${(_ = e.colorSchemes.dark) == null ? void 0 : _.palette.background.popup} !important`,
+      [u("--palette-background-level1")]: `${(k = e.colorSchemes.dark) == null ? void 0 : k.palette.background.level1} !important`,
+      [u("--palette-background-level2")]: `${(S = e.colorSchemes.dark) == null ? void 0 : S.palette.background.level2} !important`,
+      [u("--palette-background-level3")]: `${($ = e.colorSchemes.dark) == null ? void 0 : $.palette.background.level3} !important`,
+      [u("--palette-text-primary")]: `${(P = e.colorSchemes.dark) == null ? void 0 : P.palette.text.primary} !important`,
+      [u("--palette-text-secondary")]: `${(D = e.colorSchemes.dark) == null ? void 0 : D.palette.text.secondary} !important`,
+      [u("--palette-text-tertiary")]: `${(T = e.colorSchemes.dark) == null ? void 0 : T.palette.text.tertiary} !important`,
+      [u("--palette-divider")]: `${(f = e.colorSchemes.dark) == null ? void 0 : f.palette.divider} !important`
+    }
+  };
+};
+function zt(e) {
+  return e.theme !== void 0;
+}
+const Et = (e) => (t) => {
+  const a = zt(t) ? t.theme : t, o = _e(a.cssVarPrefix), n = ue(a.cssVarPrefix), r = (s) => {
+    const l = s.split("-");
+    return o(s, a.palette[l[1]][l[2]]);
+  };
+  return {
+    [Ee]: {
+      "--Badge-ringColor": r(`palette-${e}-solidBg`),
+      "--Icon-color": "currentColor",
+      [`${a.getColorSchemeSelector("light")}, ${a.getColorSchemeSelector("dark")}`]: {
+        colorScheme: "dark",
+        [n("--palette-focusVisible")]: r(`palette-${e}-200`),
+        [n("--palette-background-body")]: "rgba(0 0 0 / 0.1)",
+        [n("--palette-background-surface")]: "rgba(0 0 0 / 0.06)",
+        [n("--palette-background-popup")]: r(`palette-${e}-700`),
+        [n("--palette-background-level1")]: `rgba(${r(`palette-${e}-darkChannel`)} / 0.2)`,
+        [n("--palette-background-level2")]: `rgba(${r(`palette-${e}-darkChannel`)} / 0.36)`,
+        [n("--palette-background-level3")]: `rgba(${r(`palette-${e}-darkChannel`)} / 0.6)`,
+        [n("--palette-text-primary")]: r("palette-common-white"),
+        [n("--palette-text-secondary")]: r(`palette-${e}-200`),
+        [n("--palette-text-tertiary")]: r(`palette-${e}-300`),
+        [n("--palette-text-icon")]: r(`palette-${e}-200`),
+        [n("--palette-divider")]: `rgba(${r(`palette-${e}-lightChannel`)} / 0.32)`,
+        "--variant-plainColor": r(`palette-${e}-50`),
+        "--variant-plainHoverColor": "#fff",
+        "--variant-plainHoverBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.12)`,
+        "--variant-plainActiveBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.32)`,
+        "--variant-plainDisabledColor": `rgba(${r(`palette-${e}-lightChannel`)} / 0.72)`,
+        "--variant-outlinedColor": r(`palette-${e}-50`),
+        "--variant-outlinedBorder": `rgba(${r(`palette-${e}-lightChannel`)} / 0.5)`,
+        "--variant-outlinedHoverColor": "#fff",
+        "--variant-outlinedHoverBorder": r(`palette-${e}-300`),
+        "--variant-outlinedHoverBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.12)`,
+        "--variant-outlinedActiveBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.32)`,
+        "--variant-outlinedDisabledColor": `rgba(${r(`palette-${e}-lightChannel`)} / 0.72)`,
+        "--variant-outlinedDisabledBorder": "rgba(255 255 255 / 0.2)",
+        "--variant-softColor": r("palette-common-white"),
+        "--variant-softHoverColor": r("palette-common-white"),
+        "--variant-softBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.24)`,
+        "--variant-softHoverBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.36)`,
+        "--variant-softActiveBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.16)`,
+        "--variant-softActiveColor": "#fff",
+        "--variant-softDisabledColor": `rgba(${r(`palette-${e}-lightChannel`)} / 0.72)`,
+        "--variant-softDisabledBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.1)`,
+        "--variant-solidColor": r(`palette-${e}-${e === "neutral" ? "600" : "500"}`),
+        "--variant-solidBg": r("palette-common-white"),
+        "--variant-solidHoverBg": r("palette-common-white"),
+        "--variant-solidActiveBg": r(`palette-${e}-100`),
+        "--variant-solidDisabledColor": `rgba(${r(`palette-${e}-lightChannel`)} / 0.72)`,
+        "--variant-solidDisabledBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.1)`
+      }
+    },
+    [`&, & [${Z}]`]: Ie(a)
+  };
+}, It = (e) => (t) => {
+  const {
+    theme: a = t
+  } = t, o = _e(a.cssVarPrefix), n = ue(a.cssVarPrefix), r = (s) => {
+    const l = s.split("-");
+    return o(s, a.palette[l[1]][l[2]]);
+  };
+  return {
+    [Ee]: {
+      "--Badge-ringColor": r(`palette-${e}-softBg`),
+      "--Icon-color": "currentColor",
+      [a.getColorSchemeSelector("dark")]: {
+        [n("--palette-focusVisible")]: r(`palette-${e}-300`),
+        [n("--palette-background-body")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.1)`,
+        [n("--palette-background-surface")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.08)`,
+        [n("--palette-background-level1")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.2)`,
+        [n("--palette-background-level2")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.4)`,
+        [n("--palette-background-level3")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.6)`,
+        [n("--palette-text-primary")]: r(`palette-${e}-100`),
+        [n("--palette-text-secondary")]: `rgba(${r(`palette-${e}-lightChannel`)} / 0.72)`,
+        [n("--palette-text-tertiary")]: `rgba(${r(`palette-${e}-lightChannel`)} / 0.6)`,
+        [n("--palette-text-icon")]: `rgba(${r(`palette-${e}-lightChannel`)} / 0.6)`,
+        [n("--palette-divider")]: `rgba(${r(`palette-${e}-lightChannel`)} / 0.2)`,
+        "--variant-plainColor": `rgba(${r(`palette-${e}-lightChannel`)} / 1)`,
+        "--variant-plainHoverColor": r(`palette-${e}-50`),
+        "--variant-plainHoverBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.16)`,
+        "--variant-plainActiveBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.32)`,
+        "--variant-plainDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.72)`,
+        "--variant-outlinedColor": `rgba(${r(`palette-${e}-lightChannel`)} / 1)`,
+        "--variant-outlinedHoverColor": r(`palette-${e}-50`),
+        "--variant-outlinedBg": "initial",
+        "--variant-outlinedBorder": `rgba(${r(`palette-${e}-mainChannel`)} / 0.4)`,
+        "--variant-outlinedHoverBorder": r(`palette-${e}-600`),
+        "--variant-outlinedHoverBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.16)`,
+        "--variant-outlinedActiveBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.32)`,
+        "--variant-outlinedDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.72)`,
+        "--variant-outlinedDisabledBorder": `rgba(${r(`palette-${e}-mainChannel`)} / 0.2)`,
+        "--variant-softColor": r(`palette-${e}-200`),
+        "--variant-softBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.24)`,
+        "--variant-softHoverColor": "#fff",
+        "--variant-softHoverBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.32)`,
+        "--variant-softActiveBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.48)`,
+        "--variant-softDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.72)`,
+        "--variant-softDisabledBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.12)`,
+        "--variant-solidColor": "#fff",
+        "--variant-solidBg": r(`palette-${e}-500`),
+        "--variant-solidHoverColor": "#fff",
+        "--variant-solidHoverBg": r(`palette-${e}-600`),
+        "--variant-solidActiveBg": r(`palette-${e}-600`),
+        "--variant-solidDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.72)`,
+        "--variant-solidDisabledBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.12)`
+      },
+      // `light` (default color scheme) should come last in case that `theme.getColorSchemeSelector()` return the same value
+      [a.getColorSchemeSelector("light")]: {
+        [n("--palette-focusVisible")]: r(`palette-${e}-500`),
+        [n("--palette-background-body")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.1)`,
+        [n("--palette-background-surface")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.08)`,
+        [n("--palette-background-level1")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.2)`,
+        [n("--palette-background-level2")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.32)`,
+        [n("--palette-background-level3")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.48)`,
+        [n("--palette-text-primary")]: r(`palette-${e}-700`),
+        [n("--palette-text-secondary")]: `rgba(${r(`palette-${e}-darkChannel`)} / 0.8)`,
+        [n("--palette-text-tertiary")]: `rgba(${r(`palette-${e}-darkChannel`)} / 0.68)`,
+        [n("--palette-text-icon")]: r(`palette-${e}-500`),
+        [n("--palette-divider")]: `rgba(${r(`palette-${e}-mainChannel`)} / 0.32)`,
+        "--variant-plainColor": `rgba(${r(`palette-${e}-darkChannel`)} / 0.8)`,
+        "--variant-plainHoverColor": `rgba(${r(`palette-${e}-darkChannel`)} / 1)`,
+        "--variant-plainHoverBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.12)`,
+        "--variant-plainActiveBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.24)`,
+        "--variant-plainDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.6)`,
+        "--variant-outlinedColor": `rgba(${r(`palette-${e}-mainChannel`)} / 1)`,
+        "--variant-outlinedBorder": `rgba(${r(`palette-${e}-mainChannel`)} / 0.4)`,
+        "--variant-outlinedHoverColor": r(`palette-${e}-600`),
+        "--variant-outlinedHoverBorder": r(`palette-${e}-300`),
+        "--variant-outlinedHoverBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.12)`,
+        "--variant-outlinedActiveBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.24)`,
+        "--variant-outlinedDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.6)`,
+        "--variant-outlinedDisabledBorder": `rgba(${r(`palette-${e}-mainChannel`)} / 0.12)`,
+        "--variant-softColor": r(`palette-${e}-600`),
+        "--variant-softBg": `rgba(${r(`palette-${e}-lightChannel`)} / 0.8)`,
+        "--variant-softHoverColor": r(`palette-${e}-700`),
+        "--variant-softHoverBg": r(`palette-${e}-200`),
+        "--variant-softActiveBg": r(`palette-${e}-300`),
+        "--variant-softDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.6)`,
+        "--variant-softDisabledBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.08)`,
+        "--variant-solidColor": r("palette-common-white"),
+        "--variant-solidBg": r(`palette-${e}-${e === "neutral" ? "700" : "500"}`),
+        "--variant-solidHoverColor": r("palette-common-white"),
+        "--variant-solidHoverBg": r(`palette-${e}-600`),
+        "--variant-solidActiveBg": r(`palette-${e}-600`),
+        "--variant-solidDisabledColor": `rgba(${r(`palette-${e}-mainChannel`)} / 0.6)`,
+        "--variant-solidDisabledBg": `rgba(${r(`palette-${e}-mainChannel`)} / 0.08)`
+      }
+    },
+    [`&, & [${Z}]`]: Ie(a)
+  };
+}, Ht = /* @__PURE__ */ C.createContext({}), Nt = /* @__PURE__ */ C.createContext(void 0);
+function Ot(e) {
+  return X("MuiCircularProgress", e);
+}
+Y("MuiCircularProgress", ["root", "determinate", "svg", "track", "progress", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+let Vt = (e) => e, Ce;
+const At = ["color", "backgroundColor"], Ft = ["children", "className", "color", "size", "variant", "thickness", "determinate", "value", "component", "slots", "slotProps"], jt = Ke({
+  "0%": {
+    // let the progress start at the top of the ring
+    transform: "rotate(-90deg)"
+  },
+  "100%": {
+    transform: "rotate(270deg)"
+  }
+}), Mt = (e) => {
+  const {
+    determinate: t,
+    color: a,
+    variant: o,
+    size: n
+  } = e, r = {
+    root: ["root", t && "determinate", a && `color${M(a)}`, o && `variant${M(o)}`, n && `size${M(n)}`],
+    svg: ["svg"],
+    track: ["track"],
+    progress: ["progress"]
+  };
+  return ee(r, Ot, {});
+};
+function W(e, t) {
+  return `var(--CircularProgress-${e}Thickness, var(--CircularProgress-thickness, ${t}))`;
+}
+const Wt = V("span", {
+  name: "JoyCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})(({
+  ownerState: e,
+  theme: t
+}) => {
+  var a, o, n, r;
+  const s = ((a = t.variants[e.variant]) == null ? void 0 : a[e.color]) || {}, {
+    color: l,
+    backgroundColor: p
+  } = s, d = O(s, At);
+  return i({
+    // integration with icon
+    "--Icon-fontSize": "calc(0.4 * var(--_root-size))",
+    // public variables
+    "--CircularProgress-trackColor": p,
+    "--CircularProgress-progressColor": l,
+    "--CircularProgress-percent": e.value,
+    // 0 - 100
+    "--CircularProgress-linecap": "round"
+  }, e.size === "sm" && {
+    "--_root-size": "var(--CircularProgress-size, 24px)",
+    // use --_root-size to let other components overrides via --CircularProgress-size
+    "--_track-thickness": W("track", "3px"),
+    "--_progress-thickness": W("progress", "3px")
+  }, e.instanceSize === "sm" && {
+    "--CircularProgress-size": "24px"
+  }, e.size === "md" && {
+    "--_track-thickness": W("track", "6px"),
+    "--_progress-thickness": W("progress", "6px"),
+    "--_root-size": "var(--CircularProgress-size, 40px)"
+  }, e.instanceSize === "md" && {
+    "--CircularProgress-size": "40px"
+  }, e.size === "lg" && {
+    "--_track-thickness": W("track", "8px"),
+    "--_progress-thickness": W("progress", "8px"),
+    "--_root-size": "var(--CircularProgress-size, 64px)"
+  }, e.instanceSize === "lg" && {
+    "--CircularProgress-size": "64px"
+  }, e.thickness && {
+    "--_track-thickness": `${e.thickness}px`,
+    "--_progress-thickness": `${e.thickness}px`
+  }, {
+    // internal variables
+    "--_thickness-diff": "calc(var(--_track-thickness) - var(--_progress-thickness))",
+    "--_inner-size": "calc(var(--_root-size) - 2 * var(--variant-borderWidth, 0px))",
+    "--_outlined-inset": "max(var(--_track-thickness), var(--_progress-thickness))",
+    width: "var(--_root-size)",
+    height: "var(--_root-size)",
+    borderRadius: "var(--_root-size)",
+    margin: "var(--CircularProgress-margin)",
+    boxSizing: "border-box",
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexShrink: 0,
+    // prevent from shrinking when CircularProgress is in a flex container.
+    position: "relative",
+    color: l
+  }, e.children && {
+    // only add font related properties when there is a child.
+    // so that when there is no child, the size can be controlled by the parent font-size e.g. Link
+    fontFamily: t.vars.fontFamily.body,
+    fontWeight: t.vars.fontWeight.md,
+    fontSize: "calc(0.2 * var(--_root-size))"
+  }, d, e.variant === "outlined" && {
+    "&::before": i({
+      content: '""',
+      display: "block",
+      position: "absolute",
+      borderRadius: "inherit",
+      top: "var(--_outlined-inset)",
+      left: "var(--_outlined-inset)",
+      right: "var(--_outlined-inset)",
+      bottom: "var(--_outlined-inset)"
+    }, d)
+  }, e.variant === "soft" && {
+    "--CircularProgress-trackColor": t.variants.soft.neutral.backgroundColor,
+    "--CircularProgress-progressColor": (o = t.variants.solid) == null ? void 0 : o[e.color].backgroundColor
+  }, e.variant === "solid" && {
+    "--CircularProgress-trackColor": (n = t.variants.softHover) == null ? void 0 : n[e.color].backgroundColor,
+    "--CircularProgress-progressColor": (r = t.variants.solid) == null ? void 0 : r[e.color].backgroundColor
+  });
+}), Lt = V("svg", {
+  name: "JoyCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, t) => t.svg
+})({
+  width: "inherit",
+  height: "inherit",
+  display: "inherit",
+  boxSizing: "inherit",
+  position: "absolute",
+  top: "calc(-1 * var(--variant-borderWidth, 0px))",
+  // centered align
+  left: "calc(-1 * var(--variant-borderWidth, 0px))"
+  // centered align
+}), Ut = V("circle", {
+  name: "JoyCircularProgress",
+  slot: "track",
+  overridesResolver: (e, t) => t.track
+})({
+  cx: "50%",
+  cy: "50%",
+  r: "calc(var(--_inner-size) / 2 - var(--_track-thickness) / 2 + min(0px, var(--_thickness-diff) / 2))",
+  fill: "transparent",
+  strokeWidth: "var(--_track-thickness)",
+  stroke: "var(--CircularProgress-trackColor)"
+}), Jt = V("circle", {
+  name: "JoyCircularProgress",
+  slot: "progress",
+  overridesResolver: (e, t) => t.progress
+})({
+  "--_progress-radius": "calc(var(--_inner-size) / 2 - var(--_progress-thickness) / 2 - max(0px, var(--_thickness-diff) / 2))",
+  "--_progress-length": "calc(2 * 3.1415926535 * var(--_progress-radius))",
+  // the circumference around the progress
+  cx: "50%",
+  cy: "50%",
+  r: "var(--_progress-radius)",
+  fill: "transparent",
+  strokeWidth: "var(--_progress-thickness)",
+  stroke: "var(--CircularProgress-progressColor)",
+  strokeLinecap: "var(--CircularProgress-linecap, round)",
+  // can't use CSS variable directly, need to cast type.
+  strokeDasharray: "var(--_progress-length)",
+  strokeDashoffset: "calc(var(--_progress-length) - var(--CircularProgress-percent) * var(--_progress-length) / 100)",
+  transformOrigin: "center",
+  transform: "rotate(-90deg)"
+  // to initially appear at the top-center of the circle.
+}, ({
+  ownerState: e
+}) => !e.determinate && Je(Ce || (Ce = Vt`
+      animation: var(--CircularProgress-circulation, 0.8s linear 0s infinite normal none running)
+        ${0};
+    `), jt)), Kt = /* @__PURE__ */ C.forwardRef(function(t, a) {
+  const o = te({
+    props: t,
+    name: "JoyCircularProgress"
+  }), {
+    children: n,
+    className: r,
+    color: s = "primary",
+    size: l = "md",
+    variant: p = "soft",
+    thickness: d,
+    determinate: m = !1,
+    value: g = m ? 0 : 25,
+    // `25` is the 1/4 of the circle.
+    component: B,
+    slots: y = {},
+    slotProps: x = {}
+  } = o, _ = O(o, Ft), k = i({}, o, {
+    color: s,
+    size: l,
+    variant: p,
+    thickness: d,
+    value: g,
+    determinate: m,
+    instanceSize: t.size
+  }), S = Mt(k), $ = i({}, _, {
+    component: B,
+    slots: y,
+    slotProps: x
+  }), [P, D] = j("root", {
+    ref: a,
+    className: J(S.root, r),
+    elementType: Wt,
+    externalForwardedProps: $,
+    ownerState: k,
+    additionalProps: i({
+      role: "progressbar",
+      style: {
+        // Setting this CSS variable via inline-style
+        // prevents the generation of new CSS every time
+        // `value` prop updates
+        "--CircularProgress-percent": g
+      }
+    }, g && m && {
+      "aria-valuenow": Math.round(typeof g == "number" ? g : Number(g || 0))
+    })
+  }), [T, f] = j("svg", {
+    className: S.svg,
+    elementType: Lt,
+    externalForwardedProps: $,
+    ownerState: k
+  }), [u, R] = j("track", {
+    className: S.track,
+    elementType: Ut,
+    externalForwardedProps: $,
+    ownerState: k
+  }), [z, N] = j("progress", {
+    className: S.progress,
+    elementType: Jt,
+    externalForwardedProps: $,
+    ownerState: k
+  });
+  return /* @__PURE__ */ H.jsxs(P, i({}, D, {
+    children: [/* @__PURE__ */ H.jsxs(T, i({}, f, {
+      children: [/* @__PURE__ */ H.jsx(u, i({}, R)), /* @__PURE__ */ H.jsx(z, i({}, N))]
+    })), n]
+  }));
+}), wt = we("MuiBox", ["root"]), yr = qe({
+  themeId: le,
+  defaultTheme: ce,
+  defaultClassName: wt.root,
+  generateClassName: Ge.generate
+});
+function Gt(e) {
+  return X("MuiTypography", e);
+}
+Y("MuiTypography", ["root", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "noWrap", "gutterBottom", "startDecorator", "endDecorator", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const Zt = ["color", "textColor"], Xt = ["component", "gutterBottom", "noWrap", "level", "levelMapping", "children", "endDecorator", "startDecorator", "variant", "slots", "slotProps"], $e = /* @__PURE__ */ C.createContext(!1), Yt = /* @__PURE__ */ C.createContext(!1), qt = (e) => {
+  const {
+    gutterBottom: t,
+    noWrap: a,
+    level: o,
+    color: n,
+    variant: r
+  } = e, s = {
+    root: ["root", o, t && "gutterBottom", a && "noWrap", n && `color${M(n)}`, r && `variant${M(r)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return ee(s, Gt, {});
+}, Qt = V("span", {
+  name: "JoyTypography",
+  slot: "StartDecorator",
+  overridesResolver: (e, t) => t.startDecorator
+})({
+  display: "inline-flex",
+  marginInlineEnd: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
+}), er = V("span", {
+  name: "JoyTypography",
+  slot: "endDecorator",
+  overridesResolver: (e, t) => t.endDecorator
+})({
+  display: "inline-flex",
+  marginInlineStart: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
+}), tr = V("span", {
+  name: "JoyTypography",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  var a, o, n, r, s;
+  const l = t.level !== "inherit" ? (a = e.typography[t.level]) == null ? void 0 : a.lineHeight : "1";
+  return i({
+    "--Icon-fontSize": `calc(1em * ${l})`
+  }, t.color && {
+    "--Icon-color": "currentColor"
+  }, {
+    margin: "var(--Typography-margin, 0px)"
+  }, t.nesting ? {
+    display: "inline"
+    // looks better than `inline-block` when using with `variant` prop.
+  } : i({
+    display: "block"
+  }, t.unstable_hasSkeleton && {
+    position: "relative"
+  }), (t.startDecorator || t.endDecorator) && i({
+    display: "flex",
+    alignItems: "center"
+  }, t.nesting && i({
+    display: "inline-flex"
+  }, t.startDecorator && {
+    verticalAlign: "bottom"
+    // to make the text align with the parent's content
+  })), t.level && t.level !== "inherit" && e.typography[t.level], {
+    fontSize: `var(--Typography-fontSize, ${t.level && t.level !== "inherit" && (o = (n = e.typography[t.level]) == null ? void 0 : n.fontSize) != null ? o : "inherit"})`
+  }, t.noWrap && {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }, t.gutterBottom && {
+    marginBottom: "0.35em"
+  }, t.color && {
+    color: `var(--variant-plainColor, rgba(${(r = e.vars.palette[t.color]) == null ? void 0 : r.mainChannel} / 1))`
+  }, t.variant && i({
+    borderRadius: e.vars.radius.xs,
+    paddingBlock: "min(0.1em, 4px)",
+    paddingInline: "0.25em"
+  }, !t.nesting && {
+    marginInline: "-0.25em"
+  }, (s = e.variants[t.variant]) == null ? void 0 : s[t.color]));
+}), be = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  "title-lg": "p",
+  "title-md": "p",
+  "title-sm": "p",
+  "body-lg": "p",
+  "body-md": "p",
+  "body-sm": "p",
+  "body-xs": "span",
+  inherit: "p"
+}, rr = /* @__PURE__ */ C.forwardRef(function(t, a) {
+  var o;
+  const n = te({
+    props: t,
+    name: "JoyTypography"
+  }), {
+    color: r,
+    textColor: s
+  } = n, l = O(n, Zt), p = C.useContext($e), d = C.useContext(Yt), m = Se(i({}, l, {
+    color: s
+  })), {
+    component: g,
+    gutterBottom: B = !1,
+    noWrap: y = !1,
+    level: x = "body-md",
+    levelMapping: _ = be,
+    children: k,
+    endDecorator: S,
+    startDecorator: $,
+    variant: P,
+    slots: D = {},
+    slotProps: T = {}
+  } = m, f = O(m, Xt), u = (o = t.color) != null ? o : P ? r ?? "neutral" : r, R = p || d ? t.level || "inherit" : x, z = ze(k, ["Skeleton"]), N = g || (p ? "span" : _[R] || be[R] || "span"), A = i({}, m, {
+    level: R,
+    component: N,
+    color: u,
+    gutterBottom: B,
+    noWrap: y,
+    nesting: p,
+    variant: P,
+    unstable_hasSkeleton: z
+  }), E = qt(A), b = i({}, f, {
+    component: N,
+    slots: D,
+    slotProps: T
+  }), [F, v] = j("root", {
+    ref: a,
+    className: E.root,
+    elementType: tr,
+    externalForwardedProps: b,
+    ownerState: A
+  }), [c, h] = j("startDecorator", {
+    className: E.startDecorator,
+    elementType: Qt,
+    externalForwardedProps: b,
+    ownerState: A
+  }), [I, re] = j("endDecorator", {
+    className: E.endDecorator,
+    elementType: er,
+    externalForwardedProps: b,
+    ownerState: A
+  });
+  return /* @__PURE__ */ H.jsx($e.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ H.jsxs(F, i({}, v, {
+      children: [$ && /* @__PURE__ */ H.jsx(c, i({}, h, {
+        children: $
+      })), z ? /* @__PURE__ */ C.cloneElement(k, {
+        variant: k.props.variant || "inline"
+      }) : k, S && /* @__PURE__ */ H.jsx(I, i({}, re, {
+        children: S
+      }))]
+    }))
+  });
+});
+rr.muiName = "Typography";
+function ar(e) {
+  return X("MuiButton", e);
+}
+const ye = Y("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "focusVisible", "disabled", "sizeSm", "sizeMd", "sizeLg", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingIndicatorCenter"]), or = ["children", "action", "color", "variant", "size", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingPosition", "loadingIndicator", "disabled", "component", "slots", "slotProps"], nr = (e) => {
+  const {
+    color: t,
+    disabled: a,
+    focusVisible: o,
+    focusVisibleClassName: n,
+    fullWidth: r,
+    size: s,
+    variant: l,
+    loading: p
+  } = e, d = {
+    root: ["root", a && "disabled", o && "focusVisible", r && "fullWidth", l && `variant${M(l)}`, t && `color${M(t)}`, s && `size${M(s)}`, p && "loading"],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"],
+    loadingIndicatorCenter: ["loadingIndicatorCenter"]
+  }, m = ee(d, ar, {});
+  return o && n && (m.root += ` ${n}`), m;
+}, sr = V("span", {
+  name: "JoyButton",
+  slot: "StartDecorator",
+  overridesResolver: (e, t) => t.startDecorator
+})({
+  "--Icon-margin": "0 0 0 calc(var(--Button-gap) / -2)",
+  "--CircularProgress-margin": "0 0 0 calc(var(--Button-gap) / -2)",
+  display: "inherit",
+  marginRight: "var(--Button-gap)"
+}), ir = V("span", {
+  name: "JoyButton",
+  slot: "EndDecorator",
+  overridesResolver: (e, t) => t.endDecorator
+})({
+  "--Icon-margin": "0 calc(var(--Button-gap) / -2) 0 0",
+  "--CircularProgress-margin": "0 calc(var(--Button-gap) / -2) 0 0",
+  display: "inherit",
+  marginLeft: "var(--Button-gap)"
+}), lr = V("span", {
+  name: "JoyButton",
+  slot: "LoadingCenter",
+  overridesResolver: (e, t) => t.loadingIndicatorCenter
+})(({
+  theme: e,
+  ownerState: t
+}) => {
+  var a, o;
+  return i({
+    display: "inherit",
+    position: "absolute",
+    left: "50%",
+    transform: "translateX(-50%)",
+    color: (a = e.variants[t.variant]) == null || (a = a[t.color]) == null ? void 0 : a.color
+  }, t.disabled && {
+    color: (o = e.variants[`${t.variant}Disabled`]) == null || (o = o[t.color]) == null ? void 0 : o.color
+  });
+}), cr = ({
+  theme: e,
+  ownerState: t
+}) => {
+  var a, o, n, r;
+  return [i({
+    "--Icon-margin": "initial",
+    // reset the icon's margin.
+    "--Icon-color": t.color !== "neutral" || t.variant === "solid" ? "currentColor" : e.vars.palette.text.icon
+  }, t.size === "sm" && {
+    "--Icon-fontSize": e.vars.fontSize.lg,
+    "--CircularProgress-size": "20px",
+    // must be `px` unit, otherwise the CircularProgress is broken in Safari
+    "--CircularProgress-thickness": "2px",
+    "--Button-gap": "0.375rem",
+    minHeight: "var(--Button-minHeight, 2rem)",
+    fontSize: e.vars.fontSize.sm,
+    paddingBlock: "var(--Button-paddingBlock, 0.25rem)",
+    paddingInline: "0.75rem"
+  }, t.size === "md" && {
+    "--Icon-fontSize": e.vars.fontSize.xl,
+    "--CircularProgress-size": "20px",
+    // must be `px` unit, otherwise the CircularProgress is broken in Safari
+    "--CircularProgress-thickness": "2px",
+    "--Button-gap": "0.5rem",
+    minHeight: "var(--Button-minHeight, 2.25rem)",
+    // use min-height instead of height to make the button resilient to its content
+    fontSize: e.vars.fontSize.sm,
+    // internal --Button-paddingBlock is used to control the padding-block of the button from the outside, for example as a decorator of an Input
+    paddingBlock: "var(--Button-paddingBlock, 0.375rem)",
+    // the padding-block act as a minimum spacing between content and root element
+    paddingInline: "1rem"
+  }, t.size === "lg" && {
+    "--Icon-fontSize": e.vars.fontSize.xl2,
+    "--CircularProgress-size": "28px",
+    // must be `px` unit, otherwise the CircularProgress is broken in Safari
+    "--CircularProgress-thickness": "4px",
+    "--Button-gap": "0.75rem",
+    minHeight: "var(--Button-minHeight, 2.75rem)",
+    fontSize: e.vars.fontSize.md,
+    paddingBlock: "var(--Button-paddingBlock, 0.5rem)",
+    paddingInline: "1.5rem"
+  }, {
+    WebkitTapHighlightColor: "transparent",
+    boxSizing: "border-box",
+    borderRadius: `var(--Button-radius, ${e.vars.radius.sm})`,
+    // to be controlled by other components, for example Input
+    margin: "var(--Button-margin)",
+    // to be controlled by other components, for example Input
+    border: "none",
+    backgroundColor: "transparent",
+    cursor: "pointer",
+    userSelect: "none",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    textDecoration: "none",
+    // prevent user agent underline when used as anchor
+    fontFamily: e.vars.fontFamily.body,
+    fontWeight: e.vars.fontWeight.lg,
+    lineHeight: e.vars.lineHeight.md
+  }, t.fullWidth && {
+    width: "100%"
+  }, {
+    [e.focus.selector]: e.focus.default
+  }), i({}, (a = e.variants[t.variant]) == null ? void 0 : a[t.color], {
+    "&:hover": {
+      "@media (hover: hover)": (o = e.variants[`${t.variant}Hover`]) == null ? void 0 : o[t.color]
+    },
+    '&:active, &[aria-pressed="true"]': (n = e.variants[`${t.variant}Active`]) == null ? void 0 : n[t.color],
+    [`&.${ye.disabled}`]: (r = e.variants[`${t.variant}Disabled`]) == null ? void 0 : r[t.color]
+  }, t.loadingPosition === "center" && {
+    // this has to come after the variant styles to take effect.
+    [`&.${ye.loading}`]: {
+      color: "transparent"
+    }
+  })];
+}, dr = V("button", {
+  name: "JoyButton",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})(cr), ur = /* @__PURE__ */ C.forwardRef(function(t, a) {
+  var o;
+  const n = te({
+    props: t,
+    name: "JoyButton"
+  }), {
+    children: r,
+    action: s,
+    color: l = "primary",
+    variant: p = "solid",
+    size: d = "md",
+    fullWidth: m = !1,
+    startDecorator: g,
+    endDecorator: B,
+    loading: y = !1,
+    loadingPosition: x = "center",
+    loadingIndicator: _,
+    disabled: k,
+    component: S,
+    slots: $ = {},
+    slotProps: P = {}
+  } = n, D = O(n, or), T = C.useContext(Ht), f = C.useContext(Nt), u = t.variant || T.variant || p, R = t.size || T.size || d, z = t.color || T.color || l, N = (o = t.loading || t.disabled) != null ? o : T.disabled || y || k, A = C.useRef(null), E = de(A, a), {
+    focusVisible: b,
+    setFocusVisible: F,
+    getRootProps: v
+  } = _t(i({}, n, {
+    disabled: N,
+    rootRef: E
+  })), c = _ ?? /* @__PURE__ */ H.jsx(Kt, {
+    color: z,
+    thickness: {
+      sm: 2,
+      md: 3,
+      lg: 4
+    }[R] || 3
+  });
+  C.useImperativeHandle(s, () => ({
+    focusVisible: () => {
+      var U;
+      F(!0), (U = A.current) == null || U.focus();
+    }
+  }), [F]);
+  const h = i({}, n, {
+    color: z,
+    fullWidth: m,
+    variant: u,
+    size: R,
+    focusVisible: b,
+    loading: y,
+    loadingPosition: x,
+    disabled: N
+  }), I = nr(h), re = (U) => {
+    var pe;
+    let ae = n.onClick;
+    if (typeof P.root == "function" ? ae = P.root(h).onClick : P.root && (ae = P.root.onClick), (pe = ae) == null || pe(U), f) {
+      var ve;
+      (ve = f.onClick) == null || ve.call(f, U, n.value);
+    }
+  };
+  let L = n["aria-pressed"];
+  typeof P.root == "function" ? L = P.root(h)["aria-pressed"] : P.root && (L = P.root["aria-pressed"]), f != null && f.value && (Array.isArray(f.value) ? L = f.value.indexOf(n.value) !== -1 : L = f.value === n.value);
+  const K = i({}, D, {
+    component: S,
+    slots: $,
+    slotProps: P
+  }), [He, Ne] = j("root", {
+    ref: a,
+    className: I.root,
+    elementType: dr,
+    externalForwardedProps: K,
+    getSlotProps: v,
+    ownerState: h,
+    additionalProps: {
+      onClick: re,
+      "aria-pressed": L
+    }
+  }), [Oe, Ve] = j("startDecorator", {
+    className: I.startDecorator,
+    elementType: sr,
+    externalForwardedProps: K,
+    ownerState: h
+  }), [Ae, Fe] = j("endDecorator", {
+    className: I.endDecorator,
+    elementType: ir,
+    externalForwardedProps: K,
+    ownerState: h
+  }), [je, Me] = j("loadingIndicatorCenter", {
+    className: I.loadingIndicatorCenter,
+    elementType: lr,
+    externalForwardedProps: K,
+    ownerState: h
+  });
+  return /* @__PURE__ */ H.jsxs(He, i({}, Ne, {
+    children: [(g || y && x === "start") && /* @__PURE__ */ H.jsx(Oe, i({}, Ve, {
+      children: y && x === "start" ? c : g
+    })), r, y && x === "center" && /* @__PURE__ */ H.jsx(je, i({}, Me, {
+      children: c
+    })), (B || y && x === "end") && /* @__PURE__ */ H.jsx(Ae, i({}, Fe, {
+      children: y && x === "end" ? c : B
+    }))]
+  }));
+});
+ur.muiName = "Button";
+function pr(e) {
+  return X("MuiCard", e);
+}
+const xr = Y("MuiCard", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]), vr = ["className", "color", "component", "invertedColors", "size", "variant", "children", "orientation", "slots", "slotProps"], gr = (e) => {
+  const {
+    size: t,
+    variant: a,
+    color: o,
+    orientation: n
+  } = e, r = {
+    root: ["root", n, a && `variant${M(a)}`, o && `color${M(o)}`, t && `size${M(t)}`]
+  };
+  return ee(r, pr, {});
+}, fr = V("div")(({
+  theme: e,
+  ownerState: t
+}) => {
+  var a;
+  const {
+    p: o,
+    padding: n,
+    borderRadius: r
+  } = Tt({
+    theme: e,
+    ownerState: t
+  }, ["p", "padding", "borderRadius"]);
+  return [i({
+    "--Icon-color": t.color !== "neutral" || t.variant === "solid" ? "currentColor" : e.vars.palette.text.icon,
+    // a context variable for any child component
+    "--Card-childRadius": "max((var(--Card-radius) - var(--variant-borderWidth, 0px)) - var(--Card-padding), min(var(--Card-padding) / 2, (var(--Card-radius) - var(--variant-borderWidth, 0px)) / 2))",
+    // AspectRatio integration
+    "--AspectRatio-radius": "var(--Card-childRadius)",
+    // Link integration
+    "--unstable_actionMargin": "calc(-1 * var(--variant-borderWidth, 0px))",
+    // Link, Radio, Checkbox integration
+    "--unstable_actionRadius": "var(--Card-radius)",
+    // CardCover integration
+    "--CardCover-radius": "calc(var(--Card-radius) - var(--variant-borderWidth, 0px))",
+    // CardOverflow integration
+    "--CardOverflow-offset": "calc(-1 * var(--Card-padding))",
+    "--CardOverflow-radius": "calc(var(--Card-radius) - var(--variant-borderWidth, 0px))",
+    // Divider integration
+    "--Divider-inset": "calc(-1 * var(--Card-padding))"
+  }, t.size === "sm" && {
+    "--Card-radius": e.vars.radius.sm,
+    "--Card-padding": "0.625rem",
+    gap: "0.5rem"
+  }, t.size === "md" && {
+    "--Card-radius": e.vars.radius.md,
+    "--Card-padding": "1rem",
+    gap: "0.75rem 1rem"
+  }, t.size === "lg" && {
+    "--Card-radius": e.vars.radius.lg,
+    "--Card-padding": "1.5rem",
+    gap: "1rem 1.5rem"
+  }, {
+    padding: "var(--Card-padding)",
+    borderRadius: "var(--Card-radius)",
+    backgroundColor: e.vars.palette.background.surface,
+    position: "relative",
+    display: "flex",
+    flexDirection: t.orientation === "horizontal" ? "row" : "column"
+  }, e.typography[`body-${t.size}`], t.variant === "solid" && t.color && t.invertedColors && Et(t.color)(e), t.variant === "soft" && t.color && t.invertedColors && It(t.color)(e), (a = e.variants[t.variant]) == null ? void 0 : a[t.color]), o !== void 0 && {
+    "--Card-padding": o
+  }, n !== void 0 && {
+    "--Card-padding": n
+  }, r !== void 0 && {
+    "--Card-radius": r
+  }];
+}), mr = V(fr, {
+  name: "JoyCard",
+  slot: "Root",
+  overridesResolver: (e, t) => t.root
+})({}), kr = /* @__PURE__ */ C.forwardRef(function(t, a) {
+  const o = te({
+    props: t,
+    name: "JoyCard"
+  }), {
+    className: n,
+    color: r = "neutral",
+    component: s = "div",
+    invertedColors: l = !1,
+    size: p = "md",
+    variant: d = "outlined",
+    children: m,
+    orientation: g = "vertical",
+    slots: B = {},
+    slotProps: y = {}
+  } = o, x = O(o, vr), _ = i({}, o, {
+    color: r,
+    component: s,
+    orientation: g,
+    size: p,
+    variant: d,
+    invertedColors: l
+  }), k = gr(_), S = i({}, x, {
+    component: s,
+    slots: B,
+    slotProps: y
+  }), [$, P] = j("root", {
+    ref: a,
+    className: J(k.root, n),
+    elementType: mr,
+    externalForwardedProps: S,
+    ownerState: _
+  });
+  return /* @__PURE__ */ H.jsx($, i({}, P, {
+    children: C.Children.map(m, (D, T) => {
+      if (!/* @__PURE__ */ C.isValidElement(D))
+        return D;
+      const f = {};
+      if (ze(D, ["Divider"])) {
+        var u, R;
+        const z = D.props;
+        f.inset = (u = z == null ? void 0 : z.inset) != null ? u : "context";
+        const N = g === "vertical" ? "horizontal" : "vertical";
+        f.orientation = (R = z == null ? void 0 : z.orientation) != null ? R : N;
+      }
+      return T === 0 && (f["data-first-child"] = ""), T === C.Children.count(m) - 1 && (f["data-last-child"] = ""), /* @__PURE__ */ C.cloneElement(D, f);
+    })
+  }));
+}), Br = "$$material";
+function hr(e, t) {
+  const a = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const n = o;
+      if (n === "components" || n === "slots")
+        a[n] = {
+          ...e[n],
+          ...a[n]
+        };
+      else if (n === "componentsProps" || n === "slotProps") {
+        const r = e[n], s = t[n];
+        if (!s)
+          a[n] = r || {};
+        else if (!r)
+          a[n] = s;
+        else {
+          a[n] = {
+            ...s
+          };
+          for (const l in r)
+            if (Object.prototype.hasOwnProperty.call(r, l)) {
+              const p = l;
+              a[n][p] = hr(r[p], s[p]);
+            }
+        }
+      } else a[n] === void 0 && (a[n] = e[n]);
+    }
+  return a;
+}
+export {
+  ye as A,
+  yr as B,
+  Kt as C,
+  $r as D,
+  lt as E,
+  Ht as F,
+  Nt as G,
+  Z as I,
+  fr as S,
+  rr as T,
+  ur as a,
+  kr as b,
+  j as c,
+  ee as d,
+  $e as e,
+  Yt as f,
+  Se as g,
+  bt as h,
+  de as i,
+  ze as j,
+  br as k,
+  ie as l,
+  J as m,
+  Et as n,
+  It as o,
+  Bt as p,
+  kt as q,
+  Tt as r,
+  V as s,
+  xt as t,
+  te as u,
+  _t as v,
+  ct as w,
+  hr as x,
+  Br as y,
+  xr as z
+};