@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

package/dist/kadaikodi/components/viz/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAiB,EACjB,UAAU,EACV,WAAmB,EACnB,IAAI,EACJ,SAAS,EACT,gBAAyB,EACzB,SAAS,GACV,EAAE,aAAa,+BAoDf"}

package/dist/kadaikodi/components/viz/StatCard.js

@@ -0,0 +1,60 @@
+import { cn as e } from "../../utils/cn.js";
+import { Sparkline as t } from "./Sparkline.js";
+import { ArrowDownRight as n, ArrowUpRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/StatCard.tsx
+function o({ label: o, value: s, delta: c, deltaSuffix: l = "%", deltaLabel: u, invertDelta: d = !1, icon: f, sparkline: p, sparklineVariant: m = "area", className: h }) {
+	let g = typeof c == "number", _ = d ? (c ?? 0) < 0 : (c ?? 0) > 0, v = (c ?? 0) === 0, y = (c ?? 0) > 0, b = v ? "text-text-muted" : _ ? "text-status-success-text" : "text-status-error-text";
+	return /* @__PURE__ */ a("div", {
+		className: e("flex flex-col gap-3 rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-5 shadow-elevation-1 transition-shadow duration-200 hover:shadow-elevation-2", h),
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ i("span", {
+					className: "text-sm font-medium text-text-secondary",
+					children: o
+				}), f ? /* @__PURE__ */ i("span", {
+					className: "text-text-muted",
+					children: f
+				}) : null]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-end justify-between gap-3",
+				children: /* @__PURE__ */ i("span", {
+					className: "text-3xl font-semibold leading-none tracking-tight tabular-nums text-text-primary",
+					children: s
+				})
+			}),
+			g ? /* @__PURE__ */ a("div", {
+				className: "flex items-center gap-1.5 text-sm",
+				children: [/* @__PURE__ */ a("span", {
+					className: e("inline-flex items-center gap-0.5 font-medium tabular-nums", b),
+					children: [
+						v ? null : i(y ? r : n, {
+							"aria-hidden": "true",
+							className: "h-4 w-4"
+						}),
+						y ? "+" : "",
+						c,
+						l
+					]
+				}), u ? /* @__PURE__ */ i("span", {
+					className: "text-text-muted",
+					children: u
+				}) : null]
+			}) : null,
+			p && p.length > 1 ? /* @__PURE__ */ i("div", {
+				className: "mt-1",
+				children: /* @__PURE__ */ i(t, {
+					data: p,
+					variant: m,
+					label: `${o} trend`
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { o as StatCard };
+
+//# sourceMappingURL=StatCard.js.map

package/dist/kadaikodi/components/viz/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/StatCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowDownRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Sparkline } from './Sparkline';\n\nexport interface StatCardProps {\n  label: string;\n  value: ReactNode;\n  /** Signed change; positive renders success (unless `invertDelta`). */\n  delta?: number;\n  /** Unit appended to the delta (default \"%\"). */\n  deltaSuffix?: string;\n  /** Context line under the delta, e.g. \"vs last month\". */\n  deltaLabel?: string;\n  /** When true (attrition, cost) a negative delta is the good outcome. */\n  invertDelta?: boolean;\n  icon?: ReactNode;\n  /** Optional trend to render as a footer sparkline. */\n  sparkline?: number[];\n  sparklineVariant?: 'line' | 'area';\n  className?: string;\n}\n\n/** KPI tile: label, big tabular value, optional signed delta and sparkline. */\nexport function StatCard({\n  label,\n  value,\n  delta,\n  deltaSuffix = '%',\n  deltaLabel,\n  invertDelta = false,\n  icon,\n  sparkline,\n  sparklineVariant = 'area',\n  className,\n}: StatCardProps) {\n  const hasDelta = typeof delta === 'number';\n  const positiveIsGood = invertDelta ? (delta ?? 0) < 0 : (delta ?? 0) > 0;\n  const isNeutral = (delta ?? 0) === 0;\n  const rising = (delta ?? 0) > 0;\n\n  const toneClass = isNeutral\n    ? 'text-text-muted'\n    : positiveIsGood\n      ? 'text-status-success-text'\n      : 'text-status-error-text';\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-3 rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-5 shadow-elevation-1 transition-shadow duration-200 hover:shadow-elevation-2',\n        className\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <span className=\"text-sm font-medium text-text-secondary\">{label}</span>\n        {icon ? <span className=\"text-text-muted\">{icon}</span> : null}\n      </div>\n      <div className=\"flex items-end justify-between gap-3\">\n        <span className=\"text-3xl font-semibold leading-none tracking-tight tabular-nums text-text-primary\">\n          {value}\n        </span>\n      </div>\n      {hasDelta ? (\n        <div className=\"flex items-center gap-1.5 text-sm\">\n          <span\n            className={cn('inline-flex items-center gap-0.5 font-medium tabular-nums', toneClass)}\n          >\n            {isNeutral ? null : rising ? (\n              <ArrowUpRight aria-hidden=\"true\" className=\"h-4 w-4\" />\n            ) : (\n              <ArrowDownRight aria-hidden=\"true\" className=\"h-4 w-4\" />\n            )}\n            {rising ? '+' : ''}\n            {delta}\n            {deltaSuffix}\n          </span>\n          {deltaLabel ? <span className=\"text-text-muted\">{deltaLabel}</span> : null}\n        </div>\n      ) : null}\n      {sparkline && sparkline.length > 1 ? (\n        <div className=\"mt-1\">\n          <Sparkline data={sparkline} variant={sparklineVariant} label={`${label} trend`} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,EAAS,EACvB,UACA,UACA,UACA,iBAAc,KACd,eACA,iBAAc,IACd,SACA,cACA,sBAAmB,QACnB,gBACgB;CAChB,IAAM,IAAW,OAAO,KAAU,UAC5B,IAAiB,KAAe,KAAS,KAAK,KAAK,KAAS,KAAK,GACjE,KAAa,KAAS,OAAO,GAC7B,KAAU,KAAS,KAAK,GAExB,IAAY,IACd,oBACA,IACE,6BACA;AAEN,QACE,kBAAC,OAAD;EACE,WAAW,EACT,6KACA,EACD;YAJH;GAME,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA2C;KAAa,CAAA,EACvE,IAAO,kBAAC,QAAD;KAAM,WAAU;eAAmB;KAAY,CAAA,GAAG,KACtD;;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD;KAAM,WAAU;eACb;KACI,CAAA;IACH,CAAA;GACL,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KACE,WAAW,EAAG,6DAA6D,EAAU;eADvF;MAGG,IAAY,OACX,EADkB,IACjB,IAEA,GAFD;OAAc,eAAY;OAAO,WAAU;OAAY,CAEE;MAE1D,IAAS,MAAM;MACf;MACA;MACI;QACN,IAAa,kBAAC,QAAD;KAAM,WAAU;eAAmB;KAAkB,CAAA,GAAG,KAClE;QACJ;GACH,KAAa,EAAU,SAAS,IAC/B,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,MAAM;KAAW,SAAS;KAAkB,OAAO,GAAG,EAAM;KAAW,CAAA;IAC9E,CAAA,GACJ;GACA"}

package/dist/kadaikodi/components/viz/StepProgress.d.ts

@@ -0,0 +1,17 @@
+export interface StepProgressStep {
+    label: string;
+    description?: string;
+}
+export interface StepProgressProps {
+    steps: StepProgressStep[];
+    /** Zero-based index of the current (in-progress) step. */
+    current: number;
+    className?: string;
+}
+/**
+ * Horizontal stage tracker (e.g. Offer → Paperwork → IT → Training → Day 1).
+ * Completed steps are filled with a check, the current step is highlighted and
+ * future steps are muted. Scrolls horizontally on narrow screens.
+ */
+export declare function StepProgress({ steps, current, className }: StepProgressProps): import("react").JSX.Element | null;
+//# sourceMappingURL=StepProgress.d.ts.map

package/dist/kadaikodi/components/viz/StepProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/StepProgress.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,iBAAiB,sCAwE5E"}

package/dist/kadaikodi/components/viz/StepProgress.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../../utils/cn.js";
+import { ACCENT as t } from "./lib/palette.js";
+import { Check as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/StepProgress.tsx
+function a({ steps: a, current: o, className: s }) {
+	return a.length === 0 ? null : /* @__PURE__ */ r("ol", {
+		className: e("flex items-start overflow-x-auto pb-1", s),
+		"aria-label": "Progress",
+		children: a.map((s, c) => {
+			let l = c < o ? "complete" : c === o ? "current" : "upcoming";
+			return /* @__PURE__ */ i("li", {
+				className: "flex min-w-[5rem] flex-1 flex-col items-center",
+				"aria-current": l === "current" ? "step" : void 0,
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "flex w-full items-center",
+						children: [
+							c > 0 ? /* @__PURE__ */ r("span", {
+								"aria-hidden": "true",
+								className: "h-0.5 flex-1 rounded-full",
+								style: { backgroundColor: c <= o ? t : "var(--color-border-subtle)" }
+							}) : /* @__PURE__ */ r("span", {
+								className: "flex-1",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ r("span", {
+								className: e("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold tabular-nums transition-colors", l === "complete" && "border-transparent text-text-inverse", l === "current" && "bg-bg-surface", l === "upcoming" && "border-border-subtle bg-bg-sunken text-text-muted"),
+								style: l === "complete" ? { backgroundColor: t } : l === "current" ? {
+									borderColor: t,
+									color: t
+								} : void 0,
+								children: l === "complete" ? /* @__PURE__ */ r(n, {
+									"aria-hidden": "true",
+									className: "h-4 w-4"
+								}) : c + 1
+							}),
+							c < a.length - 1 ? /* @__PURE__ */ r("span", {
+								"aria-hidden": "true",
+								className: "h-0.5 flex-1 rounded-full",
+								style: { backgroundColor: c < o ? t : "var(--color-border-subtle)" }
+							}) : /* @__PURE__ */ r("span", {
+								className: "flex-1",
+								"aria-hidden": "true"
+							})
+						]
+					}),
+					/* @__PURE__ */ r("span", {
+						className: e("mt-2 px-1 text-center text-xs", l === "upcoming" ? "text-text-muted" : "font-medium text-text-primary"),
+						children: s.label
+					}),
+					s.description ? /* @__PURE__ */ r("span", {
+						className: "mt-0.5 px-1 text-center text-[11px] text-text-muted",
+						children: s.description
+					}) : null
+				]
+			}, `${s.label}-${c}`);
+		})
+	});
+}
+//#endregion
+export { a as StepProgress };
+
+//# sourceMappingURL=StepProgress.js.map

package/dist/kadaikodi/components/viz/StepProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepProgress.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/StepProgress.tsx"],"sourcesContent":["import { Check } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\n\nexport interface StepProgressStep {\n  label: string;\n  description?: string;\n}\n\nexport interface StepProgressProps {\n  steps: StepProgressStep[];\n  /** Zero-based index of the current (in-progress) step. */\n  current: number;\n  className?: string;\n}\n\ntype StepState = 'complete' | 'current' | 'upcoming';\n\n/**\n * Horizontal stage tracker (e.g. Offer → Paperwork → IT → Training → Day 1).\n * Completed steps are filled with a check, the current step is highlighted and\n * future steps are muted. Scrolls horizontally on narrow screens.\n */\nexport function StepProgress({ steps, current, className }: StepProgressProps) {\n  if (steps.length === 0) {\n    return null;\n  }\n  return (\n    <ol className={cn('flex items-start overflow-x-auto pb-1', className)} aria-label=\"Progress\">\n      {steps.map((step, i) => {\n        const state: StepState = i < current ? 'complete' : i === current ? 'current' : 'upcoming';\n        const connectorFilled = i <= current;\n        return (\n          <li\n            key={`${step.label}-${i}`}\n            className=\"flex min-w-[5rem] flex-1 flex-col items-center\"\n            aria-current={state === 'current' ? 'step' : undefined}\n          >\n            <div className=\"flex w-full items-center\">\n              {i > 0 ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"h-0.5 flex-1 rounded-full\"\n                  style={{\n                    backgroundColor: connectorFilled ? ACCENT : 'var(--color-border-subtle)',\n                  }}\n                />\n              ) : (\n                <span className=\"flex-1\" aria-hidden=\"true\" />\n              )}\n              <span\n                className={cn(\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold tabular-nums transition-colors',\n                  state === 'complete' && 'border-transparent text-text-inverse',\n                  state === 'current' && 'bg-bg-surface',\n                  state === 'upcoming' && 'border-border-subtle bg-bg-sunken text-text-muted'\n                )}\n                style={\n                  state === 'complete'\n                    ? { backgroundColor: ACCENT }\n                    : state === 'current'\n                      ? { borderColor: ACCENT, color: ACCENT }\n                      : undefined\n                }\n              >\n                {state === 'complete' ? <Check aria-hidden=\"true\" className=\"h-4 w-4\" /> : i + 1}\n              </span>\n              {i < steps.length - 1 ? (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"h-0.5 flex-1 rounded-full\"\n                  style={{ backgroundColor: i < current ? ACCENT : 'var(--color-border-subtle)' }}\n                />\n              ) : (\n                <span className=\"flex-1\" aria-hidden=\"true\" />\n              )}\n            </div>\n            <span\n              className={cn(\n                'mt-2 px-1 text-center text-xs',\n                state === 'upcoming' ? 'text-text-muted' : 'font-medium text-text-primary'\n              )}\n            >\n              {step.label}\n            </span>\n            {step.description ? (\n              <span className=\"mt-0.5 px-1 text-center text-[11px] text-text-muted\">\n                {step.description}\n              </span>\n            ) : null}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;;AAuBA,SAAgB,EAAa,EAAE,UAAO,YAAS,gBAAgC;AAI7E,QAHI,EAAM,WAAW,IACZ,OAGP,kBAAC,MAAD;EAAI,WAAW,EAAG,yCAAyC,EAAU;EAAE,cAAW;YAC/E,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAmB,IAAI,IAAU,aAAa,MAAM,IAAU,YAAY;AAEhF,UACE,kBAAC,MAAD;IAEE,WAAU;IACV,gBAAc,MAAU,YAAY,SAAS,KAAA;cAH/C;KAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,IAAI,IACH,kBAAC,QAAD;QACE,eAAY;QACZ,WAAU;QACV,OAAO,EACL,iBAbY,KAAK,IAakB,IAAS,8BAC7C;QACD,CAAA,GAEF,kBAAC,QAAD;QAAM,WAAU;QAAS,eAAY;QAAS,CAAA;OAEhD,kBAAC,QAAD;QACE,WAAW,EACT,gIACA,MAAU,cAAc,wCACxB,MAAU,aAAa,iBACvB,MAAU,cAAc,oDACzB;QACD,OACE,MAAU,aACN,EAAE,iBAAiB,GAAQ,GAC3B,MAAU,YACR;SAAE,aAAa;SAAQ,OAAO;SAAQ,GACtC,KAAA;kBAGP,MAAU,aAAa,kBAAC,GAAD;SAAO,eAAY;SAAO,WAAU;SAAY,CAAA,GAAG,IAAI;QAC1E,CAAA;OACN,IAAI,EAAM,SAAS,IAClB,kBAAC,QAAD;QACE,eAAY;QACZ,WAAU;QACV,OAAO,EAAE,iBAAiB,IAAI,IAAU,IAAS,8BAA8B;QAC/E,CAAA,GAEF,kBAAC,QAAD;QAAM,WAAU;QAAS,eAAY;QAAS,CAAA;OAE5C;;KACN,kBAAC,QAAD;MACE,WAAW,EACT,iCACA,MAAU,aAAa,oBAAoB,gCAC5C;gBAEA,EAAK;MACD,CAAA;KACN,EAAK,cACJ,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAK;MACD,CAAA,GACL;KACD;MAxDE,GAAG,EAAK,MAAM,GAAG,IAwDnB;IAEP;EACC,CAAA"}

package/dist/kadaikodi/components/viz/Timeline.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { StatusTone } from './lib/palette';
+
+export type TimelineTone = 'accent' | StatusTone | 'muted';
+export interface TimelineItem {
+    id?: string;
+    title: ReactNode;
+    meta?: ReactNode;
+    time?: ReactNode;
+    /** Colors the node dot. Defaults to accent. */
+    tone?: TimelineTone;
+    /** Optional icon rendered inside the node. */
+    icon?: ReactNode;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    className?: string;
+}
+/** Vertical activity feed: node dot + connector + title, meta and time. */
+export declare function Timeline({ items, className }: TimelineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/kadaikodi/components/viz/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,sCAgD3D"}

package/dist/kadaikodi/components/viz/Timeline.js

@@ -0,0 +1,66 @@
+import { cn as e } from "../../utils/cn.js";
+import { ACCENT as t, STATUS as n } from "./lib/palette.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/Timeline.tsx
+function a(e) {
+	switch (e) {
+		case "success":
+		case "warning":
+		case "danger":
+		case "info": return n[e];
+		case "muted": return "var(--color-text-muted)";
+		default: return t;
+	}
+}
+function o({ items: t, className: n }) {
+	return t.length === 0 ? null : /* @__PURE__ */ r("ol", {
+		className: e("flex flex-col", n),
+		children: t.map((n, o) => {
+			let s = o === t.length - 1, c = a(n.tone ?? "accent");
+			return /* @__PURE__ */ i("li", {
+				className: "flex gap-3",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex flex-col items-center",
+					children: [/* @__PURE__ */ r("span", {
+						className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2",
+						style: {
+							borderColor: c,
+							color: c
+						},
+						children: n.icon ?? /* @__PURE__ */ r("span", {
+							"aria-hidden": "true",
+							className: "h-2 w-2 rounded-full",
+							style: { backgroundColor: c }
+						})
+					}), s ? null : /* @__PURE__ */ r("span", {
+						"aria-hidden": "true",
+						className: "w-px flex-1",
+						style: {
+							backgroundColor: "var(--color-border-subtle)",
+							minHeight: 12
+						}
+					})]
+				}), /* @__PURE__ */ i("div", {
+					className: e("flex-1", s ? "pb-0" : "pb-5"),
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex flex-wrap items-baseline justify-between gap-x-3",
+						children: [/* @__PURE__ */ r("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: n.title
+						}), n.time ? /* @__PURE__ */ r("span", {
+							className: "shrink-0 text-xs text-text-muted",
+							children: n.time
+						}) : null]
+					}), n.meta ? /* @__PURE__ */ r("div", {
+						className: "mt-0.5 text-sm text-text-secondary",
+						children: n.meta
+					}) : null]
+				})]
+			}, n.id ?? o);
+		})
+	});
+}
+//#endregion
+export { o as Timeline };
+
+//# sourceMappingURL=Timeline.js.map

