fansunited-widgets-cdn 0.0.84 → 0.0.86-RC1

package/chunks/Sheet-BaCzogZK.js

@@ -0,0 +1,167 @@
+import { F as f, G as m, r as P, v as _, _ as k, w as n, x as A, y, E as z, j as N, D, z as h, a6 as R } from "./main-XP7dqk6g.js";
+import { f as $, r as F, g as I, h as U } from "./Button-BV7YIFkS.js";
+import { i as M } from "./IconButton-Lt9Xks7c.js";
+import { c as S } from "./Card-DRIT0wtY.js";
+import { a as j } from "./CardContent-CD-WZh1l.js";
+function B(o) {
+  return f("MuiCardActions", o);
+}
+m("MuiCardActions", ["root"]);
+function Z(o) {
+  return f("MuiDivider", o);
+}
+const W = m("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]), J = ["className", "component", "children", "buttonFlex", "orientation", "slots", "slotProps"], E = () => D({
+  root: ["root"]
+}, B, {}), L = y("div")(({
+  ownerState: o
+}) => {
+  var t;
+  return n({
+    "--Button-radius": "var(--Card-childRadius)",
+    "--IconButton-radius": "var(--Card-childRadius)",
+    display: "flex"
+  }, ((t = o.orientation) == null ? void 0 : t.startsWith("horizontal")) && {
+    alignItems: "center"
+    // it is common to have children aligned center in horizontal orientation, but not vertically.
+  }, {
+    flexDirection: o.orientation === "horizontal" ? "row" : "column"
+  }, o.orientation === "horizontal-reverse" && {
+    flexDirection: "row-reverse"
+  }, {
+    zIndex: 1,
+    // render above Link's overlay
+    gap: "calc(0.625 * var(--Card-padding))",
+    padding: "var(--unstable_padding)",
+    "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 0 0",
+    [`.${j.root} > &`]: {
+      "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)"
+    },
+    [`.${S.root} > .${W.root} + &`]: {
+      "--unstable_padding": "0"
+    }
+  }, o.buttonFlex ? {
+    [`& > :not(.${M.root})`]: {
+      flex: o.buttonFlex
+    },
+    [`& > :not(button) > .${$.root}`]: {
+      width: "100%"
+      // for button to fill its wrapper.
+    }
+  } : {
+    [`& > .${$.root}:only-child`]: {
+      flex: "auto"
+    }
+  });
+}), T = y(L, {
+  name: "JoyCardActions",
+  slot: "Root",
+  overridesResolver: (o, t) => t.root
+})({}), w = /* @__PURE__ */ P.forwardRef(function(t, s) {
+  const r = _({
+    props: t,
+    name: "JoyCardActions"
+  }), {
+    className: a,
+    component: i = "div",
+    children: l,
+    buttonFlex: c,
+    orientation: d = "horizontal",
+    slots: e = {},
+    slotProps: p = {}
+  } = r, v = k(r, J), u = n({}, v, {
+    component: i,
+    slots: e,
+    slotProps: p
+  }), C = n({}, r, {
+    component: i,
+    buttonFlex: c,
+    orientation: d
+  }), g = E(), [b, x] = A("root", {
+    ref: s,
+    className: z(g.root, a),
+    elementType: T,
+    externalForwardedProps: u,
+    ownerState: C
+  });
+  return /* @__PURE__ */ N.jsx(b, n({}, x, {
+    children: l
+  }));
+});
+function G(o) {
+  return f("MuiSheet", o);
+}
+m("MuiSheet", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const O = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], V = (o) => {
+  const {
+    variant: t,
+    color: s
+  } = o, r = {
+    root: ["root", t && `variant${h(t)}`, s && `color${h(s)}`]
+  };
+  return D(r, G, {});
+}, q = y("div", {
+  name: "JoySheet",
+  slot: "Root",
+  overridesResolver: (o, t) => t.root
+})(({
+  theme: o,
+  ownerState: t
+}) => {
+  var s, r;
+  const a = (s = o.variants[t.variant]) == null ? void 0 : s[t.color], {
+    borderRadius: i,
+    bgcolor: l,
+    backgroundColor: c,
+    background: d
+  } = F({
+    theme: o,
+    ownerState: t
+  }, ["borderRadius", "bgcolor", "backgroundColor", "background"]), e = R(o, `palette.${l}`) || l || R(o, `palette.${c}`) || c || d || (a == null ? void 0 : a.backgroundColor) || (a == null ? void 0 : a.background) || o.vars.palette.background.surface;
+  return [n({
+    "--Icon-color": t.color !== "neutral" || t.variant === "solid" ? "currentColor" : o.vars.palette.text.icon,
+    "--ListItem-stickyBackground": e === "transparent" ? "initial" : e,
+    // for sticky List
+    "--Sheet-background": e === "transparent" ? "initial" : e
+  }, i !== void 0 && {
+    "--List-radius": `calc(${i} - var(--variant-borderWidth, 0px))`,
+    "--unstable_actionRadius": `calc(${i} - var(--variant-borderWidth, 0px))`
+  }, {
+    backgroundColor: o.vars.palette.background.surface,
+    position: "relative"
+  }), n({}, o.typography["body-md"], t.variant === "solid" && t.color && t.invertedColors && I(t.color)(o), t.variant === "soft" && t.color && t.invertedColors && U(t.color)(o), (r = o.variants[t.variant]) == null ? void 0 : r[t.color], a)];
+}), oo = /* @__PURE__ */ P.forwardRef(function(t, s) {
+  const r = _({
+    props: t,
+    name: "JoySheet"
+  }), {
+    className: a,
+    color: i = "neutral",
+    component: l = "div",
+    variant: c = "plain",
+    invertedColors: d = !1,
+    slots: e = {},
+    slotProps: p = {}
+  } = r, v = k(r, O), u = n({}, r, {
+    color: i,
+    component: l,
+    invertedColors: d,
+    variant: c
+  }), C = V(u), g = n({}, v, {
+    component: l,
+    slots: e,
+    slotProps: p
+  }), [b, x] = A("root", {
+    ref: s,
+    className: z(C.root, a),
+    elementType: q,
+    externalForwardedProps: g,
+    ownerState: u
+  });
+  return /* @__PURE__ */ N.jsx(b, n({}, x));
+});
+export {
+  w as C,
+  oo as S,
+  L as a,
+  Z as g
+};

