fansunited-frontend-components 0.0.78 → 0.0.80

package/README.md

@@ -19,7 +19,10 @@ yarn add fansunited-frontend-components fansunited-frontend-core
 ```tsx
 import React from "react";
 import { ClassicQuizPlay } from "fansunited-frontend-components";
-import { ClassicQuizPlayProps, WidgetTemplate } from "fansunited-frontend-core";
+import {
+  ClassicQuizPlayProps,
+  ClassicQuizTemplate,
+} from "fansunited-frontend-core";
 import { FansUnitedSDK } from "fansunited-sdk-esm";
 
 const sdk = FansUnitedSDK({
@@ -30,7 +33,7 @@ const App: React.FC = () => {
   const props: ClassicQuizPlayProps = {
     entityId: "your-quiz-id",
     sdk,
-    template: WidgetTemplate.STANDARD, // Also SPLIT and OVERLAY templates are available
+    template: ClassicQuizTemplate.STANDARD, // Also SPLIT, OVERLAY and DECK are available
     language: "en", // "ar" | "bg" | "en" | "ro" | "pt" | "sr" | "fr" | "de" | "it" | "fr-be" | "pl" | "pt-br" | "sk
   };
 
@@ -414,16 +417,19 @@ window.dataLayer.filter((e) => String(e.event).startsWith("fu_"));
 
 ### ClassicQuizPlay
 
-Interactive quiz component with multiple templates and customization options.
+Interactive quiz component with four templates (Standard, Split, Overlay, Deck) and customization options.
 
 #### Required Props
 
-| Prop       | Type                 | Description             |
-| ---------- | -------------------- | ----------------------- |
-| `entityId` | `string`             | Classic Quiz identifier |
-| `sdk`      | `FansUnitedSDKModel` | SDK instance            |
-| `template` | `WidgetTemplate`     | Layout template         |
-| `language` | `LanguageType`       | Display language        |
+| Prop       | Type                  | Description                                                |
+| ---------- | --------------------- | ---------------------------------------------------------- |
+| `entityId` | `string`              | Classic Quiz identifier                                    |
+| `sdk`      | `FansUnitedSDKModel`  | SDK instance                                               |
+| `template` | `ClassicQuizTemplate` | Layout template — `STANDARD`, `SPLIT`, `OVERLAY` or `DECK` |
+| `language` | `LanguageType`        | Display language                                           |
+
+> **Note:** `ClassicQuizTemplate` extends the shared `WidgetTemplate` with `DECK`, which
+> is available on this component only.
 
 #### Optional Props
 
@@ -433,6 +439,7 @@ Interactive quiz component with multiple templates and customization options.
 | `showAnswerExplanations`     | `boolean`               | Show explanations after quiz completion     |
 | `leads`                      | `LeadsOptions`          | Lead collection settings                    |
 | `imagePosition`              | `"left" \| "right"`     | Image position (STANDARD template only)     |
+| `deck`                       | `DeckOptions`           | Card entrance and open-card mark (DECK template only) — see [Templates](#templates) below |
 | `defaultImagePlaceholderUrl` | `string`                | URL for default image placeholder           |
 | `userIsLoggedIn`             | `boolean`               | Determine if the user is logged in          |
 | `signInCTA`                  | `SignInCTADetails`      | Sign in call to action button configuration |
@@ -445,23 +452,99 @@ Interactive quiz component with multiple templates and customization options.
 #### Templates
 
 ```tsx
