fansunited-widgets-cdn 0.0.94 → 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-BuGlVWmA-SQpe5AU1.js → ArrowRightAlt-BoUxriBH-B-XCRpGi.js}

@@ -1,5 +1,5 @@
-import { j as d } from "./main-DgdGPAG0.js";
-import { a as u, S as p, b as h, G as k } from "./PrizeCard-Daz27Vrl-CxGr97qS.js";
+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: {
@@ -56,12 +56,12 @@ const x = (r) => ({
   backgroundImage: n,
   imageBackgroundGradient: t,
   children: s,
-  isWrappedWithScoreStateWrapper: b = !1
+  isWrappedWithScoreStateWrapper: c = !1
 }) => {
   var e;
-  const o = u(), c = p(), i = ((e = r.branding) == null ? void 0 : e.colors) || null, g = o.customRadius.light.md, l = o.border.light.size, m = (i == null ? void 0 : i.borderColor) || o.colorSchemes.dark.secondaryContainer, a = x({
-    spacingScale: c,
-    mdBorderRadius: g,
+  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,
@@ -70,7 +70,7 @@ const x = (r) => ({
   return /* @__PURE__ */ d.jsx(
     h,
     {
-      sx: b ? a.mainContainerWithWrapper : a.mainContainer,
+      sx: c ? a.mainContainerWithWrapper : a.mainContainer,
       children: s
     }
   );

package/chunks/{Avatar-D5Ca-p3i-BcCjgzWs.js → Avatar-C7ZJ5apl-XQKbt5fA.js}

@@ -1,29 +1,29 @@
-import { h as N, m as O, i as s, D as A, n as p, s as S, l as D, o as E, B as w } from "./PrizeCard-Daz27Vrl-CxGr97qS.js";
-import { r as v, j as d } from "./main-DgdGPAG0.js";
-import { V as T } from "./CheckCircle-BN-6n2s4-R-q5t3Vt.js";
-const B = T(/* @__PURE__ */ d.jsx("path", {
+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 V(e) {
-  return E("MuiAvatar", e);
+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 W = /* @__PURE__ */ v.createContext(void 0);
+const B = /* @__PURE__ */ v.createContext(void 0);
 p("div", {
   name: "JoyAvatarGroup",
   slot: "Root",
-  overridesResolver: (e, r) => r.root
+  overridesResolver: (a, r) => r.root
 })(({
-  ownerState: e,
+  ownerState: a,
   theme: r
-}) => s({}, e.size === "sm" && {
+}) => s({}, a.size === "sm" && {
   "--AvatarGroup-gap": "-0.375rem",
   "--Avatar-ringSize": "2px"
-}, e.size === "md" && {
+}, a.size === "md" && {
   "--AvatarGroup-gap": "-0.5rem",
   "--Avatar-ringSize": "2px"
-}, e.size === "lg" && {
+}, a.size === "lg" && {
   "--AvatarGroup-gap": "-0.625rem",
   "--Avatar-ringSize": "4px"
 }, {
@@ -32,31 +32,31 @@ p("div", {
   display: "flex",
   marginInlineStart: "calc(-1 * var(--AvatarGroup-gap))"
 }));
-const q = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], H = (e) => {
+const L = ["alt", "color", "size", "variant", "src", "srcSet", "children", "component", "slots", "slotProps"], U = (a) => {
   const {
     size: r,
     variant: t,
-    color: a,
+    color: e,
     src: i,
     srcSet: n
-  } = e, l = {
-    root: ["root", t && `variant${S(t)}`, a && `color${S(a)}`, r && `size${S(r)}`],
+  } = a, l = {
+    root: ["root", t && `variant${S(t)}`, e && `color${S(e)}`, r && `size${S(r)}`],
     img: [(i || n) && "img"],
     fallback: ["fallback"]
   };
-  return D(l, V, {});
-}, L = p("div", {
+  return O(l, W, {});
+}, V = p("div", {
   name: "JoyAvatar",
   slot: "Root",
-  overridesResolver: (e, r) => r.root
+  overridesResolver: (a, r) => r.root
 })(({
-  theme: e,
+  theme: a,
   ownerState: r
 }) => {
   var t;
   return s({
-    "--Icon-color": r.color !== "neutral" || r.variant === "solid" ? "currentColor" : e.vars.palette.text.icon
-  }, e.typography[`title-${r.size}`], r.size === "sm" && {
+    "--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)"
@@ -83,11 +83,11 @@ const q = ["alt", "color", "size", "variant", "src", "srcSet", "children", "comp
     overflow: "hidden",
     borderRadius: "var(--Avatar-radius, 50%)",
     userSelect: "none"
-  }, (t = e.variants[r.variant]) == null ? void 0 : t[r.color]);
-}), U = p("img", {
+  }, (t = a.variants[r.variant]) == null ? void 0 : t[r.color]);
+}), Y = p("img", {
   name: "JoyAvatar",
   slot: "Img",
-  overridesResolver: (e, r) => r.img
+  overridesResolver: (a, r) => r.img
 })({
   width: "100%",
   height: "100%",
@@ -98,23 +98,23 @@ const q = ["alt", "color", "size", "variant", "src", "srcSet", "children", "comp
   color: "transparent",
   // Hide the image broken icon, only works on Chrome.
   textIndent: 1e4
-}), Y = p(B, {
+}), Z = p(H, {
   name: "JoyAvatar",
   slot: "Fallback",
-  overridesResolver: (e, r) => r.fallback
+  overridesResolver: (a, r) => r.fallback
 })({
   width: "64%",
   height: "64%"
 });
-function Z({
-  crossOrigin: e,
+function q({
+  crossOrigin: a,
   referrerPolicy: r,
   src: t,
-  srcSet: a
+  srcSet: e
 }) {
   const [i, n] = v.useState(!1);
   return v.useEffect(() => {
-    if (!t && !a)
+    if (!t && !e)
       return;
     n(!1);
     let l = !0;
@@ -123,66 +123,66 @@ function Z({
       l && n("loaded");
     }, o.onerror = () => {
       l && n("error");
-    }, o.crossOrigin = e, o.referrerPolicy = r, t && (o.src = t), a && (o.srcset = a), () => {
+    }, o.crossOrigin = a, o.referrerPolicy = r, t && (o.src = t), e && (o.srcset = e), () => {
       l = !1;
     };
-  }, [e, r, t, a]), i;
+  }, [a, r, t, e]), i;
 }
-const X = /* @__PURE__ */ v.forwardRef(function(e, r) {
-  const t = N({
-    props: e,
+const _ = /* @__PURE__ */ v.forwardRef(function(a, r) {
+  const t = $({
+    props: a,
     name: "JoyAvatar"
-  }), a = v.useContext(W), {
+  }), e = v.useContext(B), {
     alt: i,
     color: n = "neutral",
     size: l = "md",
     variant: o = "soft",
-    src: u,
-    srcSet: g,
+    src: g,
+    srcSet: u,
     children: h,
     component: y,
-    slots: b = {},
-    slotProps: P = {}
-  } = t, k = O(t, q), I = e.variant || (a == null ? void 0 : a.variant) || o, R = e.color || (a == null ? void 0 : a.color) || n, j = e.size || (a == null ? void 0 : a.size) || l;
+    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: R,
-    size: j,
-    variant: I,
-    grouped: !!a
-  }), z = H(m), f = s({}, k, {
+    color: j,
+    size: I,
+    variant: k,
+    grouped: !!e
+  }), z = U(m), f = s({}, P, {
     component: y,
-    slots: b,
-    slotProps: P
-  }), [G, $] = A("root", {
+    slots: R,
+    slotProps: b
+  }), [F, C] = A("root", {
     ref: r,
     className: z.root,
-    elementType: L,
+    elementType: V,
     externalForwardedProps: f,
     ownerState: m
-  }), [C, x] = A("img", {
+  }), [G, x] = A("img", {
     additionalProps: {
       alt: i,
-      src: u,
-      srcSet: g
+      src: g,
+      srcSet: u
     },
     className: z.img,
-    elementType: U,
+    elementType: Y,
     externalForwardedProps: f,
     ownerState: m
-  }), [F, J] = A("fallback", {
+  }), [N, J] = A("fallback", {
     className: z.fallback,
-    elementType: Y,
+    elementType: Z,
     externalForwardedProps: f,
     ownerState: m
-  }), M = Z(s({}, x, {
-    src: u,
-    srcSet: g
+  }), M = q(s({}, x, {
+    src: g,
+    srcSet: u
   }));
-  return (u || g) && M !== "error" ? c = /* @__PURE__ */ d.jsx(C, s({}, x)) : h != null ? c = h : i ? c = i[0] : c = /* @__PURE__ */ d.jsx(F, s({}, J)), /* @__PURE__ */ d.jsx(G, s({}, $, {
+  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 {
-  X as a
+  _ as a
 };