@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

package/dist/atheletebridge/components/CursorPager.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../utils/cn.js";
+import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/atheletebridge/components/CursorPager.tsx
+var a = ({ page: a, hasMore: o, onPrev: s, onNext: c, className: l }) => {
+	let u = a > 0;
+	return !u && !o ? null : /* @__PURE__ */ i("div", {
+		className: e("flex items-center justify-end gap-2", l),
+		children: [
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: s,
+				disabled: !u,
+				className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50",
+				children: [/* @__PURE__ */ r(t, { className: "h-4 w-4" }), " Previous"]
+			}),
+			/* @__PURE__ */ i("span", {
+				className: "px-2 text-sm tabular-nums text-text-secondary",
+				children: ["Page ", a + 1]
+			}),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: c,
+				disabled: !o,
+				className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50",
+				children: ["Next ", /* @__PURE__ */ r(n, { className: "h-4 w-4" })]
+			})
+		]
+	});
+};
+//#endregion
+export { a as CursorPager };
+
+//# sourceMappingURL=CursorPager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPager.js","names":[],"sources":["../../../src/atheletebridge/components/CursorPager.tsx"],"sourcesContent":["/**\n * Cursor Pager\n * @module atheletebridge/components\n *\n * Offset-based pager driving the svc PaginationInput. The svc connections\n * expose `pageInfo.hasMore`; combined with the page index this yields a calm\n * prev/next control. Tokens only, no movement.\n */\n\nimport type { FC } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\ninterface CursorPagerProps {\n  page: number;\n  hasMore: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n  className?: string;\n}\n\nexport const CursorPager: FC<CursorPagerProps> = ({ page, hasMore, onPrev, onNext, className }) => {\n  const canPrev = page > 0;\n\n  if (!canPrev && !hasMore) return null;\n\n  return (\n    <div className={cn('flex items-center justify-end gap-2', className)}>\n      <button\n        type=\"button\"\n        onClick={onPrev}\n        disabled={!canPrev}\n        className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" /> Previous\n      </button>\n      <span className=\"px-2 text-sm tabular-nums text-text-secondary\">Page {page + 1}</span>\n      <button\n        type=\"button\"\n        onClick={onNext}\n        disabled={!hasMore}\n        className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n      >\n        Next <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAqC,EAAE,SAAM,YAAS,WAAQ,WAAQ,mBAAgB;CACjG,IAAM,IAAU,IAAO;AAIvB,QAFI,CAAC,KAAW,CAAC,IAAgB,OAG/B,kBAAC,OAAD;EAAK,WAAW,EAAG,uCAAuC,EAAU;YAApE;GACE,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,CAAC;IACX,WAAU;cAJZ,CAME,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAAA,YAC5B;;GACT,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAAgE,SAAM,IAAO,EAAS;;GACtF,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU,CAAC;IACX,WAAU;cAJZ,CAKC,SACM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CAClC;;GACL"}

package/dist/atheletebridge/components/FilterSelect.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/atheletebridge/components/FilterSelect.tsx
+function r({ value: r, onChange: i, options: a, allLabel: o, ariaLabel: s, className: c }) {
+	return /* @__PURE__ */ n("select", {
+		"aria-label": s,
+		value: r,
+		onChange: (e) => i(e.target.value),
+		className: e("rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary", "focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", c),
+		children: [/* @__PURE__ */ t("option", {
+			value: "",
+			children: o
+		}), a.map((e) => /* @__PURE__ */ t("option", {
+			value: e.value,
+			children: e.label
+		}, e.value))]
+	});
+}
+//#endregion
+export { r as FilterSelect };
+
+//# sourceMappingURL=FilterSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.js","names":[],"sources":["../../../src/atheletebridge/components/FilterSelect.tsx"],"sourcesContent":["/**\n * Filter Select\n * @module atheletebridge/components\n *\n * A small, accessible native-select filter styled with semantic tokens.\n * Generic over the option value type so callers stay strictly typed.\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<T extends string> {\n  value: T;\n  label: string;\n}\n\ninterface FilterSelectProps<T extends string> {\n  value: T | '';\n  onChange: (value: T | '') => void;\n  options: ReadonlyArray<FilterOption<T>>;\n  /** Label shown for the \"no filter\" option. */\n  allLabel: string;\n  ariaLabel: string;\n  className?: string;\n}\n\nexport function FilterSelect<T extends string>({\n  value,\n  onChange,\n  options,\n  allLabel,\n  ariaLabel,\n  className,\n}: FilterSelectProps<T>) {\n  return (\n    <select\n      aria-label={ariaLabel}\n      value={value}\n      onChange={(e) => onChange(e.target.value as T | '')}\n      className={cn(\n        'rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary',\n        'focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      <option value=\"\">{allLabel}</option>\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAA+B,EAC7C,UACA,aACA,YACA,aACA,cACA,gBACuB;AACvB,QACE,kBAAC,UAAD;EACE,cAAY;EACL;EACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAgB;EACnD,WAAW,EACT,0FACA,wEACA,EACD;YARH,CAUE,kBAAC,UAAD;GAAQ,OAAM;aAAI;GAAkB,CAAA,EACnC,EAAQ,KAAK,MACZ,kBAAC,UAAD;GAAwB,OAAO,EAAI;aAChC,EAAI;GACE,EAFI,EAAI,MAER,CACT,CACK"}