-import { WidgetTemplate, ClassicQuizPlayProps } from "fansunited-frontend-core";
+import {
+  ClassicQuizTemplate,
+  ClassicQuizPlayProps,
+} from "fansunited-frontend-core";
 
 // Standard template with optional image positioning
 const standardProps: ClassicQuizPlayProps = {
-  template: WidgetTemplate.STANDARD,
+  template: ClassicQuizTemplate.STANDARD,
   imagePosition: "left", // or 'right'
   // ... other props
 };
 
 // Other templates
 const overlayProps: ClassicQuizPlayProps = {
-  template: WidgetTemplate.OVERLAY, // WidgetTemplate.SPLIT
+  template: ClassicQuizTemplate.OVERLAY, // ClassicQuizTemplate.SPLIT
   // imagePosition not available for non-standard templates
   // ... other props
 };
 ```
 
+##### Deck template
+
+`DECK` lays the quiz out as a casino table: every question is a face-down card, and the
+player turns them over in whatever order they like. Picking an answer reveals the result
+and the explanation immediately, on the card itself — there is no Next button. Once every
+card has been played, the Finish button submits the participation.
+
+```tsx
+import {
+  ClassicQuizTemplate,
+  ClassicQuizPlayProps,
+  DeckOptions,
+} from "fansunited-frontend-core";
+
+const deckProps: ClassicQuizPlayProps = {
+  template: ClassicQuizTemplate.DECK,
+  deck: {
+    entrance: "deal", // "deal" | "flip" | "none"
+    openIcon: "chevron", // "chevron" | "eye" | "flip" | "dot"
+  },
+  // ... other props
+};
+```
+
+| `deck` key | Type                                                | Default     | Description                                                                                                                     |
+| ---------- | --------------------------------------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------- |
+| `entrance` | `"deal" \| "flip" \| "none"`                        | `"deal"`    | How the cards arrive. `deal` slides them in from the dealer's side, `flip` turns them over in place, `none` skips the animation. |
+| `openIcon` | `"chevron" \| "eye" \| "flip" \| "dot" \| string`    | `"chevron"` | The mark shown on the open card, pointing at the question panel beneath it. A preset name or an image URL — see below.           |
+
+Both keys are optional, and so is `deck` itself — omit it for the defaults above.
+
+###### Custom open-card mark
+
+Pass a URL instead of a preset name to use your own artwork:
+
+```tsx
+const deckProps: ClassicQuizPlayProps = {
+  template: ClassicQuizTemplate.DECK,
+  deck: { openIcon: "https://cdn.example.com/icons/reveal.svg" },
+  // ... other props
+};
+```
+
+|                  | Recommendation                                                                                                                             |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| Format           | SVG. It stays sharp at any density and inherits no colour, so supply the fill you want.                                                    |
+| Display size     | Rendered in a **36 × 36 px** box, matching the presets                                                                                      |
+| Artwork ratio    | Square. Non-square art is contained, not cropped, so it fits the box's shorter side and looks smaller.                                     |
+| Raster fallback  | PNG at **72 × 72** (2x) or **108 × 108** (3x), transparent background                                                                       |
+| Orientation      | Vertical or neutral. The mark sits on the card and the question panel opens _beneath_ it, so a downward or non-directional glyph reads correctly. |
+| Colour           | Bake it into the asset. A custom mark is not tinted from the palette the way the presets are.                                               |
+| RTL              | Not mirrored — the widget cannot tell whether your artwork is directional. Supply a direction-neutral mark, or two assets chosen by `language`. |
+
+The mark is decorative (`aria-hidden`), so it needs no alt text, and it inherits the same
+gentle nudge animation as the presets.
+
+Colours, radius, fonts and spacing all come from `themeOptions` as usual. The table felt
+and the card backs are tinted from the palette's primary colour (or the quiz's branding
+colour when it has one), and the card front shows the sponsor logo when one is configured
+or a `?` mark when it is not. The banner gradient is themeable through
+`imageBackgroundGradient.light.deck` and `imageBackgroundGradient.dark.deck`.
+
+Two behaviours differ from the other templates:
+
+- **`optionsLayout` is ignored.** The open card draws its own auto-fitting option grid.
+- **Timing is per card.** On a `countdown` quiz the clock restarts each time a card is
+  turned over, and expiry banks a blank answer for that card. On a `timed` quiz the clock
+  only runs while a card is open, so browsing the table between cards is free and the
+  reported total is time spent answering rather than wall-clock time.
+
+A `signInCTA` with `gate: { position: "step", afterStep: n }` fires after the player has
+closed their _n_-th card, so the gate never interrupts a result they are still reading.
+
 #### Theming
 
 Customize the appearance using theme options:
@@ -609,12 +692,14 @@ const themeOptions: CustomThemeOptions = {
       size: "2px",
     },
   },
+  // Every key is optional; anything omitted falls back to its default
   imageBackgroundGradient: {
     light: {
       standard:
         "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
       split:
         "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
+      deck: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
     },
     dark: {
       standard:
@@ -623,6 +708,7 @@ const themeOptions: CustomThemeOptions = {
         "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
       overlay:
         "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
+      deck: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
     },
   },
 };
@@ -630,6 +716,9 @@ const themeOptions: CustomThemeOptions = {
 <ClassicQuizPlay {...otherProps} themeOptions={themeOptions} />;
 ```
 
