@burdenoff/microfe-crewfoundry 2026.704.5 → 2026.704.7

package/dist/crewfoundry/components/viz/AreaChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/AreaChart.tsx"],"sourcesContent":["import { ACCENT } from './lib/palette';\nimport { CartesianFrame } from './lib/CartesianFrame';\nimport { buildAreaPath, buildLinePath } from './lib/geometry';\nimport { formatCompact } from './lib/format';\nimport { useMounted, usePrefersReducedMotion, useVizId } from './lib/hooks';\nimport type { LabeledValue } from './lib/types';\n\nexport interface AreaChartProps {\n  series: LabeledValue[];\n  /** Pixel height of the plot. */\n  height?: number;\n  /** Formats axis + tooltip values. Defaults to compact notation. */\n  valueFormatter?: (value: number) => string;\n  /** Accessible title; defaults to a generic description. */\n  title?: string;\n  className?: string;\n}\n\n/**\n * Gradient-fill area chart with x/y axes, faint grid and a pointer/keyboard\n * hover readout. Draws itself in on mount unless reduced-motion is requested.\n */\nexport function AreaChart({\n  series,\n  height = 200,\n  valueFormatter = formatCompact,\n  title,\n  className,\n}: AreaChartProps) {\n  const gradientId = useVizId('area-grad');\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (series.length === 0) {\n    return null;\n  }\n\n  const values = series.map((s) => s.value);\n  const labels = series.map((s) => s.label);\n  const min = Math.min(...values);\n  const max = Math.max(...values);\n  const span = max - min || Math.abs(max) || 1;\n  const domain: [number, number] = [min - span * 0.12, max + span * 0.12];\n  const chartTitle = title ?? `Area chart of ${series.length} points`;\n\n  return (\n    <CartesianFrame\n      labels={labels}\n      domain={domain}\n      height={height}\n      title={chartTitle}\n      formatValue={valueFormatter}\n      className={className}\n      tooltip={(i) => (\n        <span>\n          <span className=\"text-text-secondary\">{labels[i]}: </span>\n          <span className=\"font-semibold tabular-nums\">{valueFormatter(values[i])}</span>\n        </span>\n      )}\n    >\n      {({ px, py, plotBottom, activeIndex }) => {\n        const points = values.map((v, i) => ({ x: px(i), y: py(v) }));\n        const line = buildLinePath(points);\n        const area = buildAreaPath(points, plotBottom);\n        const last = points[points.length - 1];\n        return (\n          <g style={{ color: ACCENT }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor=\"currentColor\" stopOpacity={0.34} />\n                <stop offset=\"100%\" stopColor=\"currentColor\" stopOpacity={0.02} />\n              </linearGradient>\n            </defs>\n            <path\n              d={area}\n              fill={`url(#${gradientId})`}\n              stroke=\"none\"\n              style={{\n                opacity: mounted || reduced ? 1 : 0,\n                transition: reduced ? undefined : 'opacity 700ms ease',\n              }}\n            />\n            <path\n              d={line}\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth={2}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              vectorEffect=\"non-scaling-stroke\"\n              pathLength={1}\n              style={{\n                strokeDasharray: 1,\n                strokeDashoffset: mounted || reduced ? 0 : 1,\n                transition: reduced ? undefined : 'stroke-dashoffset 900ms ease',\n              }}\n            />\n            <circle cx={last.x} cy={last.y} r={3.5} fill=\"currentColor\" />\n            {activeIndex !== null ? (\n              <g>\n                <circle\n                  cx={px(activeIndex)}\n                  cy={py(values[activeIndex])}\n                  r={7}\n                  fill=\"currentColor\"\n                  opacity={0.16}\n                />\n                <circle\n                  cx={px(activeIndex)}\n                  cy={py(values[activeIndex])}\n                  r={3.5}\n                  fill=\"currentColor\"\n                  stroke=\"var(--color-bg-surface)\"\n                  strokeWidth={1.5}\n                />\n              </g>\n            ) : null}\n          </g>\n        );\n      }}\n    </CartesianFrame>\n  );\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,EAAU,EACxB,WACA,YAAS,KACT,oBAAiB,GACjB,UACA,gBACiB;CACjB,IAAM,IAAa,EAAS,YAAY,EAClC,IAAU,GAAY,EACtB,IAAU,GAAyB;AAEzC,KAAI,EAAO,WAAW,EACpB,QAAO;CAGT,IAAM,IAAS,EAAO,KAAK,MAAM,EAAE,MAAM,EACnC,IAAS,EAAO,KAAK,MAAM,EAAE,MAAM,EACnC,IAAM,KAAK,IAAI,GAAG,EAAO,EACzB,IAAM,KAAK,IAAI,GAAG,EAAO,EACzB,IAAO,IAAM,KAAO,KAAK,IAAI,EAAI,IAAI;AAI3C,QACE,kBAAC,GAAD;EACU;EACA,QANqB,CAAC,IAAM,IAAO,KAAM,IAAM,IAAO,IAAK;EAO3D;EACR,OAPe,KAAS,iBAAiB,EAAO,OAAO;EAQvD,aAAa;EACF;EACX,UAAU,MACR,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAuC,EAAO,IAAG,KAAS;MAC1D,kBAAC,QAAD;GAAM,WAAU;aAA8B,EAAe,EAAO,GAAG;GAAQ,CAAA,CAC1E,EAAA,CAAA;aAGP,EAAE,OAAI,OAAI,eAAY,qBAAkB;GACxC,IAAM,IAAS,EAAO,KAAK,GAAG,OAAO;IAAE,GAAG,EAAG,EAAE;IAAE,GAAG,EAAG,EAAE;IAAE,EAAE,EACvD,IAAO,EAAc,EAAO,EAC5B,IAAO,EAAc,GAAQ,EAAW,EACxC,IAAO,EAAO,EAAO,SAAS;AACpC,UACE,kBAAC,KAAD;IAAG,OAAO,EAAE,OAAO,GAAQ;cAA3B;KACE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;MAAgB,IAAI;MAAY,IAAG;MAAI,IAAG;MAAI,IAAG;MAAI,IAAG;gBAAxD,CACE,kBAAC,QAAD;OAAM,QAAO;OAAK,WAAU;OAAe,aAAa;OAAQ,CAAA,EAChE,kBAAC,QAAD;OAAM,QAAO;OAAO,WAAU;OAAe,aAAa;OAAQ,CAAA,CACnD;SACZ,CAAA;KACP,kBAAC,QAAD;MACK;MACH,MAAM,QAAQ,EAAW;MACzB,QAAO;MACP,OAAO;OACL,SAAS,KAAW,IAAU,IAAI;OAClC,YAAY,IAAU,KAAA,IAAY;OACnC;MACD,CAAA;KACF,kBAAC,QAAD;MACE,GAAG;MACH,MAAK;MACL,QAAO;MACP,aAAa;MACb,eAAc;MACd,gBAAe;MACf,cAAa;MACb,YAAY;MACZ,OAAO;OACL,iBAAiB;OACjB,kBAAkB,KAAW,IAAU,IAAI;OAC3C,YAAY,IAAU,KAAA,IAAY;OACnC;MACD,CAAA;KACF,kBAAC,UAAD;MAAQ,IAAI,EAAK;MAAG,IAAI,EAAK;MAAG,GAAG;MAAK,MAAK;MAAiB,CAAA;KAC7D,MAAgB,OAkBb,OAjBF,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,UAAD;MACE,IAAI,EAAG,EAAY;MACnB,IAAI,EAAG,EAAO,GAAa;MAC3B,GAAG;MACH,MAAK;MACL,SAAS;MACT,CAAA,EACF,kBAAC,UAAD;MACE,IAAI,EAAG,EAAY;MACnB,IAAI,EAAG,EAAO,GAAa;MAC3B,GAAG;MACH,MAAK;MACL,QAAO;MACP,aAAa;MACb,CAAA,CACA,EAAA,CAAA;KAEJ;;;EAGO,CAAA"}

package/dist/crewfoundry/components/viz/AvatarStack.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../utils/cn.js";
+import { VizAvatar as t } from "./lib/Avatar.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/AvatarStack.tsx
+function i({ people: i, max: a = 5, size: o = 32, className: s }) {
+	if (i.length === 0) return null;
+	let c = i.slice(0, a), l = i.length - c.length, u = Math.round(o * .32);
+	return /* @__PURE__ */ r("div", {
+		className: e("flex items-center", s),
+		role: "img",
+		"aria-label": `${i.length} people: ${i.map((e) => e.name).join(", ")}`,
+		children: [c.map((e, r) => /* @__PURE__ */ n("span", {
+			style: { marginLeft: r === 0 ? 0 : -u },
+			children: /* @__PURE__ */ n(t, {
+				name: e.name,
+				src: e.avatarUrl,
+				size: o,
+				ring: !0
+			})
+		}, `${e.name}-${r}`)), l > 0 ? /* @__PURE__ */ r("span", {
+			className: "inline-flex items-center justify-center rounded-full border border-border-subtle bg-bg-elevated font-medium text-text-secondary ring-2 ring-[var(--color-bg-surface)]",
+			style: {
+				width: o,
+				height: o,
+				marginLeft: -u,
+				fontSize: Math.round(o * .34)
+			},
+			"aria-hidden": "true",
+			children: ["+", l]
+		}) : null]
+	});
+}
+//#endregion
+export { i as AvatarStack };
+
+//# sourceMappingURL=AvatarStack.js.map

package/dist/crewfoundry/components/viz/AvatarStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarStack.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/AvatarStack.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { VizAvatar } from './lib/Avatar';\nimport type { Person } from './lib/types';\n\nexport interface AvatarStackProps {\n  people: Person[];\n  /** Maximum avatars shown before collapsing into a \"+N\" chip. */\n  max?: number;\n  /** Pixel diameter of each avatar. */\n  size?: number;\n  className?: string;\n}\n\n/** Overlapping avatars with a \"+N\" overflow chip. */\nexport function AvatarStack({ people, max = 5, size = 32, className }: AvatarStackProps) {\n  if (people.length === 0) {\n    return null;\n  }\n  const shown = people.slice(0, max);\n  const overflow = people.length - shown.length;\n  const overlap = Math.round(size * 0.32);\n\n  return (\n    <div\n      className={cn('flex items-center', className)}\n      role=\"img\"\n      aria-label={`${people.length} people: ${people.map((p) => p.name).join(', ')}`}\n    >\n      {shown.map((person, i) => (\n        <span key={`${person.name}-${i}`} style={{ marginLeft: i === 0 ? 0 : -overlap }}>\n          <VizAvatar name={person.name} src={person.avatarUrl} size={size} ring />\n        </span>\n      ))}\n      {overflow > 0 ? (\n        <span\n          className=\"inline-flex items-center justify-center rounded-full border border-border-subtle bg-bg-elevated font-medium text-text-secondary ring-2 ring-[var(--color-bg-surface)]\"\n          style={{\n            width: size,\n            height: size,\n            marginLeft: -overlap,\n            fontSize: Math.round(size * 0.34),\n          }}\n          aria-hidden=\"true\"\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAY,EAAE,WAAQ,SAAM,GAAG,UAAO,IAAI,gBAA+B;AACvF,KAAI,EAAO,WAAW,EACpB,QAAO;CAET,IAAM,IAAQ,EAAO,MAAM,GAAG,EAAI,EAC5B,IAAW,EAAO,SAAS,EAAM,QACjC,IAAU,KAAK,MAAM,IAAO,IAAK;AAEvC,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,qBAAqB,EAAU;EAC7C,MAAK;EACL,cAAY,GAAG,EAAO,OAAO,WAAW,EAAO,KAAK,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK;YAH9E,CAKG,EAAM,KAAK,GAAQ,MAClB,kBAAC,QAAD;GAAkC,OAAO,EAAE,YAAY,MAAM,IAAI,IAAI,CAAC,GAAS;aAC7E,kBAAC,GAAD;IAAW,MAAM,EAAO;IAAM,KAAK,EAAO;IAAiB;IAAM,MAAA;IAAO,CAAA;GACnE,EAFI,GAAG,EAAO,KAAK,GAAG,IAEtB,CACP,EACD,IAAW,IACV,kBAAC,QAAD;GACE,WAAU;GACV,OAAO;IACL,OAAO;IACP,QAAQ;IACR,YAAY,CAAC;IACb,UAAU,KAAK,MAAM,IAAO,IAAK;IAClC;GACD,eAAY;aARd,CASC,KACG,EACG;OACL,KACA"}

package/dist/crewfoundry/components/viz/BarChart.js

@@ -0,0 +1,83 @@
+import { chartPalette as e } from "./lib/palette.js";
+import { useMounted as t, usePrefersReducedMotion as n } from "./lib/hooks.js";
+import { ResponsiveSvg as r } from "./lib/ResponsiveSvg.js";
+import { scaleLinear as i } from "./lib/geometry.js";
+import { formatCompact as a } from "./lib/format.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/BarChart.tsx
+var c = {
+	top: 20,
+	bottom: 26,
+	left: 8,
+	right: 8
+};
+function l({ series: l, height: u = 220, valueFormatter: d = a, colorful: f = !1, hideValues: p = !1, title: m, className: h }) {
+	let g = t(), _ = n();
+	if (l.length === 0) return null;
+	let v = l.map((e) => e.value), y = Math.max(...v, 0) || 1, b = e(l.length);
+	return /* @__PURE__ */ o(r, {
+		height: u,
+		title: m ?? `Bar chart of ${l.length} categories`,
+		className: h,
+		desc: l.map((e) => `${e.label}: ${d(e.value)}`).join(", "),
+		children: ({ width: e }) => {
+			let t = c.left, n = e - c.right, r = c.top, a = u - c.bottom, m = a - r, h = (n - t) / l.length, v = Math.min(56, h * .62);
+			return /* @__PURE__ */ s("g", { children: [/* @__PURE__ */ o("line", {
+				x1: t,
+				x2: n,
+				y1: a,
+				y2: a,
+				stroke: "var(--color-chart-axis)",
+				strokeWidth: 1,
+				vectorEffect: "non-scaling-stroke",
+				opacity: .5
+			}), l.map((e, n) => {
+				let r = i(e.value, 0, y, 0, m), c = t + h * n + h / 2, l = c - v / 2, x = a - r, S = e.color ?? (f ? b[n] : "var(--color-accent-primary)");
+				return /* @__PURE__ */ s("g", { children: [
+					/* @__PURE__ */ o("title", { children: `${e.label}: ${d(e.value)}` }),
+					/* @__PURE__ */ o("rect", {
+						x: l,
+						y: x,
+						width: v,
+						height: Math.max(0, r),
+						rx: 4,
+						fill: S,
+						style: {
+							transformBox: "fill-box",
+							transformOrigin: "bottom",
+							transform: g || _ ? "scaleY(1)" : "scaleY(0)",
+							transition: _ ? void 0 : "transform 620ms cubic-bezier(0.22,1,0.36,1)",
+							transitionDelay: _ ? void 0 : `${n * 45}ms`
+						}
+					}),
+					p ? null : /* @__PURE__ */ o("text", {
+						x: c,
+						y: x - 6,
+						textAnchor: "middle",
+						fontSize: 10,
+						fontWeight: 600,
+						fill: "var(--color-text-secondary)",
+						style: {
+							opacity: g || _ ? 1 : 0,
+							transition: _ ? void 0 : "opacity 400ms ease",
+							transitionDelay: _ ? void 0 : `${n * 45 + 220}ms`
+						},
+						children: d(e.value)
+					}),
+					/* @__PURE__ */ o("text", {
+						x: c,
+						y: u - 8,
+						textAnchor: "middle",
+						fontSize: 10,
+						fill: "var(--color-chart-axis)",
+						children: e.label
+					})
+				] }, `${e.label}-${n}`);
+			})] });
+		}
+	});
+}
+//#endregion
+export { l as BarChart };
+
+//# sourceMappingURL=BarChart.js.map

package/dist/crewfoundry/components/viz/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/BarChart.tsx"],"sourcesContent":["import { ACCENT, chartPalette } from './lib/palette';\nimport { ResponsiveSvg } from './lib/ResponsiveSvg';\nimport { scaleLinear } from './lib/geometry';\nimport { formatCompact } from './lib/format';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\nimport type { Segment } from './lib/types';\n\nexport interface BarChartProps {\n  /** Bars to render. A `color` on a datum overrides the palette. */\n  series: Segment[];\n  height?: number;\n  valueFormatter?: (value: number) => string;\n  /** Color each bar from the categorical palette instead of a single accent. */\n  colorful?: boolean;\n  /** Hide the value label above each bar. */\n  hideValues?: boolean;\n  title?: string;\n  className?: string;\n}\n\nconst PAD = { top: 20, bottom: 26, left: 8, right: 8 };\n\n/** Vertical bar chart with value labels and an animated grow-in. */\nexport function BarChart({\n  series,\n  height = 220,\n  valueFormatter = formatCompact,\n  colorful = false,\n  hideValues = false,\n  title,\n  className,\n}: BarChartProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (series.length === 0) {\n    return null;\n  }\n\n  const values = series.map((s) => s.value);\n  const max = Math.max(...values, 0) || 1;\n  const palette = chartPalette(series.length);\n  const chartTitle = title ?? `Bar chart of ${series.length} categories`;\n\n  return (\n    <ResponsiveSvg\n      height={height}\n      title={chartTitle}\n      className={className}\n      desc={series.map((s) => `${s.label}: ${valueFormatter(s.value)}`).join(', ')}\n    >\n      {({ width }) => {\n        const plotLeft = PAD.left;\n        const plotRight = width - PAD.right;\n        const plotTop = PAD.top;\n        const plotBottom = height - PAD.bottom;\n        const plotH = plotBottom - plotTop;\n        const slot = (plotRight - plotLeft) / series.length;\n        const barWidth = Math.min(56, slot * 0.62);\n        return (\n          <g>\n            <line\n              x1={plotLeft}\n              x2={plotRight}\n              y1={plotBottom}\n              y2={plotBottom}\n              stroke=\"var(--color-chart-axis)\"\n              strokeWidth={1}\n              vectorEffect=\"non-scaling-stroke\"\n              opacity={0.5}\n            />\n            {series.map((datum, i) => {\n              const barH = scaleLinear(datum.value, 0, max, 0, plotH);\n              const cx = plotLeft + slot * i + slot / 2;\n              const x = cx - barWidth / 2;\n              const y = plotBottom - barH;\n              const color = datum.color ?? (colorful ? palette[i] : ACCENT);\n              return (\n                <g key={`${datum.label}-${i}`}>\n                  <title>{`${datum.label}: ${valueFormatter(datum.value)}`}</title>\n                  <rect\n                    x={x}\n                    y={y}\n                    width={barWidth}\n                    height={Math.max(0, barH)}\n                    rx={4}\n                    fill={color}\n                    style={{\n                      transformBox: 'fill-box',\n                      transformOrigin: 'bottom',\n                      transform: mounted || reduced ? 'scaleY(1)' : 'scaleY(0)',\n                      transition: reduced ? undefined : 'transform 620ms cubic-bezier(0.22,1,0.36,1)',\n                      transitionDelay: reduced ? undefined : `${i * 45}ms`,\n                    }}\n                  />\n                  {hideValues ? null : (\n                    <text\n                      x={cx}\n                      y={y - 6}\n                      textAnchor=\"middle\"\n                      fontSize={10}\n                      fontWeight={600}\n                      fill=\"var(--color-text-secondary)\"\n                      style={{\n                        opacity: mounted || reduced ? 1 : 0,\n                        transition: reduced ? undefined : 'opacity 400ms ease',\n                        transitionDelay: reduced ? undefined : `${i * 45 + 220}ms`,\n                      }}\n                    >\n                      {valueFormatter(datum.value)}\n                    </text>\n                  )}\n                  <text\n                    x={cx}\n                    y={height - 8}\n                    textAnchor=\"middle\"\n                    fontSize={10}\n                    fill=\"var(--color-chart-axis)\"\n                  >\n                    {datum.label}\n                  </text>\n                </g>\n              );\n            })}\n          </g>\n        );\n      }}\n    </ResponsiveSvg>\n  );\n}\n"],"mappings":";;;;;;;AAoBA,IAAM,IAAM;CAAE,KAAK;CAAI,QAAQ;CAAI,MAAM;CAAG,OAAO;CAAG;AAGtD,SAAgB,EAAS,EACvB,WACA,YAAS,KACT,oBAAiB,GACjB,cAAW,IACX,gBAAa,IACb,UACA,gBACgB;CAChB,IAAM,IAAU,GAAY,EACtB,IAAU,GAAyB;AAEzC,KAAI,EAAO,WAAW,EACpB,QAAO;CAGT,IAAM,IAAS,EAAO,KAAK,MAAM,EAAE,MAAM,EACnC,IAAM,KAAK,IAAI,GAAG,GAAQ,EAAE,IAAI,GAChC,IAAU,EAAa,EAAO,OAAO;AAG3C,QACE,kBAAC,GAAD;EACU;EACR,OALe,KAAS,gBAAgB,EAAO,OAAO;EAM3C;EACX,MAAM,EAAO,KAAK,MAAM,GAAG,EAAE,MAAM,IAAI,EAAe,EAAE,MAAM,GAAG,CAAC,KAAK,KAAK;aAE1E,EAAE,eAAY;GACd,IAAM,IAAW,EAAI,MACf,IAAY,IAAQ,EAAI,OACxB,IAAU,EAAI,KACd,IAAa,IAAS,EAAI,QAC1B,IAAQ,IAAa,GACrB,KAAQ,IAAY,KAAY,EAAO,QACvC,IAAW,KAAK,IAAI,IAAI,IAAO,IAAK;AAC1C,UACE,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,QAAD;IACE,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAO;IACP,aAAa;IACb,cAAa;IACb,SAAS;IACT,CAAA,EACD,EAAO,KAAK,GAAO,MAAM;IACxB,IAAM,IAAO,EAAY,EAAM,OAAO,GAAG,GAAK,GAAG,EAAM,EACjD,IAAK,IAAW,IAAO,IAAI,IAAO,GAClC,IAAI,IAAK,IAAW,GACpB,IAAI,IAAa,GACjB,IAAQ,EAAM,UAAU,IAAW,EAAQ,KAAA;AACjD,WACE,kBAAC,KAAD,EAAA,UAAA;KACE,kBAAC,SAAD,EAAA,UAAQ,GAAG,EAAM,MAAM,IAAI,EAAe,EAAM,MAAM,IAAW,CAAA;KACjE,kBAAC,QAAD;MACK;MACA;MACH,OAAO;MACP,QAAQ,KAAK,IAAI,GAAG,EAAK;MACzB,IAAI;MACJ,MAAM;MACN,OAAO;OACL,cAAc;OACd,iBAAiB;OACjB,WAAW,KAAW,IAAU,cAAc;OAC9C,YAAY,IAAU,KAAA,IAAY;OAClC,iBAAiB,IAAU,KAAA,IAAY,GAAG,IAAI,GAAG;OAClD;MACD,CAAA;KACD,IAAa,OACZ,kBAAC,QAAD;MACE,GAAG;MACH,GAAG,IAAI;MACP,YAAW;MACX,UAAU;MACV,YAAY;MACZ,MAAK;MACL,OAAO;OACL,SAAS,KAAW,IAAU,IAAI;OAClC,YAAY,IAAU,KAAA,IAAY;OAClC,iBAAiB,IAAU,KAAA,IAAY,GAAG,IAAI,KAAK,IAAI;OACxD;gBAEA,EAAe,EAAM,MAAM;MACvB,CAAA;KAET,kBAAC,QAAD;MACE,GAAG;MACH,GAAG,IAAS;MACZ,YAAW;MACX,UAAU;MACV,MAAK;gBAEJ,EAAM;MACF,CAAA;KACL,EAAA,EA3CI,GAAG,EAAM,MAAM,GAAG,IA2CtB;KAEN,CACA,EAAA,CAAA;;EAGM,CAAA"}

package/dist/crewfoundry/components/viz/CertificateCard.js

@@ -0,0 +1,118 @@
+import { ACCENT as e } from "./lib/palette.js";
+import { cn as t } from "../../utils/cn.js";
+import { starPath as n } from "./lib/geometry.js";
+import { Download as r } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/components/viz/CertificateCard.tsx
+function c() {
+	return /* @__PURE__ */ o("svg", {
+		viewBox: "0 0 48 60",
+		width: 48,
+		height: 60,
+		"aria-hidden": "true",
+		style: {
+			color: e,
+			display: "block"
+		},
+		children: [
+			/* @__PURE__ */ a("path", {
+				d: "M18 38 L18 58 L24 52 L30 58 L30 38 Z",
+				fill: "currentColor",
+				opacity: .85
+			}),
+			/* @__PURE__ */ a("circle", {
+				cx: "24",
+				cy: "22",
+				r: "19",
+				fill: "currentColor",
+				opacity: .1
+			}),
+			/* @__PURE__ */ a("circle", {
+				cx: "24",
+				cy: "22",
+				r: "19",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 2
+			}),
+			/* @__PURE__ */ a("circle", {
+				cx: "24",
+				cy: "22",
+				r: "14",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 1,
+				opacity: .5
+			}),
+			/* @__PURE__ */ a("path", {
+				d: n(24, 22, 9, 3.8),
+				fill: "currentColor"
+			})
+		]
+	});
+}
+function l({ title: e, recipient: n, date: l, issuer: u, credentialId: d, onDownload: f, downloadLabel: p = "Download", className: m }) {
+	return /* @__PURE__ */ o("div", {
+		className: t("relative flex flex-col gap-4 rounded-[var(--radius-card)] border-2 border-border-default bg-bg-surface p-5 shadow-elevation-1", "before:pointer-events-none before:absolute before:inset-1.5 before:rounded-[calc(var(--radius-card)-4px)] before:border before:border-border-subtle before:content-[\"\"]", m),
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ o("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ a("p", {
+						className: "text-xs font-medium uppercase tracking-wide text-text-muted",
+						children: "Certificate of Completion"
+					}), /* @__PURE__ */ a("h3", {
+						className: "mt-1 truncate text-lg font-semibold text-text-primary",
+						title: e,
+						children: e
+					})]
+				}), /* @__PURE__ */ a(c, {})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ a("p", {
+					className: "text-xs text-text-muted",
+					children: "Awarded to"
+				}), /* @__PURE__ */ a("p", {
+					className: "truncate text-base font-medium text-text-primary",
+					title: n,
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flex flex-wrap items-end justify-between gap-3 border-t border-border-subtle pt-3",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex flex-col gap-0.5 text-xs text-text-muted",
+					children: [/* @__PURE__ */ o("span", { children: [
+						"Issued ",
+						/* @__PURE__ */ a("span", {
+							className: "text-text-secondary",
+							children: l
+						}),
+						u ? /* @__PURE__ */ o(i, { children: [" · ", /* @__PURE__ */ a("span", {
+							className: "text-text-secondary",
+							children: u
+						})] }) : null
+					] }), d ? /* @__PURE__ */ o("span", {
+						className: "tabular-nums",
+						children: ["ID: ", d]
+					}) : null]
+				}), f ? /* @__PURE__ */ o(s, {
+					variant: "outline",
+					size: "sm",
+					onClick: f,
+					children: [/* @__PURE__ */ a(r, {
+						"aria-hidden": "true",
+						className: "h-4 w-4"
+					}), p]
+				}) : null]
+			})
+		]
+	});
+}
+//#endregion
+export { l as CertificateCard };
+
+//# sourceMappingURL=CertificateCard.js.map

