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

package/chunks/{Button-DJj0KOh3.js → resolveProps-Bgg0H6c2.js}

@@ -1,47 +1,47 @@
-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-NO9IQFuY.js";
-const ie = Bt();
-function kt(t, a) {
-  var n, o;
-  return /* @__PURE__ */ v.isValidElement(t) && a.indexOf(
+import { aa as xt, r as u, m as ct, _ as v, v as nt, ab as pt, g as Q, d as w, e as tt, f as U, l as Dt, h as M, s as N, j as E, i as W, k as et, C as kt, w as St } from "./main-Bh6iw92_.js";
+const $e = xt();
+function ut(t, a) {
+  var o, n;
+  return /* @__PURE__ */ u.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
+    (o = t.type.muiName) != null ? o : (n = t.type) == null || (n = n._payload) == null || (n = n.value) == null ? void 0 : n.muiName
   ) !== -1;
 }
-const at = {};
-function St(t, a) {
-  const n = v.useRef(at);
-  return n.current === at && (n.current = t(a)), n;
+const lt = {};
+function Rt(t, a) {
+  const o = u.useRef(lt);
+  return o.current === lt && (o.current = t(a)), o;
 }
-const Tt = [];
-function It(t) {
-  v.useEffect(t, Tt);
+const Pt = [];
+function Tt(t) {
+  u.useEffect(t, Pt);
 }
-class K {
+class J {
   constructor() {
     this.currentId = null, this.clear = () => {
       this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
     }, this.disposeEffect = () => this.clear;
   }
   static create() {
-    return new K();
+    return new J();
   }
   /**
    * Executes `fn` after `delay`, clearing any previously scheduled call.
    */
-  start(a, n) {
+  start(a, o) {
     this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, n();
+      this.currentId = null, o();
     }, a);
   }
 }
-function se() {
-  const t = St(K.create).current;
-  return It(t.disposeEffect), t;
+function he() {
+  const t = Rt(J.create).current;
+  return Tt(t.disposeEffect), t;
 }
-let J = !0, Y = !1;
-const Rt = new K(), Ht = {
+let G = !0, q = !1;
+const It = new J(), _t = {
   text: !0,
   search: !0,
   url: !0,
@@ -56,24 +56,24 @@ const Rt = new K(), Ht = {
   datetime: !0,
   "datetime-local": !0
 };
-function _t(t) {
+function Ht(t) {
   const {
     type: a,
-    tagName: n
+    tagName: o
   } = t;
-  return !!(n === "INPUT" && Ht[a] && !t.readOnly || n === "TEXTAREA" && !t.readOnly || t.isContentEditable);
+  return !!(o === "INPUT" && _t[a] && !t.readOnly || o === "TEXTAREA" && !t.readOnly || t.isContentEditable);
 }
-function Pt(t) {
-  t.metaKey || t.altKey || t.ctrlKey || (J = !0);
+function Et(t) {
+  t.metaKey || t.altKey || t.ctrlKey || (G = !0);
 }
 function Z() {
-  J = !1;
+  G = !1;
 }
-function Et() {
-  this.visibilityState === "hidden" && Y && (J = !0);
+function zt() {
+  this.visibilityState === "hidden" && q && (G = !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);
+  t.addEventListener("keydown", Et, !0), t.addEventListener("mousedown", Z, !0), t.addEventListener("pointerdown", Z, !0), t.addEventListener("touchstart", Z, !0), t.addEventListener("visibilitychange", zt, !0);
 }
 function Nt(t) {
   const {
@@ -83,149 +83,149 @@ function Nt(t) {
     return a.matches(":focus-visible");
   } catch {
   }
-  return J || _t(a);
+  return G || Ht(a);
 }
-function zt() {
-  const t = v.useCallback((r) => {
+function At() {
+  const t = u.useCallback((r) => {
     r != null && Vt(r.ownerDocument);
-  }, []), a = v.useRef(!1);
-  function n() {
-    return a.current ? (Y = !0, Rt.start(100, () => {
-      Y = !1;
+  }, []), a = u.useRef(!1);
+  function o() {
+    return a.current ? (q = !0, It.start(100, () => {
+      q = !1;
     }), a.current = !1, !0) : !1;
   }
-  function o(r) {
+  function n(r) {
     return Nt(r) ? (a.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: a,
-    onFocus: o,
-    onBlur: n,
+    onFocus: n,
+    onBlur: o,
     ref: t
   };
 }
-function At(t) {
+function Mt(t) {
   const {
     rootElementName: a = ""
-  } = t, [n, o] = v.useState(a.toUpperCase()), r = v.useCallback((e) => {
+  } = t, [o, n] = u.useState(a.toUpperCase()), r = u.useCallback((e) => {
     var i;
-    o((i = e == null ? void 0 : e.tagName) != null ? i : "");
+    n((i = e == null ? void 0 : e.tagName) != null ? i : "");
   }, []);
-  return [n, r];
+  return [o, r];
 }
-function Ft(t = {}) {
+function Wt(t = {}) {
   const {
     disabled: a = !1,
-    focusableWhenDisabled: n,
-    href: o,
+    focusableWhenDisabled: o,
+    href: n,
     rootRef: r,
     tabIndex: e,
     to: i,
     type: p,
-    rootElementName: y
-  } = t, B = v.useRef(null), [D, k] = v.useState(!1), {
+    rootElementName: m
+  } = t, B = u.useRef(null), [b, x] = u.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)
+    onFocus: C,
+    onBlur: D,
+    ref: I
+  } = At(), [$, R] = u.useState(!1);
+  a && !o && $ && R(!1), u.useEffect(() => {
+    S.current = $;
+  }, [$, S]);
+  const [y, f] = Mt({
+    rootElementName: m ?? (n || i ? "a" : void 0)
   }), P = (s) => (l) => {
     var c;
-    f && l.preventDefault(), (c = s.onMouseLeave) == null || c.call(s, l);
-  }, I = (s) => (l) => {
+    $ && l.preventDefault(), (c = s.onMouseLeave) == null || c.call(s, l);
+  }, T = (s) => (l) => {
     var c;
-    x(l), S.current === !1 && T(!1), (c = s.onBlur) == null || c.call(s, l);
-  }, $ = (s) => (l) => {
+    D(l), S.current === !1 && R(!1), (c = s.onBlur) == null || c.call(s, l);
+  }, g = (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);
+    if (B.current || (B.current = l.currentTarget), C(l), S.current === !0) {
+      var k;
+      R(!0), (k = s.onFocusVisible) == null || k.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) => {
+    return y === "BUTTON" || y === "INPUT" && ["button", "submit", "reset"].includes(s == null ? void 0 : s.type) || y === "A" && (s == null ? void 0 : s.href);
+  }, H = (s) => (l) => {
     if (!a) {
       var c;
       (c = s.onClick) == null || c.call(s, l);
     }
-  }, N = (s) => (l) => {
+  }, _ = (s) => (l) => {
     var c;
-    a || (k(!0), document.addEventListener("mouseup", () => {
-      k(!1);
+    a || (x(!0), document.addEventListener("mouseup", () => {
+      x(!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();
+    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 && x(!0), l.target === l.currentTarget && !d() && l.key === "Enter" && !a)) {
+      var k;
+      (k = s.onClick) == null || k.call(s, l), l.preventDefault();
     }
-  }, H = (s) => (l) => {
+  }, V = (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);
+    if (l.target === l.currentTarget && x(!1), (c = s.onKeyUp) == null || c.call(s, l), l.target === l.currentTarget && !d() && !a && l.key === " " && !l.defaultMuiPrevented) {
+      var k;
+      (k = s.onClick) == null || k.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)), {
+  }, A = ct(f, r, I, B), h = {};
+  return e !== void 0 && (h.tabIndex = e), y === "BUTTON" ? (h.type = p ?? "button", o ? h["aria-disabled"] = a : h.disabled = a) : y === "INPUT" ? p && ["button", "submit", "reset"].includes(p) && (o ? h["aria-disabled"] = a : h.disabled = a) : y !== "" && (!n && !i && (h.role = "button", h.tabIndex = e ?? 0), a && (h["aria-disabled"] = a, h.tabIndex = o ? e ?? 0 : -1)), {
     getRootProps: (s = {}) => {
-      const l = u({}, et(t), et(s)), c = u({
+      const l = v({}, nt(t), nt(s)), c = v({
         type: p
-      }, l, m, s, {
-        onBlur: I(l),
-        onClick: E(l),
-        onFocus: $(l),
+      }, l, h, s, {
+        onBlur: T(l),
+        onClick: H(l),
+        onFocus: g(l),
         onKeyDown: z(l),
-        onKeyUp: H(l),
-        onMouseDown: N(l),
+        onKeyUp: V(l),
+        onMouseDown: _(l),
         onMouseLeave: P(l),
-        ref: V
+        ref: A
       });
       return delete c.onFocusVisible, c;
     },
-    focusVisible: f,
-    setFocusVisible: T,
-    active: D,
-    rootRef: V
+    focusVisible: $,
+    setFocusVisible: R,
+    active: b,
+    rootRef: A
   };
 }
-const ce = ({
+const Ot = ({
   theme: t,
   ownerState: a
-}, n) => {
-  let o = {};
+}, o) => {
+  let n = {};
   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));
+    }) : typeof e == "object" && (n = v({}, n, e));
   }
-  return a.sx && (r(a.sx), n.forEach((e) => {
-    const i = o[e];
+  return a.sx && (r(a.sx), o.forEach((e) => {
+    const i = n[e];
     if (typeof i == "string" || typeof i == "number")
       if (e === "borderRadius")
         if (typeof i == "number")
-          o[e] = `${i}px`;
+          n[e] = `${i}px`;
         else {
           var p;
-          o[e] = ((p = t.vars) == null ? void 0 : p.radius[i]) || i;
+          n[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);
+      else ["p", "padding", "m", "margin"].indexOf(e) !== -1 && typeof i == "number" ? n[e] = t.spacing(i) : n[e] = i;
+    else typeof i == "function" ? n[e] = i(t) : n[e] = void 0;
+  })), n;
+}, at = (t) => (a) => `--${t ? `${t}-` : ""}${a.replace(/^--/, "")}`, K = "data-skip-inverted-colors", vt = `& :not([${K}], [${K}] *)`, gt = (t) => {
+  var a, o, n, r, e, i, p, m, B, b, x, S, C, D, I, $, R, y, f, P, T, g;
+  const d = at(t.cssVarPrefix);
   return {
     "--variant-plainColor": "var(--variant-plainColor) !important",
     "--variant-plainHoverColor": "var(--variant-plainHoverColor) !important",
@@ -258,45 +258,45 @@ const ce = ({
     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-body")]: `${(o = t.colorSchemes.light) == null ? void 0 : o.palette.background.body} !important`,
+      [d("--palette-background-surface")]: `${(n = t.colorSchemes.light) == null ? void 0 : n.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-primary")]: `${(m = t.colorSchemes.light) == null ? void 0 : m.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`
+      [d("--palette-text-tertiary")]: `${(b = t.colorSchemes.light) == null ? void 0 : b.palette.text.tertiary} !important`,
+      [d("--palette-divider")]: `${(x = t.colorSchemes.light) == null ? void 0 : x.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-background-body")]: `${(C = t.colorSchemes.dark) == null ? void 0 : C.palette.background.body} !important`,
+      [d("--palette-background-surface")]: `${(D = t.colorSchemes.dark) == null ? void 0 : D.palette.background.surface} !important`,
+      [d("--palette-background-popup")]: `${(I = t.colorSchemes.dark) == null ? void 0 : I.palette.background.popup} !important`,
+      [d("--palette-background-level1")]: `${($ = t.colorSchemes.dark) == null ? void 0 : $.palette.background.level1} !important`,
+      [d("--palette-background-level2")]: `${(R = t.colorSchemes.dark) == null ? void 0 : R.palette.background.level2} !important`,
+      [d("--palette-background-level3")]: `${(y = t.colorSchemes.dark) == null ? void 0 : y.palette.background.level3} !important`,
+      [d("--palette-text-primary")]: `${(f = t.colorSchemes.dark) == null ? void 0 : f.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`
+      [d("--palette-text-tertiary")]: `${(T = t.colorSchemes.dark) == null ? void 0 : T.palette.text.tertiary} !important`,
+      [d("--palette-divider")]: `${(g = t.colorSchemes.dark) == null ? void 0 : g.palette.divider} !important`
     }
   };
 };
-function Mt(t) {
+function Ft(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 Lt = (t) => (a) => {
+  const o = Ft(a) ? a.theme : a, n = pt(o.cssVarPrefix), r = at(o.cssVarPrefix), e = (i) => {
     const p = i.split("-");
-    return o(i, n.palette[p[1]][p[2]]);
+    return n(i, o.palette[p[1]][p[2]]);
   };
   return {
-    [ut]: {
+    [vt]: {
       "--Badge-ringColor": e(`palette-${t}-solidBg`),
       "--Icon-color": "currentColor",
-      [`${n.getColorSchemeSelector("light")}, ${n.getColorSchemeSelector("dark")}`]: {
+      [`${o.getColorSchemeSelector("light")}, ${o.getColorSchemeSelector("dark")}`]: {
         colorScheme: "dark",
         [r("--palette-focusVisible")]: e(`palette-${t}-200`),
         [r("--palette-background-body")]: "rgba(0 0 0 / 0.1)",
@@ -339,20 +339,20 @@ const de = (t) => (a) => {
         "--variant-solidDisabledBg": `rgba(${e(`palette-${t}-lightChannel`)} / 0.1)`
       }
     },
-    [`&, & [${j}]`]: vt(n)
+    [`&, & [${K}]`]: gt(o)
   };
-}, pe = (t) => (a) => {
+}, jt = (t) => (a) => {
   const {
-    theme: n = a
-  } = a, o = it(n.cssVarPrefix), r = q(n.cssVarPrefix), e = (i) => {
+    theme: o = a
+  } = a, n = pt(o.cssVarPrefix), r = at(o.cssVarPrefix), e = (i) => {
     const p = i.split("-");
-    return o(i, n.palette[p[1]][p[2]]);
+    return n(i, o.palette[p[1]][p[2]]);
   };
   return {
-    [ut]: {
+    [vt]: {
       "--Badge-ringColor": e(`palette-${t}-softBg`),
       "--Icon-color": "currentColor",
-      [n.getColorSchemeSelector("dark")]: {
+      [o.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)`,
@@ -394,7 +394,7 @@ const de = (t) => (a) => {
         "--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")]: {
+      [o.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)`,
@@ -435,41 +435,41 @@ const de = (t) => (a) => {
         "--variant-solidDisabledBg": `rgba(${e(`palette-${t}-mainChannel`)} / 0.08)`
       }
     },
-    [`&, & [${j}]`]: vt(n)
+    [`&, & [${K}]`]: gt(o)
   };
-}, Lt = /* @__PURE__ */ v.createContext({}), Wt = /* @__PURE__ */ v.createContext(void 0);
-function Ot(t) {
-  return st("MuiTypography", t);
+}, Ut = /* @__PURE__ */ u.createContext({}), Kt = /* @__PURE__ */ u.createContext(void 0);
+function Jt(t) {
+  return Q("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) => {
+w("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 Gt = ["color", "textColor"], Xt = ["component", "gutterBottom", "noWrap", "level", "levelMapping", "children", "endDecorator", "startDecorator", "variant", "slots", "slotProps"], it = /* @__PURE__ */ u.createContext(!1), Yt = /* @__PURE__ */ u.createContext(!1), Zt = (t) => {
   const {
     gutterBottom: a,
-    noWrap: n,
-    level: o,
+    noWrap: o,
+    level: n,
     color: r,
     variant: e
   } = t, i = {
-    root: ["root", o, a && "gutterBottom", n && "noWrap", r && `color${O(r)}`, e && `variant${O(e)}`],
+    root: ["root", n, a && "gutterBottom", o && "noWrap", r && `color${W(r)}`, e && `variant${W(e)}`],
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"]
   };
-  return pt(i, Ot, {});
-}, Gt = F("span", {
+  return et(i, Jt, {});
+}, qt = N("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", {
+}), Qt = N("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", {
+}), wt = N("span", {
   name: "JoyTypography",
   slot: "Root",
   overridesResolver: (t, a) => a.root
@@ -477,9 +477,9 @@ const Ut = ["color", "textColor"], jt = ["component", "gutterBottom", "noWrap",
   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({
+  var o, n, r, e, i;
+  const p = a.level !== "inherit" ? (o = t.typography[a.level]) == null ? void 0 : o.lineHeight : "1";
+  return v({
     "--Icon-fontSize": `calc(1em * ${p})`
   }, a.color && {
     "--Icon-color": "currentColor"
@@ -488,20 +488,20 @@ const Ut = ["color", "textColor"], jt = ["component", "gutterBottom", "noWrap",
   }, a.nesting ? {
     display: "inline"
     // looks better than `inline-block` when using with `variant` prop.
-  } : u({
+  } : v({
     display: "block"
   }, a.unstable_hasSkeleton && {
     position: "relative"
-  }), (a.startDecorator || a.endDecorator) && u({
+  }), (a.startDecorator || a.endDecorator) && v({
     display: "flex",
     alignItems: "center"
-  }, a.nesting && u({
+  }, a.nesting && v({
     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"})`
+    fontSize: `var(--Typography-fontSize, ${a.level && a.level !== "inherit" && (n = (r = t.typography[a.level]) == null ? void 0 : r.fontSize) != null ? n : "inherit"})`
   }, a.noWrap && {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -510,14 +510,14 @@ const Ut = ["color", "textColor"], jt = ["component", "gutterBottom", "noWrap",
     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({
+  }, a.variant && v({
     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 = {
+}), st = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -530,93 +530,93 @@ const Ut = ["color", "textColor"], jt = ["component", "gutterBottom", "noWrap",
   "body-sm": "p",
   "body-xs": "span",
   inherit: "p"
-}, Qt = /* @__PURE__ */ v.forwardRef(function(a, n) {
-  var o;
-  const r = dt({
+}, te = /* @__PURE__ */ u.forwardRef(function(a, o) {
+  var n;
+  const r = tt({
     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, {
+  } = r, p = U(r, Gt), m = u.useContext(it), B = u.useContext(Yt), b = Dt(v({}, p, {
     color: i
   })), {
-    component: k,
+    component: x,
     gutterBottom: S = !1,
-    noWrap: b = !1,
-    level: x = "body-md",
-    levelMapping: R = nt,
-    children: f,
-    endDecorator: T,
-    startDecorator: C,
-    variant: g,
+    noWrap: C = !1,
+    level: D = "body-md",
+    levelMapping: I = st,
+    children: $,
+    endDecorator: R,
+    startDecorator: y,
+    variant: f,
     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,
+    slotProps: T = {}
+  } = b, g = U(b, Xt), d = (n = a.color) != null ? n : f ? e ?? "neutral" : e, H = m || B ? a.level || "inherit" : D, _ = ut($, ["Skeleton"]), z = x || (m ? "span" : I[H] || st[H] || "span"), V = v({}, b, {
+    level: H,
     component: z,
     color: d,
     gutterBottom: S,
-    noWrap: b,
-    nesting: y,
-    variant: g,
-    unstable_hasSkeleton: N
-  }), V = Jt(H), m = u({}, $, {
+    noWrap: C,
+    nesting: m,
+    variant: f,
+    unstable_hasSkeleton: _
+  }), A = Zt(V), h = v({}, g, {
     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
+    slotProps: T
+  }), [O, s] = M("root", {
+    ref: o,
+    className: A.root,
+    elementType: wt,
+    externalForwardedProps: h,
+    ownerState: V
+  }), [l, c] = M("startDecorator", {
+    className: A.startDecorator,
+    elementType: qt,
+    externalForwardedProps: h,
+    ownerState: V
+  }), [k, X] = M("endDecorator", {
+    className: A.endDecorator,
+    elementType: Qt,
+    externalForwardedProps: h,
+    ownerState: V
   });
-  return /* @__PURE__ */ _.jsx(rt.Provider, {
+  return /* @__PURE__ */ E.jsx(it.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
+    children: /* @__PURE__ */ E.jsxs(O, v({}, s, {
+      children: [y && /* @__PURE__ */ E.jsx(l, v({}, c, {
+        children: y
+      })), _ ? /* @__PURE__ */ u.cloneElement($, {
+        variant: $.props.variant || "inline"
+      }) : $, R && /* @__PURE__ */ E.jsx(k, v({}, X, {
+        children: R
       }))]
     }))
   });
 });
-Qt.muiName = "Typography";
-function Yt(t) {
-  return st("MuiButton", t);
+te.muiName = "Typography";
+function ee(t) {
+  return Q("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 dt = w("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "focusVisible", "disabled", "sizeSm", "sizeMd", "sizeLg", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingIndicatorCenter"]), ae = ["children", "action", "color", "variant", "size", "fullWidth", "startDecorator", "endDecorator", "loading", "loadingPosition", "loadingIndicator", "disabled", "component", "slots", "slotProps"], re = (t) => {
   const {
     color: a,
-    disabled: n,
-    focusVisible: o,
+    disabled: o,
+    focusVisible: n,
     focusVisibleClassName: r,
     fullWidth: e,
     size: i,
     variant: p,
-    loading: y
+    loading: m
   } = t, B = {
-    root: ["root", n && "disabled", o && "focusVisible", e && "fullWidth", p && `variant${O(p)}`, a && `color${O(a)}`, i && `size${O(i)}`, y && "loading"],
+    root: ["root", o && "disabled", n && "focusVisible", e && "fullWidth", p && `variant${W(p)}`, a && `color${W(a)}`, i && `size${W(i)}`, m && "loading"],
     startDecorator: ["startDecorator"],
     endDecorator: ["endDecorator"],
     loadingIndicatorCenter: ["loadingIndicatorCenter"]
-  }, D = pt(B, Yt, {});
-  return o && r && (D.root += ` ${r}`), D;
-}, te = F("span", {
+  }, b = et(B, ee, {});
+  return n && r && (b.root += ` ${r}`), b;
+}, oe = N("span", {
   name: "JoyButton",
   slot: "StartDecorator",
   overridesResolver: (t, a) => a.startDecorator
@@ -625,7 +625,7 @@ const ot = ct("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger
   "--CircularProgress-margin": "0 0 0 calc(var(--Button-gap) / -2)",
   display: "inherit",
   marginRight: "var(--Button-gap)"
-}), ee = F("span", {
+}), ne = N("span", {
   name: "JoyButton",
   slot: "EndDecorator",
   overridesResolver: (t, a) => a.endDecorator
@@ -634,7 +634,7 @@ const ot = ct("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger
   "--CircularProgress-margin": "0 calc(var(--Button-gap) / -2) 0 0",
   display: "inherit",
   marginLeft: "var(--Button-gap)"
-}), ae = F("span", {
+}), le = N("span", {
   name: "JoyButton",
   slot: "LoadingCenter",
   overridesResolver: (t, a) => a.loadingIndicatorCenter
@@ -642,22 +642,22 @@ const ot = ct("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger
   theme: t,
   ownerState: a
 }) => {
-  var n, o;
-  return u({
+  var o, n;
+  return v({
     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
+    color: (o = t.variants[a.variant]) == null || (o = o[a.color]) == null ? void 0 : o.color
   }, a.disabled && {
-    color: (o = t.variants[`${a.variant}Disabled`]) == null || (o = o[a.color]) == null ? void 0 : o.color
+    color: (n = t.variants[`${a.variant}Disabled`]) == null || (n = n[a.color]) == null ? void 0 : n.color
   });
-}), re = ({
+}), ie = ({
   theme: t,
   ownerState: a
 }) => {
-  var n, o, r, e;
-  return [u({
+  var o, n, r, e;
+  return [v({
     "--Icon-margin": "initial",
     // reset the icon's margin.
     "--Icon-color": a.color !== "neutral" || a.variant === "solid" ? "currentColor" : t.vars.palette.text.icon
@@ -718,141 +718,299 @@ const ot = ct("MuiButton", ["root", "colorPrimary", "colorNeutral", "colorDanger
     width: "100%"
   }, {
     [t.focus.selector]: t.focus.default
-  }), u({}, (n = t.variants[a.variant]) == null ? void 0 : n[a.color], {
+  }), v({}, (o = t.variants[a.variant]) == null ? void 0 : o[a.color], {
     "&:hover": {
-      "@media (hover: hover)": (o = t.variants[`${a.variant}Hover`]) == null ? void 0 : o[a.color]
+      "@media (hover: hover)": (n = t.variants[`${a.variant}Hover`]) == null ? void 0 : n[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]
+    [`&.${dt.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}`]: {
+    [`&.${dt.loading}`]: {
       color: "transparent"
     }
   })];
-}, ne = F("button", {
+}, se = N("button", {
   name: "JoyButton",
   slot: "Root",
   overridesResolver: (t, a) => a.root
-})(re), oe = /* @__PURE__ */ v.forwardRef(function(a, n) {
-  var o;
-  const r = dt({
+})(ie), de = /* @__PURE__ */ u.forwardRef(function(a, o) {
+  var n;
+  const r = tt({
     props: a,
     name: "JoyButton"
   }), {
     children: e,
     action: i,
     color: p = "primary",
-    variant: y = "solid",
+    variant: m = "solid",
     size: B = "md",
-    fullWidth: D = !1,
-    startDecorator: k,
+    fullWidth: b = !1,
+    startDecorator: x,
     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,
+    loading: C = !1,
+    loadingPosition: D = "center",
+    loadingIndicator: I,
+    disabled: $,
+    component: R,
+    slots: y = {},
+    slotProps: f = {}
+  } = r, P = U(r, ae), T = u.useContext(Ut), g = u.useContext(Kt), d = a.variant || T.variant || m, H = a.size || T.size || B, _ = a.color || T.color || p, z = (n = a.loading || a.disabled) != null ? n : T.disabled || C || $, V = u.useRef(null), A = ct(V, o), {
+    focusVisible: h,
+    setFocusVisible: O,
     getRootProps: s
-  } = Ft(u({}, r, {
+  } = Wt(v({}, r, {
     disabled: z,
-    rootRef: V
-  })), l = R ?? /* @__PURE__ */ _.jsx(xt, {
-    color: N,
+    rootRef: A
+  })), l = I ?? /* @__PURE__ */ E.jsx(kt, {
+    color: _,
     thickness: {
       sm: 2,
       md: 3,
       lg: 4
-    }[E] || 3
+    }[H] || 3
   });
-  v.useImperativeHandle(i, () => ({
+  u.useImperativeHandle(i, () => ({
     focusVisible: () => {
-      var W;
-      M(!0), (W = H.current) == null || W.focus();
+      var L;
+      O(!0), (L = V.current) == null || L.focus();
     }
-  }), [M]);
-  const c = u({}, r, {
-    color: N,
-    fullWidth: D,
+  }), [O]);
+  const c = v({}, r, {
+    color: _,
+    fullWidth: b,
     variant: d,
-    size: E,
-    focusVisible: m,
-    loading: b,
-    loadingPosition: x,
+    size: H,
+    focusVisible: h,
+    loading: C,
+    loadingPosition: D,
     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);
+  }), k = re(c), X = (L) => {
+    var rt;
+    let Y = r.onClick;
+    if (typeof f.root == "function" ? Y = f.root(c).onClick : f.root && (Y = f.root.onClick), (rt = Y) == null || rt(L), g) {
+      var ot;
+      (ot = g.onClick) == null || ot.call(g, L, 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,
+  let F = r["aria-pressed"];
+  typeof f.root == "function" ? F = f.root(c)["aria-pressed"] : f.root && (F = f.root["aria-pressed"]), g != null && g.value && (Array.isArray(g.value) ? F = g.value.indexOf(r.value) !== -1 : F = g.value === r.value);
+  const j = v({}, P, {
+    component: R,
+    slots: y,
+    slotProps: f
+  }), [mt, ft] = M("root", {
+    ref: o,
+    className: k.root,
+    elementType: se,
+    externalForwardedProps: j,
     getSlotProps: s,
     ownerState: c,
     additionalProps: {
-      onClick: G,
-      "aria-pressed": L
+      onClick: X,
+      "aria-pressed": F
     }
-  }), [ft, $t] = A("startDecorator", {
-    className: h.startDecorator,
-    elementType: te,
-    externalForwardedProps: U,
+  }), [$t, ht] = M("startDecorator", {
+    className: k.startDecorator,
+    elementType: oe,
+    externalForwardedProps: j,
     ownerState: c
-  }), [ht, bt] = A("endDecorator", {
-    className: h.endDecorator,
-    elementType: ee,
-    externalForwardedProps: U,
+  }), [bt, Ct] = M("endDecorator", {
+    className: k.endDecorator,
+    elementType: ne,
+    externalForwardedProps: j,
     ownerState: c
-  }), [Ct, yt] = A("loadingIndicatorCenter", {
-    className: h.loadingIndicatorCenter,
-    elementType: ae,
-    externalForwardedProps: U,
+  }), [yt, Bt] = M("loadingIndicatorCenter", {
+    className: k.loadingIndicatorCenter,
+    elementType: le,
+    externalForwardedProps: j,
     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, {
+  return /* @__PURE__ */ E.jsxs(mt, v({}, ft, {
+    children: [(x || C && D === "start") && /* @__PURE__ */ E.jsx($t, v({}, ht, {
+      children: C && D === "start" ? l : x
+    })), e, C && D === "center" && /* @__PURE__ */ E.jsx(yt, v({}, Bt, {
       children: l
-    })), (S || b && x === "end") && /* @__PURE__ */ _.jsx(ht, u({}, bt, {
-      children: b && x === "end" ? l : S
+    })), (S || C && D === "end") && /* @__PURE__ */ E.jsx(bt, v({}, Ct, {
+      children: C && D === "end" ? l : S
     }))]
   }));
 });
-oe.muiName = "Button";
+de.muiName = "Button";
+function ce(t) {
+  return Q("MuiCard", t);
+}
+const be = w("MuiCard", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid", "sizeSm", "sizeMd", "sizeLg", "horizontal", "vertical"]), pe = ["className", "color", "component", "invertedColors", "size", "variant", "children", "orientation", "slots", "slotProps"], ue = (t) => {
+  const {
+    size: a,
+    variant: o,
+    color: n,
+    orientation: r
+  } = t, e = {
+    root: ["root", r, o && `variant${W(o)}`, n && `color${W(n)}`, a && `size${W(a)}`]
+  };
+  return et(e, ce, {});
+}, ve = N("div")(({
+  theme: t,
+  ownerState: a
+}) => {
+  var o;
+  const {
+    p: n,
+    padding: r,
+    borderRadius: e
+  } = Ot({
+    theme: t,
+    ownerState: a
+  }, ["p", "padding", "borderRadius"]);
+  return [v({
+    "--Icon-color": a.color !== "neutral" || a.variant === "solid" ? "currentColor" : t.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))"
+  }, a.size === "sm" && {
+    "--Card-radius": t.vars.radius.sm,
+    "--Card-padding": "0.625rem",
+    gap: "0.5rem"
+  }, a.size === "md" && {
+    "--Card-radius": t.vars.radius.md,
+    "--Card-padding": "1rem",
+    gap: "0.75rem 1rem"
+  }, a.size === "lg" && {
+    "--Card-radius": t.vars.radius.lg,
+    "--Card-padding": "1.5rem",
+    gap: "1rem 1.5rem"
+  }, {
+    padding: "var(--Card-padding)",
+    borderRadius: "var(--Card-radius)",
+    backgroundColor: t.vars.palette.background.surface,
+    position: "relative",
+    display: "flex",
+    flexDirection: a.orientation === "horizontal" ? "row" : "column"
+  }, t.typography[`body-${a.size}`], a.variant === "solid" && a.color && a.invertedColors && Lt(a.color)(t), a.variant === "soft" && a.color && a.invertedColors && jt(a.color)(t), (o = t.variants[a.variant]) == null ? void 0 : o[a.color]), n !== void 0 && {
+    "--Card-padding": n
+  }, r !== void 0 && {
+    "--Card-padding": r
+  }, e !== void 0 && {
+    "--Card-radius": e
+  }];
+}), ge = N(ve, {
+  name: "JoyCard",
+  slot: "Root",
+  overridesResolver: (t, a) => a.root
+})({}), Ce = /* @__PURE__ */ u.forwardRef(function(a, o) {
+  const n = tt({
+    props: a,
+    name: "JoyCard"
+  }), {
+    className: r,
+    color: e = "neutral",
+    component: i = "div",
+    invertedColors: p = !1,
+    size: m = "md",
+    variant: B = "outlined",
+    children: b,
+    orientation: x = "vertical",
+    slots: S = {},
+    slotProps: C = {}
+  } = n, D = U(n, pe), I = v({}, n, {
+    color: e,
+    component: i,
+    orientation: x,
+    size: m,
+    variant: B,
+    invertedColors: p
+  }), $ = ue(I), R = v({}, D, {
+    component: i,
+    slots: S,
+    slotProps: C
+  }), [y, f] = M("root", {
+    ref: o,
+    className: St($.root, r),
+    elementType: ge,
+    externalForwardedProps: R,
+    ownerState: I
+  });
+  return /* @__PURE__ */ E.jsx(y, v({}, f, {
+    children: u.Children.map(b, (P, T) => {
+      if (!/* @__PURE__ */ u.isValidElement(P))
+        return P;
+      const g = {};
+      if (ut(P, ["Divider"])) {
+        var d, H;
+        const _ = P.props;
+        g.inset = (d = _ == null ? void 0 : _.inset) != null ? d : "context";
+        const z = x === "vertical" ? "horizontal" : "vertical";
+        g.orientation = (H = _ == null ? void 0 : _.orientation) != null ? H : z;
+      }
+      return T === 0 && (g["data-first-child"] = ""), T === u.Children.count(b) - 1 && (g["data-last-child"] = ""), /* @__PURE__ */ u.cloneElement(P, g);
+    })
+  }));
+}), ye = "$$material";
+function me(t, a) {
+  const o = {
+    ...a
+  };
+  for (const n in t)
+    if (Object.prototype.hasOwnProperty.call(t, n)) {
+      const r = n;
+      if (r === "components" || r === "slots")
+        o[r] = {
+          ...t[r],
+          ...o[r]
+        };
+      else if (r === "componentsProps" || r === "slotProps") {
+        const e = t[r], i = a[r];
+        if (!i)
+          o[r] = e || {};
+        else if (!e)
+          o[r] = i;
+        else {
+          o[r] = {
+            ...i
+          };
+          for (const p in e)
+            if (Object.prototype.hasOwnProperty.call(e, p)) {
+              const m = p;
+              o[r][m] = me(e[m], i[m]);
+            }
+        }
+      } else o[r] === void 0 && (o[r] = t[r]);
+    }
+  return o;
+}
 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
+  de as B,
+  Ce as C,
+  K as I,
+  ve as S,
+  te as T,
+  it as a,
+  Yt as b,
+  he as c,
+  Lt as d,
+  jt as e,
+  Wt as f,
+  me as g,
+  ye as h,
+  ut as i,
+  be as j,
+  dt as k,
+  Ut as l,
+  Kt as m,
+  Ot as r,
+  $e as s,
+  At as u
 };