fansunited-widgets-cdn 0.0.86-RC4 → 0.0.86-RC5

package/chunks/{PreviewQuizById-CPiwewW_.js → PreviewQuizById-Ba6yhxKV.js}

@@ -1,13 +1,10 @@
-import { r as P, j as A, u as oo, B as Nt, a as ro, b as ao } from "./main-NO9IQFuY.js";
-import { u as lo } from "./index-BkU2GDR4.js";
-import { d as uo } from "./default-quiz-bg-CTzaADn7.js";
-import { S as Bt } from "./Stack-BBjT-MoB.js";
-import { A as co } from "./AspectRatio-CKWgGwn-.js";
-import { C as ho } from "./Chip-BkY7Uww3.js";
-import { T as vt, B as fo } from "./Button-DJj0KOh3.js";
-import { c as Le } from "./createLucideIcon-nPUeaUEe.js";
-import { U as mo } from "./users-C-6eqEb6.js";
-import { C as po } from "./Card-BDn3dk3E.js";
+import { r as P, j as A, u as oo, B as Nt, a as ro, b as ao } from "./main-Bh6iw92_.js";
+import { u as lo } from "./index-CHV6tlpH.js";
+import { d as uo, A as co } from "./default-quiz-bg-ADjjIfPj.js";
+import { S as Bt } from "./Stack-DbDi7kPO.js";
+import { c as Le, C as ho } from "./createLucideIcon-CMWOQsDL.js";
+import { T as vt, B as fo, C as mo } from "./resolveProps-Bgg0H6c2.js";
+import { U as po } from "./users-CXdzg3DM.js";
 const Ms = P.createContext({});
 function go(t) {
   const e = P.useRef(null);
@@ -4813,7 +4810,7 @@ function Zu({ quiz: t, onStart: e }) {
                 title: n("quizzes.participant", { count: t.participationCount }),
                 level: "body-sm",
                 textColor: "white",
-                startDecorator: /* @__PURE__ */ A.jsx(mo, { size: 16, color: "white" }),
+                startDecorator: /* @__PURE__ */ A.jsx(po, { size: 16, color: "white" }),
                 children: t.participationCount
               }
             )
@@ -4828,7 +4825,7 @@ function Zu({ quiz: t, onStart: e }) {
     /* @__PURE__ */ A.jsx(Bt, { spacing: 1, children: /* @__PURE__ */ A.jsx(fo, { fullWidth: !0, size: "sm", onClick: e, startDecorator: /* @__PURE__ */ A.jsx(Hu, {}), sx: rt.startButtonContainer, children: s }) })
   ] }) : null;
 }