package/dist/atheletebridge/components/FixtureCard.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../utils/cn.js";
+import { StatusBadge as t } from "./StatusBadge.js";
+import { FIXTURE_TYPE_LABELS as n } from "./domain.js";
+import { formatDate as r } from "../utils/formatters.js";
+import { CalendarClock as i, MapPin as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { GlassCard as c } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/components/FixtureCard.tsx
+var l = ({ fixture: l, onClick: u }) => {
+	let d = l.homeTeam?.name ?? "Home", f = l.awayTeam?.name ?? (l.awayTeamId ? "Away" : "TBD"), p = l.homeScore !== null && l.awayScore !== null;
+	return /* @__PURE__ */ s(c, {
+		treatment: "metric",
+		role: "button",
+		tabIndex: 0,
+		onClick: u,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), u?.());
+		},
+		className: e("cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ o("span", {
+					className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+					children: n[l.type]
+				}), /* @__PURE__ */ o(t, { status: l.status })]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "mt-4 flex items-center justify-between gap-3",
+				children: [
+					/* @__PURE__ */ o("span", {
+						className: "flex-1 truncate text-right text-sm font-semibold text-text-primary",
+						children: d
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "shrink-0 rounded-lg bg-bg-sunken px-3 py-1 text-sm font-bold tabular-nums text-text-primary",
+						children: p ? `${l.homeScore} : ${l.awayScore}` : "vs"
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "flex-1 truncate text-left text-sm font-semibold text-text-primary",
+						children: f
+					})
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary",
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ o(i, { className: "h-3.5 w-3.5" }),
+							" ",
+							r(l.scheduledAt)
+						]
+					}),
+					l.venue && /* @__PURE__ */ s("span", {
+						className: "flex items-center gap-1 truncate",
+						children: [
+							/* @__PURE__ */ o(a, { className: "h-3.5 w-3.5 shrink-0" }),
+							" ",
+							l.venue
+						]
+					}),
+					l.competition && /* @__PURE__ */ o("span", {
+						className: "truncate",
+						children: l.competition
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { l as FixtureCard };
+
+//# sourceMappingURL=FixtureCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FixtureCard.js","names":[],"sources":["../../../src/atheletebridge/components/FixtureCard.tsx"],"sourcesContent":["/**\n * Fixture Card\n * @module atheletebridge/components\n */\n\nimport type { FC } from 'react';\nimport { CalendarClock, MapPin } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { FIXTURE_TYPE_LABELS } from './domain';\nimport { formatDate } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport type { AthFixture } from '../types';\n\ninterface FixtureCardProps {\n  fixture: AthFixture;\n  onClick?: () => void;\n}\n\nexport const FixtureCard: FC<FixtureCardProps> = ({ fixture, onClick }) => {\n  const homeName = fixture.homeTeam?.name ?? 'Home';\n  const awayName = fixture.awayTeam?.name ?? (fixture.awayTeamId ? 'Away' : 'TBD');\n  const hasScore = fixture.homeScore !== null && fixture.awayScore !== null;\n\n  return (\n    <GlassCard\n      treatment=\"metric\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n      )}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n          {FIXTURE_TYPE_LABELS[fixture.type]}\n        </span>\n        <StatusBadge status={fixture.status} />\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3\">\n        <span className=\"flex-1 truncate text-right text-sm font-semibold text-text-primary\">\n          {homeName}\n        </span>\n        <span className=\"shrink-0 rounded-lg bg-bg-sunken px-3 py-1 text-sm font-bold tabular-nums text-text-primary\">\n          {hasScore ? `${fixture.homeScore} : ${fixture.awayScore}` : 'vs'}\n        </span>\n        <span className=\"flex-1 truncate text-left text-sm font-semibold text-text-primary\">\n          {awayName}\n        </span>\n      </div>\n\n      <div className=\"mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary\">\n        <span className=\"flex items-center gap-1\">\n          <CalendarClock className=\"h-3.5 w-3.5\" /> {formatDate(fixture.scheduledAt)}\n        </span>\n        {fixture.venue && (\n          <span className=\"flex items-center gap-1 truncate\">\n            <MapPin className=\"h-3.5 w-3.5 shrink-0\" /> {fixture.venue}\n          </span>\n        )}\n        {fixture.competition && (\n          <span className=\"truncate\">{fixture.competition}</span>\n        )}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;;AAmBA,IAAa,KAAqC,EAAE,YAAS,iBAAc;CACzE,IAAM,IAAW,EAAQ,UAAU,QAAQ,QACrC,IAAW,EAAQ,UAAU,SAAS,EAAQ,aAAa,SAAS,QACpE,IAAW,EAAQ,cAAc,QAAQ,EAAQ,cAAc;AAErE,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,UAAU;EACD;EACT,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,KAAW;;EAGf,WAAW,EACT,kHACD;YAbH;GAeE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,EAAoB,EAAQ;KACxB,CAAA,EACP,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,CACnC;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA;KACP,kBAAC,QAAD;MAAM,WAAU;gBACb,IAAW,GAAG,EAAQ,UAAU,KAAK,EAAQ,cAAc;MACvD,CAAA;KACP,kBAAC,QAAD;MAAM,WAAU;gBACb;MACI,CAAA;KACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAe,WAAU,eAAgB,CAAA;;OAAE,EAAW,EAAQ,YAAY;OACrE;;KACN,EAAQ,SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA;;OAAE,EAAQ;OAChD;;KAER,EAAQ,eACP,kBAAC,QAAD;MAAM,WAAU;gBAAY,EAAQ;MAAmB,CAAA;KAErD;;GACI"}

package/dist/atheletebridge/components/LoadingState.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../utils/cn.js";
+import { AlertCircle as t, Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/atheletebridge/components/LoadingState.tsx
+var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ i("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", a),
+	role: "status",
+	"aria-live": "polite",
+	children: [/* @__PURE__ */ r(n, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ r("p", {
+		className: "text-sm text-text-secondary",
+		children: t
+	})]
+}), o = ({ title: n = "Something went wrong", message: a = "We could not load this data. Please try again.", onRetry: o, className: s }) => /* @__PURE__ */ i("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center", s),
+	children: [
+		/* @__PURE__ */ r(t, { className: "h-10 w-10 text-status-error-text" }),
+		/* @__PURE__ */ r("h3", {
+			className: "text-lg font-semibold text-text-primary",
+			children: n
+		}),
+		/* @__PURE__ */ r("p", {
+			className: "max-w-sm text-sm text-text-secondary",
+			children: a
+		}),
+		o && /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: o,
+			className: "mt-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+			children: "Try again"
+		})
+	]
+});
+//#endregion
+export { o as ErrorState, a as LoadingState };
+
+//# sourceMappingURL=LoadingState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../src/atheletebridge/components/LoadingState.tsx"],"sourcesContent":["/**\n * Loading / Error State Components\n * @module atheletebridge/components\n *\n * Small calm, centered states shared across list and detail pages.\n */\n\nimport type { FC } from 'react';\nimport { AlertCircle, Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\ninterface LoadingStateProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingState: FC<LoadingStateProps> = ({ label = 'Loading…', className }) => (\n  <div\n    className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n    <p className=\"text-sm text-text-secondary\">{label}</p>\n  </div>\n);\n\ninterface ErrorStateProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorState: FC<ErrorStateProps> = ({\n  title = 'Something went wrong',\n  message = 'We could not load this data. Please try again.',\n  onRetry,\n  className,\n}) => (\n  <div\n    className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3 text-center', className)}\n  >\n    <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n    <h3 className=\"text-lg font-semibold text-text-primary\">{title}</h3>\n    <p className=\"max-w-sm text-sm text-text-secondary\">{message}</p>\n    {onRetry && (\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"mt-2 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n      >\n        Try again\n      </button>\n    )}\n  </div>\n);\n"],"mappings":";;;;AAgBA,IAAa,KAAuC,EAAE,WAAQ,YAAY,mBACxE,kBAAC,OAAD;CACE,WAAW,EAAG,gEAAgE,EAAU;CACxF,MAAK;CACL,aAAU;WAHZ,CAKE,kBAAC,GAAD,EAAS,WAAU,4CAA6C,CAAA,EAChE,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAmC,EAC9C,WAAQ,wBACR,aAAU,kDACV,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EAAG,4EAA4E,EAAU;WADtG;EAGE,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA;EACpE,kBAAC,KAAD;GAAG,WAAU;aAAwC;GAAY,CAAA;EAChE,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP"}

