fansunited-widgets-cdn 0.0.93 → 0.0.95

package/chunks/AlertMessage-DeOcuhSL-LxWgDoSs.js

@@ -0,0 +1,350 @@
+import { j as i, r as y } from "./main-BCOFc-mh.js";
+import { Z as W } from "./CheckCircle-HsAwn-Ao-79r7Jb2Y.js";
+import { i as E, b as J, a as G, B as D, f as N, g as F, z as d, h as j, T as $, d as B, N as z, aj as L, w as R, R as M, ak as q, al as w, am as P, an as V, ao as Z, ap as _, a3 as K, C as U, ac as Q, ad as X, aq as Y, ar as ee, as as k, k as re, j as oe } from "./PrizeCard-C4Au83Cz-D-C7MMr-.js";
+const te = L(), ae = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], se = ee(), ne = te("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+});
+function ie(e) {
+  return q({
+    props: e,
+    name: "MuiStack",
+    defaultTheme: se
+  });
+}
+function le(e, r) {
+  const o = y.Children.toArray(e).filter(Boolean);
+  return o.reduce((t, n, a) => (t.push(n), a < o.length - 1 && t.push(/* @__PURE__ */ y.cloneElement(r, {
+    key: `separator-${a}`
+  })), t), []);
+}
+const ce = (e) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[e], de = ({
+  ownerState: e,
+  theme: r
+}) => {
+  let o = d({
+    display: "flex",
+    flexDirection: "column"
+  }, w({
+    theme: r
+  }, P({
+    values: e.direction,
+    breakpoints: r.breakpoints.values
+  }), (t) => ({
+    flexDirection: t
+  })));
+  if (e.spacing) {
+    const t = V(r), n = Object.keys(r.breakpoints.values).reduce((s, l) => ((typeof e.spacing == "object" && e.spacing[l] != null || typeof e.direction == "object" && e.direction[l] != null) && (s[l] = !0), s), {}), a = P({
+      values: e.direction,
+      base: n
+    }), c = P({
+      values: e.spacing,
+      base: n
+    });
+    typeof a == "object" && Object.keys(a).forEach((s, l, u) => {
+      if (!a[s]) {
+        const m = l > 0 ? a[u[l - 1]] : "column";
+        a[s] = m;
+      }
+    }), o = Z(o, w({
+      theme: r
+    }, c, (s, l) => e.useFlexGap ? {
+      gap: k(t, s)
+    } : {
+      // 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${ce(l ? a[l] : e.direction)}`]: k(t, s)
+      }
+    }));
+  }
+  return o = _(r.breakpoints, o), o;
+};
+function me(e = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = ne,
+    useThemeProps: o = ie,
+    componentName: t = "MuiStack"
+  } = e, n = () => M({
+    root: ["root"]
+  }, (s) => Y(t, s), {}), a = r(de);
+  return /* @__PURE__ */ y.forwardRef(function(s, l) {
+    const u = o(s), m = K(u), {
+      component: f = "div",
+      direction: S = "column",
+      spacing: A = 0,
+      divider: g,
+      children: x,
+      className: p,
+      useFlexGap: v = !1
+    } = m, h = F(m, ae), b = {
+      direction: S,
+      spacing: A,
+      useFlexGap: v
+    }, C = n();
+    return /* @__PURE__ */ i.jsx(a, d({
+      as: f,
+      ownerState: b,
+      ref: l,
+      className: $(C.root, p)
+    }, h, {
+      children: g ? le(x, g) : x
+    }));
+  });
+}
+function pe(e) {
+  return oe("MuiAlert", e);
+}
+re("MuiAlert", ["root", "startDecorator", "endDecorator", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const ue = ["children", "className", "color", "invertedColors", "role", "variant", "size", "startDecorator", "endDecorator", "component", "slots", "slotProps"], ve = (e) => {
+  const {
+    variant: r,
+    color: o,
+    size: t
+  } = e, n = {
+    root: ["root", t && `size${R(t)}`, o && `color${R(o)}`, r && `variant${R(r)}`],
+    startDecorator: ["startDecorator"],
+    endDecorator: ["endDecorator"]
+  };
+  return M(n, pe, {});
+}, he = z("div", {
+  name: "JoyAlert",
+  slot: "Root",
+  overridesResolver: (e, r) => r.root
+})(({
+  theme: e,
+  ownerState: r
+}) => {
+  var o;
+  const {
+    p: t,
+    padding: n,
+    borderRadius: a
+  } = U({
+    theme: e,
+    ownerState: r
+  }, ["p", "padding", "borderRadius"]);
+  return [d({
+    "--Alert-radius": e.vars.radius.sm,
+    "--Alert-decoratorChildRadius": "max((var(--Alert-radius) - var(--variant-borderWidth, 0px)) - var(--Alert-padding), min(var(--Alert-padding) + var(--variant-borderWidth, 0px), var(--Alert-radius) / 2))",
+    "--Button-minHeight": "var(--Alert-decoratorChildHeight)",
+    "--IconButton-size": "var(--Alert-decoratorChildHeight)",
+    "--Button-radius": "var(--Alert-decoratorChildRadius)",
+    "--IconButton-radius": "var(--Alert-decoratorChildRadius)",
+    "--Icon-color": "currentColor"
+  }, r.size === "sm" && {
+    "--Alert-padding": "0.5rem",
+    "--Alert-decoratorChildHeight": "1.5rem",
+    "--Icon-fontSize": e.vars.fontSize.xl,
+    gap: "0.5rem"
+  }, r.size === "md" && {
+    "--Alert-padding": "0.75rem",
+    "--Alert-decoratorChildHeight": "2rem",
+    "--Icon-fontSize": e.vars.fontSize.xl,
+    gap: "0.625rem"
+  }, r.size === "lg" && {
+    "--Alert-padding": "1rem",
+    "--Alert-decoratorChildHeight": "2.375rem",
+    "--Icon-fontSize": e.vars.fontSize.xl2,
+    gap: "0.875rem"
+  }, {
+    backgroundColor: e.vars.palette.background.surface,
+    display: "flex",
+    position: "relative",
+    alignItems: "center",
+    padding: "var(--Alert-padding)",
+    borderRadius: "var(--Alert-radius)"
+  }, e.typography[`body-${{
+    sm: "xs",
+    md: "sm",
+    lg: "md"
+  }[r.size]}`], {
+    fontWeight: e.vars.fontWeight.md
+  }, r.variant === "solid" && r.color && r.invertedColors && Q(r.color)(e), r.variant === "soft" && r.color && r.invertedColors && X(r.color)(e), (o = e.variants[r.variant]) == null ? void 0 : o[r.color]), t !== void 0 && {
+    "--Alert-padding": t
+  }, n !== void 0 && {
+    "--Alert-padding": n
+  }, a !== void 0 && {
+    "--Alert-radius": a
+  }];
+}), fe = z("span", {
+  name: "JoyAlert",
+  slot: "StartDecorator",
+  overridesResolver: (e, r) => r.startDecorator
+})({
+  display: "inherit",
+  flex: "none"
+}), ge = z("span", {
+  name: "JoyAlert",
+  slot: "EndDecorator",
+  overridesResolver: (e, r) => r.endDecorator
+})({
+  display: "inherit",
+  flex: "none",
+  marginLeft: "auto"
+}), xe = /* @__PURE__ */ y.forwardRef(function(e, r) {
+  const o = N({
+    props: e,
+    name: "JoyAlert"
+  }), {
+    children: t,
+    className: n,
+    color: a = "neutral",
+    invertedColors: c = !1,
+    role: s = "alert",
+    variant: l = "soft",
+    size: u = "md",
+    startDecorator: m,
+    endDecorator: f,
+    component: S,
+    slots: A = {},
+    slotProps: g = {}
+  } = o, x = F(o, ue), p = d({}, o, {
+    color: a,
+    invertedColors: c,
+    variant: l,
+    size: u
+  }), v = ve(p), h = d({}, x, {
+    component: S,
+    slots: A,
+    slotProps: g
+  }), [b, C] = j("root", {
+    ref: r,
+    className: $(v.root, n),
+    elementType: he,
+    externalForwardedProps: h,
+    ownerState: p,
+    additionalProps: {
+      role: s
+    }
+  }), [I, T] = j("startDecorator", {
+    className: v.startDecorator,
+    elementType: fe,
+    externalForwardedProps: h,
+    ownerState: p
+  }), [H, O] = j("endDecorator", {
+    className: v.endDecorator,
+    elementType: ge,
+    externalForwardedProps: h,
+    ownerState: p
+  });
+  return /* @__PURE__ */ i.jsxs(b, d({}, C, {
+    children: [m && /* @__PURE__ */ i.jsx(I, d({}, T, {
+      children: m
+    })), t, f && /* @__PURE__ */ i.jsx(H, d({}, O, {
+      children: f
+    }))]
+  }));
+}), ye = me({
+  createStyledComponent: z("div", {
+    name: "JoyStack",
+    slot: "Root",
+    overridesResolver: (e, r) => r.root
+  }),
+  useThemeProps: (e) => N({
+    props: e,
+    name: "JoyStack"
+  })
+}), ze = B(/* @__PURE__ */ i.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"), Se = B(/* @__PURE__ */ i.jsx("path", {
+  d: "M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"
+}), "Warning"), Ae = (e, r) => {
+  switch (e) {
+    case "success":
+      return /* @__PURE__ */ i.jsx(W, {});
+    case "error":
+      return /* @__PURE__ */ i.jsx(Se, { sx: { color: r } });
+    case "info":
+    case "neutral":
+      return /* @__PURE__ */ i.jsx(ze, {});
+  }
+}, be = (e) => {
+  switch (e) {
+    case "success":
+      return "success";
+    case "error":
+      return "danger";
+    case "info":
+      return "primary";
+    case "neutral":
+      return "neutral";
+  }
+}, Re = ({
+  variant: e,
+  title: r,
+  message: o,
+  description: t
+}) => {
+  const n = E(), a = J(), c = G().secondary, s = be(e);
+  return /* @__PURE__ */ i.jsx(
+    xe,
+    {
+      variant: "soft",
+      color: s,
+      startDecorator: Ae(
+        e,
+        n.colorSchemes.light.palette.danger.plainColor
+      ),
+      sx: {
+        gap: 1,
+        borderRadius: a.sm,
+        fontSize: "0.875em",
+        "--Icon-fontSize": "1.25em"
+      },
+      children: /* @__PURE__ */ i.jsxs(
+        ye,
+        {
+          sx: {
+            fontSize: "1.5em"
+          },
+          children: [
+            r && /* @__PURE__ */ i.jsx(
+              D,
+              {
+                level: "title-md",
+                color: s,
+                fontWeight: "bold",
+                sx: { fontFamily: c, fontSize: "0.875em" },
+                children: r
+              }
+            ),
+            o && /* @__PURE__ */ i.jsx(
+              D,
+              {
+                level: "body-sm",
+                sx: { fontFamily: c, fontSize: "0.675em" },
+                children: o
+              }
+            ),
+            t && /* @__PURE__ */ i.jsx(
+              D,
+              {
+                level: "body-xs",
+                sx: { fontFamily: c, fontSize: "0.6em" },
+                children: t
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  xe as B,
+  ye as M,
+  ze as O,
+  Re as P,
+  Se as x
+};

package/chunks/ArrowRightAlt-BoUxriBH-B-XCRpGi.js

@@ -0,0 +1,83 @@
+import { j as d } from "./main-BCOFc-mh.js";
+import { i as u, L as p, s as h, d as k } from "./PrizeCard-C4Au83Cz-D-C7MMr-.js";
+const x = (r) => ({
+  // Main container with background overlay (with ScoreStateWrapper)
+  mainContainerWithWrapper: {
+    boxShadow: "md",
+    border: `${r.borderSize} solid ${r.borderColor}`,
+    overflow: "hidden",
+    backgroundImage: r.backgroundImage,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    position: "relative",
+    borderRadius: r.mdBorderRadius,
+    minHeight: "250px",
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: "inherit",
+      zIndex: 0,
+      background: r.imageBackgroundGradient
+    }
+  },
+  // Main container with background overlay (without ScoreStateWrapper)
+  mainContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "40px",
+    p: r.spacingScale.xl,
+    boxShadow: "md",
+    border: `${r.borderSize} solid ${r.borderColor}`,
+    overflow: "hidden",
+    backgroundImage: r.backgroundImage,
+    backgroundPosition: "center",
+    backgroundSize: "cover",
+    position: "relative",
+    borderRadius: r.mdBorderRadius,
+    minHeight: "250px",
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: "inherit",
+      zIndex: 0,
+      background: r.imageBackgroundGradient
+    }
+  }
+}), v = ({
+  entity: r,
+  backgroundImage: n,
+  imageBackgroundGradient: t,
+  children: s,
+  isWrappedWithScoreStateWrapper: c = !1
+}) => {
+  var e;
+  const o = u(), g = p(), i = ((e = r.branding) == null ? void 0 : e.colors) || null, b = o.customRadius.light.md, l = o.border.light.size, m = (i == null ? void 0 : i.borderColor) || o.colorSchemes.dark.secondaryContainer, a = x({
+    spacingScale: g,
+    mdBorderRadius: b,
+    borderSize: l,
+    borderColor: m,
+    backgroundImage: n,
+    imageBackgroundGradient: t
+  });
+  return /* @__PURE__ */ d.jsx(
+    h,
+    {
+      sx: c ? a.mainContainerWithWrapper : a.mainContainer,
+      children: s
+    }
+  );
+}, R = k(/* @__PURE__ */ d.jsx("path", {
+  d: "M16.01 11H4v2h12.01v3L20 12l-3.99-4z"
+}), "ArrowRightAlt");
+export {
+  v as R,
+  R as z
+};

package/chunks/Avatar-C7ZJ5apl-XQKbt5fA.js

@@ -0,0 +1,188 @@
+import { f as $, g as E, z as s, h as A, w as S, R as O, N as p, j as T, k as w } from "./PrizeCard-C4Au83Cz-D-C7MMr-.js";
+import { r as v, j as d } from "./main-BCOFc-mh.js";
+import { R as D } from "./CheckCircle-HsAwn-Ao-79r7Jb2Y.js";
+const H = D(/* @__PURE__ */ d.jsx("path", {
+  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+}), "Person");
+function W(a) {
+  return T("MuiAvatar", a);
+}
+w("MuiAvatar", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "fallback", "sizeSm", "sizeMd", "sizeLg", "img", "variantOutlined", "variantSoft", "variantSolid"]);
+w("MuiAvatarGroup", ["root"]);
+const B = /* @__PURE__ */ v.createContext(void 0);
+p("div", {
+  name: "JoyAvatarGroup",
+  slot: "Root",
+  overridesResolver: (a, r) => r.root
+})(({
+  ownerState: a,
+  theme: r
+}) => s({}, a.size === "sm" && {
+  "--AvatarGroup-gap": "-0.375rem",
+  "--Avatar-ringSize": "2px"
+}, a.size === "md" && {
+  "--AvatarGroup-gap": "-0.5rem",
+  "--Avatar-ringSize": "2px"
+}, a.size === "lg" && {
+  "--AvatarGroup-gap": "-0.625rem",
+  "--Avatar-ringSize": "4px"
+}, {
+  "--Avatar-ring": `0 0 0 var(--Avatar-ringSize) var(--Avatar-ringColor, ${r.vars.palette.background.surface})`,
+  "--Avatar-marginInlineStart": "var(--AvatarGroup-gap)",
+  display: "flex",
+  marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
+}));
+const L = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], U = (a) => {
+  const {
+    size: r,
+    variant: t,
+    color: e,
+    src: i,
+    srcSet: n
+  } = a, l = {
+    root: ["root", t && `variant${S(t)}`, e && `color${S(e)}`, r && `size${S(r)}`],
+    img: [(i || n) && "img"],
+    fallback: ["fallback"]
+  };
+  return O(l, W, {});
+}, V = p("div", {
+  name: "JoyAvatar",
+  slot: "Root",
+  overridesResolver: (a, r) => r.root
+})(({
+  theme: a,
+  ownerState: r
+}) => {
+  var t;
+  return s({
+    "--Icon-color": r.color !== "neutral" || r.variant === "solid" ? "currentColor" : a.vars.palette.text.icon
+  }, a.typography[`title-${r.size}`], r.size === "sm" && {
+    width: "var(--Avatar-size, 2rem)",
+    height: "var(--Avatar-size, 2rem)",
+    fontSize: "calc(var(--Avatar-size, 2rem) * 0.4375)"
+    // default as 14px
+  }, r.size === "md" && {
+    width: "var(--Avatar-size, 2.5rem)",
+    height: "var(--Avatar-size, 2.5rem)",
+    fontSize: "calc(var(--Avatar-size, 2.5rem) * 0.4)"
+    // default as 16px
+  }, r.size === "lg" && {
+    width: "var(--Avatar-size, 3rem)",
+    height: "var(--Avatar-size, 3rem)",
+    fontSize: "calc(var(--Avatar-size, 3rem) * 0.375)"
+    // default as 18px
+  }, {
+    marginInlineStart: "var(--Avatar-marginInlineStart)",
+    boxShadow: "var(--Avatar-ring)",
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    lineHeight: 1,
+    overflow: "hidden",
+    borderRadius: "var(--Avatar-radius, 50%)",
+    userSelect: "none"
+  }, (t = a.variants[r.variant]) == null ? void 0 : t[r.color]);
+}), Y = p("img", {
+  name: "JoyAvatar",
+  slot: "Img",
+  overridesResolver: (a, r) => r.img
+})({
+  width: "100%",
+  height: "100%",
+  textAlign: "center",
+  // Handle non-square image. The property isn't supported by IE11.
+  objectFit: "cover",
+  // Hide alt text.
+  color: "transparent",
+  // Hide the image broken icon, only works on Chrome.
+  textIndent: 1e4
+}), Z = p(H, {
+  name: "JoyAvatar",
+  slot: "Fallback",
+  overridesResolver: (a, r) => r.fallback
+})({
+  width: "64%",
+  height: "64%"
+});
+function q({
+  crossOrigin: a,
+  referrerPolicy: r,
+  src: t,
+  srcSet: e
+}) {
+  const [i, n] = v.useState(!1);
+  return v.useEffect(() => {
+    if (!t && !e)
+      return;
+    n(!1);
+    let l = !0;
+    const o = new Image();
+    return o.onload = () => {
+      l && n("loaded");
+    }, o.onerror = () => {
+      l && n("error");
+    }, o.crossOrigin = a, o.referrerPolicy = r, t && (o.src = t), e && (o.srcset = e), () => {
+      l = !1;
+    };
+  }, [a, r, t, e]), i;
+}
+const _ = /* @__PURE__ */ v.forwardRef(function(a, r) {
+  const t = $({
+    props: a,
+    name: "JoyAvatar"
+  }), e = v.useContext(B), {
+    alt: i,
+    color: n = "neutral",
+    size: l = "md",
+    variant: o = "soft",
+    src: g,
+    srcSet: u,
+    children: h,
+    component: y,
+    slots: R = {},
+    slotProps: b = {}
+  } = t, P = E(t, L), k = a.variant || (e == null ? void 0 : e.variant) || o, j = a.color || (e == null ? void 0 : e.color) || n, I = a.size || (e == null ? void 0 : e.size) || l;
+  let c = null;
+  const m = s({}, t, {
+    color: j,
+    size: I,
+    variant: k,
+    grouped: !!e
+  }), z = U(m), f = s({}, P, {
+    component: y,
+    slots: R,
+    slotProps: b
+  }), [F, C] = A("root", {
+    ref: r,
+    className: z.root,
+    elementType: V,
+    externalForwardedProps: f,
+    ownerState: m
+  }), [G, x] = A("img", {
+    additionalProps: {
+      alt: i,
+      src: g,
+      srcSet: u
+    },
+    className: z.img,
+    elementType: Y,
+    externalForwardedProps: f,
+    ownerState: m
+  }), [N, J] = A("fallback", {
+    className: z.fallback,
+    elementType: Z,
+    externalForwardedProps: f,
+    ownerState: m
+  }), M = q(s({}, x, {
+    src: g,
+    srcSet: u
+  }));
+  return (g || u) && M !== "error" ? c = /* @__PURE__ */ d.jsx(G, s({}, x)) : h != null ? c = h : i ? c = i[0] : c = /* @__PURE__ */ d.jsx(N, s({}, J)), /* @__PURE__ */ d.jsx(F, s({}, C, {
+    children: c
+  }));
+});
+export {
+  _ as a
+};