+The `deck` gradient tints the DECK template's banner band. `standard` and `split` apply to
+their own templates, and `overlay` is read from the dark scheme regardless of mode.
+
 #### Lead Collection
 
 Enable lead capture functionality:
@@ -894,7 +983,7 @@ const rulesDisplay: RulesDisplay = {
 **Features:**
 
 - **Info Icon**: Displays a small info icon (ⓘ) next to the component headline
-- **Responsive**: Adapts to all three templates (Standard, Split, Overlay)
+- **Responsive**: Adapts to all four templates (Standard, Split, Overlay, Deck)
 - **Theme-Aware**: Automatically adjusts colors based on theme mode and variant
 - **Accessible**: Keyboard navigable and screen reader friendly
 - **Non-Intrusive**: Icon only appears when rules are configured
@@ -912,6 +1001,8 @@ This package is built with TypeScript and provides full type definitions. Import
 ```tsx
 import {
   ClassicQuizPlayProps,
+  ClassicQuizTemplate,
+  DeckOptions,
   WidgetTemplate,
   MainProps,
   CustomThemeOptions,
@@ -926,6 +1017,9 @@ import {
 } from "fansunited-frontend-core";
 ```
 
+`ClassicQuizTemplate` types ClassicQuizPlay's `template`; `WidgetTemplate` types every
+other component's.
+
 #### Peer Dependencies
 
 ```json
@@ -945,12 +1039,12 @@ The component uses shadow DOM and emotion for isolated styling, ensuring no CSS
 
 ```tsx
 import { ClassicQuizPlay } from "fansunited-frontend-components";
-import { WidgetTemplate } from "fansunited-frontend-core";
+import { ClassicQuizTemplate } from "fansunited-frontend-core";
 
 <ClassicQuizPlay
   entityId="quiz-123"
   sdk={sdkInstance}
-  template={WidgetTemplate.STANDARD}
+  template={ClassicQuizTemplate.STANDARD}
   language="en"
 />;
 ```
@@ -961,7 +1055,7 @@ import { WidgetTemplate } from "fansunited-frontend-core";
 <ClassicQuizPlay
   entityId="quiz-123"
   sdk={sdkInstance}
-  template={WidgetTemplate.STANDARD}
+  template={ClassicQuizTemplate.STANDARD}
   imagePosition="right"
   language="en"
   showAnswerExplanations={true}
@@ -975,6 +1069,27 @@ import { WidgetTemplate } from "fansunited-frontend-core";
 />
 ```
 
+##### Deck Quiz
+
+```tsx
+<ClassicQuizPlay
+  entityId="quiz-123"
+  sdk={sdkInstance}
+  template={ClassicQuizTemplate.DECK}
+  language="en"
+  showAnswerExplanations={true}
+  deck={{ entrance: "flip", openIcon: "eye" }}
+  themeOptions={{
+    mode: "dark",
+    imageBackgroundGradient: {
+      dark: {
+        deck: "linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(18,18,18,0.9) 100%)",
+      },
+    },
+  }}
+/>
+```
+
 ### PollVote
 
 Interactive poll voting component with real-time results, multiple choice support, and customizable templates. Perfect for engaging audiences with opinion polls, surveys, and voting campaigns.

package/Standings.js

@@ -1,17 +1,17 @@
 import { jsxs as w, jsx as r, Fragment as W } from "react/jsx-runtime";
-import P, { useState as z, useEffect as me, useMemo as V, useRef as ke } from "react";
-import { g as D, u as F, d as $, B as x, D as q, A as Y, a as Q, f as H, b as Le, y as Re, F as Te, p as De, o as ve, q as Ee, r as Pe, C as Fe, s as Ke, E as Ae, t as Oe, w as Ne } from "./chunks/PrizeCard-DG54vy2l.js";
-import { S as ze } from "./chunks/Spinner-CfnxZwI6.js";
+import P, { useState as N, useEffect as me, useMemo as V, useRef as ke } from "react";
+import { g as D, u as F, d as $, B as x, z as q, y as Y, a as Q, f as H, b as Le, v as Re, A as Te, p as De, o as ve, q as Ee, r as Pe, C as Fe, s as Ke, E as Ae, t as Oe, w as ze } from "./chunks/PrizeCard-YH9jftwY.js";
+import { S as Ne } from "./chunks/Spinner-CP7juuny.js";
 import { createPortal as pe } from "react-dom";
-import { h as ee, b as Ie } from "./chunks/helpers-DK7NIWA3.js";
+import { h as ee, b as Ie } from "./chunks/helpers-B4K14VMy.js";
 import { f as le } from "./chunks/index-YA7wEdrb.js";
-import { E as $e } from "./chunks/EmojiEvents-xseHOk4b.js";
-import { T as k } from "./chunks/Typography-ECqxGAdq.js";
-import { C as Me } from "./chunks/Chip-Bm-Ccjvy.js";
-import { I as Be } from "./chunks/InlineSpinner-CvwR2FB_.js";
-import { S as fe } from "./chunks/Sheet-emOLchyd.js";
-import { T as Ue } from "./chunks/Table-DU0BCrKV.js";
-import { T as ge, a as he, b as ye, c as xe } from "./chunks/Tabs-Dx0bzmUT.js";
+import { E as $e } from "./chunks/EmojiEvents-YHRdPnXx.js";
+import { T as k } from "./chunks/Typography-Ce4eGDV-.js";
+import { C as Me } from "./chunks/Chip-WC9No4h9.js";
+import { I as Be } from "./chunks/InlineSpinner-CyqM_yQn.js";
+import { S as fe } from "./chunks/Sheet-Bj4wdH5F.js";
+import { T as Ue } from "./chunks/Table-DvjSYLKy.js";
+import { T as ge, a as he, b as ye, c as xe } from "./chunks/Tabs-D44eIyd1.js";
 const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().replace(
   /\S+/g,
   (n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()
@@ -204,7 +204,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
     stages: c
   };
 }, st = (e, t, n, o, a, l, d, i, p) => {
-  const [c, s] = z(null), [u, f] = z(!0), [h, b] = z(null);
+  const [c, s] = N(null), [u, f] = N(!0), [h, b] = N(null);
   return me(() => {
     if (!e || !t) return;
     let g = !1;
@@ -279,7 +279,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
     )
   )).forEach((s) => l.push(...s)), l;
 }, pt = (e, t, n, o) => {
-  const [a, l] = z({}), [d, i] = z(!1), p = ut(t);
+  const [a, l] = N({}), [d, i] = N(!1), p = ut(t);
   return me(() => {
     if (!o || !t.length) {
       l({}), i(!1);
@@ -649,7 +649,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
   matches: n,
   loading: o
 }) => {
-  const { t: a, i18n: l } = Q("common"), d = D(), i = F(), p = H(), { shadowRootElement: c } = Le(Re), s = Te(), [u, f] = z(null), h = ke([]), b = [...n].reverse();
+  const { t: a, i18n: l } = Q("common"), d = D(), i = F(), p = H(), { shadowRootElement: c } = Le(Re), s = Te(), [u, f] = N(null), h = ke([]), b = [...n].reverse();
   if (o)
     return /* @__PURE__ */ r(x, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(Be, {}) });
   if (!b.length)
@@ -1128,7 +1128,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
   formLoading: i,
   sport: p
 }) => {
-  const c = D(), s = F(), u = H(), f = $(), [h, b] = z(0);
+  const c = D(), s = F(), u = H(), f = $(), [h, b] = N(0);
   return /* @__PURE__ */ w(
     ge,
     {
@@ -1330,7 +1330,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
   formLoading: p,
   sport: c
 }) => {
-  const s = D(), u = F(), f = H(), h = $(), [b, S] = z(0);
+  const s = D(), u = F(), f = H(), h = $(), [b, S] = N(0);
   return /* @__PURE__ */ w(
     ge,
     {
@@ -1458,7 +1458,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
     b,
     o
   ), L = !s || s.includes("form"), E = ((se = y == null ? void 0 : y.sport) == null ? void 0 : se.toLowerCase()) === "football", M = V(() => !y || !L ? [] : y.stages.map((v) => {
-    var B, N;
+    var B, z;
     const O = /* @__PURE__ */ new Set();
     return v.groups.forEach(
       (X) => X.rows.forEach((Z) => O.add(Z.competitorId))
@@ -1471,16 +1471,16 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
       // missing, default the upper bound to today rather than sending no `toDate` at
       // all, which would let "last 5 matches" spill into a later season.
       fromDate: v.startDate || ((B = y.season) == null ? void 0 : B.startDate) || null,
-      toDate: v.endDate || ((N = y.season) == null ? void 0 : N.endDate) || (/* @__PURE__ */ new Date()).toISOString()
+      toDate: v.endDate || ((z = y.season) == null ? void 0 : z.endDate) || (/* @__PURE__ */ new Date()).toISOString()
     };
   }), [y, L]), _ = V(() => {
     const v = /* @__PURE__ */ new Map();
     return y == null || y.stages.forEach(
       (O) => O.groups.forEach(
-        (B) => B.rows.forEach((N) => {
-          v.set(N.competitorId, {
-            name: N.teamName,
-            logoUrl: N.logoUrl
+        (B) => B.rows.forEach((z) => {
+          v.set(z.competitorId, {
+            name: z.teamName,
+            logoUrl: z.logoUrl
           });
         })
       )
@@ -1491,8 +1491,8 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
       Object.entries(G).map(([O, B]) => [
         O,
         Object.fromEntries(
-          Object.entries(B).map(([N, X]) => [
-            N,
+          Object.entries(B).map(([z, X]) => [
+            z,
             X.map((Z) => {
               const U = _.get(Z.opponentId);
               return {
@@ -1527,7 +1527,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
         borderColor: g.outlineEnabledBorder
       },
       children: [
-        K && /* @__PURE__ */ r(ze, { my: 10 }),
+        K && /* @__PURE__ */ r(Ne, { my: 10 }),
         !K && A && /* @__PURE__ */ r(k, { sx: ae, children: S("standings.loadFailed") }),
         !K && !A && re && /* @__PURE__ */ r(k, { sx: ae, children: S("standings.noStandingsAvailable") }),
         !K && !A && y && !re && /* @__PURE__ */ w(W, { children: [
@@ -1584,7 +1584,7 @@ const We = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " "
     i.current.shadowRoot ? (p.current = i.current.shadowRoot, c.current = p.current.getElementById(
       d.current
     ), c.current || (c.current = document.createElement("div"), c.current.id = d.current, c.current.style.height = "100%", p.current.appendChild(c.current))) : (p.current = i.current.attachShadow({ mode: "open" }), c.current = document.createElement("div"), c.current.id = d.current, c.current.style.height = "100%", p.current.appendChild(c.current)), Ee(c.current, l);
-    const S = Ne("standings", l);
+    const S = ze("standings", l);
     return u(
       (g) => (g == null ? void 0 : g.key) === S ? g : Pe(
         "standings",

package/TopX.js

@@ -1,40 +1,40 @@
 import { jsxs as p, jsx as e, Fragment as Ee } from "react/jsx-runtime";
 import * as lt from "react";
 import Pe, { createContext as en, useContext as tn, useState as P, useRef as je, useMemo as Ce, useCallback as de, useEffect as me, lazy as on, Suspense as rn, useLayoutEffect as Lr } from "react";
-import { G as nn, _ as Ie, H as an, I as sn, J as ln, K as qt, L as U, M as Co, g as be, d as xe, B as r, a as We, f as ve, u as ke, D as eo, A as zr, b as zt, y as $t, i as yo, c as cn, m as $r, h as dn, F as Rr } from "./chunks/PrizeCard-DG54vy2l.js";
-import { P as pn } from "./chunks/Portal-B5LOp_VA.js";
+import { D as nn, _ as Ie, F as an, G as sn, H as ln, I as qt, P as U, J as Co, g as be, d as xe, B as r, a as We, f as ve, u as ke, z as eo, y as zr, b as zt, v as $t, i as yo, c as cn, m as $r, h as dn, A as Rr } from "./chunks/PrizeCard-YH9jftwY.js";
+import { P as pn } from "./chunks/Portal-0HYQP6vC.js";
 import { createPortal as un } from "react-dom";
-import { b as Tr, M as mn } from "./chunks/main-DXZDk8yw.js";
-import { b as tt, h as Pt, c as fn } from "./chunks/helpers-DK7NIWA3.js";
-import { N as to } from "./chunks/Notification-1ogsNUiX.js";
+import { b as Tr, M as mn } from "./chunks/main-eplFgf8K.js";
+import { b as tt, h as Pt, c as fn } from "./chunks/helpers-B4K14VMy.js";
+import { N as to } from "./chunks/Notification-preGSwrO.js";
 import { Y as xn, X as hn, J as gn, j as yn, o as bn } from "./chunks/index-YA7wEdrb.js";
-import { S as Sn } from "./chunks/Stack-Ck9Xjygq.js";
-import { F as Cn, C as vn } from "./chunks/FormControl-BTDS6ct5.js";
-import { u as kn, a as er, e as vo, s as Rt, b as wn, c as Lt, i as In, d as Ln, T as S } from "./chunks/Typography-ECqxGAdq.js";
-import { B as Ne, I as vt } from "./chunks/Button-CsvEgUxT.js";
-import { S as Fr, W as zn, E as Qt, M as $n, A as Rn, a as Tn, G as xo, C as ho, b as Mo, c as Fn, d as En, e as Er, L as Pn, V as Fo, f as Wn, g as Xn, h as Pr, i as An, P as Bn, j as Dn, k as Wt, l as Mn, B as Nn, H as tr, m as Hn, R as Wr, n as or, o as On, p as jn, q as Vn, r as rr, T as _n, s as Yn, t as Gn, N as Un, u as Kn, v as qn, w as Jn } from "./chunks/WorkspacePremiumOutlined-DZe6H7gK.js";
-import { D as ht } from "./chunks/DirectionScope-oLk_U3C_.js";
+import { S as Sn } from "./chunks/Stack-DuL71jRI.js";
+import { F as Cn, C as vn } from "./chunks/FormControl-yhrIQ7ci.js";
+import { u as kn, a as er, e as vo, s as Rt, b as wn, c as Lt, i as In, d as Ln, T as S } from "./chunks/Typography-Ce4eGDV-.js";
+import { B as Ne, I as vt } from "./chunks/Button-By0gW9vl.js";
+import { S as Fr, W as zn, E as Qt, M as $n, A as Rn, a as Tn, G as xo, C as ho, b as Mo, c as Fn, d as En, e as Er, L as Pn, V as Fo, f as Wn, g as Xn, h as Pr, i as An, P as Bn, j as Dn, k as Wt, l as Mn, B as Nn, H as tr, m as Hn, R as Wr, n as or, o as On, p as jn, q as Vn, r as rr, T as _n, s as Yn, t as Gn, N as Un, u as Kn, v as qn, w as Jn } from "./chunks/WorkspacePremiumOutlined-mcdyqu4a.js";
+import { D as ht } from "./chunks/DirectionScope-BYGJWPAq.js";
 import { u as Zn } from "./chunks/useControlled-BYdyS7Pn.js";
-import { u as ko } from "./chunks/useEventCallback-BL4OQp0i.js";
+import { u as ko } from "./chunks/useEventCallback-Bpmr_fht.js";
 import { o as mo } from "./chunks/getReactElementRef-B3MFPBbS.js";
 import { a as Qn } from "./chunks/areArraysEqual-B3mXtHvh.js";
 import { v as ei } from "./chunks/visuallyHidden-B8J7BVSJ.js";
-import { P as Xt } from "./chunks/Person-CtBkSz4s.js";
-import { A as oo } from "./chunks/Avatar-BDK_vO0c.js";
-import { S as ti } from "./chunks/Spinner-CfnxZwI6.js";
+import { P as Xt } from "./chunks/Person-DFs8t3vY.js";
+import { A as oo } from "./chunks/Avatar-Bs2ODH24.js";
+import { S as ti } from "./chunks/Spinner-CP7juuny.js";
 import { C as oi, a as ri } from "./chunks/chevrons-right-CXSpQt9w.js";
 import { C as ni, a as ii } from "./chunks/chevron-right-eZEqQ93O.js";
-import { S as Eo } from "./chunks/Sheet-emOLchyd.js";
-import { T as Po } from "./chunks/Table-DU0BCrKV.js";
-import { E as At } from "./chunks/EmojiEvents-xseHOk4b.js";
-import { D as Xr, C as Ar, E as ai } from "./chunks/EditOutlined-BX5qBF8L.js";
-import { C as Br, a as Dr, S as No } from "./chunks/Search-Jq0gJI9j.js";
-import { M as Ho, a as Oo } from "./chunks/ModalDialog-DyJQmPgR.js";
-import { C as Mr } from "./chunks/Close-CG_aSJDO.js";
-import { I as Nt } from "./chunks/Input-aCtmZdRk.js";
-import { T as Nr } from "./chunks/Textarea-CrulPENr.js";
-import { a as si, K as li } from "./chunks/KeyboardArrowDown-BFuNjWbC.js";
-import { D as ci } from "./chunks/Divider-CAgadBhD.js";
+import { S as Eo } from "./chunks/Sheet-Bj4wdH5F.js";
+import { T as Po } from "./chunks/Table-DvjSYLKy.js";
+import { E as At } from "./chunks/EmojiEvents-YHRdPnXx.js";
+import { D as Xr, C as Ar, E as ai } from "./chunks/EditOutlined-DvZLGuHA.js";
+import { C as Br, a as Dr, S as No } from "./chunks/Search-CWYaTHth.js";
+import { M as Ho, a as Oo } from "./chunks/ModalDialog-CXSBeWlQ.js";
+import { C as Mr } from "./chunks/Close-CKW5gQRw.js";
+import { I as Nt } from "./chunks/Input-Dm3GnI0X.js";
+import { T as Nr } from "./chunks/Textarea-Cjks7P0A.js";
+import { a as si, K as li } from "./chunks/KeyboardArrowDown-CCFl-_Cw.js";
+import { D as ci } from "./chunks/Divider-4Rcw4h05.js";
 function Jt(t, o = Number.MIN_SAFE_INTEGER, a = Number.MAX_SAFE_INTEGER) {
   return Math.max(o, Math.min(t, a));
 }
@@ -14786,7 +14786,7 @@ const xs = ({
       ]
     }
   );
-}, Xs = Pe.memo(Ws), As = on(() => import("./chunks/index-BJfy__18.js")), Bs = ({
+}, Xs = Pe.memo(Ws), As = on(() => import("./chunks/index-bI2wtknX.js")), Bs = ({
   league: t,
   onBack: o,
   onLeagueLeft: a,

package/chunks/{AccessTime-B30dztb0.js → AccessTime-BoYoyig3.js}

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c } from "./createSvgIcon-ZK1E4tSQ.js";
+import { c } from "./createSvgIcon-D9F_KILu.js";
 const t = c([/* @__PURE__ */ s("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
 }, "0"), /* @__PURE__ */ s("path", {

package/chunks/{AlertMessage-DioJxnEH.js → AlertMessage-DBbObbCr.js}

@@ -1,10 +1,10 @@
 import { jsxs as D, jsx as s } from "react/jsx-runtime";
-import { C as M } from "./CheckCircle-BXhOrVkK.js";
-import { c as z } from "./createSvgIcon-ZK1E4tSQ.js";
-import { I as _, H as E, _ as i, J, K as L, L as r, M as f, c as $, f as k, u as B } from "./PrizeCard-DG54vy2l.js";
+import { C as M } from "./CheckCircle-BVTGl0Ft.js";
+import { c as z } from "./createSvgIcon-D9F_KILu.js";
+import { G as _, F as E, _ as i, H as J, I as $, P as r, J as f, c as k, f as B, u as L } from "./PrizeCard-YH9jftwY.js";
 import * as U from "react";
-import { s as h, r as V, h as K, j as q, b as G, c as v, d as Q, T as g } from "./Typography-ECqxGAdq.js";
-import { S as X } from "./Stack-Ck9Xjygq.js";
+import { s as h, r as V, h as G, j as q, b as K, c as v, d as Q, T as g } from "./Typography-Ce4eGDV-.js";
+import { S as X } from "./Stack-DuL71jRI.js";
 function Y(e) {
   return _("MuiAlert", e);
 }
@@ -73,7 +73,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     lg: "md"
   }[o.size]}`], {
     fontWeight: e.vars.fontWeight.md
-  }, o.variant === "solid" && o.color && o.invertedColors && K(o.color)(e), o.variant === "soft" && o.color && o.invertedColors && q(o.color)(e), (a = e.variants[o.variant]) == null ? void 0 : a[o.color]), t !== void 0 && {
+  }, o.variant === "solid" && o.color && o.invertedColors && G(o.color)(e), o.variant === "soft" && o.color && o.invertedColors && q(o.color)(e), (a = e.variants[o.variant]) == null ? void 0 : a[o.color]), t !== void 0 && {
     "--Alert-padding": t
   }, n !== void 0 && {
     "--Alert-padding": n
@@ -96,7 +96,7 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
   flex: "none",
   marginLeft: "auto"
 }), C = /* @__PURE__ */ U.forwardRef(function(o, a) {
-  const t = G({
+  const t = K({
     props: o,
     name: "JoyAlert"
   }), {
@@ -123,28 +123,28 @@ const Z = ["children", "className", "color", "invertedColors", "role", "variant"
     slotProps: R
   }), [P, W] = v("root", {
     ref: a,
-    className: L(m.root, l),
+    className: $(m.root, l),
     elementType: rr,
     externalForwardedProps: u,
     ownerState: p,
     additionalProps: {
       role: x
     }
-  }), [j, N] = v("startDecorator", {
+  }), [j, F] = v("startDecorator", {
     className: m.startDecorator,
     elementType: or,
     externalForwardedProps: u,
     ownerState: p
-  }), [F, H] = v("endDecorator", {
+  }), [N, H] = v("endDecorator", {
     className: m.endDecorator,
     elementType: er,
     externalForwardedProps: u,
     ownerState: p
   });
   return /* @__PURE__ */ D(P, i({}, W, {
-    children: [y && /* @__PURE__ */ s(j, i({}, N, {
+    children: [y && /* @__PURE__ */ s(j, i({}, F, {
       children: y
-    })), n, A && /* @__PURE__ */ s(F, i({}, H, {
+    })), n, A && /* @__PURE__ */ s(N, i({}, H, {
       children: A
     }))]
   }));
@@ -254,7 +254,7 @@ const tr = z(/* @__PURE__ */ s("path", {
   message: a,
   description: t
 }) => {
-  const n = $(), l = k(), c = B().secondary, d = nr(e);
+  const n = k(), l = B(), c = L().secondary, d = nr(e);
   return /* @__PURE__ */ s(
     C,
     {