package/dist/atheletebridge/components/ProgramCard.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../utils/cn.js";
+import { StatusBadge as t } from "./StatusBadge.js";
+import { PROGRAM_LEVEL_LABELS as n, SPORT_ICONS as r, SPORT_LABELS as i } from "./domain.js";
+import { CalendarRange as a, Copy as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { GlassCard as l } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/components/ProgramCard.tsx
+var u = ({ program: u, onClick: d }) => {
+	let f = r[u.sport];
+	return /* @__PURE__ */ c(l, {
+		treatment: "metric",
+		role: "button",
+		tabIndex: 0,
+		onClick: d,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), d?.());
+		},
+		className: e("cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center gap-3 min-w-0",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+						children: /* @__PURE__ */ s(f, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ c("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ s("h3", {
+							className: "truncate text-base font-semibold text-text-primary",
+							children: u.name
+						}), /* @__PURE__ */ c("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								i[u.sport],
+								" · ",
+								n[u.level]
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ s(t, { status: u.status })]
+			}),
+			u.summary && /* @__PURE__ */ s("p", {
+				className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+				children: u.summary
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary",
+				children: [/* @__PURE__ */ c("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ s(a, { className: "h-3.5 w-3.5" }),
+						" ",
+						u.weeks,
+						" ",
+						u.weeks === 1 ? "week" : "weeks"
+					]
+				}), u.isTemplate && /* @__PURE__ */ c("span", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ s(o, { className: "h-3.5 w-3.5" }), " Template"]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { u as ProgramCard };
+
+//# sourceMappingURL=ProgramCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramCard.js","names":[],"sources":["../../../src/atheletebridge/components/ProgramCard.tsx"],"sourcesContent":["/**\n * Program Card\n * @module atheletebridge/components\n */\n\nimport type { FC } from 'react';\nimport { CalendarRange, Copy } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { SPORT_ICONS, SPORT_LABELS, PROGRAM_LEVEL_LABELS } from './domain';\nimport { cn } from '../utils/cn';\nimport type { AthProgram } from '../types';\n\ninterface ProgramCardProps {\n  program: AthProgram;\n  onClick?: () => void;\n}\n\nexport const ProgramCard: FC<ProgramCardProps> = ({ program, onClick }) => {\n  const SportIcon = SPORT_ICONS[program.sport];\n\n  return (\n    <GlassCard\n      treatment=\"metric\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n            <SportIcon className=\"h-5 w-5\" />\n          </div>\n          <div className=\"min-w-0\">\n            <h3 className=\"truncate text-base font-semibold text-text-primary\">{program.name}</h3>\n            <p className=\"text-sm text-text-secondary\">\n              {SPORT_LABELS[program.sport]} · {PROGRAM_LEVEL_LABELS[program.level]}\n            </p>\n          </div>\n        </div>\n        <StatusBadge status={program.status} />\n      </div>\n\n      {program.summary && (\n        <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{program.summary}</p>\n      )}\n\n      <div className=\"mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary\">\n        <span className=\"flex items-center gap-1\">\n          <CalendarRange className=\"h-3.5 w-3.5\" /> {program.weeks}{' '}\n          {program.weeks === 1 ? 'week' : 'weeks'}\n        </span>\n        {program.isTemplate && (\n          <span className=\"flex items-center gap-1\">\n            <Copy className=\"h-3.5 w-3.5\" /> Template\n          </span>\n        )}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAa,KAAqC,EAAE,YAAS,iBAAc;CACzE,IAAM,IAAY,EAAY,EAAQ;AAEtC,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,UAAU;EACD;EACT,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,KAAW;;EAGf,WAAW,EACT,kHACD;YAbH;GAeE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC7B,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAsD,EAAQ;OAAU,CAAA,EACtF,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAa,EAAQ;QAAO;QAAI,EAAqB,EAAQ;QAC5D;SACA;QACF;QACN,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,CACnC;;GAEL,EAAQ,WACP,kBAAC,KAAD;IAAG,WAAU;cAAiD,EAAQ;IAAY,CAAA;GAGpF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACE,kBAAC,GAAD,EAAe,WAAU,eAAgB,CAAA;;MAAE,EAAQ;MAAO;MACzD,EAAQ,UAAU,IAAI,SAAS;MAC3B;QACN,EAAQ,cACP,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAAA,YAC3B;OAEL;;GACI"}

package/dist/atheletebridge/components/SessionCard.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../utils/cn.js";
+import { StatusBadge as t } from "./StatusBadge.js";
+import { SESSION_TYPE_LABELS as n } from "./domain.js";
+import { formatDate as r, formatDuration as i } from "../utils/formatters.js";
+import { CalendarClock as a, Clock as o, MapPin as s, Star as c, Video as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/components/SessionCard.tsx
+var p = ({ session: p, onClick: m }) => /* @__PURE__ */ d(f, {
+	treatment: "metric",
+	role: "button",
+	tabIndex: 0,
+	onClick: m,
+	onKeyDown: (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m?.());
+	},
+	className: e("cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
+	children: [/* @__PURE__ */ d("div", {
+		className: "flex items-start justify-between gap-3",
+		children: [/* @__PURE__ */ d("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ u("h3", {
+				className: "truncate text-base font-semibold text-text-primary",
+				children: p.title
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm text-text-secondary",
+				children: n[p.type]
+			})]
+		}), /* @__PURE__ */ u(t, { status: p.status })]
+	}), /* @__PURE__ */ d("div", {
+		className: "mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary",
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ u(a, { className: "h-3.5 w-3.5" }),
+					" ",
+					r(p.scheduledAt)
+				]
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ u(o, { className: "h-3.5 w-3.5" }),
+					" ",
+					i(p.durationMin)
+				]
+			}),
+			p.type === "IN_PERSON" && p.location && /* @__PURE__ */ d("span", {
+				className: "flex items-center gap-1 truncate",
+				children: [
+					/* @__PURE__ */ u(s, { className: "h-3.5 w-3.5 shrink-0" }),
+					" ",
+					p.location
+				]
+			}),
+			p.type !== "IN_PERSON" && p.meetingUrl && /* @__PURE__ */ d("span", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), " Online"]
+			}),
+			p.rating !== null && /* @__PURE__ */ d("span", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ u(c, { className: "h-3.5 w-3.5" }),
+					" ",
+					p.rating,
+					"/5"
+				]
+			})
+		]
+	})]
+});
+//#endregion
+export { p as SessionCard };
+
+//# sourceMappingURL=SessionCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionCard.js","names":[],"sources":["../../../src/atheletebridge/components/SessionCard.tsx"],"sourcesContent":["/**\n * Session Card\n * @module atheletebridge/components\n */\n\nimport type { FC } from 'react';\nimport { CalendarClock, Clock, Star, Video, MapPin } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { SESSION_TYPE_LABELS } from './domain';\nimport { formatDate, formatDuration } from '../utils/formatters';\nimport { cn } from '../utils/cn';\nimport type { AthSession } from '../types';\n\ninterface SessionCardProps {\n  session: AthSession;\n  onClick?: () => void;\n}\n\nexport const SessionCard: FC<SessionCardProps> = ({ session, onClick }) => (\n  <GlassCard\n    treatment=\"metric\"\n    role=\"button\"\n    tabIndex={0}\n    onClick={onClick}\n    onKeyDown={(e) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        onClick?.();\n      }\n    }}\n    className={cn(\n      'cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n    )}\n  >\n    <div className=\"flex items-start justify-between gap-3\">\n      <div className=\"min-w-0\">\n        <h3 className=\"truncate text-base font-semibold text-text-primary\">{session.title}</h3>\n        <p className=\"text-sm text-text-secondary\">{SESSION_TYPE_LABELS[session.type]}</p>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n\n    <div className=\"mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary\">\n      <span className=\"flex items-center gap-1\">\n        <CalendarClock className=\"h-3.5 w-3.5\" /> {formatDate(session.scheduledAt)}\n      </span>\n      <span className=\"flex items-center gap-1\">\n        <Clock className=\"h-3.5 w-3.5\" /> {formatDuration(session.durationMin)}\n      </span>\n      {session.type === 'IN_PERSON' && session.location && (\n        <span className=\"flex items-center gap-1 truncate\">\n          <MapPin className=\"h-3.5 w-3.5 shrink-0\" /> {session.location}\n        </span>\n      )}\n      {session.type !== 'IN_PERSON' && session.meetingUrl && (\n        <span className=\"flex items-center gap-1\">\n          <Video className=\"h-3.5 w-3.5\" /> Online\n        </span>\n      )}\n      {session.rating !== null && (\n        <span className=\"flex items-center gap-1\">\n          <Star className=\"h-3.5 w-3.5\" /> {session.rating}/5\n        </span>\n      )}\n    </div>\n  </GlassCard>\n);\n"],"mappings":";;;;;;;;AAmBA,IAAa,KAAqC,EAAE,YAAS,iBAC3D,kBAAC,GAAD;CACE,WAAU;CACV,MAAK;CACL,UAAU;CACD;CACT,YAAY,MAAM;AAChB,GAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,KAAW;;CAGf,WAAW,EACT,kHACD;WAbH,CAeE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAAsD,EAAQ;IAAW,CAAA,EACvF,kBAAC,KAAD;IAAG,WAAU;cAA+B,EAAoB,EAAQ;IAAU,CAAA,CAC9E;MACN,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,CACnC;KAEN,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,GAAD,EAAe,WAAU,eAAgB,CAAA;;KAAE,EAAW,EAAQ,YAAY;KACrE;;GACP,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;KAAE,EAAe,EAAQ,YAAY;KACjE;;GACN,EAAQ,SAAS,eAAe,EAAQ,YACvC,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA;;KAAE,EAAQ;KAChD;;GAER,EAAQ,SAAS,eAAe,EAAQ,cACvC,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EAAA,UAC5B;;GAER,EAAQ,WAAW,QAClB,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA;;KAAE,EAAQ;KAAO;KAC5C;;GAEL;IACI"}

