fansunited-frontend-components 0.0.39 → 0.0.40

package/chunks/{useInfoPage-v91yL5SS.js → NotFoundSkeleton-B3RNa8KJ.js}

@@ -1,24 +1,24 @@
-import { jsx as r, jsxs as u, Fragment as Pe } from "react/jsx-runtime";
-import { n as de, m as _, s as H, _ as S, p as pe, k as me, q as W, P as o, r as j, t as ue, K as Je, Y as ie, g as To, ad as So, U as Ee, h as ko, j as ke, ak as Ro, al as wo, d as Ge, a0 as Po, a1 as Io, am as Fo, x as A, w as Ke, v as Z, f as fe, e as Ye, an as le, T, B as l, a5 as zo, u as qe, y as Xe, W as Qe } from "./ConstantsProvider-BPJJz9fq.js";
-import { g as Oo, s as X, b as Mo } from "./useImageVariant-Do8kOVs2.js";
-import * as C from "react";
-import { useState as Ze, useEffect as Ho } from "react";
+import { jsx as n, jsxs as u, Fragment as ke } from "react/jsx-runtime";
+import { l as de, m as $, s as I, _ as b, q as pe, t as me, v as N, P as o, x as W, y as ue, w as Ue, O as re, G as yo, ad as bo, L as Be, H as xo, I as Se, ae as vo, af as Co, c as Je, A as To, a7 as So, ag as Ro, k as D, j as Ge, h as K, f as Pe, e as qe, ah as ae, T as C, B as s, D as ko, u as wo, g as Po, W as Oo } from "./PrizeCard-gMp7I66d.js";
+import { g as Mo, s as ie } from "./useImageVariant-pnFelF9A.js";
+import * as h from "react";
+import { useState as zo } from "react";
+import { m as Fo, M as Io, a as Ho, b as Ao } from "./Spinner-BBA89t5s.js";
 import "react-dom";
