@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.706.1

package/dist/atheletebridge/components/viz/index.js

@@ -0,0 +1,13 @@
+import "./lib/palette.js";
+import "./lib/geometry.js";
+import "./Sparkline.js";
+import "./lib/format.js";
+import "./LineChart.js";
+import "./BarChart.js";
+import "./DonutChart.js";
+import "./ProgressRing.js";
+import "./StatCard.js";
+import "./Timeline.js";
+import "./StepProgress.js";
+import "./AvatarStack.js";
+import "./RatingStars.js";

package/dist/atheletebridge/components/viz/lib/Avatar.js

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/atheletebridge/components/viz/lib/CartesianFrame.js

@@ -0,0 +1,119 @@
+import { cn as e } from "../../../utils/cn.js";
+import { CHART_AXIS as t, CHART_GRID as n } from "./palette.js";
+import { useElementWidth as r } from "./hooks.js";
+import { clamp as i, scaleLinear as a } from "./geometry.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/atheletebridge/components/viz/lib/CartesianFrame.tsx
+var l = {
+	left: 40,
+	right: 14,
+	top: 14,
+	bottom: 26
+}, u = 7;
+function d({ labels: d, domain: f, height: p, title: m, desc: h, formatValue: g, yTicks: _ = 4, padding: v, tooltip: y, className: b, children: x }) {
+	let [S, C] = r(), [w, T] = o(null), E = C > 0 ? C : 480, D = {
+		...l,
+		...v
+	}, O = d.length, [k, A] = f, j = D.left, M = E - D.right, N = D.top, P = p - D.bottom, F = (e) => O <= 1 ? (j + M) / 2 : j + (M - j) * e / (O - 1), I = (e) => P - a(e, k, A, 0, P - N), L = Array.from({ length: _ + 1 }, (e, t) => k + (A - k) * t / _), R = Math.max(1, Math.ceil(O / u)), z = d.map((e, t) => t).filter((e) => e % R === 0 || e === O - 1), B = (e) => {
+		let t = S.current;
+		if (!t || O === 0) return;
+		let n = e - t.getBoundingClientRect().left, r = 0, i = Infinity;
+		for (let e = 0; e < O; e += 1) {
+			let t = Math.abs(F(e) - n);
+			t < i && (i = t, r = e);
+		}
+		T(r);
+	}, V = (e) => B(e.clientX), H = () => T(null), U = (e) => {
+		O !== 0 && (e.key === "ArrowRight" || e.key === "ArrowLeft" ? (e.preventDefault(), T(i((w ?? (e.key === "ArrowRight" ? -1 : O)) + (e.key === "ArrowRight" ? 1 : -1), 0, O - 1))) : e.key === "Home" ? (e.preventDefault(), T(0)) : e.key === "End" ? (e.preventDefault(), T(O - 1)) : e.key === "Escape" && T(null));
+	}, W = {
+		width: E,
+		height: p,
+		plotLeft: j,
+		plotRight: M,
+		plotTop: N,
+		plotBottom: P,
+		activeIndex: w,
+		px: F,
+		py: I
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: S,
+		className: e("relative w-full rounded-[var(--radius-card)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", b),
+		tabIndex: 0,
+		role: "img",
+		"aria-label": m,
+		onMouseMove: V,
+		onMouseLeave: H,
+		onBlur: H,
+		onKeyDown: U,
+		children: [/* @__PURE__ */ c("svg", {
+			viewBox: `0 0 ${E} ${p}`,
+			width: "100%",
+			height: p,
+			preserveAspectRatio: "none",
+			style: {
+				display: "block",
+				overflow: "visible"
+			},
+			"aria-hidden": "true",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ s("title", { children: m }),
+				h ? /* @__PURE__ */ s("desc", { children: h }) : null,
+				L.map((e, t) => /* @__PURE__ */ s("line", {
+					x1: j,
+					x2: M,
+					y1: I(e),
+					y2: I(e),
+					stroke: n,
+					strokeWidth: 1,
+					vectorEffect: "non-scaling-stroke",
+					opacity: .6
+				}, `grid-${t}`)),
+				L.map((e, n) => /* @__PURE__ */ s("text", {
+					x: j - 7,
+					y: I(e),
+					textAnchor: "end",
+					dominantBaseline: "central",
+					fontSize: 10,
+					fill: t,
+					children: g(e)
+				}, `ylabel-${n}`)),
+				z.map((e) => /* @__PURE__ */ s("text", {
+					x: F(e),
+					y: p - 8,
+					textAnchor: "middle",
+					fontSize: 10,
+					fill: t,
+					children: d[e]
+				}, `xlabel-${e}`)),
+				w === null ? null : /* @__PURE__ */ s("line", {
+					x1: F(w),
+					x2: F(w),
+					y1: N,
+					y2: P,
+					stroke: t,
+					strokeWidth: 1,
+					strokeDasharray: "3 3",
+					vectorEffect: "non-scaling-stroke",
+					opacity: .7
+				}),
+				x(W)
+			]
+		}), w !== null && y ? /* @__PURE__ */ s("div", {
+			role: "status",
+			"aria-live": "polite",
+			className: "pointer-events-none absolute z-10 -translate-x-1/2 rounded-[var(--radius-input)] border border-border-subtle bg-bg-elevated px-2 py-1 text-xs text-text-primary shadow-elevation-2",
+			style: {
+				left: i(F(w), 48, Math.max(48, E - 48)),
+				top: N + 2
+			},
+			children: y(w)
+		}) : null]
+	});
+}
+//#endregion
+export { d as CartesianFrame };
+
+//# sourceMappingURL=CartesianFrame.js.map