package/dist/atheletebridge/components/StatusBadge.js

@@ -1,45 +1,54 @@
 import { cn as e } from "../utils/cn.js";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/atheletebridge/components/StatusBadge.tsx
-var n = {
-	success: "bg-green-500/20 text-green-600 dark:text-green-400",
-	warning: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-	destructive: "bg-status-error-bg/20 text-status-error-text",
-	secondary: "bg-secondary text-secondary-foreground",
-	info: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-	outline: "border border-border-subtle text-text-primary"
-}, r = {
-	open: "success",
-	closed: "destructive",
-	busy: "warning",
-	temporarily_closed: "warning",
-	pending: "secondary",
-	confirmed: "info",
-	preparing: "warning",
-	ready: "success",
-	out_for_delivery: "info",
-	delivered: "success",
-	cancelled: "destructive",
-	refunded: "outline",
-	funded: "success",
-	returning: "info",
+var r = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	destructive: "bg-status-error-bg-subtle text-status-error-text",
+	secondary: "bg-bg-sunken text-text-secondary",
+	info: "bg-[var(--color-accent-soft)] text-text-primary",
+	outline: "border border-border-seam text-text-primary"
+}, i = new Set([
+	"live",
+	"active",
+	"confirmed",
+	"in_progress"
+]), a = {
+	forming: "warning",
 	active: "success",
 	inactive: "secondary",
-	draft: "secondary",
 	archived: "outline",
-	error: "destructive",
-	failed: "destructive",
-	processing: "warning",
-	completed: "success"
+	trial: "info",
+	injured: "warning",
+	suspended: "destructive",
+	released: "secondary",
+	scheduled: "info",
+	live: "success",
+	completed: "success",
+	postponed: "warning",
+	cancelled: "destructive",
+	draft: "secondary",
+	published: "success",
+	requested: "warning",
+	confirmed: "info",
+	no_show: "destructive",
+	planned: "info",
+	skipped: "secondary"
 };
