fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/Tutorial-DFNZxmAx.js

@@ -1,427 +0,0 @@
-import { F as O, G as B, r as c, v as E, _ as M, w as g, x as P, y as A, E as $, j as t, D as U, I as C, u as V, B as D } from "./main-XP7dqk6g.js";
-import { d as F } from "./default-quiz-bg-CTzaADn7.js";
-import { c as x } from "./createSvgIcon-DVA0KIUd.js";
-import { S as j } from "./Stack-Dgf2LXN0.js";
-import { A as G } from "./AspectRatio-D3Sgxj7p.js";
-import { C as w } from "./Card-DRIT0wtY.js";
-import { C as L } from "./CardContent-CD-WZh1l.js";
-import { B as m, T as v } from "./Button-BV7YIFkS.js";
-import { M as N, a as Y } from "./ModalDialog-Ci3hulZA.js";
-import { G as S } from "./Grid-Dpv_ZL23.js";
-function H(e) {
-  return O("MuiCardCover", e);
-}
-B("MuiCardCover", ["root"]);
-const _ = ["className", "component", "children", "slots", "slotProps"], J = () => U({
-  root: ["root"]
-}, H, {}), Q = A("div", {
-  name: "JoyCardCover",
-  slot: "Root",
-  overridesResolver: (e, r) => r.root
-})({
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "var(--CardCover-radius)",
-  // use data-attribute instead of :first-child to support zero config SSR (emotion)
-  // use nested selector for integrating with nextjs image `fill` layout (spans are inserted on top of the img)
-  "& [data-first-child]": {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    width: "100%",
-    height: "100%",
-    objectFit: "cover",
-    boxSizing: "border-box",
-    borderRadius: "var(--CardCover-radius)",
-    margin: 0,
-    padding: 0,
-    "& > img": {
-      // support art-direction that uses <picture><img /></picture>
-      width: "100%",
-      height: "100%",
-      objectFit: "cover"
-    }
-  }
-}), k = /* @__PURE__ */ c.forwardRef(function(r, a) {
-  const i = E({
-    props: r,
-    name: "JoyCardCover"
-  }), {
-    className: h,
-    component: s = "div",
-    children: o,
-    slots: u = {},
-    slotProps: n = {}
-  } = i, p = M(i, _), l = g({}, i, {
-    component: s
-  }), f = J(), R = g({}, p, {
-    component: s,
-    slots: u,
-    slotProps: n
-  }), [z, T] = P("root", {
-    ref: a,
-    className: $(f.root, h),
-    elementType: Q,
-    externalForwardedProps: R,
-    ownerState: l
-  });
-  return /* @__PURE__ */ t.jsx(z, g({}, T, {
-    children: c.Children.map(o, (b, W) => W === 0 && /* @__PURE__ */ c.isValidElement(b) ? /* @__PURE__ */ c.cloneElement(b, {
-      "data-first-child": ""
-    }) : b)
-  }));
-}), Z = x(/* @__PURE__ */ t.jsx("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
-}), "Info"), pt = {
-  LOADING: "loading",
-  TUTORIAL: "tutorial",
-  PLAYING: "playing",
-  RESULTS: "results"
-}, q = x(/* @__PURE__ */ t.jsx("path", {
-  d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z"
-}), "Favorite"), K = C`
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-`, mt = {
-  pointsAdded: {
-    position: "absolute",
-    top: -20,
-    right: 0,
-    color: "primary.500",
-    animation: `${K} 1s ease-out forwards`
-  },
-  optionWrapper: {
-    position: "relative",
-    flex: 1,
-    transition: "transform 0.2s"
-  },
-  dividerWrapper: {
-    width: { xs: "100%", sm: "40px" },
-    my: { xs: 2, sm: 0 }
-  },
-  dividerButton: {
-    borderRadius: "50%",
-    bgcolor: "background.surface",
-    boxShadow: "sm",
-    width: "30px",
-    height: "30px",
-    "&:hover": { bgcolor: "background.level1" }
-  },
-  dividerText: {
-    fontWeight: "lg",
-    color: "text.secondary",
-    display: { xs: "none", sm: "block" },
-    textTransform: "uppercase",
-    fontSize: "0.675em !important"
-  },
-  timerProgressWrapper: {
-    position: "relative",
-    width: "100%",
-    height: 8,
-    bgcolor: "neutral.200",
-    borderRadius: "4px",
-    overflow: "hidden"
-  },
-  timerProgress: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    height: "100%",
-    transition: "width 1s linear, background-color 0.3s ease",
-    borderRadius: "inherit",
-    transform: "translateZ(0)"
-  }
-}, xt = (e, r) => ({
-  flex: 1,
-  mx: 0.5,
-  height: 4,
-  bgcolor: r < e ? "primary.500" : "primary.softBg",
-  borderRadius: "2px",
-  transition: "background-color 0.3s ease"
-}), y = {
-  fadeInUp: C`
-      from {
-        opacity: 0;
-        transform: translateY(20px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    `,
-  pulse: C`
-      0% {
-        transform: scale(1);
-      }
-      50% {
-        transform: scale(1.02);
-      }
-      100% {
-        transform: scale(1);
-      }
-    `
-}, ht = {
-  wrapper: {
-    animation: `${y.fadeInUp} 0.6s ease-out`
-  },
-  mainCard: {
-    mb: 3,
-    minHeight: "300px",
-    position: "relative",
-    overflow: "hidden",
-    background: (e) => `linear-gradient(135deg, ${e.vars.palette.background.level2} 0%, ${e.vars.palette.background.surface} 100%)`
-  },
-  fieldPattern: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    opacity: 0.1,
-    pointerEvents: "none",
-    background: (e) => `
-        linear-gradient(to right, ${e.vars.palette.neutral[400]} 1px, transparent 1px) 0 0 / 50px 100%,
-        linear-gradient(${e.vars.palette.neutral[400]} 1px, transparent 1px) 0 0 / 100% 50px
-      `
-  },
-  mainContent: {
-    height: "100%",
-    position: "relative",
-    zIndex: 1,
-    p: 2
-  },
-  scoreSection: {
-    color: "primary.500"
-  },
-  scoreValue: {
-    fontSize: "4.5em",
-    fontWeight: "bold",
-    color: "primary.500",
-    animation: `${y.pulse} 2s infinite`,
-    textShadow: "0 2px 4px rgba(0,0,0,0.1)"
-  },
-  statsSection: {
-    width: "100%",
-    direction: { xs: "column", sm: "row" }
-  },
-  statsCard: {
-    p: 2,
-    borderRadius: "lg",
-    minWidth: "200px",
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: 1
-  },
-  leaderboardCard: {
-    mb: 3,
-    background: "background.surface",
-    borderColor: "divider",
-    "&:hover": { borderColor: "divider" }
-  },
-  rankNumber: {
-    width: 20,
-    textAlign: "center"
-  },
-  actionButton: {
-    transition: "all 0.2s",
-    "&:hover": {
-      transform: "translateY(-2px)"
-    },
-    animation: `${y.fadeInUp} 0.6s ease-out 0.3s backwards`
-  },
-  getLeaderboardItemStyles: {
-    bgcolor: "transparent",
-    borderRadius: "sm",
-    transition: "all 0.2s",
-    "&:hover": {
-      bgcolor: (e) => `${e.vars.palette.primary[500]}10`
-    }
-  }
-}, ut = (e) => ({
-  fontWeight: "bold",
-  color: (r) => e ? r.vars.palette.primary[500] : "inherit"
-}), ft = (e) => (r) => e === 0 ? r.vars.palette.warning[400] : e === 1 ? r.vars.palette.neutral[400] : r.vars.palette.warning[700], I = {
-  shadow: {
-    background: {
-      xs: "linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 120px), linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 180px)",
-      md: "linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0) 200px), linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0) 300px)"
-    }
-  },
-  contentWrapper: {
-    justifyContent: "flex-end",
-    pb: { xs: 3, sm: 4, md: 5 },
-    px: { xs: 2, md: 5 },
-    width: "100%"
-  }
-}, d = {
-  iconWrapper: {
-    mb: 2,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: 48,
-    height: 48,
-    borderRadius: "50%",
-    bgcolor: "primary.100",
-    color: "primary.500"
-  },
-  ruleCard: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    p: 3,
-    mb: 2,
-    textAlign: "center",
-    backgroundColor: "background.level1"
-  },
-  mainButton: {
-    px: 10,
-    position: "relative",
-    transition: "transform 0.2s ease",
-    animation: "pulse 2s infinite",
-    "@keyframes pulse": {
-      "0%": {
-        boxShadow: "0 0 0 0 rgba(var(--joy-palette-primary-500), 0.4)",
-        transform: "scale(1)"
-      },
-      "70%": {
-        boxShadow: "0 0 0 10px rgba(var(--joy-palette-primary-500), 0)",
-        transform: "scale(1.02)"
-      },
-      "100%": {
-        boxShadow: "0 0 0 0 rgba(var(--joy-palette-primary-500), 0)",
-        transform: "scale(1)"
-      }
-    },
-    "&:hover": {
-      animation: "none",
-      transform: "scale(1.05)",
-      transition: "transform 0.2s ease"
-    }
-  },
-  infoButton: {
-    position: "absolute",
-    top: 8,
-    right: 8,
-    minWidth: 40,
-    p: 1
-  }
-}, bt = {
-  wrapper: {
-    cursor: "pointer",
-    border: "none",
-    "&:hover": { border: "none" },
-    "&:focus": { border: "none" },
-    "&:active": { border: "none" }
-  },
-  card: {
-    position: "absolute",
-    width: "100%",
-    height: "100%",
-    borderRadius: "sm",
-    border: "none",
-    "--Card-padding": "0px"
-  },
-  image: {
-    width: "100%",
-    height: "100%",
-    objectFit: "cover"
-  },
-  overlay: {
-    transition: "background 0.3s ease"
-  },
-  iconWrapper: {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    zIndex: 2
-  },
-  icon: {
-    fontSize: 64,
-    width: 64,
-    height: 64,
-    filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.4))"
-  },
-  content: {
-    justifyContent: "flex-end",
-    p: 2
-  },
-  label: {
-    color: "#fff",
-    textAlign: "center",
-    fontWeight: 700,
-    textShadow: "0 1px 2px rgba(0,0,0,0.4)"
-  }
-}, X = x(/* @__PURE__ */ t.jsx("path", {
-  d: "M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2M5 8V7h2v3.82C5.84 10.4 5 9.3 5 8m14 0c0 1.3-.84 2.4-2 2.82V7h2z"
-}), "EmojiEvents"), tt = x(/* @__PURE__ */ t.jsx("path", {
-  d: "M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V8h2z"
-}), "Timer"), gt = ({ onStart: e, game: r, signInCTA: a, showSignInCTA: i }) => {
-  var p;
-  const [h, s] = c.useState(!1), { t: o } = V(), u = [
-    {
-      icon: /* @__PURE__ */ t.jsx(tt, {}),
-      title: o("eitherOr.tutorial.step1Title"),
-      description: o("eitherOr.tutorial.step1Description", { seconds: (r == null ? void 0 : r.time) ?? 10 })
-    },
-    {
-      icon: /* @__PURE__ */ t.jsx(q, {}),
-      title: o("eitherOr.tutorial.step2Title", { lives: (r == null ? void 0 : r.lives) ?? 3 }),
-      description: o("eitherOr.tutorial.step2Description", { lives: (r == null ? void 0 : r.lives) ?? 3 })
-    },
-    {
-      icon: /* @__PURE__ */ t.jsx(X, {}),
-      title: o("eitherOr.tutorial.step3Title"),
-      description: o("eitherOr.tutorial.step3Description")
-    }
-  ];
-  if (!r) return null;
-  const n = ((p = r == null ? void 0 : r.images) == null ? void 0 : p.main) || F;
-  return /* @__PURE__ */ t.jsxs(j, { spacing: 3, children: [
-    /* @__PURE__ */ t.jsx(G, { ratio: 16 / 9, children: /* @__PURE__ */ t.jsxs(w, { sx: { borderColor: "divider", "&:hover": { borderColor: "divider" } }, children: [
-      /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx("img", { src: n, srcSet: `${n} 1x, ${n} 2x`, loading: "lazy", alt: r.title }) }),
-      /* @__PURE__ */ t.jsx(k, { sx: I.shadow }),
-      /* @__PURE__ */ t.jsxs(L, { sx: I.contentWrapper, children: [
-        /* @__PURE__ */ t.jsx(m, { size: "sm", variant: "soft", color: "primary", onClick: () => s(!0), sx: d.infoButton, children: /* @__PURE__ */ t.jsx(Z, {}) }),
-        /* @__PURE__ */ t.jsx(j, { justifyContent: "center", alignItems: "center", spacing: 2, children: i && a ? /* @__PURE__ */ t.jsx(m, { size: "md", variant: "solid", color: "primary", onClick: a.onClick, sx: d.mainButton, children: a.defaultLabel }) : /* @__PURE__ */ t.jsx(m, { size: "md", variant: "solid", color: "primary", onClick: e, sx: d.mainButton, children: o("eitherOr.buttons.start") }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ t.jsx(N, { open: h, onClose: () => s(!1), children: /* @__PURE__ */ t.jsxs(Y, { children: [
-      /* @__PURE__ */ t.jsx(v, { level: "h4", sx: { mb: 3, textAlign: "center" }, children: o("eitherOr.tutorial.howToPlay") }),
-      /* @__PURE__ */ t.jsx(S, { container: !0, spacing: 2, sx: { overflow: "auto" }, children: u.map((l, f) => /* @__PURE__ */ t.jsx(S, { xs: 12, md: 4, children: /* @__PURE__ */ t.jsxs(w, { sx: d.ruleCard, variant: "outlined", children: [
-        /* @__PURE__ */ t.jsx(D, { sx: d.iconWrapper, children: l.icon }),
-        /* @__PURE__ */ t.jsx(v, { level: "h4", sx: { mb: 1 }, children: l.title }),
-        /* @__PURE__ */ t.jsx(v, { level: "body-sm", children: l.description })
-      ] }) }, f)) }),
-      /* @__PURE__ */ t.jsx(m, { size: "lg", variant: "solid", color: "primary", onClick: () => s(!1), sx: { mt: 3, alignSelf: "center" }, children: o("common.close") })
-    ] }) })
-  ] });
-};
-export {
-  k as C,
-  q as F,
-  pt as G,
-  Z as I,
-  gt as T,
-  mt as a,
-  ht as b,
-  ft as c,
-  ut as d,
-  bt as e,
-  xt as g
-};

package/chunks/createLucideIcon-B6NxpYkb.js

@@ -1,79 +0,0 @@
-import { r as a } from "./main-XP7dqk6g.js";
-/**
- * @license lucide-react v0.474.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const w = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), c = (...r) => r.filter((e, t, o) => !!e && e.trim() !== "" && o.indexOf(e) === t).join(" ").trim();
-/**
- * @license lucide-react v0.474.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var f = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.474.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const p = a.forwardRef(
-  ({
-    color: r = "currentColor",
-    size: e = 24,
-    strokeWidth: t = 2,
-    absoluteStrokeWidth: o,
-    className: s = "",
-    children: n,
-    iconNode: i,
-    ...l
-  }, u) => a.createElement(
-    "svg",
-    {
-      ref: u,
-      ...f,
-      width: e,
-      height: e,
-      stroke: r,
-      strokeWidth: o ? Number(t) * 24 / Number(e) : t,
-      className: c("lucide", s),
-      ...l
-    },
-    [
-      ...i.map(([m, d]) => a.createElement(m, d)),
-      ...Array.isArray(n) ? n : [n]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.474.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const h = (r, e) => {
-  const t = a.forwardRef(
-    ({ className: o, ...s }, n) => a.createElement(p, {
-      ref: n,
-      iconNode: e,
-      className: c(`lucide-${w(r)}`, o),
-      ...s
-    })
-  );
-  return t.displayName = `${r}`, t;
-};
-export {
-  h as c
-};

package/chunks/createSvgIcon-7h7XC877.js

@@ -1,119 +0,0 @@
-import { F as P, G as M, r as l, v as X, _, w as t, x as b, y as A, E as B, j as z, z as a, D as E } from "./main-XP7dqk6g.js";
-function U(e) {
-  return P("MuiSvgIcon", e);
-}
-M("MuiSvgIcon", ["root", "colorInherit", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "fontSizeInherit", "fontSizeXs", "fontSizeSm", "fontSizeMd", "fontSizeLg", "fontSizeXl", "fontSizeXl2", "fontSizeXl3", "fontSizeXl4", "sizeSm", "sizeMd", "sizeLg"]);
-const L = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox", "size", "slots", "slotProps"], V = (e) => {
-  const {
-    color: o,
-    size: s,
-    fontSize: n
-  } = e, i = {
-    root: ["root", o && o !== "inherit" && `color${a(o)}`, s && `size${a(s)}`, n && `fontSize${a(n)}`]
-  };
-  return E(i, U, {});
-}, p = {
-  sm: "xl",
-  md: "xl2",
-  lg: "xl3"
-}, k = A("svg", {
-  name: "JoySvgIcon",
-  slot: "Root",
-  overridesResolver: (e, o) => o.root
-})(({
-  theme: e,
-  ownerState: o
-}) => {
-  var s;
-  return t({}, o.instanceSize && {
-    "--Icon-fontSize": e.vars.fontSize[p[o.instanceSize]]
-  }, o.instanceFontSize && o.instanceFontSize !== "inherit" && {
-    "--Icon-fontSize": e.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, ${e.vars.fontSize[p[o.size]] || "unset"})`
-  }, o.fontSize && o.fontSize !== "inherit" && {
-    fontSize: `var(--Icon-fontSize, ${e.fontSize[o.fontSize]})`
-  }, !o.htmlColor && t({
-    color: `var(--Icon-color, ${e.vars.palette.text.icon})`
-  }, o.color === "inherit" && {
-    color: "inherit"
-  }, o.color !== "inherit" && e.vars.palette[o.color] && {
-    color: `rgba(${(s = e.vars.palette[o.color]) == null ? void 0 : s.mainChannel} / 1)`
-  }));
-}), m = /* @__PURE__ */ l.forwardRef(function(o, s) {
-  const n = X({
-    props: o,
-    name: "JoySvgIcon"
-  }), {
-    children: i,
-    className: u,
-    color: g,
-    component: f = "svg",
-    fontSize: h,
-    htmlColor: x,
-    inheritViewBox: S = !1,
-    titleAccess: r,
-    viewBox: v = "0 0 24 24",
-    size: I = "md",
-    slots: C = {},
-    slotProps: y = {}
-  } = n, $ = _(n, L), c = /* @__PURE__ */ l.isValidElement(i) && i.type === "svg", d = t({}, n, {
-    color: g,
-    component: f,
-    size: I,
-    instanceSize: o.size,
-    fontSize: h,
-    instanceFontSize: o.fontSize,
-    inheritViewBox: S,
-    viewBox: v,
-    hasSvgAsChild: c
-  }), R = V(d), j = t({}, $, {
-    component: f,
-    slots: C,
-    slotProps: y
-  }), [F, N] = b("root", {
-    ref: s,
-    className: B(R.root, u),
-    elementType: k,
-    externalForwardedProps: j,
-    ownerState: d,
-    additionalProps: t({
-      color: x,
-      focusable: !1
-    }, r && {
-      role: "img"
-    }, !r && {
-      "aria-hidden": !0
-    }, !S && {
-      viewBox: v
-    }, c && i.props)
-  });
-  return /* @__PURE__ */ z.jsxs(F, t({}, N, {
-    children: [c ? i.props.children : i, r ? /* @__PURE__ */ z.jsx("title", {
-      children: r
-    }) : null]
-  }));
-});
-function J(e, o) {
-  function s(n, i) {
-    return /* @__PURE__ */ z.jsx(m, t({
-      "data-testid": `${o}Icon`,
-      ref: i
-    }, n, {
-      children: e
-    }));
-  }
-  return s.muiName = m.muiName, /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(s));
-}
-export {
-  J as c
-};