package/dist/crewfoundry/components/viz/CertificateCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateCard.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/CertificateCard.tsx"],"sourcesContent":["import { Download } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport { starPath } from './lib/geometry';\n\nexport interface CertificateCardProps {\n  title: string;\n  recipient: string;\n  date: string;\n  issuer?: string;\n  credentialId?: string;\n  /** When provided, renders a download button wired to this handler. */\n  onDownload?: () => void;\n  downloadLabel?: string;\n  className?: string;\n}\n\n/** Decorative award seal (hand-drawn SVG, tokenized via currentColor). */\nfunction Seal() {\n  return (\n    <svg\n      viewBox=\"0 0 48 60\"\n      width={48}\n      height={60}\n      aria-hidden=\"true\"\n      style={{ color: ACCENT, display: 'block' }}\n    >\n      <path d=\"M18 38 L18 58 L24 52 L30 58 L30 38 Z\" fill=\"currentColor\" opacity={0.85} />\n      <circle cx=\"24\" cy=\"22\" r=\"19\" fill=\"currentColor\" opacity={0.1} />\n      <circle cx=\"24\" cy=\"22\" r=\"19\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} />\n      <circle cx=\"24\" cy=\"22\" r=\"14\" fill=\"none\" stroke=\"currentColor\" strokeWidth={1} opacity={0.5} />\n      <path d={starPath(24, 22, 9, 3.8)} fill=\"currentColor\" />\n    </svg>\n  );\n}\n\n/** Landscape certificate tile with seal, recipient, date and download affordance. */\nexport function CertificateCard({\n  title,\n  recipient,\n  date,\n  issuer,\n  credentialId,\n  onDownload,\n  downloadLabel = 'Download',\n  className,\n}: CertificateCardProps) {\n  return (\n    <div\n      className={cn(\n        'relative flex flex-col gap-4 rounded-[var(--radius-card)] border-2 border-border-default bg-bg-surface p-5 shadow-elevation-1',\n        'before:pointer-events-none before:absolute before:inset-1.5 before:rounded-[calc(var(--radius-card)-4px)] before:border before:border-border-subtle before:content-[\"\"]',\n        className,\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">\n            Certificate of Completion\n          </p>\n          <h3 className=\"mt-1 truncate text-lg font-semibold text-text-primary\" title={title}>\n            {title}\n          </h3>\n        </div>\n        <Seal />\n      </div>\n\n      <div className=\"min-w-0\">\n        <p className=\"text-xs text-text-muted\">Awarded to</p>\n        <p className=\"truncate text-base font-medium text-text-primary\" title={recipient}>\n          {recipient}\n        </p>\n      </div>\n\n      <div className=\"flex flex-wrap items-end justify-between gap-3 border-t border-border-subtle pt-3\">\n        <div className=\"flex flex-col gap-0.5 text-xs text-text-muted\">\n          <span>\n            Issued <span className=\"text-text-secondary\">{date}</span>\n            {issuer ? (\n              <>\n                {' · '}\n                <span className=\"text-text-secondary\">{issuer}</span>\n              </>\n            ) : null}\n          </span>\n          {credentialId ? <span className=\"tabular-nums\">ID: {credentialId}</span> : null}\n        </div>\n        {onDownload ? (\n          <Button variant=\"outline\" size=\"sm\" onClick={onDownload}>\n            <Download aria-hidden=\"true\" className=\"h-4 w-4\" />\n            {downloadLabel}\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAS,IAAO;AACd,QACE,kBAAC,OAAD;EACE,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,eAAY;EACZ,OAAO;GAAE,OAAO;GAAQ,SAAS;GAAS;YAL5C;GAOE,kBAAC,QAAD;IAAM,GAAE;IAAuC,MAAK;IAAe,SAAS;IAAQ,CAAA;GACpF,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,MAAK;IAAe,SAAS;IAAO,CAAA;GACnE,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,MAAK;IAAO,QAAO;IAAe,aAAa;IAAK,CAAA;GACnF,kBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,MAAK;IAAO,QAAO;IAAe,aAAa;IAAG,SAAS;IAAO,CAAA;GACjG,kBAAC,QAAD;IAAM,GAAG,EAAS,IAAI,IAAI,GAAG,IAAI;IAAE,MAAK;IAAiB,CAAA;GACrD;;;AAKV,SAAgB,EAAgB,EAC9B,UACA,cACA,SACA,WACA,iBACA,eACA,mBAAgB,YAChB,gBACuB;AACvB,QACE,kBAAC,OAAD;EACE,WAAW,EACT,iIACA,6KACA,EACD;YALH;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8D;MAEvE,CAAA,EACJ,kBAAC,MAAD;MAAI,WAAU;MAA+D;gBAC1E;MACE,CAAA,CACD;QACN,kBAAC,GAAD,EAAQ,CAAA,CACJ;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAA0B;KAAc,CAAA,EACrD,kBAAC,KAAD;KAAG,WAAU;KAAmD,OAAO;eACpE;KACC,CAAA,CACA;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MAAM;MACG,kBAAC,QAAD;OAAM,WAAU;iBAAuB;OAAY,CAAA;MACzD,IACC,kBAAA,GAAA,EAAA,UAAA,CACG,OACD,kBAAC,QAAD;OAAM,WAAU;iBAAuB;OAAc,CAAA,CACpD,EAAA,CAAA,GACD;MACC,EAAA,CAAA,EACN,IAAe,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,QAAK,EAAoB;UAAG,KACvE;QACL,IACC,kBAAC,GAAD;KAAQ,SAAQ;KAAU,MAAK;KAAK,SAAS;eAA7C,CACE,kBAAC,GAAD;MAAU,eAAY;MAAO,WAAU;MAAY,CAAA,EAClD,EACM;SACP,KACA;;GACF"}

package/dist/crewfoundry/components/viz/DonutChart.js

@@ -0,0 +1,109 @@
+import { chartPalette as e } from "./lib/palette.js";
+import { cn as t } from "../../utils/cn.js";
+import { useMounted as n, usePrefersReducedMotion as r } from "./lib/hooks.js";
+import { donutSegmentPath as i } from "./lib/geometry.js";
+import { formatCompact as a, toPercent as o } from "./lib/format.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/DonutChart.tsx
+var l = 100, u = l / 2, d = 46;
+function f({ segments: f, centerLabel: p, centerCaption: m, size: h = 168, thickness: g = .28, valueFormatter: _ = a, showLegend: v = !0, title: y, className: b }) {
+	let x = n(), S = r();
+	if (f.length === 0) return null;
+	let C = f.reduce((e, t) => e + Math.max(0, t.value), 0), w = e(f.length), T = d * (1 - g), E = y ?? `Donut chart of ${f.length} segments`, D = f.map((e) => C > 0 ? Math.max(0, e.value) / C : 0), O = D.map((e, t) => D.slice(0, t).reduce((e, t) => e + t, 0)), k = f.map((e, t) => {
+		let n = D[t], r = O[t] * 360, i = Math.min((O[t] + n) * 360, 359.999);
+		return {
+			segment: e,
+			color: e.color ?? w[t],
+			startAngle: r,
+			endAngle: i,
+			fraction: n,
+			isFull: n >= .9999
+		};
+	});
+	return /* @__PURE__ */ c("div", {
+		className: t("flex flex-wrap items-center gap-5", b),
+		children: [/* @__PURE__ */ c("div", {
+			className: "relative shrink-0",
+			style: {
+				width: h,
+				height: h,
+				maxWidth: "100%"
+			},
+			children: [/* @__PURE__ */ c("svg", {
+				viewBox: `0 0 ${l} ${l}`,
+				width: h,
+				height: h,
+				role: "img",
+				"aria-label": E,
+				style: {
+					display: "block",
+					maxWidth: "100%",
+					height: "auto"
+				},
+				children: [
+					/* @__PURE__ */ s("title", { children: E }),
+					/* @__PURE__ */ s("desc", { children: f.map((e) => `${e.label}: ${_(e.value)} (${o(e.value, C)}%)`).join(", ") }),
+					/* @__PURE__ */ s("g", {
+						style: {
+							transformOrigin: "center",
+							transform: x || S ? "scale(1)" : "scale(0.86)",
+							transition: S ? void 0 : "transform 520ms cubic-bezier(0.22,1,0.36,1)"
+						},
+						children: k.map((e, t) => {
+							let n = {
+								fill: e.color,
+								style: {
+									opacity: x || S ? 1 : 0,
+									transition: S ? void 0 : "opacity 460ms ease",
+									transitionDelay: S ? void 0 : `${t * 70}ms`
+								}
+							};
+							return e.isFull ? /* @__PURE__ */ s("path", {
+								d: `M ${u} ${u - d} A ${d} ${d} 0 1 0 ${u} ${u + d} A ${d} ${d} 0 1 0 ${u} ${u - d} M ${u} ${u - T} A ${T} ${T} 0 1 1 ${u} ${u + T} A ${T} ${T} 0 1 1 ${u} ${u - T} Z`,
+								fillRule: "evenodd",
+								...n
+							}, `${e.segment.label}-${t}`) : /* @__PURE__ */ s("path", {
+								d: i(u, u, d, T, e.startAngle, e.endAngle),
+								...n,
+								children: /* @__PURE__ */ s("title", { children: `${e.segment.label}: ${_(e.segment.value)}` })
+							}, `${e.segment.label}-${t}`);
+						})
+					})
+				]
+			}), p !== void 0 || m !== void 0 ? /* @__PURE__ */ c("div", {
+				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+				children: [/* @__PURE__ */ s("span", {
+					className: "text-xl font-semibold leading-none text-text-primary",
+					children: p
+				}), m === void 0 ? null : /* @__PURE__ */ s("span", {
+					className: "mt-1 text-xs text-text-muted",
+					children: m
+				})]
+			}) : null]
+		}), v ? /* @__PURE__ */ s("ul", {
+			className: "flex min-w-[8rem] flex-1 flex-col gap-1.5 text-sm",
+			children: k.map((e, t) => /* @__PURE__ */ c("li", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ s("span", {
+						"aria-hidden": "true",
+						className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
+						style: { backgroundColor: e.color }
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "flex-1 truncate text-text-secondary",
+						children: e.segment.label
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "tabular-nums text-text-muted",
+						children: [o(e.segment.value, C), "%"]
+					})
+				]
+			}, `${e.segment.label}-${t}`))
+		}) : null]
+	});
+}
+//#endregion
+export { f as DonutChart };
+
+//# sourceMappingURL=DonutChart.js.map