package/dist/atheletebridge/components/viz/lib/CartesianFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/CartesianFrame.tsx"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, type ReactNode, useState } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { CHART_AXIS, CHART_GRID } from './palette';\nimport { clamp, scaleLinear } from './geometry';\nimport { useElementWidth } from './hooks';\n\nexport interface CartesianContext {\n  width: number;\n  height: number;\n  plotLeft: number;\n  plotRight: number;\n  plotTop: number;\n  plotBottom: number;\n  activeIndex: number | null;\n  /** X pixel for a data index. */\n  px: (index: number) => number;\n  /** Y pixel for a data value. */\n  py: (value: number) => number;\n}\n\ninterface Padding {\n  left: number;\n  right: number;\n  top: number;\n  bottom: number;\n}\n\nexport interface CartesianFrameProps {\n  labels: string[];\n  /** Y domain [low, high]. */\n  domain: [number, number];\n  height: number;\n  title: string;\n  desc?: string;\n  formatValue: (value: number) => string;\n  /** Number of grid intervals (lines = intervals + 1). */\n  yTicks?: number;\n  padding?: Partial<Padding>;\n  tooltip?: (index: number) => ReactNode;\n  className?: string;\n  children: (ctx: CartesianContext) => ReactNode;\n}\n\nconst DEFAULT_PADDING: Padding = { left: 40, right: 14, top: 14, bottom: 26 };\nconst MAX_X_LABELS = 7;\n\n/**\n * Shared cartesian chart chrome: faint grid, tokenized axes, and pointer +\n * keyboard driven hover with an accessible tooltip. The series marks are\n * supplied via the render-prop `children`, which receives pixel scales.\n */\nexport function CartesianFrame({\n  labels,\n  domain,\n  height,\n  title,\n  desc,\n  formatValue,\n  yTicks = 4,\n  padding,\n  tooltip,\n  className,\n  children,\n}: CartesianFrameProps) {\n  const [ref, measured] = useElementWidth<HTMLDivElement>();\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const width = measured > 0 ? measured : 480;\n\n  const pad = { ...DEFAULT_PADDING, ...padding };\n  const n = labels.length;\n  const [lo, hi] = domain;\n  const plotLeft = pad.left;\n  const plotRight = width - pad.right;\n  const plotTop = pad.top;\n  const plotBottom = height - pad.bottom;\n\n  const px = (index: number): number =>\n    n <= 1 ? (plotLeft + plotRight) / 2 : plotLeft + ((plotRight - plotLeft) * index) / (n - 1);\n  const py = (value: number): number =>\n    plotBottom - scaleLinear(value, lo, hi, 0, plotBottom - plotTop);\n\n  const gridValues = Array.from({ length: yTicks + 1 }, (_, k) => lo + ((hi - lo) * k) / yTicks);\n  const xStep = Math.max(1, Math.ceil(n / MAX_X_LABELS));\n  const xLabelIndexes = labels.map((_, i) => i).filter((i) => i % xStep === 0 || i === n - 1);\n\n  const setNearest = (clientX: number): void => {\n    const el = ref.current;\n    if (!el || n === 0) {\n      return;\n    }\n    const rect = el.getBoundingClientRect();\n    const x = clientX - rect.left;\n    let best = 0;\n    let bestDistance = Infinity;\n    for (let i = 0; i < n; i += 1) {\n      const distance = Math.abs(px(i) - x);\n      if (distance < bestDistance) {\n        bestDistance = distance;\n        best = i;\n      }\n    }\n    setActiveIndex(best);\n  };\n\n  const handleMove = (event: MouseEvent<HTMLDivElement>): void => setNearest(event.clientX);\n  const handleLeave = (): void => setActiveIndex(null);\n  const handleKey = (event: KeyboardEvent<HTMLDivElement>): void => {\n    if (n === 0) {\n      return;\n    }\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      const base = activeIndex ?? (event.key === 'ArrowRight' ? -1 : n);\n      setActiveIndex(clamp(base + (event.key === 'ArrowRight' ? 1 : -1), 0, n - 1));\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      setActiveIndex(0);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      setActiveIndex(n - 1);\n    } else if (event.key === 'Escape') {\n      setActiveIndex(null);\n    }\n  };\n\n  const ctx: CartesianContext = {\n    width,\n    height,\n    plotLeft,\n    plotRight,\n    plotTop,\n    plotBottom,\n    activeIndex,\n    px,\n    py,\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative w-full rounded-[var(--radius-card)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n        className\n      )}\n      tabIndex={0}\n      role=\"img\"\n      aria-label={title}\n      onMouseMove={handleMove}\n      onMouseLeave={handleLeave}\n      onBlur={handleLeave}\n      onKeyDown={handleKey}\n    >\n      <svg\n        viewBox={`0 0 ${width} ${height}`}\n        width=\"100%\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        style={{ display: 'block', overflow: 'visible' }}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <title>{title}</title>\n        {desc ? <desc>{desc}</desc> : null}\n        {gridValues.map((value, k) => (\n          <line\n            key={`grid-${k}`}\n            x1={plotLeft}\n            x2={plotRight}\n            y1={py(value)}\n            y2={py(value)}\n            stroke={CHART_GRID}\n            strokeWidth={1}\n            vectorEffect=\"non-scaling-stroke\"\n            opacity={0.6}\n          />\n        ))}\n        {gridValues.map((value, k) => (\n          <text\n            key={`ylabel-${k}`}\n            x={plotLeft - 7}\n            y={py(value)}\n            textAnchor=\"end\"\n            dominantBaseline=\"central\"\n            fontSize={10}\n            fill={CHART_AXIS}\n          >\n            {formatValue(value)}\n          </text>\n        ))}\n        {xLabelIndexes.map((i) => (\n          <text\n            key={`xlabel-${i}`}\n            x={px(i)}\n            y={height - 8}\n            textAnchor=\"middle\"\n            fontSize={10}\n            fill={CHART_AXIS}\n          >\n            {labels[i]}\n          </text>\n        ))}\n        {activeIndex !== null ? (\n          <line\n            x1={px(activeIndex)}\n            x2={px(activeIndex)}\n            y1={plotTop}\n            y2={plotBottom}\n            stroke={CHART_AXIS}\n            strokeWidth={1}\n            strokeDasharray=\"3 3\"\n            vectorEffect=\"non-scaling-stroke\"\n            opacity={0.7}\n          />\n        ) : null}\n        {children(ctx)}\n      </svg>\n      {activeIndex !== null && tooltip ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"pointer-events-none absolute z-10 -translate-x-1/2 rounded-[var(--radius-input)] border border-border-subtle bg-bg-elevated px-2 py-1 text-xs text-text-primary shadow-elevation-2\"\n          style={{\n            left: clamp(px(activeIndex), 48, Math.max(48, width - 48)),\n            top: plotTop + 2,\n          }}\n        >\n          {tooltip(activeIndex)}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/components/viz/lib/ResponsiveSvg.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../../utils/cn.js";
+import { useElementWidth as t } from "./hooks.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/atheletebridge/components/viz/lib/ResponsiveSvg.tsx
+function i({ height: i, title: a, desc: o, className: s, minWidth: c = 320, overflowVisible: l = !0, children: u }) {
+	let [d, f] = t(), p = f > 0 ? f : c;
+	return /* @__PURE__ */ n("div", {
+		ref: d,
+		className: e("w-full", s),
+		children: /* @__PURE__ */ r("svg", {
+			viewBox: `0 0 ${p} ${i}`,
+			width: "100%",
+			height: i,
+			preserveAspectRatio: "none",
+			role: "img",
+			"aria-label": a,
+			style: {
+				display: "block",
+				overflow: l ? "visible" : "hidden"
+			},
+			children: [
+				/* @__PURE__ */ n("title", { children: a }),
+				o ? /* @__PURE__ */ n("desc", { children: o }) : null,
+				u({
+					width: p,
+					height: i
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { i as ResponsiveSvg };
+
+//# sourceMappingURL=ResponsiveSvg.js.map

package/dist/atheletebridge/components/viz/lib/ResponsiveSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveSvg.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/ResponsiveSvg.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { useElementWidth } from './hooks';\n\nexport interface ResponsiveSvgDims {\n  width: number;\n  height: number;\n}\n\nexport interface ResponsiveSvgProps {\n  /** Fixed pixel height; width is measured from the container. */\n  height: number;\n  /** Accessible name announced for the chart. */\n  title: string;\n  /** Optional longer description linked via <desc>. */\n  desc?: string;\n  className?: string;\n  /** Width assumed before the container has been measured. */\n  minWidth?: number;\n  /** Allow marks (endpoint halos, labels) to paint outside the viewBox. */\n  overflowVisible?: boolean;\n  children: (dims: ResponsiveSvgDims) => ReactNode;\n}\n\n/**\n * A width-measuring SVG frame. Because the viewBox matches the rendered pixel\n * box 1:1, circles stay circular and strokes stay crisp at any width, while the\n * chart still fills its container and reflows on resize.\n */\nexport function ResponsiveSvg({\n  height,\n  title,\n  desc,\n  className,\n  minWidth = 320,\n  overflowVisible = true,\n  children,\n}: ResponsiveSvgProps) {\n  const [ref, measured] = useElementWidth<HTMLDivElement>();\n  const width = measured > 0 ? measured : minWidth;\n  return (\n    <div ref={ref} className={cn('w-full', className)}>\n      <svg\n        viewBox={`0 0 ${width} ${height}`}\n        width=\"100%\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        role=\"img\"\n        aria-label={title}\n        style={{ display: 'block', overflow: overflowVisible ? 'visible' : 'hidden' }}\n      >\n        <title>{title}</title>\n        {desc ? <desc>{desc}</desc> : null}\n        {children({ width, height })}\n      </svg>\n    </div>\n  );\n}\n"],"mappings":";;;;AA6BA,SAAgB,EAAc,EAC5B,WACA,UACA,SACA,cACA,cAAW,KACX,qBAAkB,IAClB,eACqB;CACrB,IAAM,CAAC,GAAK,KAAY,GAAiC,EACnD,IAAQ,IAAW,IAAI,IAAW;AACxC,QACE,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,UAAU,EAAU;YAC/C,kBAAC,OAAD;GACE,SAAS,OAAO,EAAM,GAAG;GACzB,OAAM;GACE;GACR,qBAAoB;GACpB,MAAK;GACL,cAAY;GACZ,OAAO;IAAE,SAAS;IAAS,UAAU,IAAkB,YAAY;IAAU;aAP/E;IASE,kBAAC,SAAD,EAAA,UAAQ,GAAc,CAAA;IACrB,IAAO,kBAAC,QAAD,EAAA,UAAO,GAAY,CAAA,GAAG;IAC7B,EAAS;KAAE;KAAO;KAAQ,CAAC;IACxB;;EACF,CAAA"}

package/dist/atheletebridge/components/viz/lib/format.js

@@ -0,0 +1,17 @@
+//#region src/atheletebridge/components/viz/lib/format.ts
+function e(e) {
+	return (Math.round(e * 10) / 10).toString();
+}
+function t(t) {
+	let n = Math.abs(t);
+	return n >= 1e9 ? `${e(t / 1e9)}B` : n >= 1e6 ? `${e(t / 1e6)}M` : n >= 1e3 ? `${e(t / 1e3)}k` : String(t);
+}
+function n(e, t, n = 0) {
+	if (t === 0) return 0;
+	let r = 10 ** n;
+	return Math.round(e / t * 100 * r) / r;
+}
+//#endregion
+export { t as formatCompact, n as toPercent };
+
+//# sourceMappingURL=format.js.map

package/dist/atheletebridge/components/viz/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/format.ts"],"sourcesContent":["/**\n * Pure formatting helpers for the visualization kit. No React / DOM.\n */\n\nfunction trimDecimal(n: number): string {\n  return (Math.round(n * 10) / 10).toString();\n}\n\n/** Compact number formatting: 1200 -> \"1.2k\", 3_400_000 -> \"3.4M\". */\nexport function formatCompact(value: number): string {\n  const abs = Math.abs(value);\n  if (abs >= 1_000_000_000) {\n    return `${trimDecimal(value / 1_000_000_000)}B`;\n  }\n  if (abs >= 1_000_000) {\n    return `${trimDecimal(value / 1_000_000)}M`;\n  }\n  if (abs >= 1_000) {\n    return `${trimDecimal(value / 1_000)}k`;\n  }\n  return String(value);\n}\n\n/** Value as a percentage of a total, rounded to `digits` decimals (0 when total is 0). */\nexport function toPercent(value: number, total: number, digits = 0): number {\n  if (total === 0) {\n    return 0;\n  }\n  const factor = 10 ** digits;\n  return Math.round((value / total) * 100 * factor) / factor;\n}\n\n/** Up-to-two-letter initials from a display name. */\nexport function getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) {\n    return '?';\n  }\n  if (parts.length === 1) {\n    return parts[0].slice(0, 2).toUpperCase();\n  }\n  return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();\n}\n"],"mappings":";AAIA,SAAS,EAAY,GAAmB;AACtC,SAAQ,KAAK,MAAM,IAAI,GAAG,GAAG,IAAI,UAAU;;AAI7C,SAAgB,EAAc,GAAuB;CACnD,IAAM,IAAM,KAAK,IAAI,EAAM;AAU3B,QATI,KAAO,MACF,GAAG,EAAY,IAAQ,IAAc,CAAC,KAE3C,KAAO,MACF,GAAG,EAAY,IAAQ,IAAU,CAAC,KAEvC,KAAO,MACF,GAAG,EAAY,IAAQ,IAAM,CAAC,KAEhC,OAAO,EAAM;;AAItB,SAAgB,EAAU,GAAe,GAAe,IAAS,GAAW;AAC1E,KAAI,MAAU,EACZ,QAAO;CAET,IAAM,IAAS,MAAM;AACrB,QAAO,KAAK,MAAO,IAAQ,IAAS,MAAM,EAAO,GAAG"}

package/dist/atheletebridge/components/viz/lib/geometry.js

@@ -0,0 +1,61 @@
+//#region src/atheletebridge/components/viz/lib/geometry.ts
+function e(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function t(e) {
+	if (e.length === 0) return [0, 0];
+	let t = e[0], n = e[0];
+	for (let r of e) r < t && (t = r), r > n && (n = r);
+	return [t, n];
+}
+function n(e) {
+	let [n, r] = t(e);
+	return [Math.min(0, n), Math.max(0, r)];
+}
+function r(e, t, n, r, i) {
+	return n === t ? (r + i) / 2 : r + (e - t) / (n - t) * (i - r);
+}
+function i(e) {
+	return Math.round(e * 100) / 100;
+}
+function a(e, t, a, o = 0, s) {
+	let c = e.length;
+	if (c === 0) return [];
+	let [l, u] = s ?? n(e), d = Math.max(0, t - o * 2), f = Math.max(0, a - o * 2);
+	return e.map((e, t) => {
+		let n = o + (c === 1 ? d / 2 : d * t / (c - 1)), a = o + f - r(e, l, u, 0, f);
+		return {
+			x: i(n),
+			y: i(a)
+		};
+	});
+}
+function o(e) {
+	return e.length === 0 ? "" : e.map((e, t) => `${t === 0 ? "M" : "L"}${i(e.x)},${i(e.y)}`).join(" ");
+}
+function s(e, t) {
+	if (e.length === 0) return "";
+	let n = o(e), r = e[0], a = e[e.length - 1];
+	return `${n} L${i(a.x)},${i(t)} L${i(r.x)},${i(t)} Z`;
+}
+function c(e, t, n, r) {
+	let a = (r - 90) * Math.PI / 180;
+	return {
+		x: i(e + n * Math.cos(a)),
+		y: i(t + n * Math.sin(a))
+	};
+}
+function l(e, t, n, r, i, a) {
+	let o = c(e, t, n, a), s = c(e, t, n, i), l = c(e, t, r, a), u = c(e, t, r, i), d = +(a - i > 180);
+	return [
+		`M${o.x},${o.y}`,
+		`A${n},${n} 0 ${d} 0 ${s.x},${s.y}`,
+		`L${u.x},${u.y}`,
+		`A${r},${r} 0 ${d} 1 ${l.x},${l.y}`,
+		"Z"
+	].join(" ");
+}
+//#endregion
+export { s as buildAreaPath, o as buildLinePath, e as clamp, l as donutSegmentPath, t as extent, n as extentWithZero, a as pointsFromValues, c as polarToCartesian, r as scaleLinear };
+
+//# sourceMappingURL=geometry.js.map

package/dist/atheletebridge/components/viz/lib/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/geometry.ts"],"sourcesContent":["/**\n * Pure geometry / scaling helpers for the CrewFoundry visualization kit.\n * No React, no DOM, no side effects — safe to unit test in isolation.\n */\n\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/** Clamp a value into an inclusive range. */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\n/** Sum of a numeric list (0 for empty). */\nexport function sum(values: readonly number[]): number {\n  return values.reduce((acc, v) => acc + v, 0);\n}\n\n/** Min/max of a list. Returns [0, 0] for an empty list. */\nexport function extent(values: readonly number[]): [number, number] {\n  if (values.length === 0) {\n    return [0, 0];\n  }\n  let min = values[0];\n  let max = values[0];\n  for (const v of values) {\n    if (v < min) {\n      min = v;\n    }\n    if (v > max) {\n      max = v;\n    }\n  }\n  return [min, max];\n}\n\n/** Extent that always includes a zero baseline, so bars/areas anchor sensibly. */\nexport function extentWithZero(values: readonly number[]): [number, number] {\n  const [min, max] = extent(values);\n  return [Math.min(0, min), Math.max(0, max)];\n}\n\n/**\n * Linear map of `value` from a domain onto a range. Degenerate domains\n * (min === max) map to the range midpoint instead of dividing by zero.\n */\nexport function scaleLinear(\n  value: number,\n  domainMin: number,\n  domainMax: number,\n  rangeMin: number,\n  rangeMax: number\n): number {\n  if (domainMax === domainMin) {\n    return (rangeMin + rangeMax) / 2;\n  }\n  const t = (value - domainMin) / (domainMax - domainMin);\n  return rangeMin + t * (rangeMax - rangeMin);\n}\n\n/** Round to 2 decimals — keeps generated path strings compact. */\nfunction round(n: number): number {\n  return Math.round(n * 100) / 100;\n}\n\n/**\n * Evenly space a list of y-values across a box and invert Y (SVG origin is\n * top-left, so larger values render higher).\n */\nexport function pointsFromValues(\n  values: readonly number[],\n  width: number,\n  height: number,\n  padding = 0,\n  domain?: [number, number]\n): Point[] {\n  const n = values.length;\n  if (n === 0) {\n    return [];\n  }\n  const [dMin, dMax] = domain ?? extentWithZero(values);\n  const innerW = Math.max(0, width - padding * 2);\n  const innerH = Math.max(0, height - padding * 2);\n  return values.map((v, i) => {\n    const x = padding + (n === 1 ? innerW / 2 : (innerW * i) / (n - 1));\n    const y = padding + innerH - scaleLinear(v, dMin, dMax, 0, innerH);\n    return { x: round(x), y: round(y) };\n  });\n}\n\n/** Build an SVG polyline `d` from points. */\nexport function buildLinePath(points: readonly Point[]): string {\n  if (points.length === 0) {\n    return '';\n  }\n  return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${round(p.x)},${round(p.y)}`).join(' ');\n}\n\n/** Build a closed area `d` (line dropped to a baseline and closed). */\nexport function buildAreaPath(points: readonly Point[], baselineY: number): string {\n  if (points.length === 0) {\n    return '';\n  }\n  const line = buildLinePath(points);\n  const first = points[0];\n  const last = points[points.length - 1];\n  return `${line} L${round(last.x)},${round(baselineY)} L${round(first.x)},${round(baselineY)} Z`;\n}\n\n/** SVG path for an n-pointed star centered at (cx, cy). */\nexport function starPath(\n  cx: number,\n  cy: number,\n  outerRadius: number,\n  innerRadius: number,\n  points = 5\n): string {\n  const total = points * 2;\n  const coords: Point[] = [];\n  for (let i = 0; i < total; i += 1) {\n    const radius = i % 2 === 0 ? outerRadius : innerRadius;\n    coords.push(polarToCartesian(cx, cy, radius, (i * 360) / total));\n  }\n  return `${coords.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ')} Z`;\n}\n\n/** Convert a polar coordinate (degrees, clockwise from 12 o'clock) to cartesian. */\nexport function polarToCartesian(cx: number, cy: number, radius: number, angleDeg: number): Point {\n  const a = ((angleDeg - 90) * Math.PI) / 180;\n  return { x: round(cx + radius * Math.cos(a)), y: round(cy + radius * Math.sin(a)) };\n}\n\n/**\n * Annular (donut) segment path between two angles, clockwise from 12 o'clock.\n * For a full 360° sweep the caller should draw a ring instead (this path\n * degenerates when start and end coincide).\n */\nexport function donutSegmentPath(\n  cx: number,\n  cy: number,\n  rOuter: number,\n  rInner: number,\n  startAngle: number,\n  endAngle: number\n): string {\n  const startOuter = polarToCartesian(cx, cy, rOuter, endAngle);\n  const endOuter = polarToCartesian(cx, cy, rOuter, startAngle);\n  const startInner = polarToCartesian(cx, cy, rInner, endAngle);\n  const endInner = polarToCartesian(cx, cy, rInner, startAngle);\n  const largeArc = endAngle - startAngle > 180 ? 1 : 0;\n  return [\n    `M${startOuter.x},${startOuter.y}`,\n    `A${rOuter},${rOuter} 0 ${largeArc} 0 ${endOuter.x},${endOuter.y}`,\n    `L${endInner.x},${endInner.y}`,\n    `A${rInner},${rInner} 0 ${largeArc} 1 ${startInner.x},${startInner.y}`,\n    'Z',\n  ].join(' ');\n}\n"],"mappings":"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"}

package/dist/atheletebridge/components/viz/lib/hooks.js

@@ -0,0 +1,39 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
+//#region src/atheletebridge/components/viz/lib/hooks.ts
+var i = typeof window < "u", a = i ? t : e;
+function o() {
+	let [t, n] = r(!1);
+	return e(() => {
+		if (!i || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => n(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), t;
+}
+function s() {
+	let [t, n] = r(!1);
+	return e(() => {
+		let e = requestAnimationFrame(() => n(!0));
+		return () => cancelAnimationFrame(e);
+	}, []), t;
+}
+var c = 0;
+function l(e = "viz") {
+	let [t] = r(() => (c += 1, `${e}-${c}`));
+	return t;
+}
+function u() {
+	let e = n(null), [t, i] = r(0);
+	return a(() => {
+		let t = e.current;
+		if (!t || (i(t.clientWidth), typeof ResizeObserver > "u")) return;
+		let n = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			typeof t == "number" && i(t);
+		});
+		return n.observe(t), () => n.disconnect();
+	}, []), [e, t];
+}
+//#endregion
+export { u as useElementWidth, s as useMounted, o as usePrefersReducedMotion, l as useVizId };
+
+//# sourceMappingURL=hooks.js.map

package/dist/atheletebridge/components/viz/lib/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/hooks.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nconst canUseDOM = typeof window !== 'undefined';\nconst useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\n\n/**\n * Tracks the user's reduced-motion preference. Components use this to skip\n * entrance / draw-in transitions entirely rather than merely shortening them.\n */\nexport function usePrefersReducedMotion(): boolean {\n  const [reduced, setReduced] = useState(false);\n  useEffect(() => {\n    if (!canUseDOM || typeof window.matchMedia !== 'function') {\n      return;\n    }\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const update = () => setReduced(mq.matches);\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, []);\n  return reduced;\n}\n\n/** Becomes true after the first paint — drives one-shot enter transitions. */\nexport function useMounted(): boolean {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setMounted(true));\n    return () => cancelAnimationFrame(raf);\n  }, []);\n  return mounted;\n}\n\nlet uidCounter = 0;\n\n/** Stable, SVG-safe unique id (no colons) for gradient / clip / aria references. */\nexport function useVizId(prefix = 'viz'): string {\n  const [id] = useState(() => {\n    uidCounter += 1;\n    return `${prefix}-${uidCounter}`;\n  });\n  return id;\n}\n\n/**\n * Observes the width of an element so SVG charts can render a 1:1 viewBox\n * (no aspect-ratio distortion) and reflow on resize. Falls back gracefully\n * where ResizeObserver is unavailable.\n */\nexport function useElementWidth<T extends HTMLElement>(): [RefObject<T | null>, number] {\n  const ref = useRef<T>(null);\n  const [width, setWidth] = useState(0);\n  useIsomorphicLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) {\n      return;\n    }\n    setWidth(el.clientWidth);\n    if (typeof ResizeObserver === 'undefined') {\n      return;\n    }\n    const ro = new ResizeObserver((entries) => {\n      const measured = entries[0]?.contentRect.width;\n      if (typeof measured === 'number') {\n        setWidth(measured);\n      }\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return [ref, width];\n}\n"],"mappings":";;AAEA,IAAM,IAAY,OAAO,SAAW,KAC9B,IAA4B,IAAY,IAAkB;AAMhE,SAAgB,IAAmC;CACjD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM;AAW7C,QAVA,QAAgB;AACd,MAAI,CAAC,KAAa,OAAO,OAAO,cAAe,WAC7C;EAEF,IAAM,IAAK,OAAO,WAAW,mCAAmC,EAC1D,UAAe,EAAW,EAAG,QAAQ;AAG3C,SAFA,GAAQ,EACR,EAAG,iBAAiB,UAAU,EAAO,QACxB,EAAG,oBAAoB,UAAU,EAAO;IACpD,EAAE,CAAC,EACC;;AAIT,SAAgB,IAAsB;CACpC,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM;AAK7C,QAJA,QAAgB;EACd,IAAM,IAAM,4BAA4B,EAAW,GAAK,CAAC;AACzD,eAAa,qBAAqB,EAAI;IACrC,EAAE,CAAC,EACC;;AAGT,IAAI,IAAa;AAGjB,SAAgB,EAAS,IAAS,OAAe;CAC/C,IAAM,CAAC,KAAM,SACX,KAAc,GACP,GAAG,EAAO,GAAG,KACpB;AACF,QAAO;;AAQT,SAAgB,IAAwE;CACtF,IAAM,IAAM,EAAU,KAAK,EACrB,CAAC,GAAO,KAAY,EAAS,EAAE;AAmBrC,QAlBA,QAAgC;EAC9B,IAAM,IAAK,EAAI;AAKf,MAJI,CAAC,MAGL,EAAS,EAAG,YAAY,EACpB,OAAO,iBAAmB,KAC5B;EAEF,IAAM,IAAK,IAAI,gBAAgB,MAAY;GACzC,IAAM,IAAW,EAAQ,IAAI,YAAY;AACzC,GAAI,OAAO,KAAa,YACtB,EAAS,EAAS;IAEpB;AAEF,SADA,EAAG,QAAQ,EAAG,QACD,EAAG,YAAY;IAC3B,EAAE,CAAC,EACC,CAAC,GAAK,EAAM"}

package/dist/atheletebridge/components/viz/lib/palette.js

@@ -0,0 +1,27 @@
+//#region src/atheletebridge/components/viz/lib/palette.ts
+var e = "var(--color-accent-primary)", t = "var(--color-chart-grid)", n = "var(--color-chart-axis)", r = {
+	success: "var(--color-status-success-text)",
+	warning: "var(--color-status-warning-text)",
+	danger: "var(--color-status-error-text)",
+	info: "var(--color-status-info-text)"
+}, i = [
+	e,
+	"var(--color-accent-blue)",
+	"var(--color-accent-teal)",
+	"var(--color-accent-purple)",
+	"var(--color-accent-indigo)",
+	r.warning,
+	r.info,
+	r.success,
+	"var(--color-chart-6)",
+	"var(--color-chart-7)",
+	"var(--color-chart-9)",
+	"var(--color-chart-12)"
+];
+function a(e) {
+	return e <= 0 ? [] : Array.from({ length: e }, (e, t) => i[t % i.length]);
+}
+//#endregion
+export { e as ACCENT, n as CHART_AXIS, t as CHART_GRID, r as STATUS, a as chartPalette };
+
+//# sourceMappingURL=palette.js.map

package/dist/atheletebridge/components/viz/lib/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../../../../src/atheletebridge/components/viz/lib/palette.ts"],"sourcesContent":["/**\n * Tokenized color palette for the visualization kit.\n *\n * Every color here is a reference to a fe-libs semantic CSS variable, so the\n * kit themes automatically (light / dark / product themes) and never ships a\n * raw hex. The single \"accent\" used for highlights and single-series charts is\n * the product theme's primary action color — the app is NOT green; whatever the\n * active theme resolves `--color-accent-primary` to is what renders.\n *\n * Tints/shades are produced by SVG opacity (fill-opacity / stop-opacity) at the\n * call site, never by emitting a second raw color.\n */\n\n/** Primary highlight — resolves to the product theme's primary action color. */\nexport const ACCENT = 'var(--color-accent-primary)';\n\n/** Faint chart chrome (theme-aware). */\nexport const CHART_GRID = 'var(--color-chart-grid)';\nexport const CHART_AXIS = 'var(--color-chart-axis)';\n\n/** Semantic status hues — saturated and readable in both light and dark. */\nexport const STATUS = {\n  success: 'var(--color-status-success-text)',\n  warning: 'var(--color-status-warning-text)',\n  danger: 'var(--color-status-error-text)',\n  info: 'var(--color-status-info-text)',\n} as const;\n\nexport type StatusTone = keyof typeof STATUS;\n\n/**\n * Ordered categorical palette, led by the product accent and drawn entirely\n * from theme-aware semantic tokens. Used to color multi-series charts.\n */\nconst SERIES_TOKENS: readonly string[] = [\n  ACCENT,\n  'var(--color-accent-blue)',\n  'var(--color-accent-teal)',\n  'var(--color-accent-purple)',\n  'var(--color-accent-indigo)',\n  STATUS.warning,\n  STATUS.info,\n  STATUS.success,\n  'var(--color-chart-6)',\n  'var(--color-chart-7)',\n  'var(--color-chart-9)',\n  'var(--color-chart-12)',\n];\n\n/**\n * A tokenized palette of `count` colors, cycling the semantic series list.\n * Returns CSS-variable strings (never raw colors).\n */\nexport function chartPalette(count: number): string[] {\n  if (count <= 0) {\n    return [];\n  }\n  return Array.from({ length: count }, (_, i) => SERIES_TOKENS[i % SERIES_TOKENS.length]);\n}\n"],"mappings":";AAcA,IAAa,IAAS,+BAGT,IAAa,2BACb,IAAa,2BAGb,IAAS;CACpB,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACP,EAQK,IAAmC;CACvC;CACA;CACA;CACA;CACA;CACA,EAAO;CACP,EAAO;CACP,EAAO;CACP;CACA;CACA;CACA;CACD;AAMD,SAAgB,EAAa,GAAyB;AAIpD,QAHI,KAAS,IACJ,EAAE,GAEJ,MAAM,KAAK,EAAE,QAAQ,GAAO,GAAG,GAAG,MAAM,EAAc,IAAI,EAAc,QAAQ"}