-const hc = ({ initialQuizId: t, url: e }) => {
+const lc = ({ initialQuizId: t, url: e }) => {
   const [n, s] = P.useState(null), [i, r] = P.useState({}), [o, a] = P.useState(!0), [l, u] = P.useState(null), c = ro();
   return P.useEffect(() => {
     t && s(t);
@@ -4839,7 +4836,7 @@ const hc = ({ initialQuizId: t, url: e }) => {
       console.error("Failed to fetch quiz:", h), u("Failed to load quiz. Please try again."), a(!1);
     }));
   }, [n]), /* @__PURE__ */ A.jsx(A.Fragment, { children: o ? /* @__PURE__ */ A.jsx(Nt, { minHeight: "200px", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ A.jsx(ao, {}) }) : l ? /* @__PURE__ */ A.jsx(A.Fragment, {}) : i ? /* @__PURE__ */ A.jsx(
-    po,
+    mo,
     {
       sx: {
         borderColor: "divider",
@@ -4860,5 +4857,5 @@ const hc = ({ initialQuizId: t, url: e }) => {
   ) : /* @__PURE__ */ A.jsx(vt, { children: "No quiz data available" }) });
 };
 export {
-  hc as default
+  lc as default
 };

package/chunks/Sheet-U5EnSrgg.js

@@ -0,0 +1,282 @@
+import { g as x, d as y, r as f, e as I, f as R, _ as i, h as P, s as b, w as k, j as S, i as h, k as _, Z as A } from "./main-Bh6iw92_.js";
+import { j as W, k as F, r as L, d as X, e as T } from "./resolveProps-Bgg0H6c2.js";
+import { i as V } from "./IconButton-D7onwgY0.js";
+import { a as E } from "./CardContent-NCZhfGcZ.js";
+function O(t) {
+  return x("MuiSvgIcon", t);
+}
+y("MuiSvgIcon", ["root", "colorInherit", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "fontSizeInherit", "fontSizeXs", "fontSizeSm", "fontSizeMd", "fontSizeLg", "fontSizeXl", "fontSizeXl2", "fontSizeXl3", "fontSizeXl4", "sizeSm", "sizeMd", "sizeLg"]);
+const Z = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox", "size", "slots", "slotProps"], q = (t) => {
+  const {
+    color: o,
+    size: s,
+    fontSize: r
+  } = t, n = {
+    root: ["root", o && o !== "inherit" && `color${h(o)}`, s && `size${h(s)}`, r && `fontSize${h(r)}`]
+  };
+  return _(n, O, {});
+}, M = {
+  sm: "xl",
+  md: "xl2",
+  lg: "xl3"
+}, G = b("svg", {
+  name: "JoySvgIcon",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})(({
+  theme: t,
+  ownerState: o
+}) => {
+  var s;
+  return i({}, o.instanceSize && {
+    "--Icon-fontSize": t.vars.fontSize[M[o.instanceSize]]
+  }, o.instanceFontSize && o.instanceFontSize !== "inherit" && {
+    "--Icon-fontSize": t.vars.fontSize[o.instanceFontSize]
+  }, {
+    userSelect: "none",
+    margin: "var(--Icon-margin)",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // for example heroicons uses fill="none" and stroke="currentColor"
+    fill: o.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    fontSize: `var(--Icon-fontSize, ${t.vars.fontSize[M[o.size]] || "unset"})`
+  }, o.fontSize && o.fontSize !== "inherit" && {
+    fontSize: `var(--Icon-fontSize, ${t.fontSize[o.fontSize]})`
+  }, !o.htmlColor && i({
+    color: `var(--Icon-color, ${t.vars.palette.text.icon})`
+  }, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && t.vars.palette[o.color] && {
+    color: `rgba(${(s = t.vars.palette[o.color]) == null ? void 0 : s.mainChannel} / 1)`
+  }));
+}), j = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const r = I({
+    props: o,
+    name: "JoySvgIcon"
+  }), {
+    children: n,
+    className: e,
+    color: l,
+    component: c = "svg",
+    fontSize: u,
+    htmlColor: a,
+    inheritViewBox: p = !1,
+    titleAccess: d,
+    viewBox: v = "0 0 24 24",
+    size: g = "md",
+    slots: z = {},
+    slotProps: m = {}
+  } = r, C = R(r, Z), $ = /* @__PURE__ */ f.isValidElement(n) && n.type === "svg", N = i({}, r, {
+    color: l,
+    component: c,
+    size: g,
+    instanceSize: o.size,
+    fontSize: u,
+    instanceFontSize: o.fontSize,
+    inheritViewBox: p,
+    viewBox: v,
+    hasSvgAsChild: $
+  }), B = q(N), U = i({}, C, {
+    component: c,
+    slots: z,
+    slotProps: m
+  }), [D, J] = P("root", {
+    ref: s,
+    className: k(B.root, e),
+    elementType: G,
+    externalForwardedProps: U,
+    ownerState: N,
+    additionalProps: i({
+      color: a,
+      focusable: !1
+    }, d && {
+      role: "img"
+    }, !d && {
+      "aria-hidden": !0
+    }, !p && {
+      viewBox: v
+    }, $ && n.props)
+  });
+  return /* @__PURE__ */ S.jsxs(D, i({}, J, {
+    children: [$ ? n.props.children : n, d ? /* @__PURE__ */ S.jsx("title", {
+      children: d
+    }) : null]
+  }));
+});
+function co(t, o) {
+  function s(r, n) {
+    return /* @__PURE__ */ S.jsx(j, i({
+      "data-testid": `${o}Icon`,
+      ref: n
+    }, r, {
+      children: t
+    }));
+  }
+  return s.muiName = j.muiName, /* @__PURE__ */ f.memo(/* @__PURE__ */ f.forwardRef(s));
+}
+function H(t) {
+  return x("MuiCardActions", t);
+}
+y("MuiCardActions", ["root"]);
+function uo(t) {
+  return x("MuiDivider", t);
+}
+const K = y("MuiDivider", ["root", "horizontal", "vertical", "insetContext", "insetNone"]), Q = ["className", "component", "children", "buttonFlex", "orientation", "slots", "slotProps"], Y = () => _({
+  root: ["root"]
+}, H, {}), w = b("div")(({
+  ownerState: t
+}) => {
+  var o;
+  return i({
+    "--Button-radius": "var(--Card-childRadius)",
+    "--IconButton-radius": "var(--Card-childRadius)",
+    display: "flex"
+  }, ((o = t.orientation) == null ? void 0 : o.startsWith("horizontal")) && {
+    alignItems: "center"
+    // it is common to have children aligned center in horizontal orientation, but not vertically.
+  }, {
+    flexDirection: t.orientation === "horizontal" ? "row" : "column"
+  }, t.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",
+    [`.${E.root} > &`]: {
+      "--unstable_padding": "calc(0.75 * var(--Card-padding)) 0 var(--Card-padding)"
+    },
+    [`.${W.root} > .${K.root} + &`]: {
+      "--unstable_padding": "0"
+    }
+  }, t.buttonFlex ? {
+    [`& > :not(.${V.root})`]: {
+      flex: t.buttonFlex
+    },
+    [`& > :not(button) > .${F.root}`]: {
+      width: "100%"
+      // for button to fill its wrapper.
+    }
+  } : {
+    [`& > .${F.root}:only-child`]: {
+      flex: "auto"
+    }
+  });
+}), oo = b(w, {
+  name: "JoyCardActions",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})({}), vo = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const r = I({
+    props: o,
+    name: "JoyCardActions"
+  }), {
+    className: n,
+    component: e = "div",
+    children: l,
+    buttonFlex: c,
+    orientation: u = "horizontal",
+    slots: a = {},
+    slotProps: p = {}
+  } = r, d = R(r, Q), v = i({}, d, {
+    component: e,
+    slots: a,
+    slotProps: p
+  }), g = i({}, r, {
+    component: e,
+    buttonFlex: c,
+    orientation: u
+  }), z = Y(), [m, C] = P("root", {
+    ref: s,
+    className: k(z.root, n),
+    elementType: oo,
+    externalForwardedProps: v,
+    ownerState: g
+  });
+  return /* @__PURE__ */ S.jsx(m, i({}, C, {
+    children: l
+  }));
+});
+function to(t) {
+  return x("MuiSheet", t);
+}
+y("MuiSheet", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const ro = ["className", "color", "component", "variant", "invertedColors", "slots", "slotProps"], so = (t) => {
+  const {
+    variant: o,
+    color: s
+  } = t, r = {
+    root: ["root", o && `variant${h(o)}`, s && `color${h(s)}`]
+  };
+  return _(r, to, {});
+}, no = b("div", {
+  name: "JoySheet",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})(({
+  theme: t,
+  ownerState: o
+}) => {
+  var s, r;
+  const n = (s = t.variants[o.variant]) == null ? void 0 : s[o.color], {
+    borderRadius: e,
+    bgcolor: l,
+    backgroundColor: c,
+    background: u
+  } = L({
+    theme: t,
+    ownerState: o
+  }, ["borderRadius", "bgcolor", "backgroundColor", "background"]), a = A(t, `palette.${l}`) || l || A(t, `palette.${c}`) || c || u || (n == null ? void 0 : n.backgroundColor) || (n == null ? void 0 : n.background) || t.vars.palette.background.surface;
+  return [i({
+    "--Icon-color": o.color !== "neutral" || o.variant === "solid" ? "currentColor" : t.vars.palette.text.icon,
+    "--ListItem-stickyBackground": a === "transparent" ? "initial" : a,
+    // for sticky List
+    "--Sheet-background": a === "transparent" ? "initial" : a
+  }, e !== void 0 && {
+    "--List-radius": `calc(${e} - var(--variant-borderWidth, 0px))`,
+    "--unstable_actionRadius": `calc(${e} - var(--variant-borderWidth, 0px))`
+  }, {
+    backgroundColor: t.vars.palette.background.surface,
+    position: "relative"
+  }), i({}, t.typography["body-md"], o.variant === "solid" && o.color && o.invertedColors && X(o.color)(t), o.variant === "soft" && o.color && o.invertedColors && T(o.color)(t), (r = t.variants[o.variant]) == null ? void 0 : r[o.color], n)];
+}), po = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const r = I({
+    props: o,
+    name: "JoySheet"
+  }), {
+    className: n,
+    color: e = "neutral",
+    component: l = "div",
+    variant: c = "plain",
+    invertedColors: u = !1,
+    slots: a = {},
+    slotProps: p = {}
+  } = r, d = R(r, ro), v = i({}, r, {
+    color: e,
+    component: l,
+    invertedColors: u,
+    variant: c
+  }), g = so(v), z = i({}, d, {
+    component: l,
+    slots: a,
+    slotProps: p
+  }), [m, C] = P("root", {
+    ref: s,
+    className: k(g.root, n),
+    elementType: no,
+    externalForwardedProps: z,
+    ownerState: v
+  });
+  return /* @__PURE__ */ S.jsx(m, i({}, C));
+});
+export {
+  vo as C,
+  po as S,
+  w as a,
+  co as c,
+  uo as g
+};