package/dist/crewfoundry/components/viz/DonutChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/DonutChart.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { chartPalette } from './lib/palette';\nimport { donutSegmentPath } from './lib/geometry';\nimport { formatCompact, toPercent } from './lib/format';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\nimport type { Segment } from './lib/types';\n\nexport interface DonutChartProps {\n  segments: Segment[];\n  centerLabel?: ReactNode;\n  /** Small caption under the center label. */\n  centerCaption?: ReactNode;\n  /** Pixel diameter (scales down responsively). */\n  size?: number;\n  /** Ring thickness as a fraction of the radius (0–1). */\n  thickness?: number;\n  valueFormatter?: (value: number) => string;\n  showLegend?: boolean;\n  title?: string;\n  className?: string;\n}\n\nconst VIEW = 100;\nconst CENTER = VIEW / 2;\nconst R_OUTER = 46;\n\n/** Donut chart with a center label and an optional legend. */\nexport function DonutChart({\n  segments,\n  centerLabel,\n  centerCaption,\n  size = 168,\n  thickness = 0.28,\n  valueFormatter = formatCompact,\n  showLegend = true,\n  title,\n  className,\n}: DonutChartProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (segments.length === 0) {\n    return null;\n  }\n\n  const total = segments.reduce((acc, s) => acc + Math.max(0, s.value), 0);\n  const palette = chartPalette(segments.length);\n  const rInner = R_OUTER * (1 - thickness);\n  const chartTitle = title ?? `Donut chart of ${segments.length} segments`;\n\n  const fractions = segments.map((s) => (total > 0 ? Math.max(0, s.value) / total : 0));\n  const starts = fractions.map((_, i) => fractions.slice(0, i).reduce((a, b) => a + b, 0));\n  const arcs = segments.map((segment, i) => {\n    const fraction = fractions[i];\n    const startAngle = starts[i] * 360;\n    const endAngle = Math.min((starts[i] + fraction) * 360, 359.999);\n    const color = segment.color ?? palette[i];\n    return { segment, color, startAngle, endAngle, fraction, isFull: fraction >= 0.9999 };\n  });\n\n  return (\n    <div className={cn('flex flex-wrap items-center gap-5', className)}>\n      <div className=\"relative shrink-0\" style={{ width: size, height: size, maxWidth: '100%' }}>\n        <svg\n          viewBox={`0 0 ${VIEW} ${VIEW}`}\n          width={size}\n          height={size}\n          role=\"img\"\n          aria-label={chartTitle}\n          style={{ display: 'block', maxWidth: '100%', height: 'auto' }}\n        >\n          <title>{chartTitle}</title>\n          <desc>\n            {segments\n              .map((s) => `${s.label}: ${valueFormatter(s.value)} (${toPercent(s.value, total)}%)`)\n              .join(', ')}\n          </desc>\n          <g\n            style={{\n              transformOrigin: 'center',\n              transform: mounted || reduced ? 'scale(1)' : 'scale(0.86)',\n              transition: reduced ? undefined : 'transform 520ms cubic-bezier(0.22,1,0.36,1)',\n            }}\n          >\n            {arcs.map((arc, i) => {\n              const shared = {\n                fill: arc.color,\n                style: {\n                  opacity: mounted || reduced ? 1 : 0,\n                  transition: reduced ? undefined : 'opacity 460ms ease',\n                  transitionDelay: reduced ? undefined : `${i * 70}ms`,\n                },\n              } as const;\n              if (arc.isFull) {\n                return (\n                  <path\n                    key={`${arc.segment.label}-${i}`}\n                    d={`M ${CENTER} ${CENTER - R_OUTER} A ${R_OUTER} ${R_OUTER} 0 1 0 ${CENTER} ${\n                      CENTER + R_OUTER\n                    } A ${R_OUTER} ${R_OUTER} 0 1 0 ${CENTER} ${CENTER - R_OUTER} M ${CENTER} ${\n                      CENTER - rInner\n                    } A ${rInner} ${rInner} 0 1 1 ${CENTER} ${CENTER + rInner} A ${rInner} ${rInner} 0 1 1 ${CENTER} ${\n                      CENTER - rInner\n                    } Z`}\n                    fillRule=\"evenodd\"\n                    {...shared}\n                  />\n                );\n              }\n              return (\n                <path\n                  key={`${arc.segment.label}-${i}`}\n                  d={donutSegmentPath(CENTER, CENTER, R_OUTER, rInner, arc.startAngle, arc.endAngle)}\n                  {...shared}\n                >\n                  <title>{`${arc.segment.label}: ${valueFormatter(arc.segment.value)}`}</title>\n                </path>\n              );\n            })}\n          </g>\n        </svg>\n        {centerLabel !== undefined || centerCaption !== undefined ? (\n          <div className=\"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center\">\n            <span className=\"text-xl font-semibold leading-none text-text-primary\">\n              {centerLabel}\n            </span>\n            {centerCaption !== undefined ? (\n              <span className=\"mt-1 text-xs text-text-muted\">{centerCaption}</span>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {showLegend ? (\n        <ul className=\"flex min-w-[8rem] flex-1 flex-col gap-1.5 text-sm\">\n          {arcs.map((arc, i) => (\n            <li key={`${arc.segment.label}-${i}`} className=\"flex items-center gap-2\">\n              <span\n                aria-hidden=\"true\"\n                className=\"inline-block h-2.5 w-2.5 shrink-0 rounded-full\"\n                style={{ backgroundColor: arc.color }}\n              />\n              <span className=\"flex-1 truncate text-text-secondary\">{arc.segment.label}</span>\n              <span className=\"tabular-nums text-text-muted\">\n                {toPercent(arc.segment.value, total)}%\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/components/viz/HBarFunnel.js

@@ -0,0 +1,54 @@
+import { ACCENT as e } from "./lib/palette.js";
+import { cn as t } from "../../utils/cn.js";
+import { useMounted as n, usePrefersReducedMotion as r } from "./lib/hooks.js";
+import { formatCompact as i, toPercent as a } from "./lib/format.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/HBarFunnel.tsx
+function c({ stages: c, valueFormatter: l = i, showConversion: u = !0, className: d }) {
+	let f = n(), p = r();
+	if (c.length === 0) return null;
+	let m = Math.max(c[0]?.value ?? 0, 1);
+	return /* @__PURE__ */ o("ol", {
+		className: t("flex flex-col gap-2", d),
+		children: c.map((t, n) => {
+			let r = a(t.value, m, 1), i = n === 0 ? 100 : a(t.value, c[n - 1].value, 1), d = 1 - n / Math.max(c.length, 2) * .62;
+			return /* @__PURE__ */ s("li", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ s("div", {
+					className: "flex items-baseline justify-between text-sm",
+					children: [/* @__PURE__ */ o("span", {
+						className: "font-medium text-text-primary",
+						children: t.label
+					}), /* @__PURE__ */ s("span", {
+						className: "tabular-nums text-text-secondary",
+						children: [l(t.value), u && n > 0 ? /* @__PURE__ */ s("span", {
+							className: "ml-2 text-xs text-text-muted",
+							children: [i, "%"]
+						}) : null]
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "h-7 w-full overflow-hidden rounded-[var(--radius-input)] bg-bg-sunken",
+					role: "progressbar",
+					"aria-valuenow": Math.round(r),
+					"aria-valuemin": 0,
+					"aria-valuemax": 100,
+					"aria-label": `${t.label}: ${l(t.value)}`,
+					children: /* @__PURE__ */ o("div", {
+						className: "h-full rounded-[var(--radius-input)]",
+						style: {
+							width: f || p ? `${r}%` : "0%",
+							backgroundColor: e,
+							opacity: d,
+							transition: p ? void 0 : "width 720ms cubic-bezier(0.22,1,0.36,1)",
+							transitionDelay: p ? void 0 : `${n * 70}ms`
+						}
+					})
+				})]
+			}, `${t.label}-${n}`);
+		})
+	});
+}
+//#endregion
+export { c as HBarFunnel };
+
+//# sourceMappingURL=HBarFunnel.js.map

package/dist/crewfoundry/components/viz/HBarFunnel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HBarFunnel.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/HBarFunnel.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport { formatCompact, toPercent } from './lib/format';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\nimport type { LabeledValue } from './lib/types';\n\nexport interface HBarFunnelProps {\n  /** Ordered funnel stages, largest first. */\n  stages: LabeledValue[];\n  valueFormatter?: (value: number) => string;\n  /** Show conversion % relative to the first stage. */\n  showConversion?: boolean;\n  className?: string;\n}\n\n/**\n * Horizontal descending funnel. Each stage renders as a bar whose width is\n * proportional to the top-of-funnel value; the accent fades down the funnel so\n * the drop-off reads at a glance. Built with CSS bars for crisp, real text.\n */\nexport function HBarFunnel({\n  stages,\n  valueFormatter = formatCompact,\n  showConversion = true,\n  className,\n}: HBarFunnelProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (stages.length === 0) {\n    return null;\n  }\n\n  const top = Math.max(stages[0]?.value ?? 0, 1);\n\n  return (\n    <ol className={cn('flex flex-col gap-2', className)}>\n      {stages.map((stage, i) => {\n        const pct = toPercent(stage.value, top, 1);\n        const conversion = i === 0 ? 100 : toPercent(stage.value, stages[i - 1].value, 1);\n        const fillOpacity = 1 - (i / Math.max(stages.length, 2)) * 0.62;\n        return (\n          <li key={`${stage.label}-${i}`} className=\"flex flex-col gap-1\">\n            <div className=\"flex items-baseline justify-between text-sm\">\n              <span className=\"font-medium text-text-primary\">{stage.label}</span>\n              <span className=\"tabular-nums text-text-secondary\">\n                {valueFormatter(stage.value)}\n                {showConversion && i > 0 ? (\n                  <span className=\"ml-2 text-xs text-text-muted\">{conversion}%</span>\n                ) : null}\n              </span>\n            </div>\n            <div\n              className=\"h-7 w-full overflow-hidden rounded-[var(--radius-input)] bg-bg-sunken\"\n              role=\"progressbar\"\n              aria-valuenow={Math.round(pct)}\n              aria-valuemin={0}\n              aria-valuemax={100}\n              aria-label={`${stage.label}: ${valueFormatter(stage.value)}`}\n            >\n              <div\n                className=\"h-full rounded-[var(--radius-input)]\"\n                style={{\n                  width: mounted || reduced ? `${pct}%` : '0%',\n                  backgroundColor: ACCENT,\n                  opacity: fillOpacity,\n                  transition: reduced ? undefined : 'width 720ms cubic-bezier(0.22,1,0.36,1)',\n                  transitionDelay: reduced ? undefined : `${i * 70}ms`,\n                }}\n              />\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,EAAW,EACzB,WACA,oBAAiB,GACjB,oBAAiB,IACjB,gBACkB;CAClB,IAAM,IAAU,GAAY,EACtB,IAAU,GAAyB;AAEzC,KAAI,EAAO,WAAW,EACpB,QAAO;CAGT,IAAM,IAAM,KAAK,IAAI,EAAO,IAAI,SAAS,GAAG,EAAE;AAE9C,QACE,kBAAC,MAAD;EAAI,WAAW,EAAG,uBAAuB,EAAU;YAChD,EAAO,KAAK,GAAO,MAAM;GACxB,IAAM,IAAM,EAAU,EAAM,OAAO,GAAK,EAAE,EACpC,IAAa,MAAM,IAAI,MAAM,EAAU,EAAM,OAAO,EAAO,IAAI,GAAG,OAAO,EAAE,EAC3E,IAAc,IAAK,IAAI,KAAK,IAAI,EAAO,QAAQ,EAAE,GAAI;AAC3D,UACE,kBAAC,MAAD;IAAgC,WAAU;cAA1C,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAiC,EAAM;MAAa,CAAA,EACpE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,EAAe,EAAM,MAAM,EAC3B,KAAkB,IAAI,IACrB,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAgD,GAAW,IAAQ;WACjE,KACC;QACH;QACN,kBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,iBAAe,KAAK,MAAM,EAAI;KAC9B,iBAAe;KACf,iBAAe;KACf,cAAY,GAAG,EAAM,MAAM,IAAI,EAAe,EAAM,MAAM;eAE1D,kBAAC,OAAD;MACE,WAAU;MACV,OAAO;OACL,OAAO,KAAW,IAAU,GAAG,EAAI,KAAK;OACxC,iBAAiB;OACjB,SAAS;OACT,YAAY,IAAU,KAAA,IAAY;OAClC,iBAAiB,IAAU,KAAA,IAAY,GAAG,IAAI,GAAG;OAClD;MACD,CAAA;KACE,CAAA,CACH;MA7BI,GAAG,EAAM,MAAM,GAAG,IA6BtB;IAEP;EACC,CAAA"}

package/dist/crewfoundry/components/viz/Heatmap.js

@@ -0,0 +1,91 @@
+import { ACCENT as e } from "./lib/palette.js";
+import { cn as t } from "../../utils/cn.js";
+import { useMounted as n, usePrefersReducedMotion as r } from "./lib/hooks.js";
+import { clamp as i } from "./lib/geometry.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/crewfoundry/components/viz/Heatmap.tsx
+function s(e, t) {
+	return e <= 0 || t <= 0 ? 0 : i(.14 + e / t * .86, 0, 1);
+}
+function c({ rows: i, colLabels: c, legend: l = !0, showValues: u = !1, valueFormatter: d = (e) => String(e), title: f, className: p }) {
+	let m = n(), h = r();
+	if (i.length === 0) return null;
+	let g = Math.max(1, ...i.flatMap((e) => e.cells.map((e) => e.value))), _ = f ?? "Heatmap";
+	return /* @__PURE__ */ o("div", {
+		className: t("flex flex-col gap-3", p),
+		children: [/* @__PURE__ */ a("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ o("table", {
+				className: "border-separate border-spacing-1",
+				style: { minWidth: "min-content" },
+				children: [
+					/* @__PURE__ */ a("caption", {
+						className: "sr-only",
+						children: _
+					}),
+					c ? /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", { className: "w-px" }), c.map((e, t) => /* @__PURE__ */ a("th", {
+						scope: "col",
+						className: "px-1 pb-1 text-center text-xs font-medium text-text-muted",
+						children: e
+					}, `col-${t}`))] }) }) : null,
+					/* @__PURE__ */ a("tbody", { children: i.map((t, n) => /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", {
+						scope: "row",
+						className: "whitespace-nowrap pr-2 text-right text-xs font-medium text-text-secondary",
+						children: t.label
+					}), t.cells.map((r, i) => {
+						let l = r.max ?? g, f = s(r.value, l), p = h ? 0 : (n + i) * 22;
+						return /* @__PURE__ */ a("td", {
+							className: "p-0",
+							children: /* @__PURE__ */ o("div", {
+								className: "relative flex h-9 w-9 items-center justify-center rounded-[var(--radius-input)] border border-border-subtle text-[11px] font-medium tabular-nums",
+								title: `${t.label}${c?.[i] ? ` · ${c[i]}` : ""}: ${d(r.value)}`,
+								children: [/* @__PURE__ */ a("span", {
+									"aria-hidden": "true",
+									className: "absolute inset-0 rounded-[var(--radius-input)]",
+									style: {
+										backgroundColor: e,
+										opacity: m || h ? f : 0,
+										transition: h ? void 0 : "opacity 420ms ease",
+										transitionDelay: h ? void 0 : `${p}ms`
+									}
+								}), u && r.value > 0 ? /* @__PURE__ */ a("span", {
+									className: "relative",
+									style: { color: f > .55 ? "var(--color-text-inverse)" : "var(--color-text-secondary)" },
+									children: d(r.value)
+								}) : null]
+							})
+						}, `cell-${n}-${i}`);
+					})] }, `row-${n}`)) })
+				]
+			})
+		}), l ? /* @__PURE__ */ o("div", {
+			className: "flex items-center gap-2 text-xs text-text-muted",
+			children: [
+				/* @__PURE__ */ a("span", { children: "Less" }),
+				/* @__PURE__ */ a("span", {
+					className: "flex gap-1",
+					children: [
+						.14,
+						.32,
+						.5,
+						.68,
+						.86,
+						1
+					].map((t, n) => /* @__PURE__ */ a("span", {
+						"aria-hidden": "true",
+						className: "h-3 w-3 rounded-[3px] border border-border-subtle",
+						style: {
+							backgroundColor: e,
+							opacity: t
+						}
+					}, n))
+				}),
+				/* @__PURE__ */ a("span", { children: "More" })
+			]
+		}) : null]
+	});
+}
+//#endregion
+export { c as Heatmap };
+
+//# sourceMappingURL=Heatmap.js.map