-function i(e) {
-	return e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+function o(e) {
+	return e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var a = ({ status: a, className: o }) => /* @__PURE__ */ t("span", {
-	className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", n[r[a.toLowerCase()] || "secondary"], o),
-	children: i(a)
-});
+var s = ({ status: s, className: c }) => {
+	let l = s.toLowerCase(), u = a[l] ?? "secondary", d = i.has(l);
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", r[u], c),
+		children: [d && /* @__PURE__ */ t("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse"
+		}), o(s)]
+	});
+};
 //#endregion
-export { a as StatusBadge };
+export { s as StatusBadge };
 
 //# sourceMappingURL=StatusBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/atheletebridge/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module atheletebridge/components\n *\n * A colored badge based on status value with semantic color mapping\n * for various order, cart, and investment statuses.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-green-500/20 text-green-600 dark:text-green-400',\n  warning: 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400',\n  destructive: 'bg-status-error-bg/20 text-status-error-text',\n  secondary: 'bg-secondary text-secondary-foreground',\n  info: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n  outline: 'border border-border-subtle text-text-primary',\n};\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Cart statuses\n  open: 'success',\n  closed: 'destructive',\n  busy: 'warning',\n  temporarily_closed: 'warning',\n\n  // Order statuses\n  pending: 'secondary',\n  confirmed: 'info',\n  preparing: 'warning',\n  ready: 'success',\n  out_for_delivery: 'info',\n  delivered: 'success',\n  cancelled: 'destructive',\n  refunded: 'outline',\n\n  // Investment statuses\n  funded: 'success',\n  returning: 'info',\n\n  // Generic statuses\n  active: 'success',\n  inactive: 'secondary',\n  draft: 'secondary',\n  archived: 'outline',\n  error: 'destructive',\n  failed: 'destructive',\n  processing: 'warning',\n  completed: 'success',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const variant = statusVariantMap[status.toLowerCase()] || 'secondary';\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {formatStatusLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;AAkBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAEK,IAAiD;CAErD,MAAM;CACN,QAAQ;CACR,MAAM;CACN,oBAAoB;CAGpB,SAAS;CACT,WAAW;CACX,WAAW;CACX,OAAO;CACP,kBAAkB;CAClB,WAAW;CACX,WAAW;CACX,UAAU;CAGV,QAAQ;CACR,WAAW;CAGX,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,WAAW;CACZ;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EAAO,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGjF,IAAa,KAAqC,EAAE,WAAQ,mBAIxD,kBAAC,QAAD;CACE,WAAW,EACT,2EACA,EANU,EAAiB,EAAO,aAAa,KAAK,cAOpD,EACD;WAEA,EAAkB,EAAO;CACrB,CAAA"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/atheletebridge/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module atheletebridge/components\n *\n * A colored badge based on a domain status value, with semantic-token color\n * mapping for the AthleteBridge lifecycle states (teams, members, fixtures,\n * programs, sessions, workouts). Uses semantic tokens only — never raw colors.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / in-progress condition get a subtle,\n// opacity-only glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['live', 'active', 'confirmed', 'in_progress']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Team status\n  forming: 'warning',\n  active: 'success',\n  inactive: 'secondary',\n  archived: 'outline',\n\n  // Member status\n  trial: 'info',\n  injured: 'warning',\n  suspended: 'destructive',\n  released: 'secondary',\n\n  // Fixture status\n  scheduled: 'info',\n  live: 'success',\n  completed: 'success',\n  postponed: 'warning',\n  cancelled: 'destructive',\n\n  // Program status\n  draft: 'secondary',\n  published: 'success',\n\n  // Session status\n  requested: 'warning',\n  confirmed: 'info',\n  no_show: 'destructive',\n\n  // Workout status\n  planned: 'info',\n  skipped: 'secondary',\n};\n\nfunction formatStatusLabel(status: string): string {\n  return status\n    .replace(/_/g, ' ')\n    .toLowerCase()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toLowerCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatStatusLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;AAmBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAa;CAAc,CAAC,EAEtE,IAAiD;CAErD,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CAGV,OAAO;CACP,SAAS;CACT,WAAW;CACX,UAAU;CAGV,WAAW;CACX,MAAM;CACN,WAAW;CACX,WAAW;CACX,WAAW;CAGX,OAAO;CACP,WAAW;CAGX,WAAW;CACX,WAAW;CACX,SAAS;CAGT,SAAS;CACT,SAAS;CACV;AAED,SAAS,EAAkB,GAAwB;AACjD,QAAO,EACJ,QAAQ,MAAM,IAAI,CAClB,aAAa,CACb,QAAQ,UAAU,MAAS,EAAK,aAAa,CAAC;;AAGnD,IAAa,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAkB,EAAO,CACrB"}

