fansunited-frontend-components 0.0.63 → 0.0.64

package/Standings.js

@@ -1,20 +1,19 @@
 import { jsx as r, jsxs as b, Fragment as I } from "react/jsx-runtime";
-import P, { useState as O, useEffect as de, useMemo as G, useRef as Ce } from "react";
-import { a as T, B as x, b as F, e as N, u as j, c as U, m as we, n as ke, i as Le, f as Re, C as Te, g as ve, E as De, h as Ee } from "./chunks/PrizeCard-CjZXXFx3.js";
+import P, { useState as O, useEffect as de, useMemo as j, useRef as Ce } from "react";
+import { a as T, B as x, b as F, e as $, u as G, c as U, m as we, n as ke, i as Le, f as Re, C as Te, g as De, E as ve, h as Ee } from "./chunks/PrizeCard-CjZXXFx3.js";
 import { S as Pe } from "./chunks/Spinner-htM_pA9-.js";
 import { createPortal as ue } from "react-dom";
 import { h as Q, n as Fe } from "./chunks/helpers-B7-TtMzO.js";
 import { a as ae } from "./chunks/index-BBrO1Htm.js";
-import { E as Ae } from "./chunks/EmojiEvents-E7Oqv7rk.js";
-import { C as Ke, T as L } from "./chunks/Typography-DjxaMiey.js";
+import { E as Ke } from "./chunks/EmojiEvents-E7Oqv7rk.js";
+import { C as Ae, T as L } from "./chunks/Typography-DjxaMiey.js";
 import { a as ze } from "./chunks/Chip-DeEjQ2-F.js";