-import { m as $o, M as Do, a as jo, b as Ao } from "./Spinner-m59ZJZ35.js";
-function Wo(e) {
+function jo(e) {
   return de("MuiAspectRatio", e);
 }
-_("MuiAspectRatio", ["root", "content", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
-const _o = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color", "variant", "component", "flex", "slots", "slotProps"], No = (e) => {
+$("MuiAspectRatio", ["root", "content", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const Wo = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color", "variant", "component", "flex", "slots", "slotProps"], Do = (e) => {
   const {
     variant: t,
     color: i
   } = e, a = {
     root: ["root"],
-    content: ["content", t && `variant${j(t)}`, i && `color${j(i)}`]
+    content: ["content", t && `variant${W(t)}`, i && `color${W(i)}`]
   };
-  return ue(a, Wo, {});
-}, Bo = H("div", {
+  return ue(a, jo, {});
+}, No = I("div", {
   name: "JoyAspectRatio",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -39,7 +39,7 @@ const _o = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color",
     flexDirection: "column",
     margin: "var(--AspectRatio-margin)"
   };
-}), Eo = H("div", {
+}), $o = I("div", {
   name: "JoyAspectRatio",
   slot: "Content",
   overridesResolver: (e, t) => t.content
@@ -48,7 +48,7 @@ const _o = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color",
   ownerState: t
 }) => {
   var i;
-  return S({
+  return b({
     flex: 1,
     position: "relative",
     borderRadius: "inherit",
@@ -78,55 +78,55 @@ const _o = ["children", "ratio", "minHeight", "maxHeight", "objectFit", "color",
       }
     }
   }, e.typography["body-md"], (i = e.variants[t.variant]) == null ? void 0 : i[t.color]);
-}), Ie = /* @__PURE__ */ C.forwardRef(function(t, i) {
+}), we = /* @__PURE__ */ h.forwardRef(function(t, i) {
   const a = pe({
     props: t,
     name: "JoyAspectRatio"
   }), {
-    children: c,
-    ratio: n = "16 / 9",
-    minHeight: g,
+    children: m,
+    ratio: r = "16 / 9",
+    minHeight: x,
     maxHeight: p,
-    objectFit: s = "cover",
-    color: x = "neutral",
-    variant: h = "soft",
-    component: f,
-    flex: R = !1,
-    slots: v = {},
-    slotProps: k = {}
-  } = a, y = me(a, _o), b = S({}, a, {
-    flex: R,
-    minHeight: g,
+    objectFit: d = "cover",
+    color: v = "neutral",
+    variant: R = "soft",
+    component: g,
+    flex: w = !1,
+    slots: y = {},
+    slotProps: T = {}
+  } = a, f = me(a, Wo), S = b({}, a, {
+    flex: w,
+    minHeight: x,
     maxHeight: p,
-    objectFit: s,
-    ratio: n,
-    color: x,
-    variant: h
-  }), w = No(b), F = S({}, y, {
-    component: f,
-    slots: v,
-    slotProps: k
-  }), [$, N] = W("root", {
+    objectFit: d,
+    ratio: r,
+    color: v,
+    variant: R
+  }), F = Do(S), H = b({}, f, {
+    component: g,
+    slots: y,
+    slotProps: T
+  }), [A, _] = N("root", {
     ref: i,
-    className: w.root,
-    elementType: Bo,
-    externalForwardedProps: F,
-    ownerState: b
-  }), [D, d] = W("content", {
-    className: w.content,
-    elementType: Eo,
-    externalForwardedProps: F,
-    ownerState: b
+    className: F.root,
+    elementType: No,
+    externalForwardedProps: H,
+    ownerState: S
+  }), [j, l] = N("content", {
+    className: F.content,
+    elementType: $o,
+    externalForwardedProps: H,
+    ownerState: S
   });
-  return /* @__PURE__ */ r($, S({}, N, {
-    children: /* @__PURE__ */ r(D, S({}, d, {
-      children: C.Children.map(c, (I, B) => B === 0 && /* @__PURE__ */ C.isValidElement(I) ? /* @__PURE__ */ C.cloneElement(I, {
+  return /* @__PURE__ */ n(A, b({}, _, {
+    children: /* @__PURE__ */ n(j, b({}, l, {
+      children: h.Children.map(m, (P, B) => B === 0 && /* @__PURE__ */ h.isValidElement(P) ? /* @__PURE__ */ h.cloneElement(P, {
         "data-first-child": ""
-      }) : I)
+      }) : P)
     }))
   }));
 });
-process.env.NODE_ENV !== "production" && (Ie.propTypes = {
+process.env.NODE_ENV !== "production" && (we.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -197,14 +197,14 @@ process.env.NODE_ENV !== "production" && (Ie.propTypes = {
    */
   variant: o.oneOfType([o.oneOf(["outlined", "plain", "soft", "solid"]), o.string])
 });
-const Lo = _("MuiCardOverflow", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
-function Vo(e) {
+const _o = $("MuiCardOverflow", ["root", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+function Bo(e) {
   return de("MuiCardContent", e);
 }
-_("MuiCardContent", ["root"]);
-const Uo = ["className", "component", "children", "orientation", "slots", "slotProps"], Jo = () => ue({
+$("MuiCardContent", ["root"]);
+const Eo = ["className", "component", "children", "orientation", "slots", "slotProps"], Lo = () => ue({
   root: ["root"]
-}, Vo, {}), eo = H("div")(({
+}, Bo, {}), Xe = I("div")(({
   ownerState: e
 }) => ({
   display: "flex",
@@ -215,43 +215,43 @@ const Uo = ["className", "component", "children", "orientation", "slots", "slotP
   columnGap: "var(--Card-padding)",
   rowGap: "max(2px, calc(0.1875 * var(--Card-padding)))",
   padding: "var(--unstable_padding)",
-  [`.${Lo.root} > &`]: {
+  [`.${_o.root} > &`]: {
     "--unstable_padding": "calc(var(--Card-padding) * 0.75) 0px"
   }
-})), Go = H(eo, {
+})), Vo = I(Xe, {
   name: "JoyCardContent",
   slot: "Root",
   overridesResolver: (e, t) => t.root
-})({}), Ko = /* @__PURE__ */ C.forwardRef(function(t, i) {
+})({}), Uo = /* @__PURE__ */ h.forwardRef(function(t, i) {
   const a = pe({
     props: t,
     name: "JoyCardContent"
   }), {
-    className: c,
-    component: n = "div",
-    children: g,
+    className: m,
+    component: r = "div",
+    children: x,
     orientation: p = "vertical",
-    slots: s = {},
-    slotProps: x = {}
-  } = a, h = me(a, Uo), f = S({}, h, {
-    component: n,
-    slots: s,
-    slotProps: x
-  }), R = S({}, a, {
-    component: n,
+    slots: d = {},
+    slotProps: v = {}
+  } = a, R = me(a, Eo), g = b({}, R, {
+    component: r,
+    slots: d,
+    slotProps: v
+  }), w = b({}, a, {
+    component: r,
     orientation: p
-  }), v = Jo(), [k, y] = W("root", {
+  }), y = Lo(), [T, f] = N("root", {
     ref: i,
-    className: Je(v.root, c),
-    elementType: Go,
-    externalForwardedProps: f,
-    ownerState: R
+    className: Ue(y.root, m),
+    elementType: Vo,
+    externalForwardedProps: g,
+    ownerState: w
   });
-  return /* @__PURE__ */ r(k, S({}, y, {
-    children: g
+  return /* @__PURE__ */ n(T, b({}, f, {
+    children: x
   }));
 });
-process.env.NODE_ENV !== "production" && (Ko.propTypes = {
+process.env.NODE_ENV !== "production" && (Uo.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -294,13 +294,13 @@ process.env.NODE_ENV !== "production" && (Ko.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function Yo(e) {
+function Jo(e) {
   return de("MuiDialogContent", e);
 }
-_("MuiDialogContent", ["root"]);
-const qo = _("MuiDialogTitle", ["root", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]), Xo = ["component", "children", "orientation", "slots", "slotProps"], Qo = () => ue({
+$("MuiDialogContent", ["root"]);
+const Go = $("MuiDialogTitle", ["root", "h1", "h2", "h3", "h4", "title-lg", "title-md", "title-sm", "body-lg", "body-md", "body-sm", "body-xs", "colorPrimary", "colorNeutral", "colorDanger", "colorSuccess", "colorWarning", "colorContext", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]), qo = ["component", "children", "orientation", "slots", "slotProps"], Xo = () => ue({
   root: ["root"]
-}, Yo, {}), Zo = H(eo, {
+}, Jo, {}), Yo = I(Xe, {
   name: "JoyDialogContent",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -310,41 +310,41 @@ const qo = _("MuiDialogTitle", ["root", "h1", "h2", "h3", "h4", "title-lg", "tit
   color: `var(--DialogContent-color, ${e.vars.palette.text.tertiary})`,
   overflow: "auto",
   margin: "var(--unstable_DialogContent-margin)",
-  [`.${$o.root} > .${qo.root} + &`]: {
+  [`.${Fo.root} > .${Go.root} + &`]: {
     "--unstable_DialogContent-margin": "-0.375em 0 0 0"
   }
-})), oo = /* @__PURE__ */ C.forwardRef(function(t, i) {
+})), Ye = /* @__PURE__ */ h.forwardRef(function(t, i) {
   const a = pe({
     props: t,
     name: "JoyDialogContent"
-  }), c = C.useContext(Do), {
-    component: n = "div",
-    children: g,
+  }), m = h.useContext(Io), {
+    component: r = "div",
+    children: x,
     orientation: p = "vertical",
-    slots: s = {},
-    slotProps: x = {}
-  } = a, h = me(a, Xo), f = S({}, h, {
-    component: n,
-    slots: s,
-    slotProps: x
-  }), R = S({}, a, {
-    component: n,
+    slots: d = {},
+    slotProps: v = {}
+  } = a, R = me(a, qo), g = b({}, R, {
+    component: r,
+    slots: d,
+    slotProps: v
+  }), w = b({}, a, {
+    component: r,
     orientation: p
-  }), v = Qo(), [k, y] = W("root", {
+  }), y = Xo(), [T, f] = N("root", {
     ref: i,
-    className: v.root,
-    elementType: Zo,
-    externalForwardedProps: f,
-    ownerState: R,
+    className: y.root,
+    elementType: Yo,
+    externalForwardedProps: g,
+    ownerState: w,
     additionalProps: {
-      id: c == null ? void 0 : c.describedBy
+      id: m == null ? void 0 : m.describedBy
     }
   });
-  return /* @__PURE__ */ r(k, S({}, y, {
-    children: g
+  return /* @__PURE__ */ n(T, b({}, f, {
+    children: x
   }));
 });
-process.env.NODE_ENV !== "production" && (oo.propTypes = {
+process.env.NODE_ENV !== "production" && (Ye.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -383,24 +383,24 @@ process.env.NODE_ENV !== "production" && (oo.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function et(e) {
+function Ko(e) {
   return de("MuiTooltip", e);
 }
-_("MuiTooltip", ["root", "tooltipArrow", "arrow", "touch", "placementLeft", "placementRight", "placementTop", "placementBottom", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
-const ot = ["children", "className", "component", "arrow", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "disablePortal", "direction", "keepMounted", "modifiers", "placement", "title", "color", "variant", "size", "slots", "slotProps"], tt = (e) => {
+$("MuiTooltip", ["root", "tooltipArrow", "arrow", "touch", "placementLeft", "placementRight", "placementTop", "placementBottom", "colorPrimary", "colorDanger", "colorNeutral", "colorSuccess", "colorWarning", "colorContext", "sizeSm", "sizeMd", "sizeLg", "variantPlain", "variantOutlined", "variantSoft", "variantSolid"]);
+const Qo = ["children", "className", "component", "arrow", "describeChild", "disableFocusListener", "disableHoverListener", "disableInteractive", "disableTouchListener", "enterDelay", "enterNextDelay", "enterTouchDelay", "followCursor", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "disablePortal", "direction", "keepMounted", "modifiers", "placement", "title", "color", "variant", "size", "slots", "slotProps"], Zo = (e) => {
   const {
     arrow: t,
     variant: i,
     color: a,
-    size: c,
-    placement: n,
-    touch: g
+    size: m,
+    placement: r,
+    touch: x
   } = e, p = {
-    root: ["root", t && "tooltipArrow", g && "touch", c && `size${j(c)}`, a && `color${j(a)}`, i && `variant${j(i)}`, `tooltipPlacement${j(n.split("-")[0])}`],
+    root: ["root", t && "tooltipArrow", x && "touch", m && `size${W(m)}`, a && `color${W(a)}`, i && `variant${W(i)}`, `tooltipPlacement${W(r.split("-")[0])}`],
     arrow: ["arrow"]
   };
-  return ue(p, et, {});
-}, nt = H("div", {
+  return ue(p, Ko, {});
+}, et = I("div", {
   name: "JoyTooltip",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -408,9 +408,9 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
   ownerState: e,
   theme: t
 }) => {
-  var i, a, c;
-  const n = (i = t.variants[e.variant]) == null ? void 0 : i[e.color];
-  return S({}, e.size === "sm" && {
+  var i, a, m;
+  const r = (i = t.variants[e.variant]) == null ? void 0 : i[e.color];
+  return b({}, e.size === "sm" && {
     "--Icon-fontSize": t.vars.fontSize.md,
     "--Tooltip-arrowSize": "8px",
     padding: t.spacing(0.25, 0.625)
@@ -434,7 +434,7 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
     sm: "xs",
     md: "sm",
     lg: "md"
-  }[e.size]}`], n, !n.backgroundColor && {
+  }[e.size]}`], r, !r.backgroundColor && {
     backgroundColor: t.vars.palette.background.surface
   }, {
     "&::before": {
@@ -447,7 +447,7 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
         // 10px equals the default offset popper config
         "calc(10px + var(--variant-borderWidth, 0px))"
       ),
-      height: (c = e.placement) != null && c.match(/(top|bottom)/) ? "calc(10px + var(--variant-borderWidth, 0px))" : "100%"
+      height: (m = e.placement) != null && m.match(/(top|bottom)/) ? "calc(10px + var(--variant-borderWidth, 0px))" : "100%"
     },
     '&[data-popper-placement*="bottom"]::before': {
       top: 0,
@@ -470,7 +470,7 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
       transform: "translateY(100%)"
     }
   });
-}), rt = H("span", {
+}), ot = I("span", {
   name: "JoyTooltip",
   slot: "Arrow",
   overridesResolver: (e, t) => t.arrow
@@ -478,8 +478,8 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
   theme: e,
   ownerState: t
 }) => {
-  var i, a, c;
-  const n = (i = e.variants[t.variant]) == null ? void 0 : i[t.color];
+  var i, a, m;
+  const r = (i = e.variants[t.variant]) == null ? void 0 : i[t.color];
   return {
     "--unstable_Tooltip-arrowRotation": 0,
     width: "var(--Tooltip-arrowSize)",
@@ -495,10 +495,10 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
       border: "calc(var(--Tooltip-arrowSize) / 2) solid",
       borderLeftColor: "transparent",
       borderBottomColor: "transparent",
-      borderTopColor: (a = n == null ? void 0 : n.backgroundColor) != null ? a : e.vars.palette.background.surface,
-      borderRightColor: (c = n == null ? void 0 : n.backgroundColor) != null ? c : e.vars.palette.background.surface,
+      borderTopColor: (a = r == null ? void 0 : r.backgroundColor) != null ? a : e.vars.palette.background.surface,
+      borderRightColor: (m = r == null ? void 0 : r.backgroundColor) != null ? m : e.vars.palette.background.surface,
       borderRadius: "0px 2px 0px 0px",
-      boxShadow: `var(--variant-borderWidth, 0px) calc(-1 * var(--variant-borderWidth, 0px)) 0px 0px ${n.borderColor}`,
+      boxShadow: `var(--variant-borderWidth, 0px) calc(-1 * var(--variant-borderWidth, 0px)) 0px 0px ${r.borderColor}`,
       transformOrigin: "center center",
       transform: "rotate(calc(-45deg + 90deg * var(--unstable_Tooltip-arrowRotation)))"
     },
@@ -520,154 +520,154 @@ const ot = ["children", "className", "component", "arrow", "describeChild", "dis
     }
   };
 });
-let se = !1;
-const Le = new wo();
-let q = {
+let le = !1;
+const Ee = new Co();
+let Y = {
   x: 0,
   y: 0
 };
-function Ve(e, t) {
+function Le(e, t) {
   return (i) => {
     t && t(i), e(i);
   };
 }
-function Ue(e, t) {
+function Ve(e, t) {
   return (i, ...a) => {
     t && t(i, ...a), e(i, ...a);
   };
 }
-const ce = /* @__PURE__ */ C.forwardRef(function(t, i) {
+const ce = /* @__PURE__ */ h.forwardRef(function(t, i) {
   var a;
-  const c = pe({
+  const m = pe({
     props: t,
     name: "JoyTooltip"
   }), {
-    children: n,
-    className: g,
+    children: r,
+    className: x,
     component: p,
-    arrow: s = !1,
-    describeChild: x = !1,
-    disableFocusListener: h = !1,
-    disableHoverListener: f = !1,
-    disableInteractive: R = !1,
-    disableTouchListener: v = !1,
-    enterDelay: k = 100,
-    enterNextDelay: y = 0,
-    enterTouchDelay: b = 700,
-    followCursor: w = !1,
-    id: F,
-    leaveDelay: $ = 0,
-    leaveTouchDelay: N = 1500,
-    onClose: D,
-    onOpen: d,
-    open: I,
+    arrow: d = !1,
+    describeChild: v = !1,
+    disableFocusListener: R = !1,
+    disableHoverListener: g = !1,
+    disableInteractive: w = !1,
+    disableTouchListener: y = !1,
+    enterDelay: T = 100,
+    enterNextDelay: f = 0,
+    enterTouchDelay: S = 700,
+    followCursor: F = !1,
+    id: H,
+    leaveDelay: A = 0,
+    leaveTouchDelay: _ = 1500,
+    onClose: j,
+    onOpen: l,
+    open: P,
     disablePortal: B,
     direction: E,
-    keepMounted: ge,
-    modifiers: ee,
+    keepMounted: fe,
+    modifiers: Q,
     placement: L = "bottom",
-    title: z,
+    title: O,
     color: V = "neutral",
     variant: U = "solid",
-    size: to = "md",
-    slots: no = {},
-    slotProps: ro = {}
-  } = c, Fe = me(c, ot), [J, ze] = C.useState(), [he, ao] = C.useState(null), oe = C.useRef(!1), ye = R || w, Oe = ie(), be = ie(), te = ie(), Me = ie(), [io, He] = To({
-    controlled: I,
+    size: Ke = "md",
+    slots: Qe = {},
+    slotProps: Ze = {}
+  } = m, Oe = me(m, Qo), [J, Me] = h.useState(), [ge, eo] = h.useState(null), Z = h.useRef(!1), he = w || F, ze = re(), ye = re(), ee = re(), Fe = re(), [oo, Ie] = yo({
+    controlled: P,
     default: !1,
     name: "Tooltip",
     state: "open"
   });
-  let O = io;
-  const xe = So(F), G = C.useRef(), ne = Ee(() => {
-    G.current !== void 0 && (document.body.style.WebkitUserSelect = G.current, G.current = void 0), Me.clear();
+  let M = oo;
+  const be = bo(H), G = h.useRef(), oe = Be(() => {
+    G.current !== void 0 && (document.body.style.WebkitUserSelect = G.current, G.current = void 0), Fe.clear();
   });
-  C.useEffect(() => ne, [ne]);
-  const $e = (m) => {
-    Le.clear(), se = !0, He(!0), d && !O && d(m);
-  }, re = Ee((m) => {
-    Le.start(800 + $, () => {
-      se = !1;
-    }), He(!1), D && O && D(m), Oe.start(150, () => {
-      oe.current = !1;
+  h.useEffect(() => oe, [oe]);
+  const He = (c) => {
+    Ee.clear(), le = !0, Ie(!0), l && !M && l(c);
+  }, te = Be((c) => {
+    Ee.start(800 + A, () => {
+      le = !1;
+    }), Ie(!1), j && M && j(c), ze.start(150, () => {
+      Z.current = !1;
     });
-  }), ae = (m) => {
-    oe.current && m.type !== "touchstart" || (J && J.removeAttribute("title"), be.clear(), te.clear(), k || se && y ? be.start(se ? y : k, () => {
-      $e(m);
-    }) : $e(m));
-  }, ve = (m) => {
-    be.clear(), te.start($, () => {
-      re(m);
+  }), ne = (c) => {
+    Z.current && c.type !== "touchstart" || (J && J.removeAttribute("title"), ye.clear(), ee.clear(), T || le && f ? ye.start(le ? f : T, () => {
+      He(c);
+    }) : He(c));
+  }, xe = (c) => {
+    ye.clear(), ee.start(A, () => {
+      te(c);
     });
   }, {
-    isFocusVisibleRef: De,
-    onBlur: lo,
-    onFocus: so,
-    ref: co
-  } = ko(), [, je] = C.useState(!1), Ae = (m) => {
-    lo(m), De.current === !1 && (je(!1), ve(m));
-  }, We = (m) => {
-    J || ze(m.currentTarget), so(m), De.current === !0 && (je(!0), ae(m));
-  }, _e = (m) => {
-    oe.current = !0;
-    const M = n.props;
-    M.onTouchStart && M.onTouchStart(m);
-  }, po = (m) => {
-    _e(m), te.clear(), Oe.clear(), ne(), G.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Me.start(b, () => {
-      document.body.style.WebkitUserSelect = G.current, ae(m);
+    isFocusVisibleRef: Ae,
+    onBlur: to,
+    onFocus: no,
+    ref: ro
+  } = xo(), [, je] = h.useState(!1), We = (c) => {
+    to(c), Ae.current === !1 && (je(!1), xe(c));
+  }, De = (c) => {
+    J || Me(c.currentTarget), no(c), Ae.current === !0 && (je(!0), ne(c));
+  }, Ne = (c) => {
+    Z.current = !0;
+    const z = r.props;
+    z.onTouchStart && z.onTouchStart(c);
+  }, ao = (c) => {
+    Ne(c), ee.clear(), ze.clear(), oe(), G.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Fe.start(S, () => {
+      document.body.style.WebkitUserSelect = G.current, ne(c);
     });
-  }, mo = (m) => {
-    n.props.onTouchEnd && n.props.onTouchEnd(m), ne(), te.start(N, () => {
-      re(m);
+  }, io = (c) => {
+    r.props.onTouchEnd && r.props.onTouchEnd(c), oe(), ee.start(_, () => {
+      te(c);
     });
   };
-  C.useEffect(() => {
-    if (!O)
+  h.useEffect(() => {
+    if (!M)
       return;
-    function m(M) {
-      (M.key === "Escape" || M.key === "Esc") && re(M);
+    function c(z) {
+      (z.key === "Escape" || z.key === "Esc") && te(z);
     }
-    return document.addEventListener("keydown", m), () => {
-      document.removeEventListener("keydown", m);
+    return document.addEventListener("keydown", c), () => {
+      document.removeEventListener("keydown", c);
     };
-  }, [re, O]);
-  const uo = ke(ze, i), fo = ke(co, uo), go = ke(n.ref, fo);
-  typeof z != "number" && !z && (O = !1);
-  const Ce = C.useRef(null), ho = (m) => {
-    const M = n.props;
-    M.onMouseMove && M.onMouseMove(m), q = {
-      x: m.clientX,
-      y: m.clientY
-    }, Ce.current && Ce.current.update();
-  }, K = {}, Te = typeof z == "string";
-  x ? (K.title = !O && Te && !f ? z : null, K["aria-describedby"] = O ? xe : null) : (K["aria-label"] = Te ? z : null, K["aria-labelledby"] = O && !Te ? xe : null);
-  const P = S({}, K, Fe, {
+  }, [te, M]);
+  const lo = Se(Me, i), so = Se(ro, lo), co = Se(r.ref, so);
+  typeof O != "number" && !O && (M = !1);
+  const ve = h.useRef(null), po = (c) => {
+    const z = r.props;
+    z.onMouseMove && z.onMouseMove(c), Y = {
+      x: c.clientX,
+      y: c.clientY
+    }, ve.current && ve.current.update();
+  }, q = {}, Ce = typeof O == "string";
+  v ? (q.title = !M && Ce && !g ? O : null, q["aria-describedby"] = M ? be : null) : (q["aria-label"] = Ce ? O : null, q["aria-labelledby"] = M && !Ce ? be : null);
+  const k = b({}, q, Oe, {
     component: p
-  }, n.props, {
-    className: Je(g, n.props.className),
-    onTouchStart: _e,
-    ref: go
-  }, w ? {
-    onMouseMove: ho
-  } : {}), Y = {};
-  v || (P.onTouchStart = po, P.onTouchEnd = mo), f || (P.onMouseOver = Ve(ae, P.onMouseOver), P.onMouseLeave = Ve(ve, P.onMouseLeave), ye || (Y.onMouseOver = ae, Y.onMouseLeave = ve)), h || (P.onFocus = Ue(We, P.onFocus), P.onBlur = Ue(Ae, P.onBlur), ye || (Y.onFocus = We, Y.onBlur = Ae));
-  const Se = S({}, c, {
-    arrow: s,
-    disableInteractive: ye,
+  }, r.props, {
+    className: Ue(x, r.props.className),
+    onTouchStart: Ne,
+    ref: co
+  }, F ? {
+    onMouseMove: po
+  } : {}), X = {};
+  y || (k.onTouchStart = ao, k.onTouchEnd = io), g || (k.onMouseOver = Le(ne, k.onMouseOver), k.onMouseLeave = Le(xe, k.onMouseLeave), he || (X.onMouseOver = ne, X.onMouseLeave = xe)), R || (k.onFocus = Ve(De, k.onFocus), k.onBlur = Ve(We, k.onBlur), he || (X.onFocus = De, X.onBlur = We));
+  const Te = b({}, m, {
+    arrow: d,
+    disableInteractive: he,
     placement: L,
-    touch: oe.current,
+    touch: Z.current,
     color: V,
     variant: U,
-    size: to
-  }), Ne = tt(Se), Be = S({}, Fe, {
+    size: Ke
+  }), $e = Zo(Te), _e = b({}, Oe, {
     component: p,
-    slots: no,
-    slotProps: ro
-  }), yo = C.useMemo(() => [{
+    slots: Qe,
+    slotProps: Ze
+  }), mo = h.useMemo(() => [{
     name: "arrow",
-    enabled: !!he,
+    enabled: !!ge,
     options: {
-      element: he,
+      element: ge,
       // https://popper.js.org/docs/v2/modifiers/arrow/#padding
       // make the arrow looks nice with the Tooltip's border radius
       padding: 6
@@ -677,47 +677,47 @@ const ce = /* @__PURE__ */ C.forwardRef(function(t, i) {
     options: {
       offset: [0, 10]
     }
-  }, ...ee || []], [he, ee]), [bo, xo] = W("root", {
-    additionalProps: S({
-      id: xe,
-      popperRef: Ce,
+  }, ...Q || []], [ge, Q]), [uo, fo] = N("root", {
+    additionalProps: b({
+      id: be,
+      popperRef: ve,
       placement: L,
-      anchorEl: w ? {
+      anchorEl: F ? {
         getBoundingClientRect: () => ({
-          top: q.y,
-          left: q.x,
-          right: q.x,
-          bottom: q.y,
+          top: Y.y,
+          left: Y.x,
+          right: Y.x,
+          bottom: Y.y,
           width: 0,
           height: 0
         })
       } : J,
-      open: J ? O : !1,
+      open: J ? M : !1,
       disablePortal: B,
-      keepMounted: ge,
+      keepMounted: fe,
       direction: E,
-      modifiers: yo
-    }, Y),
+      modifiers: mo
+    }, X),
     ref: null,
-    className: Ne.root,
-    elementType: nt,
-    externalForwardedProps: Be,
-    ownerState: Se
-  }), [vo, Co] = W("arrow", {
-    ref: ao,
-    className: Ne.arrow,
-    elementType: rt,
-    externalForwardedProps: Be,
-    ownerState: Se
+    className: $e.root,
+    elementType: et,
+    externalForwardedProps: _e,
+    ownerState: Te
+  }), [go, ho] = N("arrow", {
+    ref: eo,
+    className: $e.arrow,
+    elementType: ot,
+    externalForwardedProps: _e,
+    ownerState: Te
   });
-  return /* @__PURE__ */ u(C.Fragment, {
-    children: [/* @__PURE__ */ C.isValidElement(n) && /* @__PURE__ */ C.cloneElement(n, P), /* @__PURE__ */ u(bo, S({}, xo, !((a = c.slots) != null && a.root) && {
-      as: Ro,
+  return /* @__PURE__ */ u(h.Fragment, {
+    children: [/* @__PURE__ */ h.isValidElement(r) && /* @__PURE__ */ h.cloneElement(r, k), /* @__PURE__ */ u(uo, b({}, fo, !((a = m.slots) != null && a.root) && {
+      as: vo,
       slots: {
         root: p || "div"
       }
     }, {
-      children: [z, s ? /* @__PURE__ */ r(vo, S({}, Co)) : null]
+      children: [O, d ? /* @__PURE__ */ n(go, b({}, ho)) : null]
     }))]
   });
 });
@@ -906,24 +906,24 @@ process.env.NODE_ENV !== "production" && (ce.propTypes = {
    */
   variant: o.oneOf(["outlined", "plain", "soft", "solid"])
 });
-const Re = Ge(/* @__PURE__ */ r("path", {
+const Re = Je(/* @__PURE__ */ n("path", {
   d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "InfoOutlined"), at = Ge(/* @__PURE__ */ r("path", {
+}), "InfoOutlined"), tt = Je(/* @__PURE__ */ n("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), "Close"), Q = ({
+}), "Close"), se = ({
   rules: e,
   rulesDisplay: t,
   isOverlayVariant: i = !1
 }) => {
-  const { t: a } = Po(), { shadowRootElement: c } = Io(Fo), n = A(), g = Ke(), p = Z(), s = fe(), x = Ye(), [h, f] = Ze(!1);
+  const { t: a } = To(), { shadowRootElement: m } = So(Ro), r = D(), x = Ge(), p = K(), d = Pe(), v = qe(), [R, g] = zo(!1);
   if (!e)
     return null;
   if (t != null && t.component)
     return t.component;
   if (((t == null ? void 0 : t.type) || "modal") === "link" && (t != null && t.url)) {
-    const v = t.target || "_blank", k = {
+    const y = t.target || "_blank", T = {
       backgroundColor: "transparent",
-      color: i ? n.palette.neutral.plainColor : n.textSecondary,
+      color: i ? r.palette.neutral.plainColor : r.textSecondary,
       border: "none",
       borderRadius: "50%",
       width: "2em",
@@ -947,64 +947,64 @@ const Re = Ge(/* @__PURE__ */ r("path", {
         fontSize: "1.25em"
       }
     };
-    return typeof window > "u" ? /* @__PURE__ */ r(
+    return typeof window > "u" ? /* @__PURE__ */ n(
       ce,
       {
         title: a("common.rules.info"),
         placement: "right",
         variant: "soft",
         disablePortal: !0,
-        children: /* @__PURE__ */ r(
-          le,
+        children: /* @__PURE__ */ n(
+          ae,
           {
             component: "a",
             href: t.url,
-            target: v,
+            target: y,
             rel: "noopener noreferrer",
-            sx: k,
+            sx: T,
             "aria-label": a("common.rules.info"),
-            children: /* @__PURE__ */ r(Re, {})
+            children: /* @__PURE__ */ n(Re, {})
           }
         )
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ n(
       ce,
       {
         title: a("common.rules.info"),
         placement: "right",
         variant: "soft",
         disablePortal: !0,
-        children: /* @__PURE__ */ r(
-          le,
+        children: /* @__PURE__ */ n(
+          ae,
           {
-            onClick: (y) => {
-              y.stopPropagation(), window.open(t.url, v, "noopener,noreferrer");
+            onClick: (f) => {
+              f.stopPropagation(), window.open(t.url, y, "noopener,noreferrer");
             },
-            sx: k,
+            sx: T,
             "aria-label": a("common.rules.info"),
-            children: /* @__PURE__ */ r(Re, {})
+            children: /* @__PURE__ */ n(Re, {})
           }
         )
       }
     );
   }
-  return /* @__PURE__ */ u(Pe, { children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ u(ke, { children: [
+    /* @__PURE__ */ n(
       ce,
       {
         title: a("common.rules.info"),
         placement: "right",
         variant: "soft",
         disablePortal: !0,
-        children: /* @__PURE__ */ r(
-          le,
+        children: /* @__PURE__ */ n(
+          ae,
           {
-            onClick: (v) => {
-              v.stopPropagation(), f(!0);
+            onClick: (y) => {
+              y.stopPropagation(), g(!0);
             },
             sx: {
               backgroundColor: "transparent",
-              color: n.palette.neutral[500],
+              color: r.palette.neutral[500],
               border: "none",
               borderRadius: "50%",
               width: "2em",
@@ -1019,7 +1019,7 @@ const Re = Ge(/* @__PURE__ */ r("path", {
               transition: "all 0.2s ease-in-out",
               "&:hover": {
                 backgroundColor: "transparent",
-                color: n.palette.neutral[500],
+                color: r.palette.neutral[500],
                 transform: "scale(1.05)"
               },
               "&:focus-visible": {
@@ -1030,42 +1030,42 @@ const Re = Ge(/* @__PURE__ */ r("path", {
               }
             },
             "aria-label": a("common.rules.info"),
-            children: /* @__PURE__ */ r(Re, {})
+            children: /* @__PURE__ */ n(Re, {})
           }
         )
       }
     ),
-    /* @__PURE__ */ r(
-      jo,
+    /* @__PURE__ */ n(
+      Ho,
       {
-        open: h,
-        onClose: () => f(!1),
-        container: c,
+        open: R,
+        onClose: () => g(!1),
+        container: m,
         sx: { zIndex: 1300 },
         children: /* @__PURE__ */ u(
           Ao,
           {
             sx: {
               width: "100%",
-              maxWidth: x ? "90vw" : "600px",
-              maxHeight: x ? "90vh" : "80vh",
-              p: x ? 2 : 3,
-              borderRadius: g.md,
-              backgroundColor: n.surface
+              maxWidth: v ? "90vw" : "600px",
+              maxHeight: v ? "90vh" : "80vh",
+              p: v ? 2 : 3,
+              borderRadius: x.md,
+              backgroundColor: r.surface
             },
             children: [
-              /* @__PURE__ */ r(
-                le,
+              /* @__PURE__ */ n(
+                ae,
                 {
-                  onClick: (v) => {
-                    v.stopPropagation(), f(!1);
+                  onClick: (y) => {
+                    y.stopPropagation(), g(!1);
                   },
                   sx: {
                     position: "absolute",
-                    top: s.sm,
-                    right: s.sm,
+                    top: d.sm,
+                    right: d.sm,
                     backgroundColor: "transparent",
-                    color: n.textSecondary,
+                    color: r.textSecondary,
                     border: "none",
                     borderRadius: "50%",
                     width: "2em",
@@ -1080,8 +1080,8 @@ const Re = Ge(/* @__PURE__ */ r("path", {
                     transition: "all 0.2s ease-in-out",
                     zIndex: 1e3,
                     "&:hover": {
-                      backgroundColor: `${n.textSecondary}15`,
-                      color: n.textPrimary,
+                      backgroundColor: `${r.textSecondary}15`,
+                      color: r.textPrimary,
                       transform: "scale(1.05)"
                     },
                     "&:focus-visible": {
@@ -1091,41 +1091,41 @@ const Re = Ge(/* @__PURE__ */ r("path", {
                       fontSize: "1.25em"
                     }
                   },
-                  children: /* @__PURE__ */ r(at, {})
+                  children: /* @__PURE__ */ n(tt, {})
                 }
               ),
               /* @__PURE__ */ u(
-                oo,
+                Ye,
                 {
                   sx: {
                     display: "flex",
                     flexDirection: "column",
-                    gap: s.md
+                    gap: d.md
                   },
                   children: [
-                    /* @__PURE__ */ r(
-                      T,
+                    /* @__PURE__ */ n(
+                      C,
                       {
                         sx: {
                           fontFamily: p.primary,
                           fontWeight: 600,
                           fontSize: "1.25em",
                           lineHeight: 1.2,
-                          color: n.textPrimary,
+                          color: r.textPrimary,
                           textAlign: "center",
-                          marginBottom: s.sm
+                          marginBottom: d.sm
                         },
                         children: a("common.rules.title")
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      l,
+                    /* @__PURE__ */ n(
+                      s,
                       {
                         sx: {
                           fontFamily: p.secondary,
                           fontSize: "1em",
                           lineHeight: 1.5,
-                          color: n.textSecondary,
+                          color: r.textSecondary,
                           overflow: "auto",
                           // Custom scrollbar styling for dark theme
                           "&::-webkit-scrollbar": {
@@ -1135,53 +1135,53 @@ const Re = Ge(/* @__PURE__ */ r("path", {
                             backgroundColor: "transparent"
                           },
                           "&::-webkit-scrollbar-thumb": {
-                            backgroundColor: n.secondaryContainer,
+                            backgroundColor: r.secondaryContainer,
                             borderRadius: "4px",
                             "&:hover": {
-                              backgroundColor: n.textSecondary
+                              backgroundColor: r.textSecondary
                             }
                           },
                           // Firefox scrollbar styling
                           scrollbarWidth: "thin",
-                          scrollbarColor: `${n.secondaryContainer} transparent`,
+                          scrollbarColor: `${r.secondaryContainer} transparent`,
                           "& p": {
-                            marginBottom: s.sm
+                            marginBottom: d.sm
                           },
                           "& ul, & ol": {
-                            marginLeft: s.md,
-                            marginBottom: s.sm
+                            marginLeft: d.md,
+                            marginBottom: d.sm
                           },
                           "& li": {
-                            marginBottom: s.xs
+                            marginBottom: d.xs
                           },
                           "& h1, & h2, & h3, & h4, & h5, & h6": {
                             fontFamily: p.primary,
-                            color: n.textPrimary,
-                            marginTop: s.md,
-                            marginBottom: s.sm
+                            color: r.textPrimary,
+                            marginTop: d.md,
+                            marginBottom: d.sm
                           }
                         },
                         dangerouslySetInnerHTML: { __html: e }
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      zo,
+                    /* @__PURE__ */ n(
+                      ko,
                       {
                         variant: "outlined",
-                        onClick: (v) => {
-                          v.stopPropagation(), f(!1);
+                        onClick: (y) => {
+                          y.stopPropagation(), g(!1);
                         },
                         sx: {
-                          marginTop: s.md,
-                          borderColor: n.textPrimary,
-                          color: n.textPrimary,
+                          marginTop: d.md,
+                          borderColor: r.textPrimary,
+                          color: r.textPrimary,
                           fontFamily: p.secondary,
                           fontSize: "0.875em",
-                          borderRadius: g.sm,
+                          borderRadius: x.sm,
                           "&:hover": {
-                            borderColor: n.textPrimary,
-                            color: n.textPrimary,
-                            backgroundColor: n.surfaceVariant
+                            borderColor: r.textPrimary,
+                            color: r.textPrimary,
+                            backgroundColor: r.surfaceVariant
                           }
                         },
                         children: a("common.rules.close")
@@ -1196,7 +1196,7 @@ const Re = Ge(/* @__PURE__ */ r("path", {
       }
     )
   ] });
-}, it = (e) => {
+}, nt = (e) => {
   var t, i, a;
   return {
     // Mobile headline with image background
@@ -1404,46 +1404,46 @@ const Re = Ge(/* @__PURE__ */ r("path", {
       overflow: "hidden"
     }
   };
-}, ft = ({
+}, dt = ({
   entity: e,
   headline: t,
   finalImage: i,
   imagePosition: a = "left",
-  children: c,
-  embedCodeContainerRef: n,
-  hasEmbedCode: g = !1,
+  children: m,
+  embedCodeContainerRef: r,
+  hasEmbedCode: x = !1,
   filterScreenContent: p,
-  rulesDisplay: s
+  rulesDisplay: d
 }) => {
-  var L, z;
-  const x = Ye(), h = qe(), f = fe(), R = Z().primary, v = Z().secondary, k = Ke(), y = ((L = e.branding) == null ? void 0 : L.colors) || null, b = ((z = e.branding) == null ? void 0 : z.urls) || null, w = (y == null ? void 0 : y.contentColor) || A().textColor, F = (y == null ? void 0 : y.secondaryColor) || A().textColor, $ = (y == null ? void 0 : y.backgroundColor) || A().surface, N = "60%", D = Xe(
-    Qe.STANDARD
-  ), d = it({
+  var L, O;
+  const v = qe(), R = wo(), g = Pe(), w = K().primary, y = K().secondary, T = Ge(), f = ((L = e.branding) == null ? void 0 : L.colors) || null, S = ((O = e.branding) == null ? void 0 : O.urls) || null, F = (f == null ? void 0 : f.contentColor) || D().textColor, H = (f == null ? void 0 : f.secondaryColor) || D().textColor, A = (f == null ? void 0 : f.backgroundColor) || D().surface, _ = "60%", j = Po(
+    Oo.STANDARD
+  ), l = nt({
     finalImage: i,
-    spacingScale: f,
-    borderRadius: k,
-    fontFamilyPrimary: R,
-    fontFamilySecondary: v,
-    textColor: w,
-    secondaryColor: F,
-    bgcolor: $,
-    opacity: N,
-    brandingColors: y,
+    spacingScale: g,
+    borderRadius: T,
+    fontFamilyPrimary: w,
+    fontFamilySecondary: y,
+    textColor: F,
+    secondaryColor: H,
+    bgcolor: A,
+    opacity: _,
+    brandingColors: f,
     imagePosition: a,
-    darkTextColor: h.colorSchemes.dark.textColor,
-    imageBackgroundGradient: D,
-    isMobile: x
-  }), I = Oo(
-    b == null ? void 0 : b.primaryUrl,
-    b == null ? void 0 : b.secondaryUrl,
+    darkTextColor: R.colorSchemes.dark.textColor,
+    imageBackgroundGradient: j,
+    isMobile: v
+  }), P = Mo(
+    S == null ? void 0 : S.primaryUrl,
+    S == null ? void 0 : S.secondaryUrl,
     "image"
   ), B = () => {
-    I && window.open(I, "_blank", "noopener,noreferrer");
-  }, E = (V, U) => I ? typeof window > "u" ? /* @__PURE__ */ r(
-    l,
+    P && window.open(P, "_blank", "noopener,noreferrer");
+  }, E = (V, U) => P ? typeof window > "u" ? /* @__PURE__ */ n(
+    s,
     {
       component: "a",
-      href: I,
+      href: P,
       target: "_blank",
       rel: "noopener noreferrer",
       sx: {
@@ -1453,8 +1453,8 @@ const Re = Ge(/* @__PURE__ */ r("path", {
       },
       children: V
     }
-  ) : /* @__PURE__ */ r(
-    l,
+  ) : /* @__PURE__ */ n(
+    s,
     {
       sx: {
         ...U,
@@ -1463,117 +1463,117 @@ const Re = Ge(/* @__PURE__ */ r("path", {
       onClick: B,
       children: V
     }
-  ) : /* @__PURE__ */ r(l, { sx: U, children: V }), ge = () => g && n ? /* @__PURE__ */ u(l, { sx: d.mobileHeadlineWithoutImage, children: [
-    /* @__PURE__ */ u(l, { children: [
+  ) : /* @__PURE__ */ n(s, { sx: U, children: V }), fe = () => x && r ? /* @__PURE__ */ u(s, { sx: l.mobileHeadlineWithoutImage, children: [
+    /* @__PURE__ */ u(s, { children: [
       /* @__PURE__ */ u(
-        l,
+        s,
         {
           sx: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            gap: f["3xs"]
+            gap: g["3xs"]
           },
           children: [
-            /* @__PURE__ */ r(T, { level: "body-sm", sx: d.headlineTypography, children: t }),
-            /* @__PURE__ */ r(
-              Q,
+            /* @__PURE__ */ n(C, { level: "body-sm", sx: l.headlineTypography, children: t }),
+            /* @__PURE__ */ n(
+              se,
               {
                 rules: e.rules || "",
-                rulesDisplay: s,
+                rulesDisplay: d,
                 isOverlayVariant: !1
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ u(l, { sx: d.contentContainer, children: [
-        /* @__PURE__ */ r(T, { level: "h4", sx: d.titleTypography, children: e.title }),
-        /* @__PURE__ */ r(T, { sx: d.descriptionTypography, children: X(e.description) })
+      /* @__PURE__ */ u(s, { sx: l.contentContainer, children: [
+        /* @__PURE__ */ n(C, { level: "h4", sx: l.titleTypography, children: e.title }),
+        /* @__PURE__ */ n(C, { sx: l.descriptionTypography, children: ie(e.description) })
       ] })
     ] }),
-    /* @__PURE__ */ r(Ie, { ratio: "16/9", sx: d.aspectRatioContainer, children: /* @__PURE__ */ r(l, { ref: n }) })
+    /* @__PURE__ */ n(we, { ratio: "16/9", sx: l.aspectRatioContainer, children: /* @__PURE__ */ n(s, { ref: r }) })
   ] }) : i ? E(
-    /* @__PURE__ */ u(l, { sx: d.mobileHeadlineContent, children: [
-      /* @__PURE__ */ u(l, { children: [
+    /* @__PURE__ */ u(s, { sx: l.mobileHeadlineContent, children: [
+      /* @__PURE__ */ u(s, { children: [
         /* @__PURE__ */ u(
-          l,
+          s,
           {
             sx: {
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              gap: f["3xs"]
+              gap: g["3xs"]
             },
             children: [
-              /* @__PURE__ */ r(
-                T,
+              /* @__PURE__ */ n(
+                C,
                 {
                   level: "body-sm",
-                  sx: d.headlineTypographyMobileImage,
+                  sx: l.headlineTypographyMobileImage,
                   children: t
                 }
               ),
-              /* @__PURE__ */ r(
-                Q,
+              /* @__PURE__ */ n(
+                se,
                 {
                   rules: e.rules || "",
-                  rulesDisplay: s,
+                  rulesDisplay: d,
                   isOverlayVariant: !1
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ u(l, { sx: d.contentContainer, children: [
-          /* @__PURE__ */ r(T, { sx: d.titleTypographyMobileImage, children: e.title }),
-          /* @__PURE__ */ r(T, { sx: d.descriptionTypographyMobileImage, children: X(e.description) })
+        /* @__PURE__ */ u(s, { sx: l.contentContainer, children: [
+          /* @__PURE__ */ n(C, { sx: l.titleTypographyMobileImage, children: e.title }),
+          /* @__PURE__ */ n(C, { sx: l.descriptionTypographyMobileImage, children: ie(e.description) })
         ] })
       ] }),
-      p && /* @__PURE__ */ r(l, { children: p })
+      p && /* @__PURE__ */ n(s, { children: p })
     ] }),
-    d.mobileHeadlineWithImage
-  ) : /* @__PURE__ */ u(l, { sx: d.mobileHeadlineWithoutImage, children: [
-    /* @__PURE__ */ u(l, { children: [
+    l.mobileHeadlineWithImage
+  ) : /* @__PURE__ */ u(s, { sx: l.mobileHeadlineWithoutImage, children: [
+    /* @__PURE__ */ u(s, { children: [
       /* @__PURE__ */ u(
-        l,
+        s,
         {
           sx: {
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            gap: f["3xs"]
+            gap: g["3xs"]
           },
           children: [
-            /* @__PURE__ */ r(T, { level: "body-sm", sx: d.headlineTypography, children: t }),
-            /* @__PURE__ */ r(
-              Q,
+            /* @__PURE__ */ n(C, { level: "body-sm", sx: l.headlineTypography, children: t }),
+            /* @__PURE__ */ n(
+              se,
               {
                 rules: e.rules || "",
-                rulesDisplay: s,
+                rulesDisplay: d,
                 isOverlayVariant: !1
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ u(l, { sx: d.contentContainer, children: [
-        /* @__PURE__ */ r(T, { level: "h4", sx: d.titleTypography, children: e.title }),
-        /* @__PURE__ */ r(T, { sx: d.descriptionTypography, children: X(e.description) })
+      /* @__PURE__ */ u(s, { sx: l.contentContainer, children: [
+        /* @__PURE__ */ n(C, { level: "h4", sx: l.titleTypography, children: e.title }),
+        /* @__PURE__ */ n(C, { sx: l.descriptionTypography, children: ie(e.description) })
       ] })
     ] }),
-    p && /* @__PURE__ */ r(l, { children: p })
-  ] }), ee = !(x && p);
-  return /* @__PURE__ */ u(Pe, { children: [
-    x && ge(),
+    p && /* @__PURE__ */ n(s, { children: p })
+  ] }), Q = !(v && p);
+  return /* @__PURE__ */ u(ke, { children: [
+    v && fe(),
     a === "left" && i ? E(
-      /* @__PURE__ */ r(l, { sx: d.imageSafeArea }),
-      d.imageContainerLeft
+      /* @__PURE__ */ n(s, { sx: l.imageSafeArea }),
+      l.imageContainerLeft
     ) : null,
-    ee && /* @__PURE__ */ u(l, { sx: d.mainContentArea, children: [
-      !x && /* @__PURE__ */ r(l, { children: /* @__PURE__ */ u(l, { sx: d.desktopHeadlineContainer, children: [
+    Q && /* @__PURE__ */ u(s, { sx: l.mainContentArea, children: [
+      !v && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ u(s, { sx: l.desktopHeadlineContainer, children: [
         /* @__PURE__ */ u(
-          l,
+          s,
           {
             sx: {
               display: "flex",
@@ -1582,206 +1582,58 @@ const Re = Ge(/* @__PURE__ */ r("path", {
             },
             children: [
               /* @__PURE__ */ u(
-                l,
+                s,
                 {
                   sx: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    gap: f["3xs"]
+                    gap: g["3xs"]
                   },
                   children: [
-                    /* @__PURE__ */ r(
-                      T,
+                    /* @__PURE__ */ n(
+                      C,
                       {
                         level: "body-sm",
-                        sx: d.headlineTypographyDesktop,
+                        sx: l.headlineTypographyDesktop,
                         children: t
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      Q,
+                    /* @__PURE__ */ n(
+                      se,
                       {
                         rules: e.rules || "",
-                        rulesDisplay: s,
+                        rulesDisplay: d,
                         isOverlayVariant: !1
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ u(l, { sx: d.contentContainer, children: [
-                /* @__PURE__ */ r(T, { level: "h4", sx: d.titleTypographyDesktop, children: e.title }),
-                /* @__PURE__ */ r(T, { sx: d.descriptionTypographyDesktop, children: X(e.description) })
+              /* @__PURE__ */ u(s, { sx: l.contentContainer, children: [
+                /* @__PURE__ */ n(C, { level: "h4", sx: l.titleTypographyDesktop, children: e.title }),
+                /* @__PURE__ */ n(C, { sx: l.descriptionTypographyDesktop, children: ie(e.description) })
               ] })
             ]
           }
         ),
-        g && n ? /* @__PURE__ */ r(l, { sx: { px: f.md }, children: /* @__PURE__ */ r(Ie, { ratio: "16/9", sx: d.aspectRatioContainer, children: /* @__PURE__ */ r(l, { ref: n }) }) }) : p ? /* @__PURE__ */ r(l, { children: p }) : /* @__PURE__ */ r(Pe, {})
+        x && r ? /* @__PURE__ */ n(s, { sx: { px: g.md }, children: /* @__PURE__ */ n(we, { ratio: "16/9", sx: l.aspectRatioContainer, children: /* @__PURE__ */ n(s, { ref: r }) }) }) : p ? /* @__PURE__ */ n(s, { children: p }) : /* @__PURE__ */ n(ke, {})
       ] }) }),
-      c
+      m
     ] }),
     a === "right" && i ? E(
-      /* @__PURE__ */ r(l, { sx: d.imageSafeArea }),
-      d.imageContainerRight
+      /* @__PURE__ */ n(s, { sx: l.imageSafeArea }),
+      l.imageContainerRight
     ) : null
   ] });
-}, lt = (e) => {
-  var t;
-  return {
-    // Main container with background overlay
-    mainContainer: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      gap: "40px",
-      p: e.spacingScale.xl,
-      boxShadow: "md",
-      border: (t = e.brandingColors) != null && t.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
-      overflow: "hidden",
-      backgroundImage: e.backgroundImage,
-      backgroundPosition: "center",
-      backgroundSize: "cover",
-      position: "relative",
-      borderRadius: e.mdBorderRadius,
-      minHeight: "250px",
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        background: e.imageBackgroundGradient,
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        borderRadius: "inherit",
-        zIndex: 0
-      }
-    },
-    // Headline section wrapper
-    headlineSection: {
-      display: "flex",
-      justifyContent: "space-between",
-      flex: "1 0 0",
-      alignSelf: "stretch"
-    },
-    // Headline content container
-    headlineContent: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      flex: "1 0 0",
-      gap: "16px"
-    },
-    // Headline content with z-index
-    headlineContentInner: {
-      zIndex: 10
-    },
-    // Headline typography
-    headlineText: {
-      fontWeight: 500,
-      lineHeight: "166%",
-      letterSpacing: "1px",
-      textAlign: { xs: "center", md: "left" },
-      color: e.secondaryColor,
-      opacity: "70%",
-      textTransform: "uppercase",
-      fontFamily: e.fontFamilySecondary,
-      fontSize: "0.75em"
-    },
-    // Content container
-    contentContainer: {
-      display: "flex",
-      flexDirection: "column",
-      gap: e.spacingScale["3xs"]
-    },
-    // Title typography
-    titleText: {
-      fontWeight: 700,
-      lineHeight: "133%",
-      letterSpacing: "0px",
-      textAlign: { xs: "center", md: "left" },
-      fontSize: "1.5em",
-      color: e.darkTextColor,
-      fontFamily: e.fontFamilyPrimary
-    },
-    // Description typography
-    descriptionText: {
-      fontWeight: 400,
-      lineHeight: "140%",
-      letterSpacing: "0.15px",
-      fontSize: "1.25em",
-      textAlign: { xs: "center", md: "left" },
-      color: e.secondaryColor,
-      opacity: "70%",
-      fontFamily: e.fontFamilyPrimary
-    },
-    // Main content section
-    mainContentSection: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "24px"
-    }
-  };
-}, gt = ({
-  entity: e,
-  headline: t,
-  finalImage: i,
-  children: a,
-  rulesDisplay: c
-}) => {
-  var w, F;
-  const n = qe(), g = fe(), p = Xe(
-    Qe.OVERLAY
-  ), s = ((w = e.branding) == null ? void 0 : w.colors) || null, x = (s == null ? void 0 : s.contentColor) || n.colorSchemes.dark.textColor, h = n.customFontFamily.dark.primary, f = n.customFontFamily.dark.secondary, R = n.customRadius.dark.md, v = (F = n.border) == null ? void 0 : F.dark.size, k = n.colorSchemes.dark.textColor, y = Mo(i), b = lt({
-    spacingScale: g,
-    brandingColors: s,
-    secondaryColor: x,
-    fontFamilyPrimary: h,
-    fontFamilySecondary: f,
-    mdBorderRadius: R,
-    borderSize: v,
-    backgroundImage: y,
-    darkTextColor: k,
-    imageBackgroundGradient: p
-  });
-  return /* @__PURE__ */ u(l, { sx: b.mainContainer, children: [
-    /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(l, { sx: b.headlineSection, children: /* @__PURE__ */ r(l, { sx: b.headlineContent, children: /* @__PURE__ */ u(l, { sx: b.headlineContentInner, children: [
-      /* @__PURE__ */ u(
-        l,
-        {
-          sx: {
-            display: "flex",
-            alignItems: "center",
-            gap: g["3xs"]
-          },
-          children: [
-            /* @__PURE__ */ r(T, { level: "body-sm", sx: b.headlineText, children: t }),
-            /* @__PURE__ */ r(
-              Q,
-              {
-                rulesDisplay: c,
-                isOverlayVariant: !0,
-                rules: e.rules || ""
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ u(l, { sx: b.contentContainer, children: [
-        /* @__PURE__ */ r(T, { level: "h4", sx: b.titleText, children: e.title }),
-        e.description && /* @__PURE__ */ r(T, { level: "body-lg", sx: b.descriptionText, children: X(e.description) })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ r(l, { sx: b.mainContentSection, children: a })
-  ] });
-}, ht = ({
+}, pt = ({
   notFoundTitle: e,
   notFoundMessage: t
 }) => {
-  var p, s;
-  const i = (s = (p = A().palette) == null ? void 0 : p.danger) == null ? void 0 : s.plainColor, a = A().textSecondary, c = fe(), n = Z().primary, g = Z().secondary;
+  var p, d;
+  const i = (d = (p = D().palette) == null ? void 0 : p.danger) == null ? void 0 : d.plainColor, a = D().textSecondary, m = Pe(), r = K().primary, x = K().secondary;
   return /* @__PURE__ */ u(
-    l,
+    s,
     {
       sx: {
         display: "flex",
@@ -1794,8 +1646,8 @@ const Re = Ge(/* @__PURE__ */ r("path", {
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ r(
-          l,
+        /* @__PURE__ */ n(
+          s,
           {
             sx: {
               width: "80px",
@@ -1808,41 +1660,41 @@ const Re = Ge(/* @__PURE__ */ r("path", {
               justifyContent: "center",
               marginBottom: "24px"
             },
-            children: /* @__PURE__ */ r(
-              l,
+            children: /* @__PURE__ */ n(
+              s,
               {
                 sx: {
                   fontSize: "32px",
                   color: i,
                   fontWeight: "bold",
-                  fontFamily: n
+                  fontFamily: r
                 },
                 children: "?"
               }
             )
           }
         ),
-        /* @__PURE__ */ r(
-          T,
+        /* @__PURE__ */ n(
+          C,
           {
             level: "h4",
             sx: {
               color: i,
-              marginBottom: c.xs,
+              marginBottom: m.xs,
               fontWeight: "600",
-              fontFamily: n
+              fontFamily: r
             },
             children: e
           }
         ),
-        /* @__PURE__ */ r(
-          T,
+        /* @__PURE__ */ n(
+          C,
           {
             level: "body-md",
             sx: {
               color: a,
               lineHeight: 1.5,
-              fontFamily: g
+              fontFamily: x
             },
             children: t
           }
@@ -1850,61 +1702,14 @@ const Re = Ge(/* @__PURE__ */ r("path", {
       ]
     }
   );
-}, we = (e) => ({
-  id: "not-found",
-  title: "",
-  subtitle: null,
-  type: e,
-  content_type: "JSON",
-  body: "",
-  language: "",
-  context: null,
-  branding_id: null,
-  branding: null,
-  images: null,
-  labels: null,
-  created_at: "",
-  updated_at: ""
-}), yt = (e, t, i) => {
-  const [a, c] = Ze(null), n = async () => {
-    const g = i.helpers.getSDKConfiguration(), p = g.apiKey, s = g.clientId, x = await fetch(
-      `https://client.fansunitedapi.com/v1/clients/${s}/info-pages/${e}?key=${p}&disable_cache=${Date.now()}`
-    ), h = await x.json();
-    if (x.ok) {
-      if (h.data.type !== t) {
-        console.warn(
-          `Info page with id ${e} is not a ${t} type. Got ${h.data.type} instead.`
-        ), c(we(t));
-        return;
-      }
-      if (h.data.content_type !== "JSON") {
-        console.warn(
-          `Info page with id ${e} is not a JSON type. Got ${h.data.content_type} instead.`
-        ), c(we(t));
-        return;
-      }
-      if (h.data.branding_id) {
-        const f = await fetch(
-          `https://client.fansunitedapi.com/v1/clients/${s}/templates/brandings/${h.data.branding_id}?key=${p}&disable_cache=${Date.now()}`
-        ), R = await f.json();
-        f.ok && (h.data.branding = R.data);
-      }
-      c(h.data);
-      return;
-    }
-    console.warn(h), c(we(t));
-  };
-  return Ho(() => (n(), () => c(null)), [e, i]), { infoPage: a, setInfoPage: c };
 };
 export {
-  Ie as A,
-  at as C,
-  oo as D,
-  ht as N,
-  gt as O,
-  Q as R,
-  ft as S,
+  we as A,
+  tt as C,
+  Ye as D,
+  pt as N,
+  se as R,
+  dt as S,
   ce as T,
-  Lo as a,
-  yt as u
+  _o as a
 };