package/dist/atheletebridge/components/TeamCard.js

@@ -0,0 +1,81 @@
+import { cn as e } from "../utils/cn.js";
+import { StatusBadge as t } from "./StatusBadge.js";
+import { SPORT_ICONS as n, SPORT_LABELS as r } from "./domain.js";
+import { CalendarDays as i, MapPin as a, Users as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { GlassCard as l } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/components/TeamCard.tsx
+var u = ({ team: u, onClick: d }) => {
+	let f = n[u.sport];
+	return /* @__PURE__ */ c(l, {
+		treatment: "metric",
+		role: "button",
+		tabIndex: 0,
+		onClick: d,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), d?.());
+		},
+		className: e("cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center gap-3 min-w-0",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+						children: /* @__PURE__ */ s(f, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ c("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ s("h3", {
+							className: "truncate text-base font-semibold text-text-primary",
+							children: u.name
+						}), /* @__PURE__ */ s("p", {
+							className: "text-sm text-text-secondary",
+							children: r[u.sport]
+						})]
+					})]
+				}), /* @__PURE__ */ s(t, { status: u.status })]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary",
+				children: [
+					u.ageGroup && /* @__PURE__ */ c("span", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ s(o, { className: "h-3.5 w-3.5" }),
+							" ",
+							u.ageGroup
+						]
+					}),
+					u.season && /* @__PURE__ */ c("span", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ s(i, { className: "h-3.5 w-3.5" }),
+							" ",
+							u.season
+						]
+					}),
+					u.homeVenue && /* @__PURE__ */ c("span", {
+						className: "flex items-center gap-1 truncate",
+						children: [
+							/* @__PURE__ */ s(a, { className: "h-3.5 w-3.5 shrink-0" }),
+							" ",
+							u.homeVenue
+						]
+					})
+				]
+			}),
+			u.tags.length > 0 && /* @__PURE__ */ s("div", {
+				className: "mt-3 flex flex-wrap gap-1.5",
+				children: u.tags.slice(0, 4).map((e) => /* @__PURE__ */ s("span", {
+					className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+					children: e
+				}, e))
+			})
+		]
+	});
+};
+//#endregion
+export { u as TeamCard };
+
+//# sourceMappingURL=TeamCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCard.js","names":[],"sources":["../../../src/atheletebridge/components/TeamCard.tsx"],"sourcesContent":["/**\n * Team Card\n * @module atheletebridge/components\n */\n\nimport type { FC } from 'react';\nimport { Users, MapPin, CalendarDays } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from './StatusBadge';\nimport { SPORT_ICONS, SPORT_LABELS } from './domain';\nimport { cn } from '../utils/cn';\nimport type { AthTeam } from '../types';\n\ninterface TeamCardProps {\n  team: AthTeam;\n  onClick?: () => void;\n}\n\nexport const TeamCard: FC<TeamCardProps> = ({ team, onClick }) => {\n  const SportIcon = SPORT_ICONS[team.sport];\n\n  return (\n    <GlassCard\n      treatment=\"metric\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-3 min-w-0\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n            <SportIcon className=\"h-5 w-5\" />\n          </div>\n          <div className=\"min-w-0\">\n            <h3 className=\"truncate text-base font-semibold text-text-primary\">{team.name}</h3>\n            <p className=\"text-sm text-text-secondary\">{SPORT_LABELS[team.sport]}</p>\n          </div>\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      <div className=\"mt-4 flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-secondary\">\n        {team.ageGroup && (\n          <span className=\"flex items-center gap-1\">\n            <Users className=\"h-3.5 w-3.5\" /> {team.ageGroup}\n          </span>\n        )}\n        {team.season && (\n          <span className=\"flex items-center gap-1\">\n            <CalendarDays className=\"h-3.5 w-3.5\" /> {team.season}\n          </span>\n        )}\n        {team.homeVenue && (\n          <span className=\"flex items-center gap-1 truncate\">\n            <MapPin className=\"h-3.5 w-3.5 shrink-0\" /> {team.homeVenue}\n          </span>\n        )}\n      </div>\n\n      {team.tags.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap gap-1.5\">\n          {team.tags.slice(0, 4).map((tag) => (\n            <span\n              key={tag}\n              className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n            >\n              {tag}\n            </span>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAa,KAA+B,EAAE,SAAM,iBAAc;CAChE,IAAM,IAAY,EAAY,EAAK;AAEnC,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAK;EACL,UAAU;EACD;EACT,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,KAAW;;EAGf,WAAW,EACT,kHACD;YAbH;GAeE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC7B,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAsD,EAAK;OAAU,CAAA,EACnF,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAa,EAAK;OAAW,CAAA,CACrE;QACF;QACN,kBAAC,GAAD,EAAa,QAAQ,EAAK,QAAU,CAAA,CAChC;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,EAAK,YACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;OAAE,EAAK;OACnC;;KAER,EAAK,UACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA;;OAAE,EAAK;OAC1C;;KAER,EAAK,aACJ,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA;;OAAE,EAAK;OAC7C;;KAEL;;GAEL,EAAK,KAAK,SAAS,KAClB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC1B,kBAAC,QAAD;KAEE,WAAU;eAET;KACI,EAJA,EAIA,CACP;IACE,CAAA;GAEE"}