-import { A as Oe } from "./chunks/Avatar-CBP4sabd.js";
-import { S as me, T as $e } from "./chunks/Table-OBls_6ml.js";
+import { S as me, T as Oe } from "./chunks/Table-OBls_6ml.js";
 import { T as pe, a as fe, b as ge, c as he } from "./chunks/Tabs-DW1eIofJ.js";
 const Ne = ({ size: e = 14 }) => {
   const t = T(), n = t.palette.neutral.softBg, o = t.palette.neutral.solidBg;
   return /* @__PURE__ */ r(x, { sx: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ r(
-    Ke,
+    Ae,
     {
       size: "sm",
       sx: { "--CircularProgress-size": `${e}px` },
@@ -32,7 +31,7 @@ const Ne = ({ size: e = 14 }) => {
       }
     }
   ) });
-}, Be = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim().replace(
+}, $e = (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()
 ), Me = [
@@ -53,10 +52,10 @@ const Ne = ({ size: e = 14 }) => {
   "championshipGroup",
   "europaClGroup",
   "relegationGroup"
-], X = (e) => e.toLowerCase().replace(/[^a-z0-9]/g, ""), Ie = Me.reduce(
+], X = (e) => e.toLowerCase().replace(/[^a-z0-9]/g, ""), Be = Me.reduce(
   (e, t) => (e[X(t)] = t, e),
   {}
-), ye = (e) => Ie[X(e)] ?? null, Ue = {
+), ye = (e) => Be[X(e)] ?? null, Ie = {
   championsLeague: "primary",
   championshipGroup: "primary",
   playOffs: "primary",
@@ -74,15 +73,15 @@ const Ne = ({ size: e = 14 }) => {
   relegationPlayOffs: "warning",
   relegationGroup: "warning",
   relegation: "danger"
-}, We = {
+}, Ue = {
   primary: 0,
   success: 1,
   warning: 2,
   danger: 3
-}, _e = (e, t) => t === 0 ? e : `rgba(${Q(e)}, ${Math.max(0.25, 1 - t * 0.25)})`, He = (e, t) => {
+}, We = (e, t) => t === 0 ? e : `rgba(${Q(e)}, ${Math.max(0.25, 1 - t * 0.25)})`, _e = (e, t) => {
   const n = X(e);
   return n.includes("relegation") ? n.includes("playoff") || n.includes("group") ? "warning" : "danger" : t ? "primary" : "success";
-}, Ge = (e, t, n) => {
+}, He = (e, t, n) => {
   const o = /* @__PURE__ */ new Map();
   if (e.forEach((a, m) => {
     if (!a) return;
@@ -94,20 +93,20 @@ const Ne = ({ size: e = 14 }) => {
     return m.reduce((g, h) => g + h, 0) / m.length;
   }, c = Array.from(o.keys()).sort(
     (a, m) => s(a) - s(m)
-  ), i = c.map((a) => ye(a)), l = c.map((a, m) => {
-    const g = i[m];
-    return g ? Ue[g] : He(a, m === 0);
+  ), l = c.map((a) => ye(a)), i = c.map((a, m) => {
+    const g = l[m];
+    return g ? Ie[g] : _e(a, m === 0);
   }), u = /* @__PURE__ */ new Map(), d = c.map((a, m) => {
-    const g = l[m], h = u.get(g) ?? 0;
-    return u.set(g, h + 1), _e(t[g], h);
+    const g = i[m], h = u.get(g) ?? 0;
+    return u.set(g, h + 1), We(t[g], h);
   });
   return c.map((a, m) => {
-    const g = i[m], h = g ? n == null ? void 0 : n[g] : void 0;
+    const g = l[m], h = g ? n == null ? void 0 : n[g] : void 0;
     return {
       key: a,
       color: h ?? d[m],
-      label: Be(a),
-      tierRank: We[l[m]]
+      label: $e(a),
+      tierRank: Ue[i[m]]
     };
   }).sort((a, m) => a.tierRank - m.tierRank).map(({ key: a, color: m, label: g }) => ({ key: a, color: m, label: g }));
 }, je = (e, t) => {
@@ -121,97 +120,97 @@ const Ne = ({ size: e = 14 }) => {
 }, xe = (e) => {
   var t;
   return ((t = e == null ? void 0 : e.find((n) => n.key === "LOGO")) == null ? void 0 : t.value) ?? null;
-}, $ = (e, t) => {
+}, N = (e, t) => {
   const n = e.find((o) => {
     var s;
     return ((s = o.key) == null ? void 0 : s.toLowerCase()) === t;
   });
   return n && Number(n.value) || 0;
-}, Ze = (e, t) => e.some((n) => {
+}, Ge = (e, t) => e.some((n) => {
   var o;
   return ((o = n.key) == null ? void 0 : o.toLowerCase()) === t;
-}), Ve = (e) => {
-  const t = $(e, "goals_for"), n = $(e, "goals_against"), o = $(e, "played"), s = $(e, "won");
+}), Ze = (e) => {
+  const t = N(e, "goals_for"), n = N(e, "goals_against"), o = N(e, "played"), s = N(e, "won");
   return {
     played: o,
     won: s,
-    drawn: $(e, "drawn"),
-    lost: $(e, "lost"),
+    drawn: N(e, "drawn"),
+    lost: N(e, "lost"),
     goalsFor: t,
     goalsAgainst: n,
     // Derived rather than trusting the (possibly absent) goals_difference stat key.
     goalsDifference: t - n,
-    points: $(e, "points"),
+    points: N(e, "points"),
     winPercentage: o > 0 ? s / o : 0
   };
-}, Ye = (e, t) => t == null ? null : e === t ? "same" : e < t ? "up" : "down", Qe = (e, t) => {
+}, Ve = (e, t) => t == null ? null : e === t ? "same" : e < t ? "up" : "down", Ye = (e, t) => {
   var s;
   const n = e.competitorModel, o = e.rank ?? 0;
   return {
     competitorId: e.competitorId,
     rank: o,
     lastRank: e.lastRank,
-    rankChange: Ye(o, e.lastRank),
+    rankChange: Ve(o, e.lastRank),
     teamName: (n == null ? void 0 : n.name) ?? t,
     teamShortName: (n == null ? void 0 : n.shortName) ?? null,
     logoUrl: xe(n == null ? void 0 : n.assets),
-    stats: Ve(e.stats ?? []),
+    stats: Ze(e.stats ?? []),
     zoneKey: ((s = e.rules) == null ? void 0 : s[0]) ?? null
   };
-}, Xe = (e, t, n) => {
+}, Qe = (e, t, n) => {
   if (t == null && n == null) return e;
   const o = e.map((u) => u.rank ?? 0);
   if (!o.length) return e;
-  const s = Math.min(...o), c = Math.max(...o), i = Math.max(t ?? s, s), l = Math.min(n ?? c, c);
+  const s = Math.min(...o), c = Math.max(...o), l = Math.max(t ?? s, s), i = Math.min(n ?? c, c);
   return e.filter((u) => {
     const d = u.rank ?? 0;
-    return d >= i && d <= l;
+    return d >= l && d <= i;
   });
-}, qe = (e, t, n, o, s, c) => {
-  const i = Xe(e.standings ?? [], s, c), l = i.map((a) => Qe(a, o)), u = Ge(
-    l.map((a) => a.zoneKey),
+}, Xe = (e, t, n, o, s, c) => {
+  const l = Qe(e.standings ?? [], s, c), i = l.map((a) => Ye(a, o)), u = He(
+    i.map((a) => a.zoneKey),
     t,
     n
-  ), d = i.some(
-    (a) => Ze(a.stats ?? [], "points")
+  ), d = l.some(
+    (a) => Ge(a.stats ?? [], "points")
   );
-  return { id: e.id, name: e.name, rows: l, zones: u, hasPoints: d };
-}, Je = (e) => e ? {
+  return { id: e.id, name: e.name, rows: i, zones: u, hasPoints: d };
+}, qe = (e) => e ? {
   name: e.name ?? null,
   year: e.year ?? null,
   startDate: e.startDate ?? null,
   endDate: e.endDate ?? null
-} : null, et = (e, t, n, o, s, c, i) => {
+} : null, Je = (e, t, n, o, s, c, l) => {
   var d;
-  const l = e.groups ?? [], u = s && s.length ? l.filter(
+  const i = e.groups ?? [], u = s && s.length ? i.filter(
     (a) => a.id !== null && s.includes(a.id)
-  ) : l;
+  ) : i;
   return {
     id: e.id,
     name: ((d = e.stageNameModel) == null ? void 0 : d.name) ?? null,
     startDate: e.startDate ?? null,
     endDate: e.endDate ?? null,
     groups: u.map(
-      (a) => qe(
+      (a) => Xe(
         a,
         t,
         n,
         o,
         c,
-        i
+        l
       )
     )
   };
-}, tt = (e, t, n, o, s, c, i, l) => {
-  const d = je(e.season, l).map(
-    (a) => et(
+}, et = (e, t, n, o, s, c, l, i) => {
+  const d = je(e.season, i).map(
+    (a) => Je(
       a,
       t,
       n,
       o,
       s,
       c,
-      i
+      l
     )
   );
   return {
@@ -219,16 +218,16 @@ const Ne = ({ size: e = 14 }) => {
     competitionName: e.name ?? e.shortName ?? e.id,
     sport: e.sport ?? null,
     logoUrl: xe(e.assets),
-    season: Je(e.season),
+    season: qe(e.season),
     stageFound: d.length > 0,
     stages: d
   };
-}, nt = (e, t, n, o, s, c, i, l, u) => {
+}, tt = (e, t, n, o, s, c, l, i, u) => {
   const [d, a] = O(null), [m, g] = O(!0), [h, C] = O(null);
   return de(() => {
     if (!e || !t) return;
     let p = !1;
-    return g(!0), C(null), t.sports.getCompetitionById(e, i ? { seasonId: i } : void 0).then((f) => {
+    return g(!0), C(null), t.sports.getCompetitionById(e, l ? { seasonId: l } : void 0).then((f) => {
       p || a(f);
     }).catch((f) => {
       p || C(Fe(f, t));
@@ -237,14 +236,14 @@ const Ne = ({ size: e = 14 }) => {
     }), () => {
       p = !0;
     };
-  }, [e, t, i]), { data: G(() => d ? tt(
+  }, [e, t, l]), { data: j(() => d ? et(
     d,
     n,
     s,
     o,
     c,
-    l == null ? void 0 : l.startRank,
-    l == null ? void 0 : l.endRank,
+    i == null ? void 0 : i.startRank,
+    i == null ? void 0 : i.endRank,
     u
   ) : null, [
     d,
@@ -252,63 +251,63 @@ const Ne = ({ size: e = 14 }) => {
     s,
     o,
     c,
-    l == null ? void 0 : l.startRank,
-    l == null ? void 0 : l.endRank,
+    i == null ? void 0 : i.startRank,
+    i == null ? void 0 : i.endRank,
     u
   ]), loading: m, error: h };
-}, ot = 50, rt = (e, t) => e > t ? "win" : e < t ? "loss" : "draw", at = (e, t) => {
+}, nt = 50, ot = (e, t) => e > t ? "win" : e < t ? "loss" : "draw", rt = (e, t) => {
   var u, d;
-  const n = e.homeTeam.id === t, o = e.scores, s = Number(((u = o == null ? void 0 : o.ftScore) == null ? void 0 : u.homeGoals) ?? 0), c = Number(((d = o == null ? void 0 : o.ftScore) == null ? void 0 : d.awayGoals) ?? 0), i = n ? s : c, l = n ? c : s;
+  const n = e.homeTeam.id === t, o = e.scores, s = Number(((u = o == null ? void 0 : o.ftScore) == null ? void 0 : u.homeGoals) ?? 0), c = Number(((d = o == null ? void 0 : o.ftScore) == null ? void 0 : d.awayGoals) ?? 0), l = n ? s : c, i = n ? c : s;
   return {
-    result: rt(i, l),
+    result: ot(l, i),
     isHome: n,
     opponentId: n ? e.awayTeam.id : e.homeTeam.id,
-    teamScore: i,
-    opponentScore: l,
+    teamScore: l,
+    opponentScore: i,
     kickoffAt: e.kickoffAt
   };
-}, se = 12, st = (e, t) => {
+}, se = 12, at = (e, t) => {
   const n = new Date(e);
   return n.setUTCHours(n.getUTCHours() + t), n.toISOString().replace(/\.\d{3}Z$/, "Z");
 }, le = (e, t) => {
   if (!e) return null;
   const s = `${e.slice(0, 10)}T${t === "start" ? "00:00:00" : "23:59:59"}Z`;
-  return st(
+  return at(
     s,
     t === "start" ? -se : se
   );
-}, lt = (e) => e.map(
+}, st = (e) => e.map(
   (t) => `${t.stageId}:${t.teamIds.join(",")}:${t.fromDate ?? ""}:${t.toDate ?? ""}`
-).join("|"), it = async (e, t, n) => {
-  var l, u;
+).join("|"), lt = async (e, t, n) => {
+  var i, u;
   const o = {
     competitionIds: [n],
     status: "finished",
     sortField: "date",
     sortOrder: "desc",
-    limit: ot,
+    limit: nt,
     fromDate: le(t.fromDate, "start"),
     toDate: le(t.toDate, "end")
   }, s = await e.football.getMatches(
     new ae({ ...o, page: 1 })
-  ), c = [...s.data ?? []], i = ((u = (l = s.meta) == null ? void 0 : l.pagination) == null ? void 0 : u.numberOfPages) ?? 1;
-  return i > 1 && (await Promise.all(
+  ), c = [...s.data ?? []], l = ((u = (i = s.meta) == null ? void 0 : i.pagination) == null ? void 0 : u.numberOfPages) ?? 1;
+  return l > 1 && (await Promise.all(
     Array.from(
-      { length: i - 1 },
+      { length: l - 1 },
       (a, m) => e.football.getMatches(new ae({ ...o, page: m + 2 })).then((g) => g.data ?? []).catch(() => [])
     )
   )).forEach((a) => c.push(...a)), c;
-}, ct = (e, t, n, o) => {
-  const [s, c] = O({}), [i, l] = O(!1), u = lt(t);
+}, it = (e, t, n, o) => {
+  const [s, c] = O({}), [l, i] = O(!1), u = st(t);
   return de(() => {
     if (!o || !t.length) {
-      c({}), l(!1);
+      c({}), i(!1);
       return;
     }
     let d = !1;
-    return l(!0), Promise.all(
+    return i(!0), Promise.all(
       t.map(
-        (a) => it(e, a, n).then((m) => [a.stageId, a.teamIds, m]).catch(
+        (a) => lt(e, a, n).then((m) => [a.stageId, a.teamIds, m]).catch(
           () => [a.stageId, a.teamIds, []]
         )
       )
@@ -321,13 +320,13 @@ const Ne = ({ size: e = 14 }) => {
         h.forEach((p) => {
           S[p] = C.filter(
             (f) => f.homeTeam.id === p || f.awayTeam.id === p
-          ).slice(0, 5).map((f) => at(f, p));
+          ).slice(0, 5).map((f) => rt(f, p));
         }), m[g] = S;
-      }), c(m), l(!1);
+      }), c(m), i(!1);
     }), () => {
       d = !0;
     };
-  }, [e, u, n, o]), { formByStageAndTeam: s, loading: i };
+  }, [e, u, n, o]), { formByStageAndTeam: s, loading: l };
 }, ie = (e, t) => {
   if (!e) return null;
   const n = new Date(e);
@@ -336,31 +335,39 @@ const Ne = ({ size: e = 14 }) => {
     month: "short",
     year: "numeric"
   });
-}, dt = ({
+}, ct = ({
   title: e,
   logoUrl: t,
   season: n,
   language: o
 }) => {
-  const s = T(), c = F(), i = N(), l = ie((n == null ? void 0 : n.startDate) ?? null, o), u = ie((n == null ? void 0 : n.endDate) ?? null, o), d = l && u ? `${l} – ${u}` : null, a = (n == null ? void 0 : n.year) ?? (n == null ? void 0 : n.name) ?? null;
+  const s = T(), c = F(), l = $(), i = ie((n == null ? void 0 : n.startDate) ?? null, o), u = ie((n == null ? void 0 : n.endDate) ?? null, o), d = i && u ? `${i} – ${u}` : null, a = (n == null ? void 0 : n.year) ?? (n == null ? void 0 : n.name) ?? null;
   return /* @__PURE__ */ b(
     x,
     {
       sx: {
         display: "flex",
         alignItems: "center",
-        gap: i.sm,
+        gap: l.sm,
         // Matches the group/stage tabs' and ZoneLegend's own padding so the header,
         // the tab pills, and the legend all read as the same consistent band.
-        paddingLeft: i.md,
-        paddingRight: i.md,
-        paddingTop: i.sm,
-        paddingBottom: i.sm,
+        paddingLeft: l.md,
+        paddingRight: l.md,
+        paddingTop: l.sm,
+        paddingBottom: l.sm,
         borderBottom: `1px solid ${s.outlineEnabledBorder}`,
         backgroundColor: s.surface
       },
       children: [
-        /* @__PURE__ */ r(
+        t ? /* @__PURE__ */ r(
+          x,
+          {
+            component: "img",
+            src: t,
+            alt: e,
+            sx: { width: 36, height: 36, objectFit: "contain", flexShrink: 0 }
+          }
+        ) : /* @__PURE__ */ r(
           x,
           {
             sx: {
@@ -368,23 +375,14 @@ const Ne = ({ size: e = 14 }) => {
               height: 36,
               borderRadius: "6px",
               backgroundColor: s.surfaceVariant,
-              border: `1px solid ${s.outlineEnabledBorder}`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
               overflow: "hidden"
             },
-            children: t ? /* @__PURE__ */ r(
-              x,
-              {
-                component: "img",
-                src: t,
-                alt: e,
-                sx: { width: "100%", height: "100%", objectFit: "contain" }
-              }
-            ) : /* @__PURE__ */ r(
-              Ae,
+            children: /* @__PURE__ */ r(
+              Ke,
               {
                 sx: { fontSize: "1.25em", color: s.textSecondary }
               }
@@ -398,7 +396,7 @@ const Ne = ({ size: e = 14 }) => {
               sx: {
                 display: "flex",
                 alignItems: "center",
-                gap: i.xs,
+                gap: l.xs,
                 flexWrap: "wrap"
               },
               children: [
@@ -488,7 +486,7 @@ const Ne = ({ size: e = 14 }) => {
     shortLabelKey: "standings.columns.form",
     fullLabelKey: "standings.columns.form"
   }
-], ut = [
+], dt = [
   {
     key: "goalsFor",
     shortLabelKey: "standings.columns.goalsForShort",
@@ -504,21 +502,21 @@ const Ne = ({ size: e = 14 }) => {
     shortLabelKey: "standings.columns.goalsDifferenceShort",
     fullLabelKey: "standings.columns.goalsDifference"
   }
-], mt = [
+], ut = [
   ...Y.slice(0, 5),
-  ...ut,
+  ...dt,
   ...Y.slice(5)
-], pt = {
+], mt = {
   hockey: ["drawn", "form"],
   // No ties, no goal-based scoring (points are the score itself, not a standings-only
   // stat), and no match-event data yet — leaves just played/won/lost/points.
   basketball: ["drawn", "form", "goals", "goalsFor", "goalsAgainst", "goalsDifference"]
-}, ft = (e, t, n = !0) => {
+}, pt = (e, t, n = !0) => {
   const o = new Set(
-    t ? pt[t.toLowerCase()] ?? [] : []
+    t ? mt[t.toLowerCase()] ?? [] : []
   );
-  return o.add(n ? "winPercentage" : "points"), (!e || e.length === 0 ? Y : mt.filter((c) => e.includes(c.key))).filter((c) => !o.has(c.key));
-}, gt = ({ rankChange: e }) => {
+  return o.add(n ? "winPercentage" : "points"), (!e || e.length === 0 ? Y : ut.filter((c) => e.includes(c.key))).filter((c) => !o.has(c.key));
+}, ft = ({ rankChange: e }) => {
   const t = T();
   if (e === null || e === "same")
     return /* @__PURE__ */ r(I, {});
@@ -536,8 +534,8 @@ const Ne = ({ size: e = 14 }) => {
       children: n
     }
   );
-}, ht = ({ row: e, highlighted: t, compact: n }) => {
-  const o = T(), s = F(), c = N(), i = n ? 22 : 28, l = (e.teamShortName ?? e.teamName).slice(0, 2).toUpperCase();
+}, gt = ({ row: e, highlighted: t, compact: n }) => {
+  const o = T(), s = F(), c = $(), l = n ? 22 : 28, i = (e.teamShortName ?? e.teamName).slice(0, 2).toUpperCase();
   return /* @__PURE__ */ b(
     x,
     {
@@ -556,21 +554,38 @@ const Ne = ({ size: e = 14 }) => {
         maxWidth: n ? "90px" : "160px"
       },
       children: [
-        /* @__PURE__ */ r(
-          Oe,
+        e.logoUrl ? /* @__PURE__ */ r(
+          x,
           {
-            src: e.logoUrl ?? void 0,
+            component: "img",
+            src: e.logoUrl,
+            alt: e.teamName,
             sx: {
-              width: i,
-              height: i,
-              fontSize: "0.4375em",
-              fontWeight: 700,
+              width: l,
+              height: l,
+              objectFit: "contain",
+              flexShrink: 0
+            }
+          }
+        ) : /* @__PURE__ */ r(
+          x,
+          {
+            sx: {
+              width: l,
+              height: l,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              borderRadius: "4px",
               backgroundColor: o.surfaceVariant,
               color: o.textSecondary,
-              border: `1.5px solid ${o.outlineEnabledBorder}`,
+              fontFamily: s.primary,
+              fontSize: "0.4375em",
+              fontWeight: 700,
+              lineHeight: 1,
               flexShrink: 0
             },
-            children: l
+            children: i
           }
         ),
         /* @__PURE__ */ r(
@@ -592,7 +607,7 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, yt = ({ stats: e }) => {
+}, ht = ({ stats: e }) => {
   const t = T(), n = F(), o = e.goalsDifference > 0 ? t.palette.success.plainColor : e.goalsDifference < 0 ? t.palette.danger.plainColor : t.textSecondary, s = e.goalsDifference > 0 ? `+${e.goalsDifference}` : `${e.goalsDifference}`;
   return /* @__PURE__ */ b(
     x,
@@ -635,7 +650,7 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, ce = 200, xt = (e, t) => {
+}, ce = 200, yt = (e, t) => {
   const n = new Date(e);
   if (Number.isNaN(n.getTime())) return "";
   const o = n.toLocaleDateString(t, {
@@ -647,13 +662,13 @@ const Ne = ({ size: e = 14 }) => {
     minute: "2-digit"
   });
   return `${o} · ${s}`;
-}, St = ({
+}, xt = ({
   teamName: e,
   teamLogoUrl: t,
   matches: n,
   loading: o
 }) => {
-  const { t: s, i18n: c } = j("common"), i = T(), l = F(), u = U(), { shadowRootElement: d } = we(ke), [a, m] = O(null), g = Ce([]), h = [...n].reverse();
+  const { t: s, i18n: c } = G("common"), l = T(), i = F(), u = U(), { shadowRootElement: d } = we(ke), [a, m] = O(null), g = Ce([]), h = [...n].reverse();
   if (o)
     return /* @__PURE__ */ r(x, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(Ne, {}) });
   if (!h.length)
@@ -661,25 +676,25 @@ const Ne = ({ size: e = 14 }) => {
       L,
       {
         sx: {
-          fontFamily: l.secondary,
+          fontFamily: i.secondary,
           fontSize: "0.75em",
-          color: i.textSecondary,
+          color: l.textSecondary,
           textAlign: "center"
         },
         children: s("standings.formNotAvailable")
       }
     );
-  const C = (k) => k === "win" ? i.palette.success.plainColor : k === "loss" ? i.palette.danger.plainColor : i.palette.neutral.plainColor, S = (k) => {
+  const C = (k) => k === "win" ? l.palette.success.plainColor : k === "loss" ? l.palette.danger.plainColor : l.palette.neutral.plainColor, S = (k) => {
     const R = g.current[k];
     R && m({ index: k, rect: R.getBoundingClientRect() });
-  }, p = a ? h[a.index] : null, f = a ? a.rect.left + a.rect.width / 2 : 0, v = typeof window < "u" ? Math.max(
+  }, p = a ? h[a.index] : null, f = a ? a.rect.left + a.rect.width / 2 : 0, D = typeof window < "u" ? Math.max(
     ce / 2 + 8,
     Math.min(f, window.innerWidth - ce / 2 - 8)
-  ) : f, D = a ? a.rect.top - 8 : 0, w = {
-    fontFamily: l.primary,
+  ) : f, v = a ? a.rect.top - 8 : 0, w = {
+    fontFamily: i.primary,
     fontWeight: 600,
     fontSize: "0.8125em",
-    color: i.textPrimary,
+    color: l.textPrimary,
     whiteSpace: "nowrap"
   }, y = {
     width: 16,
@@ -697,8 +712,8 @@ const Ne = ({ size: e = 14 }) => {
           x,
           {
             component: "span",
-            ref: (A) => {
-              g.current[R] = A;
+            ref: (K) => {
+              g.current[R] = K;
             },
             sx: { display: "inline-flex", cursor: "pointer" },
             onMouseEnter: () => S(R),
@@ -722,8 +737,8 @@ const Ne = ({ size: e = 14 }) => {
             {
               sx: {
                 position: "fixed",
-                left: `${v}px`,
-                top: `${D}px`,
+                left: `${D}px`,
+                top: `${v}px`,
                 transform: "translate(-50%, -100%)",
                 zIndex: 9999,
                 display: "flex",
@@ -733,38 +748,38 @@ const Ne = ({ size: e = 14 }) => {
                 padding: "8px 12px",
                 width: "max-content",
                 borderRadius: u.sm,
-                backgroundColor: i.surface,
-                border: `1px solid ${i.outlineEnabledBorder}`,
+                backgroundColor: l.surface,
+                border: `1px solid ${l.outlineEnabledBorder}`,
                 boxShadow: "0 6px 20px rgba(0, 0, 0, 0.16)",
                 fontSize: "1em",
                 pointerEvents: "none"
               },
               children: (() => {
-                const k = p.isHome ? e : p.opponentName, R = p.isHome ? p.opponentName : e, A = p.isHome ? t : p.opponentLogoUrl, W = p.isHome ? p.opponentLogoUrl : t, Z = p.isHome ? p.teamScore : p.opponentScore, _ = p.isHome ? p.opponentScore : p.teamScore;
+                const k = p.isHome ? e : p.opponentName, R = p.isHome ? p.opponentName : e, K = p.isHome ? t : p.opponentLogoUrl, W = p.isHome ? p.opponentLogoUrl : t, Z = p.isHome ? p.teamScore : p.opponentScore, _ = p.isHome ? p.opponentScore : p.teamScore;
                 return /* @__PURE__ */ b(I, { children: [
                   /* @__PURE__ */ r(
                     L,
                     {
                       sx: {
-                        fontFamily: l.secondary,
+                        fontFamily: i.secondary,
                         fontSize: "0.6875em",
-                        color: i.textSecondary,
+                        color: l.textSecondary,
                         whiteSpace: "nowrap"
                       },
-                      children: xt(p.kickoffAt, c.language)
+                      children: yt(p.kickoffAt, c.language)
                     }
                   ),
                   /* @__PURE__ */ b(x, { sx: { display: "flex", alignItems: "center", gap: "6px" }, children: [
                     /* @__PURE__ */ r(L, { sx: w, children: k }),
-                    A && /* @__PURE__ */ r(x, { component: "img", src: A, sx: y }),
+                    K && /* @__PURE__ */ r(x, { component: "img", src: K, sx: y }),
                     /* @__PURE__ */ b(
                       L,
                       {
                         sx: {
-                          fontFamily: l.primary,
+                          fontFamily: i.primary,
                           fontWeight: 700,
                           fontSize: "0.8125em",
-                          color: i.textPrimary,
+                          color: l.textPrimary,
                           whiteSpace: "nowrap"
                         },
                         children: [
@@ -786,18 +801,18 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, bt = ({
+}, St = ({
   row: e,
   zone: t,
   columns: n,
   showRankChange: o,
   highlighted: s,
   compact: c,
-  isLast: i = !1,
-  form: l,
+  isLast: l = !1,
+  form: i,
   formLoading: u
 }) => {
-  const d = T(), a = F(), m = i ? "none" : `1px solid ${d.outlineEnabledBorder}`, g = {
+  const d = T(), a = F(), m = l ? "none" : `1px solid ${d.outlineEnabledBorder}`, g = {
     fontFamily: a.secondary,
     fontSize: c ? "0.6875em" : "0.75em",
     color: d.textBody,
@@ -866,16 +881,16 @@ const Ne = ({ size: e = 14 }) => {
                   children: e.rank
                 }
               ),
-              o && /* @__PURE__ */ r(gt, { rankChange: e.rankChange })
+              o && /* @__PURE__ */ r(ft, { rankChange: e.rankChange })
             ]
           }
         ) }),
-        /* @__PURE__ */ r("td", { style: { padding: "10px 6px", textAlign: "left", borderBottom: m }, children: /* @__PURE__ */ r(ht, { row: e, highlighted: s, compact: c }) }),
+        /* @__PURE__ */ r("td", { style: { padding: "10px 6px", textAlign: "left", borderBottom: m }, children: /* @__PURE__ */ r(gt, { row: e, highlighted: s, compact: c }) }),
         n.map((f) => {
           if (f.key === "goals")
-            return /* @__PURE__ */ r("td", { style: { padding: "8px 6px", borderBottom: m }, children: /* @__PURE__ */ r(yt, { stats: e.stats }) }, f.key);
+            return /* @__PURE__ */ r("td", { style: { padding: "8px 6px", borderBottom: m }, children: /* @__PURE__ */ r(ht, { stats: e.stats }) }, f.key);
           if (f.key === "goalsDifference") {
-            const D = e.stats.goalsDifference;
+            const v = e.stats.goalsDifference;
             return /* @__PURE__ */ r("td", { style: { padding: "10px 6px", borderBottom: m }, children: /* @__PURE__ */ r(
               L,
               {
@@ -883,28 +898,28 @@ const Ne = ({ size: e = 14 }) => {
                   fontFamily: a.primary,
                   fontSize: c ? "0.6875em" : "0.75em",
                   fontWeight: 700,
-                  color: S(D),
+                  color: S(v),
                   textAlign: "center"
                 },
-                children: p(D)
+                children: p(v)
               }
             ) }, f.key);
           }
           if (f.key === "form")
             return /* @__PURE__ */ r("td", { style: { padding: "10px 6px", borderBottom: m }, children: /* @__PURE__ */ r(
-              St,
+              xt,
               {
                 teamName: e.teamName,
                 teamLogoUrl: e.logoUrl,
-                matches: l ?? [],
+                matches: i ?? [],
                 loading: !!u
               }
             ) }, f.key);
-          const v = f.key === "points" || f.key === "winPercentage";
+          const D = f.key === "points" || f.key === "winPercentage";
           return /* @__PURE__ */ r("td", { style: { padding: "10px 6px", borderBottom: m }, children: /* @__PURE__ */ r(
             L,
             {
-              sx: v ? {
+              sx: D ? {
                 fontFamily: a.primary,
                 fontWeight: 700,
                 fontSize: c ? "0.75em" : "0.875em",
@@ -918,7 +933,7 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, Ct = ({ colSpan: e }) => {
+}, bt = ({ colSpan: e }) => {
   const t = T();
   return /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
     "td",
@@ -933,7 +948,7 @@ const Ne = ({ size: e = 14 }) => {
     }
   ) });
 }, Se = ({ zones: e, zoneLabels: t }) => {
-  const { t: n } = j("common"), o = T(), s = F(), c = N();
+  const { t: n } = G("common"), o = T(), s = F(), c = $();
   return e.length ? /* @__PURE__ */ r(
     x,
     {
@@ -946,8 +961,8 @@ const Ne = ({ size: e = 14 }) => {
         backgroundColor: o.surface,
         fontSize: "1em"
       },
-      children: e.map((i) => {
-        const l = ye(i.key), d = (l ? t == null ? void 0 : t[l] : void 0) ?? (l ? n(`standings.rules.${l}`, i.label) : i.label);
+      children: e.map((l) => {
+        const i = ye(l.key), d = (i ? t == null ? void 0 : t[i] : void 0) ?? (i ? n(`standings.rules.${i}`, l.label) : l.label);
         return /* @__PURE__ */ b(
           x,
           {
@@ -961,7 +976,7 @@ const Ne = ({ size: e = 14 }) => {
                     height: 9,
                     borderRadius: "50%",
                     flexShrink: 0,
-                    backgroundColor: i.color
+                    backgroundColor: l.color
                   }
                 }
               ),
@@ -978,7 +993,7 @@ const Ne = ({ size: e = 14 }) => {
               )
             ]
           },
-          i.key
+          l.key
         );
       })
     }
@@ -990,17 +1005,17 @@ const Ne = ({ size: e = 14 }) => {
   showLegend: o = !0,
   highlightedCompetitorIds: s,
   compact: c = !1,
-  groupLabel: i,
-  zoneLabels: l,
+  groupLabel: l,
+  zoneLabels: i,
   formByTeamId: u,
   formLoading: d,
   sport: a
 }) => {
-  const { t: m } = j("common"), g = T(), h = F(), C = U(), S = ft(t, a, e.hasPoints), p = new Map(e.zones.map((w) => [w.key, w])), f = 3 + S.length, v = {
+  const { t: m } = G("common"), g = T(), h = F(), C = U(), S = pt(t, a, e.hasPoints), p = new Map(e.zones.map((w) => [w.key, w])), f = 3 + S.length, D = {
     backgroundColor: "transparent",
     borderBottom: `1px solid ${g.outlineEnabledBorder}`,
     padding: 0
-  }, D = (w = "center") => ({
+  }, v = (w = "center") => ({
     display: "flex",
     alignItems: "center",
     justifyContent: w === "left" ? "flex-start" : "center",
@@ -1019,14 +1034,14 @@ const Ne = ({ size: e = 14 }) => {
       variant: "outlined",
       sx: {
         fontSize: "1em",
-        borderRadius: i ? C.md : `0 0 ${C.md} ${C.md}`,
+        borderRadius: l ? C.md : `0 0 ${C.md} ${C.md}`,
         overflow: "hidden",
         backgroundColor: g.surface,
         borderColor: g.outlineEnabledBorder
       },
       children: [
         /* @__PURE__ */ r(x, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ b(
-          $e,
+          Oe,
           {
             variant: "plain",
             borderAxis: "none",
@@ -1046,29 +1061,29 @@ const Ne = ({ size: e = 14 }) => {
             },
             children: [
               /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ b("tr", { children: [
-                i ? /* @__PURE__ */ r(
+                l ? /* @__PURE__ */ r(
                   "th",
                   {
                     colSpan: 3,
-                    style: { ...v, minWidth: c ? 90 : 160 },
+                    style: { ...D, minWidth: c ? 90 : 160 },
                     children: /* @__PURE__ */ r(
                       x,
                       {
                         sx: {
-                          ...D("left"),
+                          ...v("left"),
                           textTransform: "none",
                           letterSpacing: "normal",
                           fontSize: "0.6875em",
                           fontWeight: 700,
                           color: g.textPrimary
                         },
-                        children: i
+                        children: l
                       }
                     )
                   }
                 ) : /* @__PURE__ */ b(I, { children: [
-                  /* @__PURE__ */ r("th", { style: { ...v, width: 4, padding: 0 } }),
-                  /* @__PURE__ */ r("th", { style: v, title: m("leaderboard.position"), children: /* @__PURE__ */ r(x, { sx: D(), children: /* @__PURE__ */ b(
+                  /* @__PURE__ */ r("th", { style: { ...D, width: 4, padding: 0 } }),
+                  /* @__PURE__ */ r("th", { style: D, title: m("leaderboard.position"), children: /* @__PURE__ */ r(x, { sx: v(), children: /* @__PURE__ */ b(
                     x,
                     {
                       sx: {
@@ -1082,14 +1097,14 @@ const Ne = ({ size: e = 14 }) => {
                       ]
                     }
                   ) }) }),
-                  /* @__PURE__ */ r("th", { style: { ...v, minWidth: c ? 90 : 160 }, children: /* @__PURE__ */ r(x, { sx: D("left"), children: m("standings.columns.team") }) })
+                  /* @__PURE__ */ r("th", { style: { ...D, minWidth: c ? 90 : 160 }, children: /* @__PURE__ */ r(x, { sx: v("left"), children: m("standings.columns.team") }) })
                 ] }),
                 S.map((w) => /* @__PURE__ */ r(
                   "th",
                   {
-                    style: v,
+                    style: D,
                     title: m(w.fullLabelKey),
-                    children: /* @__PURE__ */ r(x, { sx: D(), children: m(w.shortLabelKey) })
+                    children: /* @__PURE__ */ r(x, { sx: v(), children: m(w.shortLabelKey) })
                   },
                   w.key
                 ))
@@ -1097,9 +1112,9 @@ const Ne = ({ size: e = 14 }) => {
               /* @__PURE__ */ r("tbody", { children: e.rows.map((w, y) => {
                 const k = y > 0 ? e.rows[y - 1].zoneKey : null, R = y > 0 && k !== w.zoneKey;
                 return /* @__PURE__ */ b(P.Fragment, { children: [
-                  R && /* @__PURE__ */ r(Ct, { colSpan: f }),
+                  R && /* @__PURE__ */ r(bt, { colSpan: f }),
                   /* @__PURE__ */ r(
-                    bt,
+                    St,
                     {
                       row: w,
                       zone: w.zoneKey ? p.get(w.zoneKey) : void 0,
@@ -1117,22 +1132,22 @@ const Ne = ({ size: e = 14 }) => {
             ]
           }
         ) }),
-        o && /* @__PURE__ */ r(Se, { zones: e.zones, zoneLabels: l })
+        o && /* @__PURE__ */ r(Se, { zones: e.zones, zoneLabels: i })
       ]
     }
   );
-}, wt = ({
+}, Ct = ({
   groups: e,
   columns: t,
   showRankChange: n,
   showLegend: o,
   highlightedCompetitorIds: s,
   zoneLabels: c,
-  formByTeamId: i,
-  formLoading: l,
+  formByTeamId: l,
+  formLoading: i,
   sport: u
 }) => {
-  const d = T(), a = F(), m = U(), g = N(), [h, C] = O(0);
+  const d = T(), a = F(), m = U(), g = $(), [h, C] = O(0);
   return /* @__PURE__ */ b(
     pe,
     {
@@ -1214,8 +1229,8 @@ const Ne = ({ size: e = 14 }) => {
                 showLegend: o,
                 highlightedCompetitorIds: s,
                 zoneLabels: c,
-                formByTeamId: i,
-                formLoading: l,
+                formByTeamId: l,
+                formLoading: i,
                 sport: u
               }
             )
@@ -1225,12 +1240,12 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, kt = [
+}, wt = [
   "won",
   "drawn",
   "lost",
   "points"
-], Lt = ({
+], kt = ({
   group: e,
   columns: t,
   highlightedCompetitorIds: n,
@@ -1241,7 +1256,7 @@ const Ne = ({ size: e = 14 }) => {
   q,
   {
     group: e,
-    columns: t ?? kt,
+    columns: t ?? wt,
     showLegend: !1,
     highlightedCompetitorIds: n,
     groupLabel: e.name ?? void 0,
@@ -1250,7 +1265,7 @@ const Ne = ({ size: e = 14 }) => {
     sport: c,
     compact: !0
   }
-), Rt = (e) => {
+), Lt = (e) => {
   const t = /* @__PURE__ */ new Set(), n = [];
   return e.forEach((o) => {
     o.zones.forEach((s) => {
@@ -1264,12 +1279,12 @@ const Ne = ({ size: e = 14 }) => {
   showRankChange: o,
   showLegend: s,
   highlightedCompetitorIds: c,
-  zoneLabels: i,
-  formByTeamId: l,
+  zoneLabels: l,
+  formByTeamId: i,
   formLoading: u,
   sport: d
 }) => {
-  const a = N();
+  const a = $();
   return e.length <= 1 ? /* @__PURE__ */ r(
     q,
     {
@@ -1278,21 +1293,21 @@ const Ne = ({ size: e = 14 }) => {
       showRankChange: o,
       showLegend: s,
       highlightedCompetitorIds: c,
-      zoneLabels: i,
-      formByTeamId: l,
+      zoneLabels: l,
+      formByTeamId: i,
       formLoading: u,
       sport: d
     }
   ) : t === "detailed" ? /* @__PURE__ */ r(
-    wt,
+    Ct,
     {
       groups: e,
       columns: n,
       showRankChange: o,
       showLegend: s,
       highlightedCompetitorIds: c,
-      zoneLabels: i,
-      formByTeamId: l,
+      zoneLabels: l,
+      formByTeamId: i,
       formLoading: u,
       sport: d
     }
@@ -1307,12 +1322,12 @@ const Ne = ({ size: e = 14 }) => {
           padding: a.sm
         },
         children: e.map((m, g) => /* @__PURE__ */ r(
-          Lt,
+          kt,
           {
             group: m,
             columns: n,
             highlightedCompetitorIds: c,
-            formByTeamId: l,
+            formByTeamId: i,
             formLoading: u,
             sport: d
           },
@@ -1320,21 +1335,21 @@ const Ne = ({ size: e = 14 }) => {
         ))
       }
     ),
-    s && /* @__PURE__ */ r(Se, { zones: Rt(e), zoneLabels: i })
+    s && /* @__PURE__ */ r(Se, { zones: Lt(e), zoneLabels: l })
   ] });
-}, Tt = ({
+}, Rt = ({
   stages: e,
   groupsView: t,
   columns: n,
   showRankChange: o,
   showLegend: s,
   highlightedCompetitorIds: c,
-  zoneLabels: i,
-  formByStageId: l,
+  zoneLabels: l,
+  formByStageId: i,
   formLoading: u,
   sport: d
 }) => {
-  const a = T(), m = F(), g = U(), h = N(), [C, S] = O(0);
+  const a = T(), m = F(), g = U(), h = $(), [C, S] = O(0);
   return /* @__PURE__ */ b(
     pe,
     {
@@ -1416,8 +1431,8 @@ const Ne = ({ size: e = 14 }) => {
                 showRankChange: o,
                 showLegend: s,
                 highlightedCompetitorIds: c,
-                zoneLabels: i,
-                formByTeamId: (l == null ? void 0 : l[p.id]) ?? {},
+                zoneLabels: l,
+                formByTeamId: (i == null ? void 0 : i[p.id]) ?? {},
                 formLoading: u,
                 sport: d
               }
@@ -1428,15 +1443,15 @@ const Ne = ({ size: e = 14 }) => {
       ]
     }
   );
-}, vt = ({
+}, Tt = ({
   entityId: e,
   sdk: t,
   language: n,
   stageId: o,
   showHeader: s = !0,
   showRankChange: c = !0,
-  showLegend: i = !0,
-  highlightedCompetitorIds: l,
+  showLegend: l = !0,
+  highlightedCompetitorIds: i,
   zoneColors: u,
   zoneLabels: d,
   columns: a,
@@ -1446,12 +1461,12 @@ const Ne = ({ size: e = 14 }) => {
   range: C
 }) => {
   var re;
-  const { t: S } = j("common"), p = T(), f = F(), v = U(), D = N(), w = {
+  const { t: S } = G("common"), p = T(), f = F(), D = U(), v = $(), w = {
     success: p.palette.success.plainColor,
     primary: p.palette.primary.plainColor,
     warning: p.palette.warning.plainColor,
     danger: p.palette.danger.plainColor
-  }, { data: y, loading: k, error: R } = nt(
+  }, { data: y, loading: k, error: R } = tt(
     e,
     t,
     w,
@@ -1461,27 +1476,27 @@ const Ne = ({ size: e = 14 }) => {
     h,
     C,
     o
-  ), A = !a || a.includes("form"), W = ((re = y == null ? void 0 : y.sport) == null ? void 0 : re.toLowerCase()) === "football", Z = G(() => !y || !A ? [] : y.stages.map((E) => {
-    var B, z;
-    const K = /* @__PURE__ */ new Set();
+  ), K = !a || a.includes("form"), W = ((re = y == null ? void 0 : y.sport) == null ? void 0 : re.toLowerCase()) === "football", Z = j(() => !y || !K ? [] : y.stages.map((E) => {
+    var M, z;
+    const A = /* @__PURE__ */ new Set();
     return E.groups.forEach(
-      (V) => V.rows.forEach((H) => K.add(H.competitorId))
+      (V) => V.rows.forEach((H) => A.add(H.competitorId))
     ), {
       stageId: E.id,
-      teamIds: Array.from(K),
+      teamIds: Array.from(A),
       // Some stages don't carry their own startDate/endDate (empty string, not
       // null/undefined — hence `||` rather than `??`) — fall back to the season's,
       // since a stage's window is always within its season's anyway. If even that's
       // 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: E.startDate || ((B = y.season) == null ? void 0 : B.startDate) || null,
+      fromDate: E.startDate || ((M = y.season) == null ? void 0 : M.startDate) || null,
       toDate: E.endDate || ((z = y.season) == null ? void 0 : z.endDate) || (/* @__PURE__ */ new Date()).toISOString()
     };
-  }), [y, A]), _ = G(() => {
+  }), [y, K]), _ = j(() => {
     const E = /* @__PURE__ */ new Map();
     return y == null || y.stages.forEach(
-      (K) => K.groups.forEach(
-        (B) => B.rows.forEach((z) => {
+      (A) => A.groups.forEach(
+        (M) => M.rows.forEach((z) => {
           E.set(z.competitorId, {
             name: z.teamName,
             logoUrl: z.logoUrl
@@ -1489,20 +1504,20 @@ const Ne = ({ size: e = 14 }) => {
         })
       )
     ), E;
-  }, [y]), { formByStageAndTeam: J, loading: ee } = ct(t, Z, e, A && W), te = G(() => {
+  }, [y]), { formByStageAndTeam: J, loading: ee } = it(t, Z, e, K && W), te = j(() => {
     const E = S("standings.unknownTeam");
     return Object.fromEntries(
-      Object.entries(J).map(([K, B]) => [
-        K,
+      Object.entries(J).map(([A, M]) => [
+        A,
         Object.fromEntries(
-          Object.entries(B).map(([z, V]) => [
+          Object.entries(M).map(([z, V]) => [
             z,
             V.map((H) => {
-              const M = _.get(H.opponentId);
+              const B = _.get(H.opponentId);
               return {
                 ...H,
-                opponentName: (M == null ? void 0 : M.name) ?? E,
-                opponentLogoUrl: (M == null ? void 0 : M.logoUrl) ?? null
+                opponentName: (B == null ? void 0 : B.name) ?? E,
+                opponentLogoUrl: (B == null ? void 0 : B.logoUrl) ?? null
               };
             })
           ])
@@ -1510,13 +1525,13 @@ const Ne = ({ size: e = 14 }) => {
       ])
     );
   }, [J, _, S]), ne = !y || y.stages.every(
-    (E) => E.groups.every((K) => K.rows.length === 0)
+    (E) => E.groups.every((A) => A.rows.length === 0)
   ), oe = {
     fontFamily: f.secondary,
     fontSize: "1em",
     color: p.textSecondary,
     textAlign: "center",
-    padding: D.lg
+    padding: v.lg
   };
   return /* @__PURE__ */ b(
     me,
@@ -1525,7 +1540,7 @@ const Ne = ({ size: e = 14 }) => {
       sx: {
         fontSize: "1em",
         fontFamily: f.primary,
-        borderRadius: v.md,
+        borderRadius: D.md,
         overflow: "hidden",
         backgroundColor: p.surface,
         borderColor: p.outlineEnabledBorder
@@ -1536,7 +1551,7 @@ const Ne = ({ size: e = 14 }) => {
         !k && !R && ne && /* @__PURE__ */ r(L, { sx: oe, children: S("standings.noStandingsAvailable") }),
         !k && !R && y && !ne && /* @__PURE__ */ b(I, { children: [
           s && /* @__PURE__ */ r(
-            dt,
+            ct,
             {
               title: y.competitionName,
               logoUrl: y.logoUrl,
@@ -1545,14 +1560,14 @@ const Ne = ({ size: e = 14 }) => {
             }
           ),
           y.stages.length > 1 ? /* @__PURE__ */ r(
-            Tt,
+            Rt,
             {
               stages: y.stages,
               groupsView: m,
               columns: a,
               showRankChange: c,
-              showLegend: i,
-              highlightedCompetitorIds: l,
+              showLegend: l,
+              highlightedCompetitorIds: i,
               zoneLabels: d,
               formByStageId: te,
               formLoading: ee,
@@ -1565,8 +1580,8 @@ const Ne = ({ size: e = 14 }) => {
               groupsView: m,
               columns: a,
               showRankChange: c,
-              showLegend: i,
-              highlightedCompetitorIds: l,
+              showLegend: l,
+              highlightedCompetitorIds: i,
               zoneLabels: d,
               formByTeamId: te[y.stages[0].id] ?? {},
               formLoading: ee,
@@ -1580,24 +1595,24 @@ const Ne = ({ size: e = 14 }) => {
 }, Dt = (e) => {
   const [t, n] = P.useState(!1), [o, s] = P.useState(!1), c = P.useRef(
     `$standings-shadow-root-${Math.random().toString(36).substring(2, 11)}`
-  ), i = P.useRef(null), l = P.useRef(null), u = P.useRef(null), d = P.useRef(null);
+  ), l = P.useRef(null), i = P.useRef(null), u = P.useRef(null), d = P.useRef(null);
   P.useEffect(() => {
     Le(e.language || "en").finally(() => s(!0));
   }, [e.language]), P.useEffect(() => {
-    if (i.current)
-      return i.current.shadowRoot ? (l.current = i.current.shadowRoot, u.current = l.current.getElementById(
+    if (l.current)
+      return l.current.shadowRoot ? (i.current = l.current.shadowRoot, u.current = i.current.getElementById(
         c.current
-      ), u.current || (u.current = document.createElement("div"), u.current.id = c.current, u.current.style.height = "100%", l.current.appendChild(u.current))) : (l.current = i.current.attachShadow({ mode: "open" }), u.current = document.createElement("div"), u.current.id = c.current, u.current.style.height = "100%", l.current.appendChild(u.current)), d.current || (d.current = Re({
+      ), u.current || (u.current = document.createElement("div"), u.current.id = c.current, u.current.style.height = "100%", i.current.appendChild(u.current))) : (i.current = l.current.attachShadow({ mode: "open" }), u.current = document.createElement("div"), u.current.id = c.current, u.current.style.height = "100%", i.current.appendChild(u.current)), d.current || (d.current = Re({
         key: "standings-css",
         prepend: !0,
-        container: l.current
+        container: i.current
       })), n(!0), () => {
         n(!1);
       };
   }, []);
-  const a = e.themeOptions, m = /* @__PURE__ */ r(x, { ref: i, sx: { height: "100%", display: "block" } }), g = t && o && u.current && d.current ? ue(
-    /* @__PURE__ */ r(Te, { value: d.current, children: /* @__PURE__ */ r(ve, { containerRef: i, children: /* @__PURE__ */ r(
-      De,
+  const a = e.themeOptions, m = /* @__PURE__ */ r(x, { ref: l, sx: { height: "100%", display: "block" } }), g = t && o && u.current && d.current ? ue(
+    /* @__PURE__ */ r(Te, { value: d.current, children: /* @__PURE__ */ r(De, { containerRef: l, children: /* @__PURE__ */ r(
+      ve,
       {
         customTheme: a,
         mode: a == null ? void 0 : a.mode,
@@ -1620,7 +1635,7 @@ const Ne = ({ size: e = 14 }) => {
     m,
     g
   ] });
-}, Et = (e) => /* @__PURE__ */ r(Dt, { ...e, children: /* @__PURE__ */ r(vt, { ...e }) }), _t = Et;
+}, vt = (e) => /* @__PURE__ */ r(Dt, { ...e, children: /* @__PURE__ */ r(Tt, { ...e }) }), Ut = vt;
 export {
-  _t as Standings
+  Ut as Standings
 };