package/dist/crewfoundry/components/viz/Heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.js","names":[],"sources":["../../../../src/crewfoundry/components/viz/Heatmap.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport { clamp } from './lib/geometry';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\n\nexport interface HeatmapCell {\n  value: number;\n  /** Per-cell max; otherwise the grid-wide max is used. */\n  max?: number;\n}\n\nexport interface HeatmapRow {\n  label: string;\n  cells: HeatmapCell[];\n}\n\nexport interface HeatmapProps {\n  rows: HeatmapRow[];\n  colLabels?: string[];\n  /** Show the intensity legend below the grid. */\n  legend?: boolean;\n  /** Show the numeric value inside each cell. */\n  showValues?: boolean;\n  valueFormatter?: (value: number) => string;\n  title?: string;\n  className?: string;\n}\n\n/** Opacity floor so a non-zero cell is always faintly visible. */\nfunction intensity(value: number, max: number): number {\n  if (value <= 0 || max <= 0) {\n    return 0;\n  }\n  return clamp(0.14 + 0.86 * (value / max), 0, 1);\n}\n\n/**\n * Row × column grid with accent-shaded cells. Rendered as a real table (row +\n * column headers) and horizontally scrollable so wide grids never push the page.\n */\nexport function Heatmap({\n  rows,\n  colLabels,\n  legend = true,\n  showValues = false,\n  valueFormatter = (v) => String(v),\n  title,\n  className,\n}: HeatmapProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (rows.length === 0) {\n    return null;\n  }\n\n  const gridMax = Math.max(1, ...rows.flatMap((r) => r.cells.map((c) => c.value)));\n  const caption = title ?? 'Heatmap';\n  const legendStops = [0.14, 0.32, 0.5, 0.68, 0.86, 1];\n\n  return (\n    <div className={cn('flex flex-col gap-3', className)}>\n      <div className=\"overflow-x-auto\">\n        <table className=\"border-separate border-spacing-1\" style={{ minWidth: 'min-content' }}>\n          <caption className=\"sr-only\">{caption}</caption>\n          {colLabels ? (\n            <thead>\n              <tr>\n                <th className=\"w-px\" />\n                {colLabels.map((label, i) => (\n                  <th\n                    key={`col-${i}`}\n                    scope=\"col\"\n                    className=\"px-1 pb-1 text-center text-xs font-medium text-text-muted\"\n                  >\n                    {label}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n          ) : null}\n          <tbody>\n            {rows.map((row, r) => (\n              <tr key={`row-${r}`}>\n                <th\n                  scope=\"row\"\n                  className=\"whitespace-nowrap pr-2 text-right text-xs font-medium text-text-secondary\"\n                >\n                  {row.label}\n                </th>\n                {row.cells.map((cell, c) => {\n                  const cellMax = cell.max ?? gridMax;\n                  const alpha = intensity(cell.value, cellMax);\n                  const delay = reduced ? 0 : (r + c) * 22;\n                  return (\n                    <td key={`cell-${r}-${c}`} className=\"p-0\">\n                      <div\n                        className=\"relative flex h-9 w-9 items-center justify-center rounded-[var(--radius-input)] border border-border-subtle text-[11px] font-medium tabular-nums\"\n                        title={`${row.label}${colLabels?.[c] ? ` · ${colLabels[c]}` : ''}: ${valueFormatter(\n                          cell.value,\n                        )}`}\n                      >\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"absolute inset-0 rounded-[var(--radius-input)]\"\n                          style={{\n                            backgroundColor: ACCENT,\n                            opacity: mounted || reduced ? alpha : 0,\n                            transition: reduced ? undefined : 'opacity 420ms ease',\n                            transitionDelay: reduced ? undefined : `${delay}ms`,\n                          }}\n                        />\n                        {showValues && cell.value > 0 ? (\n                          <span\n                            className=\"relative\"\n                            style={{ color: alpha > 0.55 ? 'var(--color-text-inverse)' : 'var(--color-text-secondary)' }}\n                          >\n                            {valueFormatter(cell.value)}\n                          </span>\n                        ) : null}\n                      </div>\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n      {legend ? (\n        <div className=\"flex items-center gap-2 text-xs text-text-muted\">\n          <span>Less</span>\n          <span className=\"flex gap-1\">\n            {legendStops.map((stop, i) => (\n              <span\n                key={i}\n                aria-hidden=\"true\"\n                className=\"h-3 w-3 rounded-[3px] border border-border-subtle\"\n                style={{ backgroundColor: ACCENT, opacity: stop }}\n              />\n            ))}\n          </span>\n          <span>More</span>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAS,EAAU,GAAe,GAAqB;AAIrD,QAHI,KAAS,KAAK,KAAO,IAChB,IAEF,EAAM,MAAe,IAAQ,IAAhB,KAAsB,GAAG,EAAE;;AAOjD,SAAgB,EAAQ,EACtB,SACA,cACA,YAAS,IACT,gBAAa,IACb,qBAAkB,MAAM,OAAO,EAAE,EACjC,UACA,gBACe;CACf,IAAM,IAAU,GAAY,EACtB,IAAU,GAAyB;AAEzC,KAAI,EAAK,WAAW,EAClB,QAAO;CAGT,IAAM,IAAU,KAAK,IAAI,GAAG,GAAG,EAAK,SAAS,MAAM,EAAE,MAAM,KAAK,MAAM,EAAE,MAAM,CAAC,CAAC,EAC1E,IAAU,KAAS;AAGzB,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,uBAAuB,EAAU;YAApD,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,SAAD;IAAO,WAAU;IAAmC,OAAO,EAAE,UAAU,eAAe;cAAtF;KACE,kBAAC,WAAD;MAAS,WAAU;gBAAW;MAAkB,CAAA;KAC/C,IACC,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,QAAS,CAAA,EACtB,EAAU,KAAK,GAAO,MACrB,kBAAC,MAAD;MAEE,OAAM;MACN,WAAU;gBAET;MACE,EALE,OAAO,IAKT,CACL,CACC,EAAA,CAAA,EACC,CAAA,GACN;KACJ,kBAAC,SAAD,EAAA,UACG,EAAK,KAAK,GAAK,MACd,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MACE,OAAM;MACN,WAAU;gBAET,EAAI;MACF,CAAA,EACJ,EAAI,MAAM,KAAK,GAAM,MAAM;MAC1B,IAAM,IAAU,EAAK,OAAO,GACtB,IAAQ,EAAU,EAAK,OAAO,EAAQ,EACtC,IAAQ,IAAU,KAAK,IAAI,KAAK;AACtC,aACE,kBAAC,MAAD;OAA2B,WAAU;iBACnC,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,GAAG,EAAI,QAAQ,IAAY,KAAK,MAAM,EAAU,OAAO,GAAG,IAAI,EACnE,EAAK,MACN;kBAJH,CAME,kBAAC,QAAD;SACE,eAAY;SACZ,WAAU;SACV,OAAO;UACL,iBAAiB;UACjB,SAAS,KAAW,IAAU,IAAQ;UACtC,YAAY,IAAU,KAAA,IAAY;UAClC,iBAAiB,IAAU,KAAA,IAAY,GAAG,EAAM;UACjD;SACD,CAAA,EACD,KAAc,EAAK,QAAQ,IAC1B,kBAAC,QAAD;SACE,WAAU;SACV,OAAO,EAAE,OAAO,IAAQ,MAAO,8BAA8B,+BAA+B;mBAE3F,EAAe,EAAK,MAAM;SACtB,CAAA,GACL,KACA;;OACH,EA1BI,QAAQ,EAAE,GAAG,IA0BjB;OAEP,CACC,EAAA,EAzCI,OAAO,IAyCX,CACL,EACI,CAAA;KACF;;GACJ,CAAA,EACL,IACC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;IACjB,kBAAC,QAAD;KAAM,WAAU;eA1EJ;MAAC;MAAM;MAAM;MAAK;MAAM;MAAM;MAAE,CA2E7B,KAAK,GAAM,MACtB,kBAAC,QAAD;MAEE,eAAY;MACZ,WAAU;MACV,OAAO;OAAE,iBAAiB;OAAQ,SAAS;OAAM;MACjD,EAJK,EAIL,CACF;KACG,CAAA;IACP,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;IACb;OACJ,KACA"}