package/dist/atheletebridge/components/domain.js

@@ -0,0 +1,47 @@
+import { Activity as e, Dumbbell as t, Footprints as n, Gamepad2 as r, Trophy as i, Volleyball as a, Waves as o } from "lucide-react";
+//#region src/atheletebridge/components/domain.ts
+var s = {
+	ATHLETICS: n,
+	BASKETBALL: a,
+	CRICKET: i,
+	ESPORTS: r,
+	FOOTBALL: a,
+	OTHER: e,
+	SWIMMING: o,
+	TENNIS: t
+}, c = {
+	ATHLETICS: "Athletics",
+	BASKETBALL: "Basketball",
+	CRICKET: "Cricket",
+	ESPORTS: "Esports",
+	FOOTBALL: "Football",
+	OTHER: "Other",
+	SWIMMING: "Swimming",
+	TENNIS: "Tennis"
+}, l = {
+	BEGINNER: "Beginner",
+	INTERMEDIATE: "Intermediate",
+	ADVANCED: "Advanced",
+	ELITE: "Elite"
+}, u = {
+	PLAYER: "Player",
+	CAPTAIN: "Captain",
+	COACH: "Coach",
+	ASSISTANT_COACH: "Assistant Coach",
+	PHYSIO: "Physio",
+	MANAGER: "Manager"
+}, d = {
+	FRIENDLY: "Friendly",
+	LEAGUE: "League",
+	CUP: "Cup",
+	TOURNAMENT: "Tournament",
+	SCRIMMAGE: "Scrimmage"
+}, f = {
+	IN_PERSON: "In Person",
+	ONLINE: "Online",
+	HYBRID: "Hybrid"
+};
+//#endregion
+export { d as FIXTURE_TYPE_LABELS, u as MEMBER_ROLE_LABELS, l as PROGRAM_LEVEL_LABELS, f as SESSION_TYPE_LABELS, s as SPORT_ICONS, c as SPORT_LABELS };
+
+//# sourceMappingURL=domain.js.map