package/chunks/{Stack-BBjT-MoB.js → Stack-DbDi7kPO.js}

@@ -1,36 +1,36 @@
-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-NO9IQFuY.js";
-import { s as A } from "./Button-DJj0KOh3.js";
-const J = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], L = M(), W = A("div", {
+import { r as d, l as V, f as b, j as F, _ as k, w as B, $ as D, a0 as v, a1 as p, a2 as $, a3 as E, a4 as G, k as N, a5 as _, a6 as M, a7 as h, s as O, e as U } from "./main-Bh6iw92_.js";
+import { s as A } from "./resolveProps-Bgg0H6c2.js";
+const J = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], L = M(), I = A("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (e, s) => s.root
 });
-function I(e) {
-  return B({
+function W(e) {
+  return D({
     props: e,
     name: "MuiStack",
     defaultTheme: L
   });
 }
-function Q(e, s) {
+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) => ({
+const z = (e) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[e], z = ({
+})[e], H = ({
   ownerState: e,
   theme: s
 }) => {
   let n = k({
     display: "flex",
     flexDirection: "column"
-  }, g({
+  }, v({
     theme: s
   }, p({
     values: e.direction,
@@ -39,7 +39,7 @@ const q = (e) => ({
     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({
+    const a = $(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({
@@ -51,7 +51,7 @@ const q = (e) => ({
         const u = r > 0 ? t[i[r - 1]] : "column";
         t[o] = u;
       }
-    }), n = G(n, g({
+    }), n = E(n, v({
       theme: s
     }, m, (o, r) => e.useFlexGap ? {
       gap: h(a, o)
@@ -62,46 +62,46 @@ const q = (e) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${q(r ? t[r] : e.direction)}`]: h(a, o)
+        [`margin${z(r ? t[r] : e.direction)}`]: h(a, o)
       }
     }));
   }
-  return n = N(s.breakpoints, n), n;
+  return n = G(s.breakpoints, n), n;
 };
-function H(e = {}) {
+function K(e = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: s = W,
-    useThemeProps: n = I,
+    createStyledComponent: s = I,
+    useThemeProps: n = W,
     componentName: a = "MuiStack"
-  } = e, c = () => _({
+  } = e, c = () => N({
     root: ["root"]
-  }, (o) => $(a, o), {}), t = s(z);
+  }, (o) => _(a, o), {}), t = s(H);
   return /* @__PURE__ */ d.forwardRef(function(o, r) {
-    const i = n(o), l = T(i), {
+    const i = n(o), l = V(i), {
       component: u = "div",
       direction: x = "column",
       spacing: j = 0,
       divider: y,
-      children: v,
+      children: g,
       className: P,
-      useFlexGap: S = !1
-    } = l, C = b(l, J), V = {
+      useFlexGap: C = !1
+    } = l, S = b(l, J), R = {
       direction: x,
       spacing: j,
-      useFlexGap: S
-    }, R = c();
-    return /* @__PURE__ */ D.jsx(t, k({
+      useFlexGap: C
+    }, T = c();
+    return /* @__PURE__ */ F.jsx(t, k({
       as: u,
-      ownerState: V,
+      ownerState: R,
       ref: r,
-      className: F(R.root, P)
-    }, C, {
-      children: y ? Q(v, y) : v
+      className: B(T.root, P)
+    }, S, {
+      children: y ? q(g, y) : g
     }));
   });
 }
-const Y = H({
+const Y = K({
   createStyledComponent: O("div", {
     name: "JoyStack",
     slot: "Root",