@burdenoff/microfe-atheletebridge 2026.1009.1 → 2026.1023.1

package/dist/atheletebridge/components/MatchupRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MatchupRow.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/components/MatchupRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,0EAA0E;AAC1E,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4D1C,CAAC"}
+{"version":3,"file":"MatchupRow.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/components/MatchupRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,0EAA0E;AAC1E,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6D1C,CAAC"}

package/dist/atheletebridge/components/MatchupRow.js

@@ -1,74 +1,74 @@
 import { cn as e } from "../utils/cn.js";
 import { StatusBadge as t } from "./StatusBadge.js";
 import { formatDate as n } from "../utils/formatters.js";
-import { MatchupSide as r, ScoreCenter as i, resolveMatchup as a } from "./Scoreboard.js";
-import { CalendarDays as o, ChevronRight as s, Trophy as c } from "lucide-react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f } from "@burdenoff/fe-libs/ui";
+import { MatchupSide as r, ScoreCenter as i, resolveMatchup as a, useMatchupLabels as o } from "./Scoreboard.js";
+import { CalendarDays as s, ChevronRight as c, Trophy as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/components/MatchupRow.tsx
-var p = ({ fixture: e }) => /* @__PURE__ */ d("div", {
+var m = ({ fixture: e }) => /* @__PURE__ */ f("div", {
 	className: "flex flex-col items-end gap-1 text-right",
-	children: [/* @__PURE__ */ d("span", {
+	children: [/* @__PURE__ */ f("span", {
 		className: "flex items-center gap-1 text-xs text-text-secondary",
-		children: [/* @__PURE__ */ u(o, {
+		children: [/* @__PURE__ */ d(s, {
 			className: "h-3.5 w-3.5 shrink-0",
 			"aria-hidden": "true"
 		}), n(e.scheduledAt)]
-	}), /* @__PURE__ */ d("div", {
+	}), /* @__PURE__ */ f("div", {
 		className: "flex items-center gap-1.5",
-		children: [e.competition ? /* @__PURE__ */ d(f, {
+		children: [e.competition ? /* @__PURE__ */ f(p, {
 			variant: "secondary",
 			className: "gap-1",
-			children: [e.type === "CUP" || e.type === "TOURNAMENT" ? /* @__PURE__ */ u(c, {
+			children: [e.type === "CUP" || e.type === "TOURNAMENT" ? /* @__PURE__ */ d(l, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			}) : null, e.competition]
-		}) : null, /* @__PURE__ */ u(t, { status: e.status })]
+		}) : null, /* @__PURE__ */ d(t, { status: e.status })]
 	})]
-}), m = ({ fixture: t, onClick: o, rail: c, className: f }) => {
-	let m = a(t), h = !!o, g = c === !1 ? null : c === void 0 ? /* @__PURE__ */ u(p, { fixture: t }) : c, _ = g == null && !m.hasScore ? n(t.scheduledAt) : null, v = /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+}), h = ({ fixture: t, onClick: s, rail: l, className: p }) => {
+	let h = a(t, o()), g = !!s, _ = l === !1 ? null : l === void 0 ? /* @__PURE__ */ d(m, { fixture: t }) : l, v = _ == null && !h.hasScore ? n(t.scheduledAt) : null, y = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
 		className: "grid flex-1 grid-cols-[1fr_auto_1fr] items-center gap-2 sm:gap-3",
 		children: [
-			/* @__PURE__ */ u(r, {
-				name: m.homeName,
-				sport: m.homeSport,
+			/* @__PURE__ */ d(r, {
+				name: h.homeName,
+				sport: h.homeSport,
 				align: "end",
-				won: m.homeWon,
-				dimmed: m.awayWon,
+				won: h.homeWon,
+				dimmed: h.awayWon,
 				crestSize: 36
 			}),
-			/* @__PURE__ */ u(i, {
-				matchup: m,
-				time: _,
+			/* @__PURE__ */ d(i, {
+				matchup: h,
+				time: v,
 				size: "sm"
 			}),
-			/* @__PURE__ */ u(r, {
-				name: m.awayName,
-				sport: m.awaySport,
+			/* @__PURE__ */ d(r, {
+				name: h.awayName,
+				sport: h.awaySport,
 				align: "start",
-				won: m.awayWon,
-				dimmed: m.homeWon,
+				won: h.awayWon,
+				dimmed: h.homeWon,
 				crestSize: 36
 			})
 		]
-	}), g ? /* @__PURE__ */ d("div", {
+	}), _ ? /* @__PURE__ */ f("div", {
 		className: "hidden items-center gap-3 border-l border-border-seam pl-3 sm:flex md:pl-4",
-		children: [g, h ? /* @__PURE__ */ u(s, {
+		children: [_, g ? /* @__PURE__ */ d(c, {
 			className: "h-4 w-4 shrink-0 text-text-muted",
 			"aria-hidden": "true"
 		}) : null]
 	}) : null] });
-	return h ? /* @__PURE__ */ u("button", {
+	return g ? /* @__PURE__ */ d("button", {
 		type: "button",
-		onClick: o,
-		className: e("flex w-full items-center gap-3 rounded-[var(--radius-card)] px-1 py-3 text-left transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] md:gap-4", f),
-		children: v
-	}) : /* @__PURE__ */ u("div", {
-		className: e("flex w-full items-center gap-3 py-3 md:gap-4", f),
-		children: v
+		onClick: s,
+		className: e("flex w-full items-center gap-3 rounded-[var(--radius-card)] px-1 py-3 text-left transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] md:gap-4", p),
+		children: y
+	}) : /* @__PURE__ */ d("div", {
+		className: e("flex w-full items-center gap-3 py-3 md:gap-4", p),
+		children: y
 	});
 };
 //#endregion
-export { m as MatchupRow };
+export { h as MatchupRow };
 
 //# sourceMappingURL=MatchupRow.js.map

package/dist/atheletebridge/components/MatchupRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"MatchupRow.js","names":[],"sources":["../../../src/atheletebridge/components/MatchupRow.tsx"],"sourcesContent":["/**\n * MatchupRow\n * @module atheletebridge/components\n *\n * A compact single-line crest-vs-crest fixture row for the dashboard \"Upcoming\n * fixtures\" feed and team-detail fixture lists. Reuses the Scoreboard building\n * blocks (crest sides + score/vs centerpiece). Semantic tokens only.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { CalendarDays, ChevronRight, Trophy } from 'lucide-react';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { MatchupSide, ScoreCenter, resolveMatchup } from './Scoreboard';\nimport { StatusBadge } from './StatusBadge';\nimport { formatDate } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport type { AthFixture } from '../types';\n\nexport interface MatchupRowProps {\n  fixture: AthFixture;\n  onClick?: () => void;\n  /**\n   * Right-hand rail content. Defaults to date + competition + status. Pass\n   * `false` to hide the rail entirely, or a node to override it.\n   */\n  rail?: ReactNode | false;\n  className?: string;\n}\n\nconst DefaultRail: FC<{ fixture: AthFixture }> = ({ fixture }) => (\n  <div className=\"flex flex-col items-end gap-1 text-right\">\n    <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n      <CalendarDays className=\"h-3.5 w-3.5 shrink-0\" aria-hidden=\"true\" />\n      {formatDate(fixture.scheduledAt)}\n    </span>\n    <div className=\"flex items-center gap-1.5\">\n      {fixture.competition ? (\n        <Badge variant=\"secondary\" className=\"gap-1\">\n          {fixture.type === 'CUP' || fixture.type === 'TOURNAMENT' ? (\n            <Trophy className=\"h-3 w-3\" aria-hidden=\"true\" />\n          ) : null}\n          {fixture.competition}\n        </Badge>\n      ) : null}\n      <StatusBadge status={fixture.status} />\n    </div>\n  </div>\n);\n\n/** Compact crest-vs-crest fixture row (dashboard / team-detail feeds). */\nexport const MatchupRow: FC<MatchupRowProps> = ({ fixture, onClick, rail, className }) => {\n  const matchup = resolveMatchup(fixture);\n  const clickable = Boolean(onClick);\n\n  const railNode =\n    rail === false ? null : rail !== undefined ? rail : <DefaultRail fixture={fixture} />;\n\n  // When there's no rail to carry the date, surface the kickoff under the \"vs\".\n  const timeLabel = railNode == null && !matchup.hasScore ? formatDate(fixture.scheduledAt) : null;\n\n  const content = (\n    <>\n      <div className=\"grid flex-1 grid-cols-[1fr_auto_1fr] items-center gap-2 sm:gap-3\">\n        <MatchupSide\n          name={matchup.homeName}\n          sport={matchup.homeSport}\n          align=\"end\"\n          won={matchup.homeWon}\n          dimmed={matchup.awayWon}\n          crestSize={36}\n        />\n        <ScoreCenter matchup={matchup} time={timeLabel} size=\"sm\" />\n        <MatchupSide\n          name={matchup.awayName}\n          sport={matchup.awaySport}\n          align=\"start\"\n          won={matchup.awayWon}\n          dimmed={matchup.homeWon}\n          crestSize={36}\n        />\n      </div>\n      {railNode ? (\n        <div className=\"hidden items-center gap-3 border-l border-border-seam pl-3 sm:flex md:pl-4\">\n          {railNode}\n          {clickable ? (\n            <ChevronRight className=\"h-4 w-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n\n  if (clickable) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={cn(\n          'flex w-full items-center gap-3 rounded-[var(--radius-card)] px-1 py-3 text-left transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] md:gap-4',\n          className\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('flex w-full items-center gap-3 py-3 md:gap-4', className)}>{content}</div>\n  );\n};\n"],"mappings":";;;;;;;;AA6BA,IAAM,KAA4C,EAAE,iBAClD,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,GAAD;GAAc,WAAU;GAAuB,eAAY;EAAQ,CAAA,GAClE,EAAW,EAAQ,WAAW,CAC3B;KACN,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAQ,cACP,kBAAC,GAAD;GAAO,SAAQ;GAAY,WAAU;aAArC,CACG,EAAQ,SAAS,SAAS,EAAQ,SAAS,eAC1C,kBAAC,GAAD;IAAQ,WAAU;IAAU,eAAY;GAAQ,CAAA,IAC9C,MACH,EAAQ,WACJ;OACL,MACJ,kBAAC,GAAD,EAAa,QAAQ,EAAQ,OAAS,CAAA,CACnC;GACF;IAIM,KAAmC,EAAE,YAAS,YAAS,SAAM,mBAAgB;CACxF,IAAM,IAAU,EAAe,CAAO,GAChC,IAAY,EAAQ,GAEpB,IACJ,MAAS,KAAQ,OAAO,MAAS,KAAA,IAAmB,kBAAC,GAAD,EAAsB,WAAU,CAAA,IAAvC,GAGzC,IAAY,KAAY,QAAQ,CAAC,EAAQ,WAAW,EAAW,EAAQ,WAAW,IAAI,MAEtF,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,OAAO,EAAQ;IACf,OAAM;IACN,KAAK,EAAQ;IACb,QAAQ,EAAQ;IAChB,WAAW;GACZ,CAAA;GACD,kBAAC,GAAD;IAAsB;IAAS,MAAM;IAAW,MAAK;GAAM,CAAA;GAC3D,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,OAAO,EAAQ;IACf,OAAM;IACN,KAAK,EAAQ;IACb,QAAQ,EAAQ;IAChB,WAAW;GACZ,CAAA;EACE;KACJ,IACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACA,IACC,kBAAC,GAAD;GAAc,WAAU;GAAmC,eAAY;EAAQ,CAAA,IAC7E,IACD;MACH,IACJ,EAAA,CAAA;CAkBJ,OAfI,IAEA,kBAAC,UAAD;EACE,MAAK;EACI;EACT,WAAW,EACT,8NACA,CACF;YAEC;CACK,CAAA,IAKV,kBAAC,OAAD;EAAK,WAAW,EAAG,gDAAgD,CAAS;YAAI;CAAa,CAAA;AAEjG"}
+{"version":3,"file":"MatchupRow.js","names":[],"sources":["../../../src/atheletebridge/components/MatchupRow.tsx"],"sourcesContent":["/**\n * MatchupRow\n * @module atheletebridge/components\n *\n * A compact single-line crest-vs-crest fixture row for the dashboard \"Upcoming\n * fixtures\" feed and team-detail fixture lists. Reuses the Scoreboard building\n * blocks (crest sides + score/vs centerpiece). Semantic tokens only.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { CalendarDays, ChevronRight, Trophy } from 'lucide-react';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { MatchupSide, ScoreCenter, resolveMatchup, useMatchupLabels } from './Scoreboard';\nimport { StatusBadge } from './StatusBadge';\nimport { formatDate } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport type { AthFixture } from '../types';\n\nexport interface MatchupRowProps {\n  fixture: AthFixture;\n  onClick?: () => void;\n  /**\n   * Right-hand rail content. Defaults to date + competition + status. Pass\n   * `false` to hide the rail entirely, or a node to override it.\n   */\n  rail?: ReactNode | false;\n  className?: string;\n}\n\nconst DefaultRail: FC<{ fixture: AthFixture }> = ({ fixture }) => (\n  <div className=\"flex flex-col items-end gap-1 text-right\">\n    <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n      <CalendarDays className=\"h-3.5 w-3.5 shrink-0\" aria-hidden=\"true\" />\n      {formatDate(fixture.scheduledAt)}\n    </span>\n    <div className=\"flex items-center gap-1.5\">\n      {fixture.competition ? (\n        <Badge variant=\"secondary\" className=\"gap-1\">\n          {fixture.type === 'CUP' || fixture.type === 'TOURNAMENT' ? (\n            <Trophy className=\"h-3 w-3\" aria-hidden=\"true\" />\n          ) : null}\n          {fixture.competition}\n        </Badge>\n      ) : null}\n      <StatusBadge status={fixture.status} />\n    </div>\n  </div>\n);\n\n/** Compact crest-vs-crest fixture row (dashboard / team-detail feeds). */\nexport const MatchupRow: FC<MatchupRowProps> = ({ fixture, onClick, rail, className }) => {\n  const labels = useMatchupLabels();\n  const matchup = resolveMatchup(fixture, labels);\n  const clickable = Boolean(onClick);\n\n  const railNode =\n    rail === false ? null : rail !== undefined ? rail : <DefaultRail fixture={fixture} />;\n\n  // When there's no rail to carry the date, surface the kickoff under the \"vs\".\n  const timeLabel = railNode == null && !matchup.hasScore ? formatDate(fixture.scheduledAt) : null;\n\n  const content = (\n    <>\n      <div className=\"grid flex-1 grid-cols-[1fr_auto_1fr] items-center gap-2 sm:gap-3\">\n        <MatchupSide\n          name={matchup.homeName}\n          sport={matchup.homeSport}\n          align=\"end\"\n          won={matchup.homeWon}\n          dimmed={matchup.awayWon}\n          crestSize={36}\n        />\n        <ScoreCenter matchup={matchup} time={timeLabel} size=\"sm\" />\n        <MatchupSide\n          name={matchup.awayName}\n          sport={matchup.awaySport}\n          align=\"start\"\n          won={matchup.awayWon}\n          dimmed={matchup.homeWon}\n          crestSize={36}\n        />\n      </div>\n      {railNode ? (\n        <div className=\"hidden items-center gap-3 border-l border-border-seam pl-3 sm:flex md:pl-4\">\n          {railNode}\n          {clickable ? (\n            <ChevronRight className=\"h-4 w-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n\n  if (clickable) {\n    return (\n      <button\n        type=\"button\"\n        onClick={onClick}\n        className={cn(\n          'flex w-full items-center gap-3 rounded-[var(--radius-card)] px-1 py-3 text-left transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] md:gap-4',\n          className\n        )}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('flex w-full items-center gap-3 py-3 md:gap-4', className)}>{content}</div>\n  );\n};\n"],"mappings":";;;;;;;;AA6BA,IAAM,KAA4C,EAAE,iBAClD,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,GAAD;GAAc,WAAU;GAAuB,eAAY;EAAQ,CAAA,GAClE,EAAW,EAAQ,WAAW,CAC3B;KACN,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAQ,cACP,kBAAC,GAAD;GAAO,SAAQ;GAAY,WAAU;aAArC,CACG,EAAQ,SAAS,SAAS,EAAQ,SAAS,eAC1C,kBAAC,GAAD;IAAQ,WAAU;IAAU,eAAY;GAAQ,CAAA,IAC9C,MACH,EAAQ,WACJ;OACL,MACJ,kBAAC,GAAD,EAAa,QAAQ,EAAQ,OAAS,CAAA,CACnC;GACF;IAIM,KAAmC,EAAE,YAAS,YAAS,SAAM,mBAAgB;CAExF,IAAM,IAAU,EAAe,GADhB,EACyB,CAAM,GACxC,IAAY,EAAQ,GAEpB,IACJ,MAAS,KAAQ,OAAO,MAAS,KAAA,IAAmB,kBAAC,GAAD,EAAsB,WAAU,CAAA,IAAvC,GAGzC,IAAY,KAAY,QAAQ,CAAC,EAAQ,WAAW,EAAW,EAAQ,WAAW,IAAI,MAEtF,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,OAAO,EAAQ;IACf,OAAM;IACN,KAAK,EAAQ;IACb,QAAQ,EAAQ;IAChB,WAAW;GACZ,CAAA;GACD,kBAAC,GAAD;IAAsB;IAAS,MAAM;IAAW,MAAK;GAAM,CAAA;GAC3D,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,OAAO,EAAQ;IACf,OAAM;IACN,KAAK,EAAQ;IACb,QAAQ,EAAQ;IAChB,WAAW;GACZ,CAAA;EACE;KACJ,IACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACA,IACC,kBAAC,GAAD;GAAc,WAAU;GAAmC,eAAY;EAAQ,CAAA,IAC7E,IACD;MACH,IACJ,EAAA,CAAA;CAkBJ,OAfI,IAEA,kBAAC,UAAD;EACE,MAAK;EACI;EACT,WAAW,EACT,8NACA,CACF;YAEC;CACK,CAAA,IAKV,kBAAC,OAAD;EAAK,WAAW,EAAG,gDAAgD,CAAS;YAAI;CAAa,CAAA;AAEjG"}

package/dist/atheletebridge/components/Scoreboard.d.ts

@@ -1,6 +1,19 @@
 import { FC, ReactNode } from 'react';
 import { AthFixture, AthSport } from '../types';
 
+export type AthFixtureOutcome = 'HOME_WIN' | 'AWAY_WIN' | 'DRAW';
+export type AthFixtureDecidedBy = 'EXTRA_TIME' | 'PENALTY_SHOOTOUT';
+/**
+ * Cricket presentation derived from the fixture's scorecard (BOFF-7644).
+ * A cricket score is innings runs/wickets with overs — "185/6 (20 ov)" —
+ * and the result is a margin, not a score comparison.
+ */
+export interface CricketMatchup {
+    homeLabel: string;
+    awayLabel: string;
+    oversLabel: string;
+    resultText: string;
+}
 export interface Matchup {
     homeName: string;
     awayName: string;
@@ -11,9 +24,65 @@ export interface Matchup {
     hasScore: boolean;
     homeWon: boolean;
     awayWon: boolean;
+    /** Derived final outcome — null until a score exists. */
+    outcome: AthFixtureOutcome | null;
+    /** How a win was decided — null for draws and for full-time wins. */
+    decidedBy: AthFixtureDecidedBy | null;
+    /**
+     * Chip rendered under the score: the draw word when the tie was level,
+     * otherwise the knockout annotation ("AET" / "4–3 pens"). Null before a score
+     * exists. Always localised — it comes from `MatchupLabels`, never a literal.
+     */
+    outcomeNote: string | null;
+    /** Winning team name — null on a draw or before a score exists. */
+    winnerName: string | null;
+    /** Cricket scorecard presentation — only for cricket fixtures with one. */
+    cricket: CricketMatchup | null;
+}
+/**
+ * Localised copy for the strings `resolveMatchup` cannot know by itself.
+ *
+ * Passed in rather than pulled from a hook so `resolveMatchup` stays a pure
+ * function (it is unit-tested and reused by MatchupRow and the tournament
+ * bracket) — and required rather than optional so a new call site cannot
+ * quietly reintroduce hardcoded English.
+ */
+export interface MatchupLabels {
+    /** Shown when the tie was level, e.g. "Draw". */
+    draw: string;
+    /** Suffix after the winning team, e.g. "won". */
+    won: string;
+    /** Abbreviation for a win after extra time, e.g. "AET". */
+    aet: string;
+    /** Builds the shootout annotation from the two penalty scores. */
+    pens: (home: number, away: number) => string;
+    /** Cricket: the margin phrase, e.g. "won by". */
+    wonBy: string;
+    /** Cricket: the unit a margin is measured in. */
+    marginUnits: {
+        runs: string;
+        wickets: string;
+    };
+    /** Cricket: parenthetical qualifiers on a decided result. */
+    cricketModifiers: {
+        superOver: string;
+        dls: string;
+    };
 }
-/** Derive the display matchup (names, scores, winner) from a fixture. */
-export declare function resolveMatchup(fixture: AthFixture): Matchup;
+/**
+ * Localised labels for the matchup annotations.
+ *
+ * `tr` takes a key plus a literal English fallback (the i18n extractor in
+ * `atheletebridge-app` scans `tr(key, fallback)` call sites for exactly that
+ * shape), so there is no interpolation parameter to thread through. Only the
+ * word is translated and the two scores are appended around it — the digits
+ * and the dash are locale-neutral, and the word order is forced to the English
+ * one, which is the same compromise every other score-adjacent string in this
+ * package makes.
+ */
+export declare function useMatchupLabels(): MatchupLabels;
+/** Derive the display matchup (names, scores, outcome) from a fixture. */
+export declare function resolveMatchup(fixture: AthFixture, labels: MatchupLabels): Matchup;
 export interface MatchupSideProps {
     name: string;
     sport?: AthSport;

package/dist/atheletebridge/components/Scoreboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scoreboard.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/components/Scoreboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3C,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIrD,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,yEAAyE;AACzE,wBAAgB,cAAc,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAmB3D;AAID,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgC5C,CAAC;AAIF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8B5C,CAAC;AAyBF,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iEAAiE;AACjE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6F1C,CAAC"}
+{"version":3,"file":"Scoreboard.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/components/Scoreboard.tsx"],"names":[],"mappings":"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"}

package/dist/atheletebridge/components/Scoreboard.js

@@ -1,156 +1,281 @@
-import { cn as e } from "../utils/cn.js";
-import { StatusBadge as t } from "./StatusBadge.js";
-import { FIXTURE_TYPE_LABELS as n, SPORT_ICONS as r } from "./domain.js";
-import { Crest as i } from "./Crest.js";
-import { formatDate as a } from "../utils/formatters.js";
-import { CalendarClock as o, MapPin as s, Trophy as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d } from "@burdenoff/fe-libs/ui";
+import { useAbTranslate as e } from "../i18n.js";
+import { cn as t } from "../utils/cn.js";
+import { StatusBadge as n } from "./StatusBadge.js";
+import { FIXTURE_TYPE_LABELS as r, SPORT_ICONS as i } from "./domain.js";
+import { Crest as a } from "./Crest.js";
+import { formatDate as o } from "../utils/formatters.js";
+import { useMemo as s } from "react";
+import { CalendarClock as c, Handshake as l, MapPin as u, Trophy as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { GlassCard as h } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/components/Scoreboard.tsx
-function f(e) {
-	let t = e.homeTeam?.name ?? "Home", n = e.awayTeam?.name ?? (e.awayTeamId ? "Away" : "TBD"), r = e.homeScore !== null && e.awayScore !== null, i = e.homeScore, a = e.awayScore, o = r && (i ?? 0) > (a ?? 0), s = r && (a ?? 0) > (i ?? 0);
+var g = (e) => `${e.runs}/${e.wickets}`, _ = (e) => e.balls > 0 ? `${e.overs}.${e.balls}` : `${e.overs}`;
+function v() {
+	let t = e();
+	return s(() => {
+		let e = t("atheletebridge.scoreboard.pens", "pens");
+		return {
+			draw: t("atheletebridge.scoreboard.draw", "Draw"),
+			won: t("atheletebridge.scoreboard.won", "won"),
+			aet: t("atheletebridge.scoreboard.aet", "AET"),
+			pens: (t, n) => `${t}–${n} ${e}`,
+			wonBy: t("atheletebridge.scoreboard.wonBy", "won by"),
+			marginUnits: {
+				runs: t("atheletebridge.scoreboard.marginRuns", "runs"),
+				wickets: t("atheletebridge.scoreboard.marginWickets", "wickets")
+			},
+			cricketModifiers: {
+				superOver: t("atheletebridge.scoreboard.superOver", "Super Over"),
+				dls: t("atheletebridge.scoreboard.dls", "DLS")
+			}
+		};
+	}, [t]);
+}
+function y(e, t) {
+	let n = e.homeTeam?.name ?? "Home", r = e.awayTeam?.name ?? (e.awayTeamId ? "Away" : "TBD"), i = e.homeScore, a = e.awayScore, o = i !== null && a !== null, s = e.cricketScorecard;
+	if (s && e.homeTeam?.sport === "CRICKET") {
+		let c = s.winner === "HOME" ? "HOME_WIN" : s.winner === "AWAY" ? "AWAY_WIN" : "DRAW", l = c === "HOME_WIN" ? n : c === "AWAY_WIN" ? r : null, u = s.decidedBy === "RUNS" ? t.marginUnits.runs : t.marginUnits.wickets, d = [s.superOver ? t.cricketModifiers.superOver : null, s.dls ? t.cricketModifiers.dls : null].filter(Boolean).join(", ");
+		return {
+			homeName: n,
+			awayName: r,
+			homeSport: e.homeTeam?.sport,
+			awaySport: e.awayTeam?.sport,
+			homeScore: i,
+			awayScore: a,
+			hasScore: o,
+			homeWon: c === "HOME_WIN",
+			awayWon: c === "AWAY_WIN",
+			outcome: c,
+			decidedBy: null,
+			outcomeNote: null,
+			winnerName: l,
+			cricket: {
+				homeLabel: g(s.homeInnings),
+				awayLabel: g(s.awayInnings),
+				oversLabel: `${_(s.homeInnings)} ov · ${_(s.awayInnings)} ov`,
+				resultText: `${l ?? ""} ${t.wonBy} ${s.margin} ${u}${d ? ` (${d})` : ""}`
+			}
+		};
+	}
+	let c = null, l = null, u = null;
+	if (o) {
+		let n = e.penaltyHomeScore, r = e.penaltyAwayScore, o = e.extraTimeHomeScore, s = e.extraTimeAwayScore;
+		n !== null && r !== null ? (c = n > r ? "HOME_WIN" : n < r ? "AWAY_WIN" : "DRAW", l = c === "DRAW" ? null : "PENALTY_SHOOTOUT", u = c === "DRAW" ? t.draw : t.pens(n, r)) : o !== null && s !== null ? (c = o > s ? "HOME_WIN" : o < s ? "AWAY_WIN" : "DRAW", l = c === "DRAW" ? null : "EXTRA_TIME", u = c === "DRAW" ? t.draw : t.aet) : i !== null && a !== null && (c = i > a ? "HOME_WIN" : i < a ? "AWAY_WIN" : "DRAW", u = c === "DRAW" ? t.draw : null);
+	}
 	return {
-		homeName: t,
-		awayName: n,
+		homeName: n,
+		awayName: r,
 		homeSport: e.homeTeam?.sport,
 		awaySport: e.awayTeam?.sport,
 		homeScore: i,
 		awayScore: a,
-		hasScore: r,
-		homeWon: o,
-		awayWon: s
+		hasScore: o,
+		homeWon: c === "HOME_WIN",
+		awayWon: c === "AWAY_WIN",
+		outcome: c,
+		decidedBy: l,
+		outcomeNote: u,
+		winnerName: c === "HOME_WIN" ? n : c === "AWAY_WIN" ? r : null,
+		cricket: null
 	};
 }
-var p = ({ name: t, sport: n, align: r = "start", won: a = !1, dimmed: o = !1, crestSize: s = 40, stacked: c = !1, className: d }) => /* @__PURE__ */ u("div", {
-	className: e("flex min-w-0 items-center gap-3", c ? "flex-col text-center" : r === "end" ? "flex-row-reverse text-right" : "text-left", d),
-	children: [/* @__PURE__ */ l(i, {
-		name: t,
+var b = ({ name: e, sport: n, align: r = "start", won: i = !1, dimmed: o = !1, crestSize: s = 40, stacked: c = !1, className: l }) => /* @__PURE__ */ m("div", {
+	className: t("flex min-w-0 items-center gap-3", c ? "flex-col text-center" : r === "end" ? "flex-row-reverse text-right" : "text-left", l),
+	children: [/* @__PURE__ */ p(a, {
+		name: e,
 		sport: n,
 		size: s
-	}), /* @__PURE__ */ l("span", {
-		className: e("min-w-0 truncate font-semibold", c ? "max-w-[10rem] text-sm" : "text-sm", a ? "text-status-success-text" : o ? "text-text-muted" : "text-text-primary"),
-		children: t
+	}), /* @__PURE__ */ p("span", {
+		className: t("min-w-0 truncate font-semibold", c ? "max-w-[10rem] text-sm" : "text-sm", i ? "text-status-success-text" : o ? "text-text-muted" : "text-text-primary"),
+		children: e
 	})]
-}), m = {
+}), x = {
 	sm: "text-lg",
 	md: "text-2xl",
 	lg: "text-4xl sm:text-5xl"
-}, h = ({ matchup: t, time: n, size: r = "md", className: i }) => t.hasScore ? /* @__PURE__ */ u("div", {
-	className: e("flex flex-col items-center gap-0.5", i),
-	children: [/* @__PURE__ */ u("span", {
-		className: e("flex items-center gap-2 font-bold leading-none tabular-nums", m[r]),
+}, S = ({ matchup: e, time: n, size: r = "md", className: i }) => {
+	if (e.cricket) {
+		let a = e.cricket;
+		return /* @__PURE__ */ m("div", {
+			className: t("flex flex-col items-center gap-0.5", i),
+			children: [
+				/* @__PURE__ */ m("span", {
+					className: t("flex items-center gap-2 font-bold leading-none tabular-nums", x[r]),
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: e.homeWon ? "text-status-success-text" : "text-text-primary",
+							children: a.homeLabel
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "text-text-muted",
+							children: "v"
+						}),
+						/* @__PURE__ */ p("span", {
+							className: e.awayWon ? "text-status-success-text" : "text-text-primary",
+							children: a.awayLabel
+						})
+					]
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "text-[10px] font-medium uppercase tracking-wide text-text-muted",
+					children: a.oversLabel
+				}),
+				n ? /* @__PURE__ */ p("span", {
+					className: "text-xs text-text-secondary",
+					children: n
+				}) : null
+			]
+		});
+	}
+	return e.hasScore ? /* @__PURE__ */ m("div", {
+		className: t("flex flex-col items-center gap-0.5", i),
 		children: [
-			/* @__PURE__ */ l("span", {
-				className: t.homeWon ? "text-status-success-text" : "text-text-primary",
-				children: t.homeScore
-			}),
-			/* @__PURE__ */ l("span", {
-				className: "text-text-muted",
-				children: "–"
+			/* @__PURE__ */ m("span", {
+				className: t("flex items-center gap-2 font-bold leading-none tabular-nums", x[r]),
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: e.homeWon ? "text-status-success-text" : "text-text-primary",
+						children: e.homeScore
+					}),
+					/* @__PURE__ */ p("span", {
+						className: "text-text-muted",
+						children: "–"
+					}),
+					/* @__PURE__ */ p("span", {
+						className: e.awayWon ? "text-status-success-text" : "text-text-primary",
+						children: e.awayScore
+					})
+				]
 			}),
-			/* @__PURE__ */ l("span", {
-				className: t.awayWon ? "text-status-success-text" : "text-text-primary",
-				children: t.awayScore
-			})
+			e.outcomeNote ? /* @__PURE__ */ p("span", {
+				className: "rounded bg-bg-sunken px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-text-secondary",
+				children: e.outcomeNote
+			}) : null,
+			n ? /* @__PURE__ */ p("span", {
+				className: "text-xs text-text-secondary",
+				children: n
+			}) : null
 		]
-	}), n ? /* @__PURE__ */ l("span", {
-		className: "text-xs text-text-secondary",
-		children: n
-	}) : null]
-}) : /* @__PURE__ */ u("div", {
-	className: e("flex flex-col items-center gap-0.5", i),
-	children: [/* @__PURE__ */ l("span", {
-		className: "rounded-lg bg-bg-sunken px-3 py-1 text-xs font-bold uppercase tracking-wide text-text-secondary",
-		children: "vs"
-	}), n ? /* @__PURE__ */ l("span", {
-		className: "text-xs text-text-secondary",
-		children: n
-	}) : null]
-}), g = ({ fixture: t, center: i = !1 }) => {
-	let a = t.homeTeam?.sport ? r[t.homeTeam.sport] : c, o = [t.competition, t.round].filter(Boolean).join(" · ");
-	return /* @__PURE__ */ u("span", {
-		className: e("inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary", i && "justify-center"),
-		children: [/* @__PURE__ */ l(a, {
+	}) : /* @__PURE__ */ m("div", {
+		className: t("flex flex-col items-center gap-0.5", i),
+		children: [/* @__PURE__ */ p("span", {
+			className: "rounded-lg bg-bg-sunken px-3 py-1 text-xs font-bold uppercase tracking-wide text-text-secondary",
+			children: "vs"
+		}), n ? /* @__PURE__ */ p("span", {
+			className: "text-xs text-text-secondary",
+			children: n
+		}) : null]
+	});
+}, C = ({ fixture: e, center: n = !1 }) => {
+	let a = e.homeTeam?.sport ? i[e.homeTeam.sport] : d, o = [e.competition, e.round].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ m("span", {
+		className: t("inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary", n && "justify-center"),
+		children: [/* @__PURE__ */ p(a, {
 			className: "h-3.5 w-3.5 shrink-0 text-text-muted",
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ l("span", {
+		}), /* @__PURE__ */ p("span", {
 			className: "truncate",
-			children: o || n[t.type]
+			children: o || r[e.type]
 		})]
 	});
-}, _ = ({ fixture: n, onClick: r, variant: i = "card", className: c }) => {
-	let m = f(n), _ = i === "hero", v = m.hasScore ? null : a(n.scheduledAt), y = !!r;
-	return /* @__PURE__ */ u(d, {
+}, w = ({ fixture: e, onClick: r, variant: i = "card", className: a }) => {
+	let s = v(), g = y(e, s), _ = i === "hero", x = g.hasScore ? null : o(e.scheduledAt), w = !!r;
+	return /* @__PURE__ */ m(h, {
 		treatment: _ ? "glass" : "metric",
 		glow: _,
-		role: y ? "button" : void 0,
-		tabIndex: y ? 0 : void 0,
+		role: w ? "button" : void 0,
+		tabIndex: w ? 0 : void 0,
 		onClick: r,
-		onKeyDown: y ? (e) => {
+		onKeyDown: w ? (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.());
 		} : void 0,
-		className: e(_ ? "p-6 sm:p-8" : "p-5", y && "cursor-pointer transition-transform duration-200 hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", c),
+		className: t(_ ? "p-6 sm:p-8" : "p-5", w && "cursor-pointer transition-transform duration-200 hover:-translate-y-0.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", a),
 		children: [
-			/* @__PURE__ */ u("div", {
-				className: e("flex items-center justify-between gap-3", _ && "justify-center"),
-				children: [/* @__PURE__ */ l(g, {
-					fixture: n,
+			/* @__PURE__ */ m("div", {
+				className: t("flex items-center justify-between gap-3", _ && "justify-center"),
+				children: [/* @__PURE__ */ p(C, {
+					fixture: e,
 					center: _
-				}), _ ? null : /* @__PURE__ */ l(t, { status: n.status })]
+				}), _ ? null : /* @__PURE__ */ p(n, { status: e.status })]
 			}),
-			/* @__PURE__ */ u("div", {
-				className: e("mt-4 grid items-center gap-3", "grid-cols-[1fr_auto_1fr]", _ && "mt-6 gap-4 sm:gap-8"),
+			/* @__PURE__ */ m("div", {
+				className: t("mt-4 grid items-center gap-3", "grid-cols-[1fr_auto_1fr]", _ && "mt-6 gap-4 sm:gap-8"),
 				children: [
-					/* @__PURE__ */ l(p, {
-						name: m.homeName,
-						sport: m.homeSport,
+					/* @__PURE__ */ p(b, {
+						name: g.homeName,
+						sport: g.homeSport,
 						align: _ ? void 0 : "end",
 						stacked: _,
-						won: m.homeWon,
-						dimmed: m.awayWon,
+						won: g.homeWon,
+						dimmed: g.awayWon,
 						crestSize: _ ? 72 : 40
 					}),
-					/* @__PURE__ */ l(h, {
-						matchup: m,
-						time: v,
+					/* @__PURE__ */ p(S, {
+						matchup: g,
+						time: x,
 						size: _ ? "lg" : "md"
 					}),
-					/* @__PURE__ */ l(p, {
-						name: m.awayName,
-						sport: m.awaySport,
+					/* @__PURE__ */ p(b, {
+						name: g.awayName,
+						sport: g.awaySport,
 						align: _ ? void 0 : "start",
 						stacked: _,
-						won: m.awayWon,
-						dimmed: m.homeWon,
+						won: g.awayWon,
+						dimmed: g.homeWon,
 						crestSize: _ ? 72 : 40
 					})
 				]
 			}),
-			_ ? /* @__PURE__ */ l("div", {
+			e.status === "COMPLETED" && g.outcome ? /* @__PURE__ */ p("div", {
+				className: t("flex justify-center", _ ? "mt-4" : "mt-3"),
+				children: g.outcome === "DRAW" ? /* @__PURE__ */ m("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-3 py-1 text-xs font-semibold text-text-secondary",
+					children: [
+						/* @__PURE__ */ p(l, {
+							className: "h-3.5 w-3.5",
+							"aria-hidden": "true"
+						}),
+						" ",
+						s.draw
+					]
+				}) : /* @__PURE__ */ m("span", {
+					className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-xs font-semibold text-status-success-text",
+					children: [/* @__PURE__ */ p(d, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), g.cricket ? g.cricket.resultText : /* @__PURE__ */ m(f, { children: [
+						g.winnerName,
+						" ",
+						s.won,
+						g.decidedBy && g.outcomeNote ? ` (${g.outcomeNote})` : ""
+					] })]
+				})
+			}) : null,
+			_ ? /* @__PURE__ */ p("div", {
 				className: "mt-5 flex justify-center",
-				children: /* @__PURE__ */ l(t, { status: n.status })
+				children: /* @__PURE__ */ p(n, { status: e.status })
 			}) : null,
-			/* @__PURE__ */ u("div", {
-				className: e("mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary", _ && "mt-6 justify-center"),
-				children: [/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ m("div", {
+				className: t("mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary", _ && "mt-6 justify-center"),
+				children: [/* @__PURE__ */ m("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ l(o, {
+						/* @__PURE__ */ p(c, {
 							className: "h-3.5 w-3.5",
 							"aria-hidden": "true"
 						}),
 						" ",
-						a(n.scheduledAt)
+						o(e.scheduledAt)
 					]
-				}), n.venue ? /* @__PURE__ */ u("span", {
+				}), e.venue ? /* @__PURE__ */ m("span", {
 					className: "flex items-center gap-1 truncate",
 					children: [
-						/* @__PURE__ */ l(s, {
+						/* @__PURE__ */ p(u, {
 							className: "h-3.5 w-3.5 shrink-0",
 							"aria-hidden": "true"
 						}),
 						" ",
-						n.venue
+						e.venue
 					]
 				}) : null]
 			})
@@ -158,6 +283,6 @@ var p = ({ name: t, sport: n, align: r = "start", won: a = !1, dimmed: o = !1, c
 	});
 };
 //#endregion
-export { p as MatchupSide, h as ScoreCenter, _ as Scoreboard, f as resolveMatchup };
+export { b as MatchupSide, S as ScoreCenter, w as Scoreboard, y as resolveMatchup, v as useMatchupLabels };
 
 //# sourceMappingURL=Scoreboard.js.map