@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

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

@@ -0,0 +1,17 @@
+import { KanbanColumnData } from './lib/types';
+
+export interface KanbanBoardProps {
+    columns: KanbanColumnData[];
+    /** Fixed column width in pixels. */
+    columnWidth?: number;
+    /** Optional empty-state node rendered inside a column with no items. */
+    emptyColumnHint?: string;
+    className?: string;
+}
+/**
+ * Generic columns board. The caller supplies pre-rendered card nodes; the board
+ * owns layout, horizontal scroll and keyboard-focusable columns/cards. It never
+ * scrolls the page sideways — overflow is contained here.
+ */
+export declare function KanbanBoard({ columns, columnWidth, emptyColumnHint, className, }: KanbanBoardProps): import("react").JSX.Element;
+//# sourceMappingURL=KanbanBoard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/KanbanBoard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,WAAiB,EACjB,eAAoC,EACpC,SAAS,GACV,EAAE,gBAAgB,+BAkDlB"}

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

@@ -0,0 +1,50 @@
+import { cn as e } from "../../utils/cn.js";
+import "./lib/palette.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/KanbanBoard.tsx
+function r({ columns: r, columnWidth: i = 288, emptyColumnHint: a = "Nothing here yet", className: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("flex gap-4 overflow-x-auto pb-2", o),
+		role: "list",
+		"aria-label": "Board columns",
+		children: r.map((e) => /* @__PURE__ */ n("section", {
+			role: "listitem",
+			"aria-label": `${e.title}, ${e.items.length} items`,
+			tabIndex: 0,
+			className: "flex shrink-0 flex-col rounded-[var(--radius-card)] border border-border-subtle bg-bg-sunken outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+			style: { width: i },
+			children: [/* @__PURE__ */ n("header", {
+				className: "flex items-center gap-2 border-b border-border-subtle px-3 py-2.5",
+				children: [
+					/* @__PURE__ */ t("span", {
+						"aria-hidden": "true",
+						className: "h-3.5 w-1 shrink-0 rounded-full",
+						style: { backgroundColor: e.accent ?? "var(--color-accent-primary)" }
+					}),
+					/* @__PURE__ */ t("h3", {
+						className: "flex-1 truncate text-sm font-semibold text-text-primary",
+						children: e.title
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "inline-flex min-w-5 items-center justify-center rounded-full bg-bg-elevated px-1.5 text-xs font-medium tabular-nums text-text-secondary",
+						children: e.items.length
+					})
+				]
+			}), /* @__PURE__ */ t("ul", {
+				className: "flex flex-1 flex-col gap-2 p-2",
+				children: e.items.length === 0 ? /* @__PURE__ */ t("li", {
+					className: "rounded-[var(--radius-input)] border border-dashed border-border-subtle px-3 py-6 text-center text-xs text-text-muted",
+					children: a
+				}) : e.items.map((e, n) => /* @__PURE__ */ t("li", {
+					tabIndex: 0,
+					className: "rounded-[var(--radius-input)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+					children: e
+				}, n))
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+export { r as KanbanBoard };
+
+//# sourceMappingURL=KanbanBoard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/KanbanBoard.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport type { KanbanColumnData } from './lib/types';\n\nexport interface KanbanBoardProps {\n  columns: KanbanColumnData[];\n  /** Fixed column width in pixels. */\n  columnWidth?: number;\n  /** Optional empty-state node rendered inside a column with no items. */\n  emptyColumnHint?: string;\n  className?: string;\n}\n\n/**\n * Generic columns board. The caller supplies pre-rendered card nodes; the board\n * owns layout, horizontal scroll and keyboard-focusable columns/cards. It never\n * scrolls the page sideways — overflow is contained here.\n */\nexport function KanbanBoard({\n  columns,\n  columnWidth = 288,\n  emptyColumnHint = 'Nothing here yet',\n  className,\n}: KanbanBoardProps) {\n  return (\n    <div\n      className={cn('flex gap-4 overflow-x-auto pb-2', className)}\n      role=\"list\"\n      aria-label=\"Board columns\"\n    >\n      {columns.map((column) => (\n        <section\n          key={column.id}\n          role=\"listitem\"\n          aria-label={`${column.title}, ${column.items.length} items`}\n          tabIndex={0}\n          className=\"flex shrink-0 flex-col rounded-[var(--radius-card)] border border-border-subtle bg-bg-sunken outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n          style={{ width: columnWidth }}\n        >\n          <header className=\"flex items-center gap-2 border-b border-border-subtle px-3 py-2.5\">\n            <span\n              aria-hidden=\"true\"\n              className=\"h-3.5 w-1 shrink-0 rounded-full\"\n              style={{ backgroundColor: column.accent ?? ACCENT }}\n            />\n            <h3 className=\"flex-1 truncate text-sm font-semibold text-text-primary\">\n              {column.title}\n            </h3>\n            <span className=\"inline-flex min-w-5 items-center justify-center rounded-full bg-bg-elevated px-1.5 text-xs font-medium tabular-nums text-text-secondary\">\n              {column.items.length}\n            </span>\n          </header>\n          <ul className=\"flex flex-1 flex-col gap-2 p-2\">\n            {column.items.length === 0 ? (\n              <li className=\"rounded-[var(--radius-input)] border border-dashed border-border-subtle px-3 py-6 text-center text-xs text-text-muted\">\n                {emptyColumnHint}\n              </li>\n            ) : (\n              column.items.map((item, i) => (\n                <li\n                  key={i}\n                  tabIndex={0}\n                  className=\"rounded-[var(--radius-input)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                >\n                  {item}\n                </li>\n              ))\n            )}\n          </ul>\n        </section>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAAY,EAC1B,YACA,iBAAc,KACd,qBAAkB,oBAClB,gBACmB;AACnB,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,mCAAmC,EAAU;EAC3D,MAAK;EACL,cAAW;YAEV,EAAQ,KAAK,MACZ,kBAAC,WAAD;GAEE,MAAK;GACL,cAAY,GAAG,EAAO,MAAM,IAAI,EAAO,MAAM,OAAO;GACpD,UAAU;GACV,WAAU;GACV,OAAO,EAAE,OAAO,GAAa;aAN/B,CAQE,kBAAC,UAAD;IAAQ,WAAU;cAAlB;KACE,kBAAC,QAAD;MACE,eAAY;MACZ,WAAU;MACV,OAAO,EAAE,iBAAiB,EAAO,UAAA,+BAAkB;MACnD,CAAA;KACF,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAO;MACL,CAAA;KACL,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAO,MAAM;MACT,CAAA;KACA;OACT,kBAAC,MAAD;IAAI,WAAU;cACX,EAAO,MAAM,WAAW,IACvB,kBAAC,MAAD;KAAI,WAAU;eACX;KACE,CAAA,GAEL,EAAO,MAAM,KAAK,GAAM,MACtB,kBAAC,MAAD;KAEE,UAAU;KACV,WAAU;eAET;KACE,EALE,EAKF,CACL;IAED,CAAA,CACG;KArCH,EAAO,GAqCJ,CACV;EACE,CAAA"}

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

@@ -0,0 +1,20 @@
+import { LabeledValue } from './lib/types';
+
+export interface LineChartProps {
+    /** Primary series (its labels drive the x-axis). */
+    series: LabeledValue[];
+    /** Optional second series, aligned to the primary series by index. */
+    compare?: number[];
+    seriesLabel?: string;
+    compareLabel?: string;
+    height?: number;
+    valueFormatter?: (value: number) => string;
+    title?: string;
+    className?: string;
+}
+/**
+ * Multi-point line chart (trend / attrition) with an optional second series,
+ * shared axes + hover, and an animated draw-in.
+ */
+export declare function LineChart({ series, compare, seriesLabel, compareLabel, height, valueFormatter, title, className, }: LineChartProps): import("react").JSX.Element | null;
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/LineChart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,oDAAoD;IACpD,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,WAAsB,EACtB,YAAwB,EACxB,MAAY,EACZ,cAA8B,EAC9B,KAAK,EACL,SAAS,GACV,EAAE,cAAc,sCA8HhB"}

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

@@ -0,0 +1,4 @@
+import "./lib/palette.js";
+import "./lib/hooks.js";
+import "./lib/CartesianFrame.js";
+import "react/jsx-runtime";

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

@@ -0,0 +1,14 @@
+export interface OrgNode {
+    id?: string;
+    name: string;
+    role?: string;
+    avatarUrl?: string;
+    children?: OrgNode[];
+}
+export interface OrgTreeProps {
+    root: OrgNode;
+    className?: string;
+}
+/** Simple top-down org tree with connected nodes; scrolls horizontally when wide. */
+export declare function OrgTree({ root, className }: OrgTreeProps): import("react").JSX.Element;
+//# sourceMappingURL=OrgTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrgTree.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/OrgTree.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,OAAO;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD,qFAAqF;AACrF,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,YAAY,+BAQxD"}

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

@@ -0,0 +1,2 @@
+import "./lib/Avatar.js";
+import "react/jsx-runtime";

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

@@ -0,0 +1,17 @@
+export type PathStepState = 'done' | 'active' | 'todo' | 'locked';
+export interface PathStep {
+    label: string;
+    meta?: string;
+    state?: PathStepState;
+}
+export interface PathStepsProps {
+    steps: PathStep[];
+    className?: string;
+}
+/**
+ * A sequence of course nodes (circles + labels + connectors) for a learning
+ * path. Each node carries its own state; the connector into a node is filled
+ * once that node is complete. Scrolls horizontally on narrow screens.
+ */
+export declare function PathSteps({ steps, className }: PathStepsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=PathSteps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PathSteps.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/PathSteps.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,sCAqF7D"}

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

@@ -0,0 +1,3 @@
+import "./lib/palette.js";
+import "lucide-react";
+import "react/jsx-runtime";

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+
+export interface ProgressRingProps {
+    value: number;
+    max?: number;
+    /** Center content. Defaults to the rounded value (e.g. "4.6" or "72%"). */
+    label?: ReactNode;
+    /** Small caption under the center label. */
+    caption?: ReactNode;
+    size?: number;
+    /** Stroke thickness in viewBox units. */
+    thickness?: number;
+    /** Tokenized arc color; defaults to the product accent. */
+    color?: string;
+    title?: string;
+    className?: string;
+}
+/** Circular gauge for a score or percentage, with an animated sweep. */
+export declare function ProgressRing({ value, max, label, caption, size, thickness, color, title, className, }: ProgressRingProps): import("react").JSX.Element;
+//# sourceMappingURL=ProgressRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAS,EACT,KAAK,EACL,OAAO,EACP,IAAU,EACV,SAAc,EACd,KAAc,EACd,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,+BA4DnB"}

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

@@ -0,0 +1,68 @@
+import { cn as e } from "../../utils/cn.js";
+import { ACCENT as t } from "./lib/palette.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/kadaikodi/components/viz/ProgressRing.tsx
+var s = 100, c = s / 2;
+function l({ value: l, max: u = 100, label: d, caption: f, size: p = 132, thickness: m = 10, color: h = t, title: g, className: _ }) {
+	let v = n(), y = r(), b = c - m / 2, x = 2 * Math.PI * b, S = i(u === 0 ? 0 : l / u, 0, 1), C = x * (1 - S), w = v || y ? C : x, T = g ?? `Progress: ${Math.round(S * 100)} percent`;
+	return /* @__PURE__ */ o("div", {
+		className: e("relative inline-flex shrink-0", _),
+		style: {
+			width: p,
+			height: p,
+			maxWidth: "100%"
+		},
+		children: [/* @__PURE__ */ o("svg", {
+			viewBox: `0 0 ${s} ${s}`,
+			width: p,
+			height: p,
+			role: "img",
+			"aria-label": T,
+			style: {
+				display: "block",
+				maxWidth: "100%",
+				height: "auto"
+			},
+			children: [
+				/* @__PURE__ */ a("title", { children: T }),
+				/* @__PURE__ */ a("circle", {
+					cx: c,
+					cy: c,
+					r: b,
+					fill: "none",
+					stroke: "var(--color-chart-grid)",
+					strokeWidth: m,
+					opacity: .7
+				}),
+				/* @__PURE__ */ a("circle", {
+					cx: c,
+					cy: c,
+					r: b,
+					fill: "none",
+					stroke: h,
+					strokeWidth: m,
+					strokeLinecap: "round",
+					strokeDasharray: x,
+					strokeDashoffset: w,
+					transform: `rotate(-90 ${c} ${c})`,
+					style: { transition: y ? void 0 : "stroke-dashoffset 900ms cubic-bezier(0.22,1,0.36,1)" }
+				})
+			]
+		}), /* @__PURE__ */ o("div", {
+			className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+			children: [/* @__PURE__ */ a("span", {
+				className: "text-2xl font-semibold leading-none text-text-primary",
+				children: d ?? Math.round(S * 100)
+			}), f === void 0 ? null : /* @__PURE__ */ a("span", {
+				className: "mt-1 text-xs text-text-muted",
+				children: f
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as ProgressRing };
+
+//# sourceMappingURL=ProgressRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/ProgressRing.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\nimport { clamp } from './lib/geometry';\nimport { useMounted, usePrefersReducedMotion } from './lib/hooks';\n\nexport interface ProgressRingProps {\n  value: number;\n  max?: number;\n  /** Center content. Defaults to the rounded value (e.g. \"4.6\" or \"72%\"). */\n  label?: ReactNode;\n  /** Small caption under the center label. */\n  caption?: ReactNode;\n  size?: number;\n  /** Stroke thickness in viewBox units. */\n  thickness?: number;\n  /** Tokenized arc color; defaults to the product accent. */\n  color?: string;\n  title?: string;\n  className?: string;\n}\n\nconst VIEW = 100;\nconst CENTER = VIEW / 2;\n\n/** Circular gauge for a score or percentage, with an animated sweep. */\nexport function ProgressRing({\n  value,\n  max = 100,\n  label,\n  caption,\n  size = 132,\n  thickness = 10,\n  color = ACCENT,\n  title,\n  className,\n}: ProgressRingProps) {\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  const radius = CENTER - thickness / 2;\n  const circumference = 2 * Math.PI * radius;\n  const fraction = clamp(max === 0 ? 0 : value / max, 0, 1);\n  const target = circumference * (1 - fraction);\n  const offset = mounted || reduced ? target : circumference;\n  const ringTitle = title ?? `Progress: ${Math.round(fraction * 100)} percent`;\n\n  return (\n    <div\n      className={cn('relative inline-flex shrink-0', className)}\n      style={{ width: size, height: size, maxWidth: '100%' }}\n    >\n      <svg\n        viewBox={`0 0 ${VIEW} ${VIEW}`}\n        width={size}\n        height={size}\n        role=\"img\"\n        aria-label={ringTitle}\n        style={{ display: 'block', maxWidth: '100%', height: 'auto' }}\n      >\n        <title>{ringTitle}</title>\n        <circle\n          cx={CENTER}\n          cy={CENTER}\n          r={radius}\n          fill=\"none\"\n          stroke=\"var(--color-chart-grid)\"\n          strokeWidth={thickness}\n          opacity={0.7}\n        />\n        <circle\n          cx={CENTER}\n          cy={CENTER}\n          r={radius}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={thickness}\n          strokeLinecap=\"round\"\n          strokeDasharray={circumference}\n          strokeDashoffset={offset}\n          transform={`rotate(-90 ${CENTER} ${CENTER})`}\n          style={{\n            transition: reduced ? undefined : 'stroke-dashoffset 900ms cubic-bezier(0.22,1,0.36,1)',\n          }}\n        />\n      </svg>\n      <div className=\"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center\">\n        <span className=\"text-2xl font-semibold leading-none text-text-primary\">\n          {label ?? Math.round(fraction * 100)}\n        </span>\n        {caption !== undefined ? (\n          <span className=\"mt-1 text-xs text-text-muted\">{caption}</span>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAsBA,IAAM,IAAO,KACP,IAAS,IAAO;AAGtB,SAAgB,EAAa,EAC3B,UACA,SAAM,KACN,UACA,YACA,UAAO,KACP,eAAY,IACZ,WAAQ,GACR,UACA,gBACoB;CACpB,IAAM,IAAU,GAAY,EACtB,IAAU,GAAyB,EAEnC,IAAS,IAAS,IAAY,GAC9B,IAAgB,IAAI,KAAK,KAAK,GAC9B,IAAW,EAAM,MAAQ,IAAI,IAAI,IAAQ,GAAK,GAAG,EAAE,EACnD,IAAS,KAAiB,IAAI,IAC9B,IAAS,KAAW,IAAU,IAAS,GACvC,IAAY,KAAS,aAAa,KAAK,MAAM,IAAW,IAAI,CAAC;AAEnE,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,iCAAiC,EAAU;EACzD,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM,UAAU;GAAQ;YAFxD,CAIE,kBAAC,OAAD;GACE,SAAS,OAAO,EAAK,GAAG;GACxB,OAAO;GACP,QAAQ;GACR,MAAK;GACL,cAAY;GACZ,OAAO;IAAE,SAAS;IAAS,UAAU;IAAQ,QAAQ;IAAQ;aAN/D;IAQE,kBAAC,SAAD,EAAA,UAAQ,GAAkB,CAAA;IAC1B,kBAAC,UAAD;KACE,IAAI;KACJ,IAAI;KACJ,GAAG;KACH,MAAK;KACL,QAAO;KACP,aAAa;KACb,SAAS;KACT,CAAA;IACF,kBAAC,UAAD;KACE,IAAI;KACJ,IAAI;KACJ,GAAG;KACH,MAAK;KACL,QAAQ;KACR,aAAa;KACb,eAAc;KACd,iBAAiB;KACjB,kBAAkB;KAClB,WAAW,cAAc,EAAO,GAAG,EAAO;KAC1C,OAAO,EACL,YAAY,IAAU,KAAA,IAAY,uDACnC;KACD,CAAA;IACE;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cACb,KAAS,KAAK,MAAM,IAAW,IAAI;IAC/B,CAAA,EACN,MAAY,KAAA,IAET,OADF,kBAAC,QAAD;IAAM,WAAU;cAAgC;IAAe,CAAA,CAE7D;KACF"}

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

@@ -0,0 +1,14 @@
+export interface RatingStarsProps {
+    value: number;
+    max?: number;
+    /** Show the numeric value next to the stars. */
+    showValue?: boolean;
+    /** Optional review count, e.g. "(128)". */
+    count?: number;
+    /** Star size in pixels. */
+    size?: number;
+    className?: string;
+}
+/** Filled / empty stars for a 0–max rating, with optional value + count. */
+export declare function RatingStars({ value, max, showValue, count, size, className, }: RatingStarsProps): import("react").JSX.Element;
+//# sourceMappingURL=RatingStars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/RatingStars.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAO,EACP,SAAiB,EACjB,KAAK,EACL,IAAS,EACT,SAAS,GACV,EAAE,gBAAgB,+BAwClB"}

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

@@ -0,0 +1,51 @@
+import { cn as e } from "../../utils/cn.js";
+import { STATUS as t } from "./lib/palette.js";
+import { clamp as n } from "./lib/geometry.js";
+import { Star as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/RatingStars.tsx
+function o({ value: o, max: s = 5, showValue: c = !1, count: l, size: u = 16, className: d }) {
+	let f = n(o, 0, s), p = f / s * 100, m = Math.round(u * .15), h = (e) => /* @__PURE__ */ i("span", {
+		className: "flex",
+		style: { gap: m },
+		"aria-hidden": "true",
+		children: Array.from({ length: s }, (n, a) => /* @__PURE__ */ i(r, {
+			width: u,
+			height: u,
+			strokeWidth: 1.5,
+			style: { color: e ? t.warning : "var(--color-border-strong)" },
+			fill: e ? "currentColor" : "none"
+		}, a))
+	});
+	return /* @__PURE__ */ a("span", {
+		className: e("inline-flex items-center gap-1.5", d),
+		role: "img",
+		"aria-label": `Rated ${f} out of ${s}${l === void 0 ? "" : ` from ${l} reviews`}`,
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "relative inline-flex",
+				children: [h(!1), /* @__PURE__ */ i("span", {
+					className: "absolute left-0 top-0 overflow-hidden",
+					style: { width: `${p}%` },
+					children: h(!0)
+				})]
+			}),
+			c ? /* @__PURE__ */ i("span", {
+				className: "text-sm font-medium tabular-nums text-text-secondary",
+				children: f.toFixed(1)
+			}) : null,
+			l === void 0 ? null : /* @__PURE__ */ a("span", {
+				className: "text-xs text-text-muted",
+				children: [
+					"(",
+					l,
+					")"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as RatingStars };
+
+//# sourceMappingURL=RatingStars.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/RatingStars.tsx"],"sourcesContent":["import { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { STATUS } from './lib/palette';\nimport { clamp } from './lib/geometry';\n\nexport interface RatingStarsProps {\n  value: number;\n  max?: number;\n  /** Show the numeric value next to the stars. */\n  showValue?: boolean;\n  /** Optional review count, e.g. \"(128)\". */\n  count?: number;\n  /** Star size in pixels. */\n  size?: number;\n  className?: string;\n}\n\n/** Filled / empty stars for a 0–max rating, with optional value + count. */\nexport function RatingStars({\n  value,\n  max = 5,\n  showValue = false,\n  count,\n  size = 16,\n  className,\n}: RatingStarsProps) {\n  const clamped = clamp(value, 0, max);\n  const fillPct = (clamped / max) * 100;\n  const gap = Math.round(size * 0.15);\n\n  const row = (filled: boolean) => (\n    <span className=\"flex\" style={{ gap }} aria-hidden=\"true\">\n      {Array.from({ length: max }, (_, i) => (\n        <Star\n          key={i}\n          width={size}\n          height={size}\n          strokeWidth={1.5}\n          style={{ color: filled ? STATUS.warning : 'var(--color-border-strong)' }}\n          fill={filled ? 'currentColor' : 'none'}\n        />\n      ))}\n    </span>\n  );\n\n  return (\n    <span\n      className={cn('inline-flex items-center gap-1.5', className)}\n      role=\"img\"\n      aria-label={`Rated ${clamped} out of ${max}${count !== undefined ? ` from ${count} reviews` : ''}`}\n    >\n      <span className=\"relative inline-flex\">\n        {row(false)}\n        <span className=\"absolute left-0 top-0 overflow-hidden\" style={{ width: `${fillPct}%` }}>\n          {row(true)}\n        </span>\n      </span>\n      {showValue ? (\n        <span className=\"text-sm font-medium tabular-nums text-text-secondary\">\n          {clamped.toFixed(1)}\n        </span>\n      ) : null}\n      {count !== undefined ? <span className=\"text-xs text-text-muted\">({count})</span> : null}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,EAAY,EAC1B,UACA,SAAM,GACN,eAAY,IACZ,UACA,UAAO,IACP,gBACmB;CACnB,IAAM,IAAU,EAAM,GAAO,GAAG,EAAI,EAC9B,IAAW,IAAU,IAAO,KAC5B,IAAM,KAAK,MAAM,IAAO,IAAK,EAE7B,KAAO,MACX,kBAAC,QAAD;EAAM,WAAU;EAAO,OAAO,EAAE,QAAK;EAAE,eAAY;YAChD,MAAM,KAAK,EAAE,QAAQ,GAAK,GAAG,GAAG,MAC/B,kBAAC,GAAD;GAEE,OAAO;GACP,QAAQ;GACR,aAAa;GACb,OAAO,EAAE,OAAO,IAAS,EAAO,UAAU,8BAA8B;GACxE,MAAM,IAAS,iBAAiB;GAChC,EANK,EAML,CACF;EACG,CAAA;AAGT,QACE,kBAAC,QAAD;EACE,WAAW,EAAG,oCAAoC,EAAU;EAC5D,MAAK;EACL,cAAY,SAAS,EAAQ,UAAU,IAAM,MAAU,KAAA,IAAuC,KAA3B,SAAS,EAAM;YAHpF;GAKE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,EAAI,GAAM,EACX,kBAAC,QAAD;KAAM,WAAU;KAAwC,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;eACpF,EAAI,GAAK;KACL,CAAA,CACF;;GACN,IACC,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ,QAAQ,EAAE;IACd,CAAA,GACL;GACH,MAAU,KAAA,IAAyE,OAA7D,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA0C;KAAE;KAAM;KAAQ;;GAC5E"}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+
+export interface SegmentedTab {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    count?: number;
+    /** id of the panel this tab controls (for aria-controls). */
+    controls?: string;
+}
+export interface SegmentedTabsProps {
+    tabs: SegmentedTab[];
+    value: string;
+    onChange: (id: string) => void;
+    variant?: 'pill' | 'underline';
+    /** Stretch tabs to fill the available width. */
+    fill?: boolean;
+    className?: string;
+    'aria-label'?: string;
+}
+/**
+ * A controlled pill / underline tab switcher with a proper tablist:
+ * roving tab focus, arrow / Home / End navigation, and tokenized styling.
+ */
+export declare function SegmentedTabs({ tabs, value, onChange, variant, fill, className, 'aria-label': ariaLabel, }: SegmentedTabsProps): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAgB,EAChB,IAAY,EACZ,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,kBAAkB,+BA2GpB"}

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

@@ -0,0 +1,69 @@
+import { cn as e } from "../../utils/cn.js";
+import { ACCENT as t } from "./lib/palette.js";
+import { useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/SegmentedTabs.tsx
+function a({ tabs: a, value: o, onChange: s, variant: c = "pill", fill: l = !1, className: u, "aria-label": d }) {
+	let f = n([]), p = (e) => {
+		let t = (e + a.length) % a.length, n = a[t];
+		n && (s(n.id), f.current[t]?.focus());
+	}, m = (e, t) => {
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				e.preventDefault(), p(t + 1);
+				break;
+			case "ArrowLeft":
+			case "ArrowUp":
+				e.preventDefault(), p(t - 1);
+				break;
+			case "Home":
+				e.preventDefault(), p(0);
+				break;
+			case "End":
+				e.preventDefault(), p(a.length - 1);
+				break;
+			default: break;
+		}
+	}, h = c === "pill";
+	return /* @__PURE__ */ r("div", {
+		role: "tablist",
+		"aria-label": d,
+		className: e("flex items-center", h ? "gap-1 rounded-full border border-border-subtle bg-bg-sunken p-1" : "gap-1 border-b border-border-subtle", l && "w-full", u),
+		children: a.map((n, a) => {
+			let c = n.id === o;
+			return /* @__PURE__ */ i("button", {
+				ref: (e) => {
+					f.current[a] = e;
+				},
+				type: "button",
+				role: "tab",
+				"aria-selected": c,
+				"aria-controls": n.controls,
+				tabIndex: c ? 0 : -1,
+				onClick: () => s(n.id),
+				onKeyDown: (e) => m(e, a),
+				className: e("inline-flex items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", l && "flex-1", h ? e("rounded-full px-3 py-1.5", c ? "bg-bg-surface text-text-primary shadow-elevation-1" : "text-text-secondary hover:text-text-primary") : e("-mb-px border-b-2 px-3 py-2", c ? "text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary")),
+				style: !h && c ? {
+					borderColor: t,
+					color: "var(--color-text-primary)"
+				} : void 0,
+				children: [
+					n.icon ? /* @__PURE__ */ r("span", {
+						"aria-hidden": "true",
+						children: n.icon
+					}) : null,
+					n.label,
+					n.count === void 0 ? null : /* @__PURE__ */ r("span", {
+						className: e("inline-flex min-w-5 items-center justify-center rounded-full px-1.5 text-xs tabular-nums", c ? "bg-bg-sunken text-text-secondary" : "bg-bg-elevated text-text-muted"),
+						children: n.count
+					})
+				]
+			}, n.id);
+		})
+	});
+}
+//#endregion
+export { a as SegmentedTabs };
+
+//# sourceMappingURL=SegmentedTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/SegmentedTabs.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode, useRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ACCENT } from './lib/palette';\n\nexport interface SegmentedTab {\n  id: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  count?: number;\n  /** id of the panel this tab controls (for aria-controls). */\n  controls?: string;\n}\n\nexport interface SegmentedTabsProps {\n  tabs: SegmentedTab[];\n  value: string;\n  onChange: (id: string) => void;\n  variant?: 'pill' | 'underline';\n  /** Stretch tabs to fill the available width. */\n  fill?: boolean;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/**\n * A controlled pill / underline tab switcher with a proper tablist:\n * roving tab focus, arrow / Home / End navigation, and tokenized styling.\n */\nexport function SegmentedTabs({\n  tabs,\n  value,\n  onChange,\n  variant = 'pill',\n  fill = false,\n  className,\n  'aria-label': ariaLabel,\n}: SegmentedTabsProps) {\n  const refs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const focusTab = (index: number): void => {\n    const clamped = (index + tabs.length) % tabs.length;\n    const tab = tabs[clamped];\n    if (tab) {\n      onChange(tab.id);\n      refs.current[clamped]?.focus();\n    }\n  };\n\n  const handleKey = (event: KeyboardEvent<HTMLButtonElement>, index: number): void => {\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        event.preventDefault();\n        focusTab(index + 1);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        event.preventDefault();\n        focusTab(index - 1);\n        break;\n      case 'Home':\n        event.preventDefault();\n        focusTab(0);\n        break;\n      case 'End':\n        event.preventDefault();\n        focusTab(tabs.length - 1);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const isPill = variant === 'pill';\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={ariaLabel}\n      className={cn(\n        'flex items-center',\n        isPill\n          ? 'gap-1 rounded-full border border-border-subtle bg-bg-sunken p-1'\n          : 'gap-1 border-b border-border-subtle',\n        fill && 'w-full',\n        className\n      )}\n    >\n      {tabs.map((tab, i) => {\n        const selected = tab.id === value;\n        return (\n          <button\n            key={tab.id}\n            ref={(node) => {\n              refs.current[i] = node;\n            }}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={selected}\n            aria-controls={tab.controls}\n            tabIndex={selected ? 0 : -1}\n            onClick={() => onChange(tab.id)}\n            onKeyDown={(event) => handleKey(event, i)}\n            className={cn(\n              'inline-flex items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n              fill && 'flex-1',\n              isPill\n                ? cn(\n                    'rounded-full px-3 py-1.5',\n                    selected\n                      ? 'bg-bg-surface text-text-primary shadow-elevation-1'\n                      : 'text-text-secondary hover:text-text-primary'\n                  )\n                : cn(\n                    '-mb-px border-b-2 px-3 py-2',\n                    selected\n                      ? 'text-text-primary'\n                      : 'border-transparent text-text-secondary hover:text-text-primary'\n                  )\n            )}\n            style={\n              !isPill && selected\n                ? { borderColor: ACCENT, color: 'var(--color-text-primary)' }\n                : undefined\n            }\n          >\n            {tab.icon ? <span aria-hidden=\"true\">{tab.icon}</span> : null}\n            {tab.label}\n            {tab.count !== undefined ? (\n              <span\n                className={cn(\n                  'inline-flex min-w-5 items-center justify-center rounded-full px-1.5 text-xs tabular-nums',\n                  selected ? 'bg-bg-sunken text-text-secondary' : 'bg-bg-elevated text-text-muted'\n                )}\n              >\n                {tab.count}\n              </span>\n            ) : null}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAc,EAC5B,SACA,UACA,aACA,aAAU,QACV,UAAO,IACP,cACA,cAAc,KACO;CACrB,IAAM,IAAO,EAAqC,EAAE,CAAC,EAE/C,KAAY,MAAwB;EACxC,IAAM,KAAW,IAAQ,EAAK,UAAU,EAAK,QACvC,IAAM,EAAK;AACjB,EAAI,MACF,EAAS,EAAI,GAAG,EAChB,EAAK,QAAQ,IAAU,OAAO;IAI5B,KAAa,GAAyC,MAAwB;AAClF,UAAQ,EAAM,KAAd;GACE,KAAK;GACL,KAAK;AAEH,IADA,EAAM,gBAAgB,EACtB,EAAS,IAAQ,EAAE;AACnB;GACF,KAAK;GACL,KAAK;AAEH,IADA,EAAM,gBAAgB,EACtB,EAAS,IAAQ,EAAE;AACnB;GACF,KAAK;AAEH,IADA,EAAM,gBAAgB,EACtB,EAAS,EAAE;AACX;GACF,KAAK;AAEH,IADA,EAAM,gBAAgB,EACtB,EAAS,EAAK,SAAS,EAAE;AACzB;GACF,QACE;;IAIA,IAAS,MAAY;AAE3B,QACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,WAAW,EACT,qBACA,IACI,oEACA,uCACJ,KAAQ,UACR,EACD;YAEA,EAAK,KAAK,GAAK,MAAM;GACpB,IAAM,IAAW,EAAI,OAAO;AAC5B,UACE,kBAAC,UAAD;IAEE,MAAM,MAAS;AACb,OAAK,QAAQ,KAAK;;IAEpB,MAAK;IACL,MAAK;IACL,iBAAe;IACf,iBAAe,EAAI;IACnB,UAAU,IAAW,IAAI;IACzB,eAAe,EAAS,EAAI,GAAG;IAC/B,YAAY,MAAU,EAAU,GAAO,EAAE;IACzC,WAAW,EACT,0LACA,KAAQ,UACR,IACI,EACE,4BACA,IACI,uDACA,8CACL,GACD,EACE,+BACA,IACI,sBACA,iEACL,CACN;IACD,OACE,CAAC,KAAU,IACP;KAAE,aAAa;KAAQ,OAAO;KAA6B,GAC3D,KAAA;cAhCR;KAmCG,EAAI,OAAO,kBAAC,QAAD;MAAM,eAAY;gBAAQ,EAAI;MAAY,CAAA,GAAG;KACxD,EAAI;KACJ,EAAI,UAAU,KAAA,IASX,OARF,kBAAC,QAAD;MACE,WAAW,EACT,4FACA,IAAW,qCAAqC,iCACjD;gBAEA,EAAI;MACA,CAAA;KAEF;MA9CF,EAAI,GA8CF;IAEX;EACE,CAAA"}

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

@@ -0,0 +1,17 @@
+export interface SkillBarProps {
+    label: string;
+    value: number;
+    max?: number;
+    /** Qualitative level shown on the right, e.g. "Advanced". */
+    levelLabel?: string;
+    /** Show the numeric percentage on the right (ignored when levelLabel is set). */
+    showPercent?: boolean;
+    /** Tokenized fill color; defaults to the product accent. */
+    color?: string;
+    /** Bar height in pixels. */
+    height?: number;
+    className?: string;
+}
+/** A labeled proficiency bar (skill name + level bar). */
+export declare function SkillBar({ label, value, max, levelLabel, showPercent, color, height, className, }: SkillBarProps): import("react").JSX.Element;
+//# sourceMappingURL=SkillBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkillBar.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/SkillBar.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,0DAA0D;AAC1D,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,GAAS,EACT,UAAU,EACV,WAAkB,EAClB,KAAc,EACd,MAAU,EACV,SAAS,GACV,EAAE,aAAa,+BAgCf"}

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

@@ -0,0 +1,3 @@
+import "./lib/palette.js";
+import "./lib/hooks.js";
+import "react/jsx-runtime";

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

@@ -0,0 +1,16 @@
+export interface SparklineProps {
+    /** Ordered trend values (oldest first). */
+    data: number[];
+    variant?: 'line' | 'area';
+    /** Pixel height of the sparkline. */
+    height?: number;
+    /** Accessible label; defaults to a generic trend description. */
+    label?: string;
+    className?: string;
+}
+/**
+ * Tiny inline trend line/area for KPI cards. Draws itself in on mount
+ * (unless reduced-motion is requested) and emphasizes the final point.
+ */
+export declare function Sparkline({ data, variant, height, label, className, }: SparklineProps): import("react").JSX.Element | null;
+//# sourceMappingURL=Sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/components/viz/Sparkline.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAgB,EAChB,MAAW,EACX,KAAK,EACL,SAAS,GACV,EAAE,cAAc,sCA0DhB"}

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

@@ -0,0 +1,74 @@
+import { ACCENT as e } from "./lib/palette.js";
+import { useMounted as t, usePrefersReducedMotion as n, useVizId as r } from "./lib/hooks.js";
+import { ResponsiveSvg as i } from "./lib/ResponsiveSvg.js";
+import { buildAreaPath as a, buildLinePath as o, pointsFromValues as s } from "./lib/geometry.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/kadaikodi/components/viz/Sparkline.tsx
+var u = 3;
+function d({ data: d, variant: f = "line", height: p = 36, label: m, className: h }) {
+	let g = r("spark-grad"), _ = t(), v = n();
+	return d.length === 0 ? null : /* @__PURE__ */ c(i, {
+		height: p,
+		title: m ?? `Trend of ${d.length} points`,
+		minWidth: 96,
+		className: h,
+		children: ({ width: t }) => {
+			let n = s(d, t, p, u), r = o(n), i = a(n, p - u), m = n[n.length - 1];
+			return /* @__PURE__ */ l("g", {
+				style: { color: e },
+				children: [
+					/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
+						id: g,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ c("stop", {
+							offset: "0%",
+							stopColor: "currentColor",
+							stopOpacity: .28
+						}), /* @__PURE__ */ c("stop", {
+							offset: "100%",
+							stopColor: "currentColor",
+							stopOpacity: 0
+						})]
+					}) }),
+					f === "area" ? /* @__PURE__ */ c("path", {
+						d: i,
+						fill: `url(#${g})`,
+						stroke: "none",
+						style: {
+							opacity: _ || v ? 1 : 0,
+							transition: v ? void 0 : "opacity 700ms ease"
+						}
+					}) : null,
+					/* @__PURE__ */ c("path", {
+						d: r,
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: 2,
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						vectorEffect: "non-scaling-stroke",
+						pathLength: 1,
+						style: {
+							strokeDasharray: 1,
+							strokeDashoffset: _ || v ? 0 : 1,
+							transition: v ? void 0 : "stroke-dashoffset 900ms ease"
+						}
+					}),
+					/* @__PURE__ */ c("circle", {
+						cx: m.x,
+						cy: m.y,
+						r: 2.6,
+						fill: "currentColor"
+					})
+				]
+			});
+		}
+	});
+}
+//#endregion
+export { d as Sparkline };
+
+//# sourceMappingURL=Sparkline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.js","names":[],"sources":["../../../../src/kadaikodi/components/viz/Sparkline.tsx"],"sourcesContent":["import { ACCENT } from './lib/palette';\nimport { ResponsiveSvg } from './lib/ResponsiveSvg';\nimport { buildAreaPath, buildLinePath, pointsFromValues } from './lib/geometry';\nimport { useMounted, usePrefersReducedMotion, useVizId } from './lib/hooks';\n\nexport interface SparklineProps {\n  /** Ordered trend values (oldest first). */\n  data: number[];\n  variant?: 'line' | 'area';\n  /** Pixel height of the sparkline. */\n  height?: number;\n  /** Accessible label; defaults to a generic trend description. */\n  label?: string;\n  className?: string;\n}\n\nconst PAD = 3;\n\n/**\n * Tiny inline trend line/area for KPI cards. Draws itself in on mount\n * (unless reduced-motion is requested) and emphasizes the final point.\n */\nexport function Sparkline({\n  data,\n  variant = 'line',\n  height = 36,\n  label,\n  className,\n}: SparklineProps) {\n  const gradientId = useVizId('spark-grad');\n  const mounted = useMounted();\n  const reduced = usePrefersReducedMotion();\n\n  if (data.length === 0) {\n    return null;\n  }\n\n  const title = label ?? `Trend of ${data.length} points`;\n\n  return (\n    <ResponsiveSvg height={height} title={title} minWidth={96} className={className}>\n      {({ width }) => {\n        const points = pointsFromValues(data, width, height, PAD);\n        const linePath = buildLinePath(points);\n        const areaPath = buildAreaPath(points, height - PAD);\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.28} />\n                <stop offset=\"100%\" stopColor=\"currentColor\" stopOpacity={0} />\n              </linearGradient>\n            </defs>\n            {variant === 'area' ? (\n              <path\n                d={areaPath}\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            ) : null}\n            <path\n              d={linePath}\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={2.6} fill=\"currentColor\" />\n          </g>\n        );\n      }}\n    </ResponsiveSvg>\n  );\n}\n"],"mappings":";;;;;;AAgBA,IAAM,IAAM;AAMZ,SAAgB,EAAU,EACxB,SACA,aAAU,QACV,YAAS,IACT,UACA,gBACiB;CACjB,IAAM,IAAa,EAAS,aAAa,EACnC,IAAU,GAAY,EACtB,IAAU,GAAyB;AAQzC,QANI,EAAK,WAAW,IACX,OAMP,kBAAC,GAAD;EAAuB;EAAe,OAH1B,KAAS,YAAY,EAAK,OAAO;EAGA,UAAU;EAAe;aAClE,EAAE,eAAY;GACd,IAAM,IAAS,EAAiB,GAAM,GAAO,GAAQ,EAAI,EACnD,IAAW,EAAc,EAAO,EAChC,IAAW,EAAc,GAAQ,IAAS,EAAI,EAC9C,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;OAAK,CAAA,CAChD;SACZ,CAAA;KACN,MAAY,SACX,kBAAC,QAAD;MACE,GAAG;MACH,MAAM,QAAQ,EAAW;MACzB,QAAO;MACP,OAAO;OACL,SAAS,KAAW,IAAU,IAAI;OAClC,YAAY,IAAU,KAAA,IAAY;OACnC;MACD,CAAA,GACA;KACJ,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;KAC5D;;;EAGM,CAAA"}

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+export interface StatCardProps {
+    label: string;
+    value: ReactNode;
+    /** Signed change; positive renders success (unless `invertDelta`). */
+    delta?: number;
+    /** Unit appended to the delta (default "%"). */
+    deltaSuffix?: string;
+    /** Context line under the delta, e.g. "vs last month". */
+    deltaLabel?: string;
+    /** When true (attrition, cost) a negative delta is the good outcome. */
+    invertDelta?: boolean;
+    icon?: ReactNode;
+    /** Optional trend to render as a footer sparkline. */
+    sparkline?: number[];
+    sparklineVariant?: 'line' | 'area';
+    className?: string;
+}
+/** KPI tile: label, big tabular value, optional signed delta and sparkline. */
+export declare function StatCard({ label, value, delta, deltaSuffix, deltaLabel, invertDelta, icon, sparkline, sparklineVariant, className, }: StatCardProps): import("react").JSX.Element;
+//# sourceMappingURL=StatCard.d.ts.map