package/chunks/Snackbar-DHxnbCA3.js

@@ -0,0 +1,358 @@
+import { r as i, Z as er, j as x, w as g, a5 as _, F as or, G as ar, v as tr, _ as sr, x as w, y as A, E as ir, z as C, D as cr, I } from "./main-XP7dqk6g.js";
+import { d as lr, r as dr, g as ur, h as fr } from "./Button-BV7YIFkS.js";
+import { g as vr, u as P, o as H } from "./getReactElementRef-BD-S8A24.js";
+function M(n) {
+  return n.substring(2).toLowerCase();
+}
+function mr(n, r) {
+  return r.documentElement.clientWidth < n.clientX || r.documentElement.clientHeight < n.clientY;
+}
+function pr(n) {
+  const {
+    children: r,
+    disableReactTree: p = !1,
+    mouseEvent: a = "onClick",
+    onClickAway: d,
+    touchEvent: s = "onTouchEnd"
+  } = n, v = i.useRef(!1), u = i.useRef(null), m = i.useRef(!1), b = i.useRef(!1);
+  i.useEffect(() => (setTimeout(() => {
+    m.current = !0;
+  }, 0), () => {
+    m.current = !1;
+  }), []);
+  const h = er(vr(r), u), c = P((t) => {
+    const l = b.current;
+    b.current = !1;
+    const k = H(u.current);
+    if (!m.current || !u.current || "clientX" in t && mr(t, k))
+      return;
+    if (v.current) {
+      v.current = !1;
+      return;
+    }
+    let e;
+    t.composedPath ? e = t.composedPath().indexOf(u.current) > -1 : e = !k.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      t.target
+    ) || u.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      t.target
+    ), !e && (p || !l) && d(t);
+  }), S = (t) => (l) => {
+    b.current = !0;
+    const k = r.props[t];
+    k && k(l);
+  }, y = {
+    ref: h
+  };
+  return s !== !1 && (y[s] = S(s)), i.useEffect(() => {
+    if (s !== !1) {
+      const t = M(s), l = H(u.current), k = () => {
+        v.current = !0;
+      };
+      return l.addEventListener(t, c), l.addEventListener("touchmove", k), () => {
+        l.removeEventListener(t, c), l.removeEventListener("touchmove", k);
+      };
+    }
+  }, [c, s]), a !== !1 && (y[a] = S(a)), i.useEffect(() => {
+    if (a !== !1) {
+      const t = M(a), l = H(u.current);
+      return l.addEventListener(t, c), () => {
+        l.removeEventListener(t, c);
+      };
+    }
+  }, [c, a]), /* @__PURE__ */ x.jsx(i.Fragment, {
+    children: /* @__PURE__ */ i.cloneElement(r, y)
+  });
+}
+function hr(n = {}) {
+  const {
+    autoHideDuration: r = null,
+    disableWindowBlurListener: p = !1,
+    onClose: a,
+    open: d,
+    resumeHideDuration: s
+  } = n, v = lr();
+  i.useEffect(() => {
+    if (!d)
+      return;
+    function e(o) {
+      o.defaultPrevented || (o.key === "Escape" || o.key === "Esc") && (a == null || a(o, "escapeKeyDown"));
+    }
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [d, a]);
+  const u = P((e, o) => {
+    a == null || a(e, o);
+  }), m = P((e) => {
+    !a || e == null || v.start(e, () => {
+      u(null, "timeout");
+    });
+  });
+  i.useEffect(() => (d && m(r), v.clear), [d, r, m, v]);
+  const b = (e) => {
+    a == null || a(e, "clickaway");
+  }, h = v.clear, c = i.useCallback(() => {
+    r != null && m(s ?? r * 0.5);
+  }, [r, s, m]), S = (e) => (o) => {
+    const f = e.onBlur;
+    f == null || f(o), c();
+  }, y = (e) => (o) => {
+    const f = e.onFocus;
+    f == null || f(o), h();
+  }, t = (e) => (o) => {
+    const f = e.onMouseEnter;
+    f == null || f(o), h();
+  }, l = (e) => (o) => {
+    const f = e.onMouseLeave;
+    f == null || f(o), c();
+  };
+  return i.useEffect(() => {
+    if (!p && d)
+      return window.addEventListener("focus", c), window.addEventListener("blur", h), () => {
+        window.removeEventListener("focus", c), window.removeEventListener("blur", h);
+      };
+  }, [p, d, c, h]), {
+    getRootProps: (e = {}) => {
+      const o = g({}, _(n), _(e));
+      return g({
+        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+        // See https://github.com/mui/material-ui/issues/29080
+        role: "presentation"
+      }, e, o, {
+        onBlur: S(o),
+        onFocus: y(o),
+        onMouseEnter: t(o),
+        onMouseLeave: l(o)
+      });
+    },
+    onClickAway: b
+  };
+}
+function kr(n) {
+  return or("MuiSnackbar", n);
+}
+ar("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "endDecorator", "sizeSm", "sizeMd", "sizeLg", "startDecorator", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const br = ["anchorOrigin", "animationDuration", "autoHideDuration", "color", "children", "className", "component", "disableWindowBlurListener", "endDecorator", "invertedColors", "onBlur", "onClose", "onFocus", "onMouseEnter", "onMouseLeave", "onUnmount", "open", "resumeHideDuration", "size", "slots", "slotProps", "startDecorator", "variant"];
+let F = (n) => n, $, X;
+const gr = (n) => {
+  const {
+    variant: r,
+    color: p,
+    size: a,
+    anchorOrigin: d
+  } = n, s = {
+    root: ["root", a && `size${C(a)}`, p && `color${C(p)}`, r && `variant${C(r)}`, `anchorOrigin${C(d.vertical)}${C(d.horizontal)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return cr(s, kr, {});
+}, Sr = I($ || ($ = F`
+  0% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
+  }
+`)), yr = I(X || (X = F`
+  0% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(var(--Snackbar-translateX, 0px)) translateY(calc(var(--_Snackbar-anchorBottom, 1) * 100%));
+    opacity: 0;
+  }
+`)), Er = A("div", {
+  name: "JoySnackbar",
+  slot: "Root",
+  overridesResolver: (n, r) => r.root
+})(({
+  theme: n,
+  ownerState: r
+}) => {
+  var p, a, d, s, v, u, m;
+  const {
+    p: b,
+    padding: h,
+    borderRadius: c
+  } = dr({
+    theme: n,
+    ownerState: r
+  }, ["p", "padding", "borderRadius"]);
+  return [g({
+    "--Snackbar-radius": n.vars.radius.sm,
+    "--Snackbar-decoratorChildRadius": "max((var(--Snackbar-radius) - var(--variant-borderWidth, 0px)) - var(--Snackbar-padding), min(var(--Snackbar-padding) + var(--variant-borderWidth, 0px), var(--Snackbar-radius) / 2))",
+    "--Button-minHeight": "var(--Snackbar-decoratorChildHeight)",
+    "--IconButton-size": "var(--Snackbar-decoratorChildHeight)",
+    "--Button-radius": "var(--Snackbar-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Snackbar-decoratorChildRadius)",
+    "--Icon-color": "currentColor"
+  }, r.size === "sm" && {
+    "--Snackbar-padding": "0.75rem",
+    "--Snackbar-inset": "0.5rem",
+    "--Snackbar-decoratorChildHeight": "1.5rem",
+    "--Icon-fontSize": n.vars.fontSize.xl,
+    gap: "0.5rem"
+  }, r.size === "md" && {
+    "--Snackbar-padding": "1rem",
+    "--Snackbar-inset": "0.75rem",
+    // the spacing between Snackbar and the viewport
+    "--Snackbar-decoratorChildHeight": "2rem",
+    "--Icon-fontSize": n.vars.fontSize.xl,
+    gap: "0.625rem"
+  }, r.size === "lg" && {
+    "--Snackbar-padding": "1.25rem",
+    "--Snackbar-inset": "1rem",
+    "--Snackbar-decoratorChildHeight": "2.375rem",
+    "--Icon-fontSize": n.vars.fontSize.xl2,
+    gap: "0.875rem"
+  }, {
+    zIndex: n.vars.zIndex.snackbar,
+    position: "fixed",
+    display: "flex",
+    alignItems: "center",
+    minWidth: 300,
+    top: ((p = r.anchorOrigin) == null ? void 0 : p.vertical) === "top" ? "var(--Snackbar-inset)" : void 0,
+    left: ((a = r.anchorOrigin) == null ? void 0 : a.horizontal) === "left" ? "var(--Snackbar-inset)" : void 0,
+    bottom: ((d = r.anchorOrigin) == null ? void 0 : d.vertical) === "bottom" ? "var(--Snackbar-inset)" : void 0,
+    right: ((s = r.anchorOrigin) == null ? void 0 : s.horizontal) === "right" ? "var(--Snackbar-inset)" : void 0
+  }, ((v = r.anchorOrigin) == null ? void 0 : v.horizontal) === "center" && {
+    "--Snackbar-translateX": "-50%",
+    left: "50%",
+    transform: "translateX(var(--Snackbar-translateX))"
+  }, ((u = r.anchorOrigin) == null ? void 0 : u.vertical) === "top" && {
+    "--_Snackbar-anchorBottom": "-1"
+  }, {
+    animation: `${Sr} ${r.animationDuration}ms forwards`
+  }, !r.open && {
+    animationName: yr
+  }, {
+    boxShadow: n.vars.shadow.lg,
+    backgroundColor: n.vars.palette.background.surface,
+    padding: "var(--Snackbar-padding)",
+    borderRadius: "var(--Snackbar-radius)"
+  }, n.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[r.size]}`], r.variant === "solid" && r.color && r.invertedColors && ur(r.color)(n), r.variant === "soft" && r.color && r.invertedColors && fr(r.color)(n), (m = n.variants[r.variant]) == null ? void 0 : m[r.color]), b !== void 0 && {
+    "--Snackbar-padding": b
+  }, h !== void 0 && {
+    "--Snackbar-padding": h
+  }, c !== void 0 && {
+    "--Snackbar-radius": c
+  }];
+}), Cr = A("span", {
+  name: "JoySnackbar",
+  slot: "StartDecorator",
+  overridesResolver: (n, r) => r.startDecorator
+})({
+  display: "inherit",
+  flex: "none"
+}), xr = A("span", {
+  name: "JoySnackbar",
+  slot: "EndDecorator",
+  overridesResolver: (n, r) => r.endDecorator
+})({
+  display: "inherit",
+  flex: "none",
+  marginLeft: "auto"
+}), Rr = {
+  vertical: "bottom",
+  horizontal: "right"
+}, Or = /* @__PURE__ */ i.forwardRef(function(r, p) {
+  const a = tr({
+    props: r,
+    name: "JoySnackbar"
+  }), {
+    anchorOrigin: d = Rr,
+    animationDuration: s = 300,
+    autoHideDuration: v = null,
+    color: u = "neutral",
+    children: m,
+    className: b,
+    component: h,
+    disableWindowBlurListener: c = !1,
+    endDecorator: S,
+    invertedColors: y = !1,
+    onUnmount: t,
+    open: l,
+    size: k = "md",
+    slots: e = {},
+    slotProps: o,
+    startDecorator: f,
+    variant: W = "outlined"
+  } = a, j = sr(a, br), [N, B] = i.useState(!0), [U, R] = i.useState(!1), D = i.useRef(t);
+  D.current = t, i.useEffect(() => {
+    if (l)
+      R(!1), B(!1);
+    else {
+      R(!0);
+      const O = setTimeout(() => {
+        var T;
+        B(!0), R(!1), (T = D.current) == null || T.call(D);
+      }, s);
+      return () => {
+        clearTimeout(O);
+      };
+    }
+  }, [l, s]);
+  const E = g({}, a, {
+    anchorOrigin: d,
+    autoHideDuration: v,
+    color: u,
+    animationDuration: s,
+    disableWindowBlurListener: c,
+    invertedColors: y,
+    size: k,
+    variant: W
+  });
+  delete E.onUnmount;
+  const z = gr(E), {
+    getRootProps: Y,
+    onClickAway: J
+  } = hr(E), K = (O) => {
+    U || J(O);
+  }, L = g({}, j, {
+    component: h,
+    slots: e,
+    slotProps: o
+  }), [G, V] = w("root", {
+    ref: p,
+    className: ir(z.root, b),
+    elementType: Er,
+    externalForwardedProps: L,
+    getSlotProps: Y,
+    ownerState: E
+  }), [Z, q] = w("startDecorator", {
+    className: z.startDecorator,
+    elementType: Cr,
+    externalForwardedProps: L,
+    ownerState: E
+  }), [Q, rr] = w("endDecorator", {
+    className: z.endDecorator,
+    elementType: xr,
+    externalForwardedProps: L,
+    ownerState: E
+  }), nr = e.clickAway || pr;
+  return !l && N ? null : /* @__PURE__ */ x.jsx(nr, g({
+    onClickAway: K
+  }, typeof (o == null ? void 0 : o.clickAway) == "function" ? o.clickAway(E) : o == null ? void 0 : o.clickAway, {
+    children: /* @__PURE__ */ x.jsxs(G, g({}, V, {
+      children: [f && /* @__PURE__ */ x.jsx(Z, g({}, q, {
+        children: f
+      })), m, S && /* @__PURE__ */ x.jsx(Q, g({}, rr, {
+        children: S
+      }))]
+    }))
+  }));
+});
+export {
+  Or as S
+};

