fansunited-widgets-cdn 0.0.84 → 0.0.86-RC1

package/chunks/Button-BV7YIFkS.js

@@ -0,0 +1,858 @@
+import { ao as Bt, r as v, Z as lt, w as u, a5 as et, ap as it, F as st, G as ct, v as dt, _ as Q, Q as Dt, x as A, y as F, j as _, z as O, D as pt, C as xt } from "./main-XP7dqk6g.js";
+const ie = Bt();
+function kt(t, a) {
+  var n, o;
+  return /* @__PURE__ */ v.isValidElement(t) && a.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
+    (n = t.type.muiName) != null ? n : (o = t.type) == null || (o = o._payload) == null || (o = o.value) == null ? void 0 : o.muiName
+  ) !== -1;
+}
+const at = {};
+function St(t, a) {
+  const n = v.useRef(at);
+  return n.current === at && (n.current = t(a)), n;
+}
+const Tt = [];
+function It(t) {
+  v.useEffect(t, Tt);
+}
+class K {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new K();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(a, n) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, n();
+    }, a);
+  }
+}
+function se() {
+  const t = St(K.create).current;
+  return It(t.disposeEffect), t;
+}
+let J = !0, Y = !1;
+const Rt = new K(), Ht = {
+  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 _t(t) {
+  const {
+    type: a,
+    tagName: n
+  } = t;
+  return !!(n === "INPUT" && Ht[a] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
+}
+function Pt(t) {
+  t.metaKey || t.altKey || t.ctrlKey || (J = !0);
+}
+function Z() {
+  J = !1;
+}
+function Et() {
+  this.visibilityState === "hidden" && Y && (J = !0);
+}
+function Vt(t) {
+  t.addEventListener("keydown", Pt, !0), t.addEventListener("mousedown", Z, !0), t.addEventListener("pointerdown", Z, !0), t.addEventListener("touchstart", Z, !0), t.addEventListener("visibilitychange", Et, !0);
+}
+function Nt(t) {
+  const {
+    target: a
+  } = t;
+  try {
+    return a.matches(":focus-visible");
+  } catch {
+  }
+  return J || _t(a);
+}
+function zt() {
+  const t = v.useCallback((r) => {
+    r != null && Vt(r.ownerDocument);
+  }, []), a = v.useRef(!1);
+  function n() {
+    return a.current ? (Y = !0, Rt.start(100, () => {
+      Y = !1;
+    }), a.current = !1, !0) : !1;
+  }
+  function o(r) {
+    return Nt(r) ? (a.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: a,
+    onFocus: o,
+    onBlur: n,
+    ref: t
+  };
+}
+function At(t) {
+  const {
+    rootElementName: a = ""
+  } = t, [n, o] = v.useState(a.toUpperCase()), r = v.useCallback((e) => {
+    var i;
+    o((i = e == null ? void 0 : e.tagName) != null ? i : "");
+  }, []);
+  return [n, r];
+}
+function Ft(t = {}) {
+  const {
+    disabled: a = !1,
+    focusableWhenDisabled: n,
+    href: o,
+    rootRef: r,
+    tabIndex: e,
+    to: i,
+    type: p,
+    rootElementName: y
+  } = t, B = v.useRef(null), [D, k] = v.useState(!1), {
+    isFocusVisibleRef: S,
+    onFocus: b,
+    onBlur: x,
+    ref: R
+  } = zt(), [f, T] = v.useState(!1);
+  a && !n && f && T(!1), v.useEffect(() => {
+    S.current = f;
+  }, [f, S]);
+  const [C, g] = At({
+    rootElementName: y ?? (o || i ? "a" : void 0)
+  }), P = (s) => (l) => {
+    var c;
+    f && l.preventDefault(), (c = s.onMouseLeave) == null || c.call(s, l);
+  }, I = (s) => (l) => {
+    var c;
+    x(l), S.current === !1 && T(!1), (c = s.onBlur) == null || c.call(s, l);
+  }, $ = (s) => (l) => {
+    var c;
+    if (B.current || (B.current = l.currentTarget), b(l), S.current === !0) {
+      var h;
+      T(!0), (h = s.onFocusVisible) == null || h.call(s, l);
+    }
+    (c = s.onFocus) == null || c.call(s, l);
+  }, d = () => {
+    const s = B.current;
+    return C === "BUTTON" || C === "INPUT" && ["button", "submit", "reset"].includes(s == null ? void 0 : s.type) || C === "A" && (s == null ? void 0 : s.href);
+  }, E = (s) => (l) => {
+    if (!a) {
+      var c;
+      (c = s.onClick) == null || c.call(s, l);
+    }
+  }, N = (s) => (l) => {
+    var c;
+    a || (k(!0), document.addEventListener("mouseup", () => {
+      k(!1);
+    }, {
+      once: !0
+    })), (c = s.onMouseDown) == null || c.call(s, l);
+  }, z = (s) => (l) => {
+    var c;
+    if ((c = s.onKeyDown) == null || c.call(s, l), !l.defaultMuiPrevented && (l.target === l.currentTarget && !d() && l.key === " " && l.preventDefault(), l.target === l.currentTarget && l.key === " " && !a && k(!0), l.target === l.currentTarget && !d() && l.key === "Enter" && !a)) {
+      var h;
+      (h = s.onClick) == null || h.call(s, l), l.preventDefault();
+    }
+  }, H = (s) => (l) => {
+    var c;
+    if (l.target === l.currentTarget && k(!1), (c = s.onKeyUp) == null || c.call(s, l), l.target === l.currentTarget && !d() && !a && l.key === " " && !l.defaultMuiPrevented) {
+      var h;
+      (h = s.onClick) == null || h.call(s, l);
+    }
+  }, V = lt(g, r, R, B), m = {};
+  return e !== void 0 && (m.tabIndex = e), C === "BUTTON" ? (m.type = p ?? "button", n ? m["aria-disabled"] = a : m.disabled = a) : C === "INPUT" ? p && ["button", "submit", "reset"].includes(p) && (n ? m["aria-disabled"] = a : m.disabled = a) : C !== "" && (!o && !i && (m.role = "button", m.tabIndex = e ?? 0), a && (m["aria-disabled"] = a, m.tabIndex = n ? e ?? 0 : -1)), {
+    getRootProps: (s = {}) => {
+      const l = u({}, et(t), et(s)), c = u({
+        type: p
+      }, l, m, s, {
+        onBlur: I(l),
+        onClick: E(l),
+        onFocus: $(l),
+        onKeyDown: z(l),
+        onKeyUp: H(l),
+        onMouseDown: N(l),
+        onMouseLeave: P(l),
+        ref: V
+      });
+      return delete c.onFocusVisible, c;
+    },
+    focusVisible: f,
+    setFocusVisible: T,
+    active: D,
+    rootRef: V
+  };
+}
+const ce = ({
+  theme: t,
+  ownerState: a
+}, n) => {
+  let o = {};
+  function r(e) {
+    if (typeof e == "function") {
+      const i = e(t);
+      r(i);
+    } else Array.isArray(e) ? e.forEach((i) => {
+      typeof i != "boolean" && r(i);
+    }) : typeof e == "object" && (o = u({}, o, e));
+  }
+  return a.sx && (r(a.sx), n.forEach((e) => {
+    const i = o[e];
+    if (typeof i == "string" || typeof i == "number")
+      if (e === "borderRadius")
+        if (typeof i == "number")
+          o[e] = `${i}px`;
+        else {
+          var p;
+          o[e] = ((p = t.vars) == null ? void 0 : p.radius[i]) || i;
+        }
+      else ["p", "padding", "m", "margin"].indexOf(e) !== -1 && typeof i == "number" ? o[e] = t.spacing(i) : o[e] = i;
+    else typeof i == "function" ? o[e] = i(t) : o[e] = void 0;
+  })), o;
+}, q = (t) => (a) => `--${t ? `${t}-` : ""}${a.replace(/^--/, "")}`, j = "data-skip-inverted-colors", ut = `& :not([${j}], [${j}] *)`, vt = (t) => {
+  var a, n, o, r, e, i, p, y, B, D, k, S, b, x, R, f, T, C, g, P, I, $;
+  const d = q(t.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",
+    [t.getColorSchemeSelector("light")]: {
+      [d("--palette-focusVisible")]: `${(a = t.colorSchemes.light) == null ? void 0 : a.palette.focusVisible} !important`,
+      [d("--palette-background-body")]: `${(n = t.colorSchemes.light) == null ? void 0 : n.palette.background.body} !important`,
+      [d("--palette-background-surface")]: `${(o = t.colorSchemes.light) == null ? void 0 : o.palette.background.surface} !important`,
+      [d("--palette-background-popup")]: `${(r = t.colorSchemes.light) == null ? void 0 : r.palette.background.popup} !important`,
+      [d("--palette-background-level1")]: `${(e = t.colorSchemes.light) == null ? void 0 : e.palette.background.level1} !important`,
+      [d("--palette-background-level2")]: `${(i = t.colorSchemes.light) == null ? void 0 : i.palette.background.level2} !important`,
+      [d("--palette-background-level3")]: `${(p = t.colorSchemes.light) == null ? void 0 : p.palette.background.level3} !important`,
+      [d("--palette-text-primary")]: `${(y = t.colorSchemes.light) == null ? void 0 : y.palette.text.primary} !important`,
+      [d("--palette-text-secondary")]: `${(B = t.colorSchemes.light) == null ? void 0 : B.palette.text.secondary} !important`,
+      [d("--palette-text-tertiary")]: `${(D = t.colorSchemes.light) == null ? void 0 : D.palette.text.tertiary} !important`,
+      [d("--palette-divider")]: `${(k = t.colorSchemes.light) == null ? void 0 : k.palette.divider} !important`
+    },
+    [t.getColorSchemeSelector("dark")]: {
+      [d("--palette-focusVisible")]: `${(S = t.colorSchemes.dark) == null ? void 0 : S.palette.focusVisible} !important`,
+      [d("--palette-background-body")]: `${(b = t.colorSchemes.dark) == null ? void 0 : b.palette.background.body} !important`,
+      [d("--palette-background-surface")]: `${(x = t.colorSchemes.dark) == null ? void 0 : x.palette.background.surface} !important`,
+      [d("--palette-background-popup")]: `${(R = t.colorSchemes.dark) == null ? void 0 : R.palette.background.popup} !important`,
+      [d("--palette-background-level1")]: `${(f = t.colorSchemes.dark) == null ? void 0 : f.palette.background.level1} !important`,
+      [d("--palette-background-level2")]: `${(T = t.colorSchemes.dark) == null ? void 0 : T.palette.background.level2} !important`,
+      [d("--palette-background-level3")]: `${(C = t.colorSchemes.dark) == null ? void 0 : C.palette.background.level3} !important`,
+      [d("--palette-text-primary")]: `${(g = t.colorSchemes.dark) == null ? void 0 : g.palette.text.primary} !important`,
+      [d("--palette-text-secondary")]: `${(P = t.colorSchemes.dark) == null ? void 0 : P.palette.text.secondary} !important`,
+      [d("--palette-text-tertiary")]: `${(I = t.colorSchemes.dark) == null ? void 0 : I.palette.text.tertiary} !important`,
+      [d("--palette-divider")]: `${($ = t.colorSchemes.dark) == null ? void 0 : $.palette.divider} !important`
+    }
+  };
+};
+function Mt(t) {
+  return t.theme !== void 0;
+}
+const de = (t) => (a) => {
+  const n = Mt(a) ? a.theme : a, o = it(n.cssVarPrefix), r = q(n.cssVarPrefix), e = (i) => {
+    const p = i.split("-");
+    return o(i, n.palette[p[1]][p[2]]);
+  };
+  return {
+    [ut]: {
+      "--Badge-ringColor": e(`palette-${t}-solidBg`),
+      "--Icon-color": "currentColor",
+      [`${n.getColorSchemeSelector("light")}, ${n.getColorSchemeSelector("dark")}`]: {
+        colorScheme: "dark",
+        [r("--palette-focusVisible")]: e(`palette-${t}-200`),
+        [r("--palette-background-body")]: "rgba(0 0 0 / 0.1)",
+        [r("--palette-background-surface")]: "rgba(0 0 0 / 0.06)",
+        [r("--palette-background-popup")]: e(`palette-${t}-700`),
+        [r("--palette-background-level1")]: `rgba(${e(`palette-${t}-darkChannel`)} / 0.2)`,
+        [r("--palette-background-level2")]: `rgba(${e(`palette-${t}-darkChannel`)} / 0.36)`,
+        [r("--palette-background-level3")]: `rgba(${e(`palette-${t}-darkChannel`)} / 0.6)`,
+        [r("--palette-text-primary")]: e("palette-common-white"),
+        [r("--palette-text-secondary")]: e(`palette-${t}-200`),
+        [r("--palette-text-tertiary")]: e(`palette-${t}-300`),
+        [r("--palette-text-icon")]: e(`palette-${t}-200`),
+        [r("--palette-divider")]: `rgba(${e(`palette-${t}-lightChannel`)} / 0.32)`,
+        "--variant-plainColor": e(`palette-${t}-50`),
+        "--variant-plainHoverColor": "#fff",
+        "--variant-plainHoverBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.12)`,
+        "--variant-plainActiveBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.32)`,
+        "--variant-plainDisabledColor": `rgba(${e(`palette-${t}-lightChannel`)} / 0.72)`,
+        "--variant-outlinedColor": e(`palette-${t}-50`),
+        "--variant-outlinedBorder": `rgba(${e(`palette-${t}-lightChannel`)} / 0.5)`,
+        "--variant-outlinedHoverColor": "#fff",
+        "--variant-outlinedHoverBorder": e(`palette-${t}-300`),
+        "--variant-outlinedHoverBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.12)`,
+        "--variant-outlinedActiveBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.32)`,
+        "--variant-outlinedDisabledColor": `rgba(${e(`palette-${t}-lightChannel`)} / 0.72)`,
+        "--variant-outlinedDisabledBorder": "rgba(255 255 255 / 0.2)",
+        "--variant-softColor": e("palette-common-white"),
+        "--variant-softHoverColor": e("palette-common-white"),
+        "--variant-softBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.24)`,
+        "--variant-softHoverBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.36)`,
+        "--variant-softActiveBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.16)`,
+        "--variant-softActiveColor": "#fff",
+        "--variant-softDisabledColor": `rgba(${e(`palette-${t}-lightChannel`)} / 0.72)`,
+        "--variant-softDisabledBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.1)`,
+        "--variant-solidColor": e(`palette-${t}-${t === "neutral" ? "600" : "500"}`),
+        "--variant-solidBg": e("palette-common-white"),
+        "--variant-solidHoverBg": e("palette-common-white"),
+        "--variant-solidActiveBg": e(`palette-${t}-100`),
+        "--variant-solidDisabledColor": `rgba(${e(`palette-${t}-lightChannel`)} / 0.72)`,
+        "--variant-solidDisabledBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.1)`
+      }
+    },
+    [`&, & [${j}]`]: vt(n)
+  };
+}, pe = (t) => (a) => {
+  const {
+    theme: n = a
+  } = a, o = it(n.cssVarPrefix), r = q(n.cssVarPrefix), e = (i) => {
+    const p = i.split("-");
+    return o(i, n.palette[p[1]][p[2]]);
+  };
+  return {
+    [ut]: {
+      "--Badge-ringColor": e(`palette-${t}-softBg`),
+      "--Icon-color": "currentColor",
+      [n.getColorSchemeSelector("dark")]: {
+        [r("--palette-focusVisible")]: e(`palette-${t}-300`),
+        [r("--palette-background-body")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.1)`,
+        [r("--palette-background-surface")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.08)`,
+        [r("--palette-background-level1")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.2)`,
+        [r("--palette-background-level2")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.4)`,
+        [r("--palette-background-level3")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.6)`,
+        [r("--palette-text-primary")]: e(`palette-${t}-100`),
+        [r("--palette-text-secondary")]: `rgba(${e(`palette-${t}-lightChannel`)} / 0.72)`,
+        [r("--palette-text-tertiary")]: `rgba(${e(`palette-${t}-lightChannel`)} / 0.6)`,
+        [r("--palette-text-icon")]: `rgba(${e(`palette-${t}-lightChannel`)} / 0.6)`,
+        [r("--palette-divider")]: `rgba(${e(`palette-${t}-lightChannel`)} / 0.2)`,
+        "--variant-plainColor": `rgba(${e(`palette-${t}-lightChannel`)} / 1)`,
+        "--variant-plainHoverColor": e(`palette-${t}-50`),
+        "--variant-plainHoverBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.16)`,
+        "--variant-plainActiveBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.32)`,
+        "--variant-plainDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.72)`,
+        "--variant-outlinedColor": `rgba(${e(`palette-${t}-lightChannel`)} / 1)`,
+        "--variant-outlinedHoverColor": e(`palette-${t}-50`),
+        "--variant-outlinedBg": "initial",
+        "--variant-outlinedBorder": `rgba(${e(`palette-${t}-mainChannel`)} / 0.4)`,
+        "--variant-outlinedHoverBorder": e(`palette-${t}-600`),
+        "--variant-outlinedHoverBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.16)`,
+        "--variant-outlinedActiveBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.32)`,
+        "--variant-outlinedDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.72)`,
+        "--variant-outlinedDisabledBorder": `rgba(${e(`palette-${t}-mainChannel`)} / 0.2)`,
+        "--variant-softColor": e(`palette-${t}-200`),
+        "--variant-softBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.24)`,
+        "--variant-softHoverColor": "#fff",
+        "--variant-softHoverBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.32)`,
+        "--variant-softActiveBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.48)`,
+        "--variant-softDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.72)`,
+        "--variant-softDisabledBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.12)`,
+        "--variant-solidColor": "#fff",
+        "--variant-solidBg": e(`palette-${t}-500`),
+        "--variant-solidHoverColor": "#fff",
+        "--variant-solidHoverBg": e(`palette-${t}-600`),
+        "--variant-solidActiveBg": e(`palette-${t}-600`),
+        "--variant-solidDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.72)`,
+        "--variant-solidDisabledBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.12)`
+      },
+      // `light` (default color scheme) should come last in case that `theme.getColorSchemeSelector()` return the same value
+      [n.getColorSchemeSelector("light")]: {
+        [r("--palette-focusVisible")]: e(`palette-${t}-500`),
+        [r("--palette-background-body")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.1)`,
+        [r("--palette-background-surface")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.08)`,
+        [r("--palette-background-level1")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.2)`,
+        [r("--palette-background-level2")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.32)`,
+        [r("--palette-background-level3")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.48)`,
+        [r("--palette-text-primary")]: e(`palette-${t}-700`),
+        [r("--palette-text-secondary")]: `rgba(${e(`palette-${t}-darkChannel`)} / 0.8)`,
+        [r("--palette-text-tertiary")]: `rgba(${e(`palette-${t}-darkChannel`)} / 0.68)`,
+        [r("--palette-text-icon")]: e(`palette-${t}-500`),
+        [r("--palette-divider")]: `rgba(${e(`palette-${t}-mainChannel`)} / 0.32)`,
+        "--variant-plainColor": `rgba(${e(`palette-${t}-darkChannel`)} / 0.8)`,
+        "--variant-plainHoverColor": `rgba(${e(`palette-${t}-darkChannel`)} / 1)`,
+        "--variant-plainHoverBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.12)`,
+        "--variant-plainActiveBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.24)`,
+        "--variant-plainDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.6)`,
+        "--variant-outlinedColor": `rgba(${e(`palette-${t}-mainChannel`)} / 1)`,
+        "--variant-outlinedBorder": `rgba(${e(`palette-${t}-mainChannel`)} / 0.4)`,
+        "--variant-outlinedHoverColor": e(`palette-${t}-600`),
+        "--variant-outlinedHoverBorder": e(`palette-${t}-300`),
+        "--variant-outlinedHoverBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.12)`,
+        "--variant-outlinedActiveBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.24)`,
+        "--variant-outlinedDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.6)`,
+        "--variant-outlinedDisabledBorder": `rgba(${e(`palette-${t}-mainChannel`)} / 0.12)`,
+        "--variant-softColor": e(`palette-${t}-600`),
+        "--variant-softBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.8)`,
+        "--variant-softHoverColor": e(`palette-${t}-700`),
+        "--variant-softHoverBg": e(`palette-${t}-200`),
+        "--variant-softActiveBg": e(`palette-${t}-300`),
+        "--variant-softDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.6)`,
+        "--variant-softDisabledBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.08)`,
+        "--variant-solidColor": e("palette-common-white"),
+        "--variant-solidBg": e(`palette-${t}-${t === "neutral" ? "700" : "500"}`),
+        "--variant-solidHoverColor": e("palette-common-white"),
+        "--variant-solidHoverBg": e(`palette-${t}-600`),
+        "--variant-solidActiveBg": e(`palette-${t}-600`),
+        "--variant-solidDisabledColor": `rgba(${e(`palette-${t}-mainChannel`)} / 0.6)`,
+        "--variant-solidDisabledBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.08)`
+      }
+    },
+    [`&, & [${j}]`]: vt(n)
+  };
+}, Lt = /* @__PURE__ */ v.createContext({}), Wt = /* @__PURE__ */ v.createContext(void 0);
+function Ot(t) {
+  return st("MuiTypography", t);
+}
+ct("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 Ut = ["color", "textColor"], jt = ["component", "gutterBottom", "noWrap", "level", "levelMapping", "children", "endDecorator", "startDecorator", "variant", "slots", "slotProps"], rt = /* @__PURE__ */ v.createContext(!1), Kt = /* @__PURE__ */ v.createContext(!1), Jt = (t) => {
+  const {
+    gutterBottom: a,
+    noWrap: n,
+    level: o,
+    color: r,
+    variant: e
+  } = t, i = {
+    root: ["root", o, a && "gutterBottom", n && "noWrap", r && `color${O(r)}`, e && `variant${O(e)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return pt(i, Ot, {});
+}, Gt = F("span", {
+  name: "JoyTypography",
+  slot: "StartDecorator",
+  overridesResolver: (t, a) => a.startDecorator
+})({
+  display: "inline-flex",
+  marginInlineEnd: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
+}), Xt = F("span", {
+  name: "JoyTypography",
+  slot: "endDecorator",
+  overridesResolver: (t, a) => a.endDecorator
+})({
+  display: "inline-flex",
+  marginInlineStart: "clamp(4px, var(--Typography-gap, 0.375em), 0.75rem)"
+}), Zt = F("span", {
+  name: "JoyTypography",
+  slot: "Root",
+  overridesResolver: (t, a) => a.root
+})(({
+  theme: t,
+  ownerState: a
+}) => {
+  var n, o, r, e, i;
+  const p = a.level !== "inherit" ? (n = t.typography[a.level]) == null ? void 0 : n.lineHeight : "1";
+  return u({
+    "--Icon-fontSize": `calc(1em * ${p})`
+  }, a.color && {
+    "--Icon-color": "currentColor"
+  }, {
+    margin: "var(--Typography-margin, 0px)"
+  }, a.nesting ? {
+    display: "inline"
+    // looks better than `inline-block` when using with `variant` prop.
+  } : u({
+    display: "block"
+  }, a.unstable_hasSkeleton && {
+    position: "relative"
+  }), (a.startDecorator || a.endDecorator) && u({
+    display: "flex",
+    alignItems: "center"
+  }, a.nesting && u({
+    display: "inline-flex"
+  }, a.startDecorator && {
+    verticalAlign: "bottom"
+    // to make the text align with the parent's content
+  })), a.level && a.level !== "inherit" && t.typography[a.level], {
+    fontSize: `var(--Typography-fontSize, ${a.level && a.level !== "inherit" && (o = (r = t.typography[a.level]) == null ? void 0 : r.fontSize) != null ? o : "inherit"})`
+  }, a.noWrap && {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }, a.gutterBottom && {
+    marginBottom: "0.35em"
+  }, a.color && {
+    color: `var(--variant-plainColor, rgba(${(e = t.vars.palette[a.color]) == null ? void 0 : e.mainChannel} / 1))`
+  }, a.variant && u({
+    borderRadius: t.vars.radius.xs,
+    paddingBlock: "min(0.1em, 4px)",
+    paddingInline: "0.25em"
+  }, !a.nesting && {
+    marginInline: "-0.25em"
+  }, (i = t.variants[a.variant]) == null ? void 0 : i[a.color]));
+}), nt = {
+  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"
+}, Qt = /* @__PURE__ */ v.forwardRef(function(a, n) {
+  var o;
+  const r = dt({
+    props: a,
+    name: "JoyTypography"
+  }), {
+    color: e,
+    textColor: i
+  } = r, p = Q(r, Ut), y = v.useContext(rt), B = v.useContext(Kt), D = Dt(u({}, p, {
+    color: i
+  })), {
+    component: k,
+    gutterBottom: S = !1,
+    noWrap: b = !1,
+    level: x = "body-md",
+    levelMapping: R = nt,
+    children: f,
+    endDecorator: T,
+    startDecorator: C,
+    variant: g,
+    slots: P = {},
+    slotProps: I = {}
+  } = D, $ = Q(D, jt), d = (o = a.color) != null ? o : g ? e ?? "neutral" : e, E = y || B ? a.level || "inherit" : x, N = kt(f, ["Skeleton"]), z = k || (y ? "span" : R[E] || nt[E] || "span"), H = u({}, D, {
+    level: E,
+    component: z,
+    color: d,
+    gutterBottom: S,
+    noWrap: b,
+    nesting: y,
+    variant: g,
+    unstable_hasSkeleton: N
+  }), V = Jt(H), m = u({}, $, {
+    component: z,
+    slots: P,
+    slotProps: I
+  }), [M, s] = A("root", {
+    ref: n,
+    className: V.root,
+    elementType: Zt,
+    externalForwardedProps: m,
+    ownerState: H
+  }), [l, c] = A("startDecorator", {
+    className: V.startDecorator,
+    elementType: Gt,
+    externalForwardedProps: m,
+    ownerState: H
+  }), [h, G] = A("endDecorator", {
+    className: V.endDecorator,
+    elementType: Xt,
+    externalForwardedProps: m,
+    ownerState: H
+  });
+  return /* @__PURE__ */ _.jsx(rt.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ _.jsxs(M, u({}, s, {
+      children: [C && /* @__PURE__ */ _.jsx(l, u({}, c, {
+        children: C
+      })), N ? /* @__PURE__ */ v.cloneElement(f, {
+        variant: f.props.variant || "inline"
+      }) : f, T && /* @__PURE__ */ _.jsx(h, u({}, G, {
+        children: T
+      }))]
+    }))
+  });
+});
+Qt.muiName = "Typography";
+function Yt(t) {
+  return st("MuiButton", t);
+}
+const ot = ct("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "focusVisible", "disabled", "sizeSm", "sizeMd", "sizeLg", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingIndicatorCenter"]), qt = ["children", "action", "color", "variant", "size", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingPosition", "loadingIndicator", "disabled", "component", "slots", "slotProps"], wt = (t) => {
+  const {
+    color: a,
+    disabled: n,
+    focusVisible: o,
+    focusVisibleClassName: r,
+    fullWidth: e,
+    size: i,
+    variant: p,
+    loading: y
+  } = t, B = {
+    root: ["root", n && "disabled", o && "focusVisible", e && "fullWidth", p && `variant${O(p)}`, a && `color${O(a)}`, i && `size${O(i)}`, y && "loading"],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"],
+    loadingIndicatorCenter: ["loadingIndicatorCenter"]
+  }, D = pt(B, Yt, {});
+  return o && r && (D.root += ` ${r}`), D;
+}, te = F("span", {
+  name: "JoyButton",
+  slot: "StartDecorator",
+  overridesResolver: (t, a) => a.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)"
+}), ee = F("span", {
+  name: "JoyButton",
+  slot: "EndDecorator",
+  overridesResolver: (t, a) => a.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)"
+}), ae = F("span", {
+  name: "JoyButton",
+  slot: "LoadingCenter",
+  overridesResolver: (t, a) => a.loadingIndicatorCenter
+})(({
+  theme: t,
+  ownerState: a
+}) => {
+  var n, o;
+  return u({
+    display: "inherit",
+    position: "absolute",
+    left: "50%",
+    transform: "translateX(-50%)",
+    color: (n = t.variants[a.variant]) == null || (n = n[a.color]) == null ? void 0 : n.color
+  }, a.disabled && {
+    color: (o = t.variants[`${a.variant}Disabled`]) == null || (o = o[a.color]) == null ? void 0 : o.color
+  });
+}), re = ({
+  theme: t,
+  ownerState: a
+}) => {
+  var n, o, r, e;
+  return [u({
+    "--Icon-margin": "initial",
+    // reset the icon's margin.
+    "--Icon-color": a.color !== "neutral" || a.variant === "solid" ? "currentColor" : t.vars.palette.text.icon
+  }, a.size === "sm" && {
+    "--Icon-fontSize": t.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: t.vars.fontSize.sm,
+    paddingBlock: "var(--Button-paddingBlock, 0.25rem)",
+    paddingInline: "0.75rem"
+  }, a.size === "md" && {
+    "--Icon-fontSize": t.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: t.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"
+  }, a.size === "lg" && {
+    "--Icon-fontSize": t.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: t.vars.fontSize.md,
+    paddingBlock: "var(--Button-paddingBlock, 0.5rem)",
+    paddingInline: "1.5rem"
+  }, {
+    WebkitTapHighlightColor: "transparent",
+    boxSizing: "border-box",
+    borderRadius: `var(--Button-radius, ${t.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: t.vars.fontFamily.body,
+    fontWeight: t.vars.fontWeight.lg,
+    lineHeight: t.vars.lineHeight.md
+  }, a.fullWidth && {
+    width: "100%"
+  }, {
+    [t.focus.selector]: t.focus.default
+  }), u({}, (n = t.variants[a.variant]) == null ? void 0 : n[a.color], {
+    "&:hover": {
+      "@media (hover: hover)": (o = t.variants[`${a.variant}Hover`]) == null ? void 0 : o[a.color]
+    },
+    '&:active, &[aria-pressed="true"]': (r = t.variants[`${a.variant}Active`]) == null ? void 0 : r[a.color],
+    [`&.${ot.disabled}`]: (e = t.variants[`${a.variant}Disabled`]) == null ? void 0 : e[a.color]
+  }, a.loadingPosition === "center" && {
+    // this has to come after the variant styles to take effect.
+    [`&.${ot.loading}`]: {
+      color: "transparent"
+    }
+  })];
+}, ne = F("button", {
+  name: "JoyButton",
+  slot: "Root",
+  overridesResolver: (t, a) => a.root
+})(re), oe = /* @__PURE__ */ v.forwardRef(function(a, n) {
+  var o;
+  const r = dt({
+    props: a,
+    name: "JoyButton"
+  }), {
+    children: e,
+    action: i,
+    color: p = "primary",
+    variant: y = "solid",
+    size: B = "md",
+    fullWidth: D = !1,
+    startDecorator: k,
+    endDecorator: S,
+    loading: b = !1,
+    loadingPosition: x = "center",
+    loadingIndicator: R,
+    disabled: f,
+    component: T,
+    slots: C = {},
+    slotProps: g = {}
+  } = r, P = Q(r, qt), I = v.useContext(Lt), $ = v.useContext(Wt), d = a.variant || I.variant || y, E = a.size || I.size || B, N = a.color || I.color || p, z = (o = a.loading || a.disabled) != null ? o : I.disabled || b || f, H = v.useRef(null), V = lt(H, n), {
+    focusVisible: m,
+    setFocusVisible: M,
+    getRootProps: s
+  } = Ft(u({}, r, {
+    disabled: z,
+    rootRef: V
+  })), l = R ?? /* @__PURE__ */ _.jsx(xt, {
+    color: N,
+    thickness: {
+      sm: 2,
+      md: 3,
+      lg: 4
+    }[E] || 3
+  });
+  v.useImperativeHandle(i, () => ({
+    focusVisible: () => {
+      var W;
+      M(!0), (W = H.current) == null || W.focus();
+    }
+  }), [M]);
+  const c = u({}, r, {
+    color: N,
+    fullWidth: D,
+    variant: d,
+    size: E,
+    focusVisible: m,
+    loading: b,
+    loadingPosition: x,
+    disabled: z
+  }), h = wt(c), G = (W) => {
+    var w;
+    let X = r.onClick;
+    if (typeof g.root == "function" ? X = g.root(c).onClick : g.root && (X = g.root.onClick), (w = X) == null || w(W), $) {
+      var tt;
+      (tt = $.onClick) == null || tt.call($, W, r.value);
+    }
+  };
+  let L = r["aria-pressed"];
+  typeof g.root == "function" ? L = g.root(c)["aria-pressed"] : g.root && (L = g.root["aria-pressed"]), $ != null && $.value && (Array.isArray($.value) ? L = $.value.indexOf(r.value) !== -1 : L = $.value === r.value);
+  const U = u({}, P, {
+    component: T,
+    slots: C,
+    slotProps: g
+  }), [gt, mt] = A("root", {
+    ref: n,
+    className: h.root,
+    elementType: ne,
+    externalForwardedProps: U,
+    getSlotProps: s,
+    ownerState: c,
+    additionalProps: {
+      onClick: G,
+      "aria-pressed": L
+    }
+  }), [ft, $t] = A("startDecorator", {
+    className: h.startDecorator,
+    elementType: te,
+    externalForwardedProps: U,
+    ownerState: c
+  }), [ht, bt] = A("endDecorator", {
+    className: h.endDecorator,
+    elementType: ee,
+    externalForwardedProps: U,
+    ownerState: c
+  }), [Ct, yt] = A("loadingIndicatorCenter", {
+    className: h.loadingIndicatorCenter,
+    elementType: ae,
+    externalForwardedProps: U,
+    ownerState: c
+  });
+  return /* @__PURE__ */ _.jsxs(gt, u({}, mt, {
+    children: [(k || b && x === "start") && /* @__PURE__ */ _.jsx(ft, u({}, $t, {
+      children: b && x === "start" ? l : k
+    })), e, b && x === "center" && /* @__PURE__ */ _.jsx(Ct, u({}, yt, {
+      children: l
+    })), (S || b && x === "end") && /* @__PURE__ */ _.jsx(ht, u({}, bt, {
+      children: b && x === "end" ? l : S
+    }))]
+  }));
+});
+oe.muiName = "Button";
+export {
+  oe as B,
+  j as I,
+  Qt as T,
+  zt as a,
+  rt as b,
+  Kt as c,
+  se as d,
+  K as e,
+  ot as f,
+  de as g,
+  pe as h,
+  kt as i,
+  Lt as j,
+  Wt as k,
+  ce as r,
+  ie as s,
+  Ft as u
+};