package/dist/kadaikodi/components/viz/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/Timeline.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ACCENT, STATUS, type StatusTone } from './lib/palette';\n\nexport type TimelineTone = 'accent' | StatusTone | 'muted';\n\nexport interface TimelineItem {\n  id?: string;\n  title: ReactNode;\n  meta?: ReactNode;\n  time?: ReactNode;\n  /** Colors the node dot. Defaults to accent. */\n  tone?: TimelineTone;\n  /** Optional icon rendered inside the node. */\n  icon?: ReactNode;\n}\n\nexport interface TimelineProps {\n  items: TimelineItem[];\n  className?: string;\n}\n\nfunction dotColor(tone: TimelineTone): string {\n  switch (tone) {\n    case 'success':\n    case 'warning':\n    case 'danger':\n    case 'info':\n      return STATUS[tone];\n    case 'muted':\n      return 'var(--color-text-muted)';\n    default:\n      return ACCENT;\n  }\n}\n\n/** Vertical activity feed: node dot + connector + title, meta and time. */\nexport function Timeline({ items, className }: TimelineProps) {\n  if (items.length === 0) {\n    return null;\n  }\n  return (\n    <ol className={cn('flex flex-col', className)}>\n      {items.map((item, i) => {\n        const isLast = i === items.length - 1;\n        const color = dotColor(item.tone ?? 'accent');\n        return (\n          <li key={item.id ?? i} className=\"flex gap-3\">\n            <div className=\"flex flex-col items-center\">\n              <span\n                className=\"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border-2\"\n                style={{ borderColor: color, color }}\n              >\n                {item.icon ?? (\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"h-2 w-2 rounded-full\"\n                    style={{ backgroundColor: color }}\n                  />\n                )}\n              </span>\n              {isLast ? null : (\n                <span\n                  aria-hidden=\"true\"\n                  className=\"w-px flex-1\"\n                  style={{ backgroundColor: 'var(--color-border-subtle)', minHeight: 12 }}\n                />\n              )}\n            </div>\n            <div className={cn('flex-1', isLast ? 'pb-0' : 'pb-5')}>\n              <div className=\"flex flex-wrap items-baseline justify-between gap-x-3\">\n                <p className=\"text-sm font-medium text-text-primary\">{item.title}</p>\n                {item.time ? (\n                  <span className=\"shrink-0 text-xs text-text-muted\">{item.time}</span>\n                ) : null}\n              </div>\n              {item.meta ? (\n                <div className=\"mt-0.5 text-sm text-text-secondary\">{item.meta}</div>\n              ) : null}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"mappings":";;;;AAsBA,SAAS,EAAS,GAA4B;AAC5C,SAAQ,GAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,OACH,QAAO,EAAO;EAChB,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAKb,SAAgB,EAAS,EAAE,UAAO,gBAA4B;AAI5D,QAHI,EAAM,WAAW,IACZ,OAGP,kBAAC,MAAD;EAAI,WAAW,EAAG,iBAAiB,EAAU;YAC1C,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAS,MAAM,EAAM,SAAS,GAC9B,IAAQ,EAAS,EAAK,QAAQ,SAAS;AAC7C,UACE,kBAAC,MAAD;IAAuB,WAAU;cAAjC,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MACE,WAAU;MACV,OAAO;OAAE,aAAa;OAAO;OAAO;gBAEnC,EAAK,QACJ,kBAAC,QAAD;OACE,eAAY;OACZ,WAAU;OACV,OAAO,EAAE,iBAAiB,GAAO;OACjC,CAAA;MAEC,CAAA,EACN,IAAS,OACR,kBAAC,QAAD;MACE,eAAY;MACZ,WAAU;MACV,OAAO;OAAE,iBAAiB;OAA8B,WAAW;OAAI;MACvE,CAAA,CAEA;QACN,kBAAC,OAAD;KAAK,WAAW,EAAG,UAAU,IAAS,SAAS,OAAO;eAAtD,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAyC,EAAK;OAAU,CAAA,EACpE,EAAK,OACJ,kBAAC,QAAD;OAAM,WAAU;iBAAoC,EAAK;OAAY,CAAA,GACnE,KACA;SACL,EAAK,OACJ,kBAAC,OAAD;MAAK,WAAU;gBAAsC,EAAK;MAAW,CAAA,GACnE,KACA;OACH;MAjCI,EAAK,MAAM,EAiCf;IAEP;EACC,CAAA"}

package/dist/kadaikodi/components/viz/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Kadaikodi visualization + layout kit.
+ *
+ * Self-contained, dependency-free (hand-rolled SVG + CSS), responsive and
+ * accessible presentational components. Every color is a fe-libs semantic
+ * token, so the kit themes automatically in light / dark / product themes.
+ *
+ * All components are pure-presentational: they take typed props + data and
+ * render no network calls.
+ */
+export { Sparkline, type SparklineProps } from './Sparkline';
+export { AreaChart, type AreaChartProps } from './AreaChart';
+export { LineChart, type LineChartProps } from './LineChart';
+export { BarChart, type BarChartProps } from './BarChart';
+export { HBarFunnel, type HBarFunnelProps } from './HBarFunnel';
+export { DonutChart, type DonutChartProps } from './DonutChart';
+export { ProgressRing, type ProgressRingProps } from './ProgressRing';
+export { StatCard, type StatCardProps } from './StatCard';
+export { KanbanBoard, type KanbanBoardProps } from './KanbanBoard';
+export { Heatmap, type HeatmapProps, type HeatmapRow, type HeatmapCell } from './Heatmap';
+export { Timeline, type TimelineProps, type TimelineItem, type TimelineTone } from './Timeline';
+export { OrgTree, type OrgTreeProps, type OrgNode } from './OrgTree';
+export { AllocationBar, type AllocationBarProps } from './AllocationBar';
+export { StepProgress, type StepProgressProps, type StepProgressStep } from './StepProgress';
+export { PathSteps, type PathStepsProps, type PathStep, type PathStepState } from './PathSteps';
+export { AvatarStack, type AvatarStackProps } from './AvatarStack';
+export { RatingStars, type RatingStarsProps } from './RatingStars';
+export { SkillBar, type SkillBarProps } from './SkillBar';
+export { CertificateCard, type CertificateCardProps } from './CertificateCard';
+export { SegmentedTabs, type SegmentedTabsProps, type SegmentedTab } from './SegmentedTabs';
+export type { LabeledValue, Segment, Person, KanbanColumnData } from './lib/types';
+export { ACCENT, CHART_GRID, CHART_AXIS, STATUS, chartPalette, type StatusTone, } from './lib/palette';
+export { clamp, sum, extent, extentWithZero, scaleLinear, pointsFromValues, buildLinePath, buildAreaPath, polarToCartesian, donutSegmentPath, starPath, type Point, } from './lib/geometry';
+export { formatCompact, toPercent, getInitials } from './lib/format';
+//# sourceMappingURL=index.d.ts.map

package/dist/kadaikodi/components/viz/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAE,MAAM,WAAW,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG5F,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGnF,OAAO,EACL,MAAM,EACN,UAAU,EACV,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AAGvB,OAAO,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,QAAQ,EACR,KAAK,KAAK,GACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,23 @@
+import "./lib/palette.js";
+import "./lib/geometry.js";
+import "./Sparkline.js";
+import "./lib/format.js";
+import "./AreaChart.js";
+import "./LineChart.js";
+import "./BarChart.js";
+import "./HBarFunnel.js";
+import "./DonutChart.js";
+import "./ProgressRing.js";
+import "./StatCard.js";
+import "./KanbanBoard.js";
+import "./Heatmap.js";
+import "./Timeline.js";
+import "./OrgTree.js";
+import "./AllocationBar.js";
+import "./StepProgress.js";
+import "./PathSteps.js";
+import "./AvatarStack.js";
+import "./RatingStars.js";
+import "./SkillBar.js";
+import "./CertificateCard.js";
+import "./SegmentedTabs.js";

package/dist/kadaikodi/components/viz/lib/Avatar.d.ts

@@ -0,0 +1,15 @@
+export interface VizAvatarProps {
+    name: string;
+    src?: string;
+    /** Pixel diameter. */
+    size?: number;
+    className?: string;
+    /** Extra ring around the avatar (used by overlapping stacks). */
+    ring?: boolean;
+}
+/**
+ * Internal avatar primitive: image when available, initials fallback otherwise.
+ * Shared by AvatarStack, OrgTree and Timeline. Not exported from the barrel.
+ */
+export declare function VizAvatar({ name, src, size, className, ring }: VizAvatarProps): import("react").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/kadaikodi/components/viz/lib/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/kadaikodi/components/viz/lib/Avatar.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAS,EAAE,SAAS,EAAE,IAAY,EAAE,EAAE,cAAc,+BAyB1F"}

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

@@ -0,0 +1,30 @@
+import { cn as e } from "../../../utils/cn.js";
+import { getInitials as t } from "./format.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/lib/Avatar.tsx
+function r({ name: r, src: i, size: a = 32, className: o, ring: s = !1 }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary", s && "ring-2 ring-[var(--color-bg-surface)]", o),
+		style: {
+			width: a,
+			height: a,
+			fontSize: Math.round(a * .38)
+		},
+		title: r,
+		children: i ? /* @__PURE__ */ n("img", {
+			src: i,
+			alt: r,
+			width: a,
+			height: a,
+			className: "h-full w-full object-cover",
+			loading: "lazy"
+		}) : /* @__PURE__ */ n("span", {
+			"aria-label": r,
+			children: t(r)
+		})
+	});
+}
+//#endregion
+export { r as VizAvatar };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/kadaikodi/components/viz/lib/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../../../src/kadaikodi/components/viz/lib/Avatar.tsx"],"sourcesContent":["import { cn } from '../../../utils/cn';\nimport { getInitials } from './format';\n\nexport interface VizAvatarProps {\n  name: string;\n  src?: string;\n  /** Pixel diameter. */\n  size?: number;\n  className?: string;\n  /** Extra ring around the avatar (used by overlapping stacks). */\n  ring?: boolean;\n}\n\n/**\n * Internal avatar primitive: image when available, initials fallback otherwise.\n * Shared by AvatarStack, OrgTree and Timeline. Not exported from the barrel.\n */\nexport function VizAvatar({ name, src, size = 32, className, ring = false }: VizAvatarProps) {\n  return (\n    <span\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary',\n        ring && 'ring-2 ring-[var(--color-bg-surface)]',\n        className\n      )}\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.38) }}\n      title={name}\n    >\n      {src ? (\n        <img\n          src={src}\n          alt={name}\n          width={size}\n          height={size}\n          className=\"h-full w-full object-cover\"\n          loading=\"lazy\"\n        />\n      ) : (\n        <span aria-label={name}>{getInitials(name)}</span>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;AAiBA,SAAgB,EAAU,EAAE,SAAM,QAAK,UAAO,IAAI,cAAW,UAAO,MAAyB;AAC3F,QACE,kBAAC,QAAD;EACE,WAAW,EACT,0JACA,KAAQ,yCACR,EACD;EACD,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM,UAAU,KAAK,MAAM,IAAO,IAAK;GAAE;EACvE,OAAO;YAEN,IACC,kBAAC,OAAD;GACO;GACL,KAAK;GACL,OAAO;GACP,QAAQ;GACR,WAAU;GACV,SAAQ;GACR,CAAA,GAEF,kBAAC,QAAD;GAAM,cAAY;aAAO,EAAY,EAAK;GAAQ,CAAA;EAE/C,CAAA"}

package/dist/kadaikodi/components/viz/lib/CartesianFrame.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+
+export interface CartesianContext {
+    width: number;
+    height: number;
+    plotLeft: number;
+    plotRight: number;
+    plotTop: number;
+    plotBottom: number;
+    activeIndex: number | null;
+    /** X pixel for a data index. */
+    px: (index: number) => number;
+    /** Y pixel for a data value. */
+    py: (value: number) => number;
+}
+interface Padding {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export interface CartesianFrameProps {
+    labels: string[];
+    /** Y domain [low, high]. */
+    domain: [number, number];
+    height: number;
+    title: string;
+    desc?: string;
+    formatValue: (value: number) => string;
+    /** Number of grid intervals (lines = intervals + 1). */
+    yTicks?: number;
+    padding?: Partial<Padding>;
+    tooltip?: (index: number) => ReactNode;
+    className?: string;
+    children: (ctx: CartesianContext) => ReactNode;
+}
+/**
+ * Shared cartesian chart chrome: faint grid, tokenized axes, and pointer +
+ * keyboard driven hover with an accessible tooltip. The series marks are
+ * supplied via the render-prop `children`, which receives pixel scales.
+ */
+export declare function CartesianFrame({ labels, domain, height, title, desc, formatValue, yTicks, padding, tooltip, className, children, }: CartesianFrameProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CartesianFrame.d.ts.map

package/dist/kadaikodi/components/viz/lib/CartesianFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.d.ts","sourceRoot":"","sources":["../../../../../src/kadaikodi/components/viz/lib/CartesianFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMtF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gCAAgC;IAChC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9B,gCAAgC;IAChC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/B;AAED,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,4BAA4B;IAC5B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,SAAS,CAAC;CAChD;AAKD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAU,EACV,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,+BAwKrB"}

package/dist/kadaikodi/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/kadaikodi/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/kadaikodi/components/viz/lib/CartesianFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianFrame.js","names":[],"sources":["../../../../../src/kadaikodi/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/kadaikodi/components/viz/lib/ResponsiveSvg.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+
+export interface ResponsiveSvgDims {
+    width: number;
+    height: number;
+}
+export interface ResponsiveSvgProps {
+    /** Fixed pixel height; width is measured from the container. */
+    height: number;
+    /** Accessible name announced for the chart. */
+    title: string;
+    /** Optional longer description linked via <desc>. */
+    desc?: string;
+    className?: string;
+    /** Width assumed before the container has been measured. */
+    minWidth?: number;
+    /** Allow marks (endpoint halos, labels) to paint outside the viewBox. */
+    overflowVisible?: boolean;
+    children: (dims: ResponsiveSvgDims) => ReactNode;
+}
+/**
+ * A width-measuring SVG frame. Because the viewBox matches the rendered pixel
+ * box 1:1, circles stay circular and strokes stay crisp at any width, while the
+ * chart still fills its container and reflows on resize.
+ */
+export declare function ResponsiveSvg({ height, title, desc, className, minWidth, overflowVisible, children, }: ResponsiveSvgProps): import("react").JSX.Element;
+//# sourceMappingURL=ResponsiveSvg.d.ts.map

package/dist/kadaikodi/components/viz/lib/ResponsiveSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveSvg.d.ts","sourceRoot":"","sources":["../../../../../src/kadaikodi/components/viz/lib/ResponsiveSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAClD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAc,EACd,eAAsB,EACtB,QAAQ,GACT,EAAE,kBAAkB,+BAoBpB"}