package/chunks/Stack-Dgf2LXN0.js

@@ -0,0 +1,117 @@
+import { r as d, Q as T, _ as b, j as D, w as k, E as F, S as B, ai as g, aj as p, ak as E, al as G, am as N, D as _, V as $, W as M, an as h, y as O, v as U } from "./main-XP7dqk6g.js";
+import { s as A } from "./Button-BV7YIFkS.js";
+const J = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], L = M(), W = A("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (e, s) => s.root
+});
+function I(e) {
+  return B({
+    props: e,
+    name: "MuiStack",
+    defaultTheme: L
+  });
+}
+function Q(e, s) {
+  const n = d.Children.toArray(e).filter(Boolean);
+  return n.reduce((a, c, t) => (a.push(c), t < n.length - 1 && a.push(/* @__PURE__ */ d.cloneElement(s, {
+    key: `separator-${t}`
+  })), a), []);
+}
+const q = (e) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[e], z = ({
+  ownerState: e,
+  theme: s
+}) => {
+  let n = k({
+    display: "flex",
+    flexDirection: "column"
+  }, g({
+    theme: s
+  }, p({
+    values: e.direction,
+    breakpoints: s.breakpoints.values
+  }), (a) => ({
+    flexDirection: a
+  })));
+  if (e.spacing) {
+    const a = E(s), c = Object.keys(s.breakpoints.values).reduce((o, r) => ((typeof e.spacing == "object" && e.spacing[r] != null || typeof e.direction == "object" && e.direction[r] != null) && (o[r] = !0), o), {}), t = p({
+      values: e.direction,
+      base: c
+    }), m = p({
+      values: e.spacing,
+      base: c
+    });
+    typeof t == "object" && Object.keys(t).forEach((o, r, i) => {
+      if (!t[o]) {
+        const u = r > 0 ? t[i[r - 1]] : "column";
+        t[o] = u;
+      }
+    }), n = G(n, g({
+      theme: s
+    }, m, (o, r) => e.useFlexGap ? {
+      gap: h(a, o)
+    } : {
+      // The useFlexGap={false} implement relies on each child to give up control of the margin.
+      // We need to reset the margin to avoid double spacing.
+      "& > :not(style):not(style)": {
+        margin: 0
+      },
+      "& > :not(style) ~ :not(style)": {
+        [`margin${q(r ? t[r] : e.direction)}`]: h(a, o)
+      }
+    }));
+  }
+  return n = N(s.breakpoints, n), n;
+};
+function H(e = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: s = W,
+    useThemeProps: n = I,
+    componentName: a = "MuiStack"
+  } = e, c = () => _({
+    root: ["root"]
+  }, (o) => $(a, o), {}), t = s(z);
+  return /* @__PURE__ */ d.forwardRef(function(o, r) {
+    const i = n(o), l = T(i), {
+      component: u = "div",
+      direction: x = "column",
+      spacing: j = 0,
+      divider: y,
+      children: v,
+      className: P,
+      useFlexGap: S = !1
+    } = l, C = b(l, J), V = {
+      direction: x,
+      spacing: j,
+      useFlexGap: S
+    }, R = c();
+    return /* @__PURE__ */ D.jsx(t, k({
+      as: u,
+      ownerState: V,
+      ref: r,
+      className: F(R.root, P)
+    }, C, {
+      children: y ? Q(v, y) : v
+    }));
+  });
+}
+const Y = H({
+  createStyledComponent: O("div", {
+    name: "JoyStack",
+    slot: "Root",
+    overridesResolver: (e, s) => s.root
+  }),
+  useThemeProps: (e) => U({
+    props: e,
+    name: "JoyStack"
+  })
+});
+export {
+  Y as S
+};