@hanzo/ui 8.0.26 → 8.0.28

package/dist/product/Charts.cjs

@@ -0,0 +1,243 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHART_OTHER = exports.CHART_PALETTE = void 0;
+exports.useContainerWidth = useContainerWidth;
+exports.Sparkline = Sparkline;
+exports.LineChart = LineChart;
+exports.BarChart = BarChart;
+exports.Donut = Donut;
+exports.BarRows = BarRows;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Charts — the ONE way the console draws a trend, a series, a share, or a
+ * distribution. Dependency-free: inline SVG for the data-dense temporal charts
+ * (Sparkline / LineChart / BarChart) and @hanzo/gui primitives for the
+ * token-native ones (BarRows, and the Donut's optional legend), so everything
+ * themes to the shell.
+ *
+ * Color is data-driven, not a mode flag: a `Slice` is drawn in its own `color`
+ * when it has one (categorical/polychrome — e.g. spend-by-model) and in a
+ * monochrome opacity ramp off the foreground token when it doesn't (on-brand —
+ * e.g. collections-by-model). One Donut serves both; a consumer that needs a
+ * richer legend (amounts, click targets) leaves `legend` off and composes its own.
+ *
+ * Honest by construction: a Sparkline with fewer than two points renders nothing
+ * (no invented trend); Donut / BarRows with no positive value render an em-dash.
+ * Callers pass REAL series — these never fabricate data.
+ *
+ * SVG marks can't read Tamagui tokens, so concrete colors for SVG come from the
+ * live theme (`useTheme().<token>.get()` → `var(--token)` on web, stays reactive).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+/** Distinct hues for categorical series (e.g. spend-by-model donut), dark-tuned. */
+exports.CHART_PALETTE = [
+    '#7c5cff',
+    '#23c562',
+    '#ff9f45',
+    '#3aa0ff',
+    '#ff5d8f',
+    '#16c0c8',
+    '#c084fc',
+    '#f4c245',
+];
+exports.CHART_OTHER = '#64748b';
+const ACCENT = exports.CHART_PALETTE[0];
+const GRID = 'rgba(148,163,184,0.16)';
+const AXIS = 'rgba(148,163,184,0.85)';
+/** Read a concrete color for a theme token (for SVG), with a safe fallback. */
+const tone = (theme, key, fallback) => {
+    const v = theme[key];
+    const got = v?.get?.();
+    return typeof got === 'string' ? got : fallback;
+};
+/** Opacity ramp so N monochrome slices/areas stay visually distinct. */
+const rampOpacity = (i, n) => (n <= 1 ? 0.9 : 0.95 - (i / (n - 1)) * 0.62);
+function useContainerWidth() {
+    const ref = (0, react_1.useRef)(null);
+    const [w, setW] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const measure = () => setW(el.clientWidth);
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, []);
+    return { ref, w };
+}
+// ── Sparkline (fixed size, for metric cards) ─────────────────────────────────
+function Sparkline({ values, width = 120, height = 36, color, }) {
+    const theme = (0, gui_1.useTheme)();
+    const clean = (values ?? []).filter((v) => Number.isFinite(v));
+    if (clean.length < 2)
+        return null;
+    const stroke = color ?? tone(theme, 'color11', 'currentColor');
+    const max = Math.max(...clean);
+    const min = Math.min(...clean);
+    const span = max - min || 1;
+    const n = clean.length;
+    const px = (i) => (i / (n - 1)) * (width - 2) + 1;
+    const py = (v) => height - 2 - ((v - min) / span) * (height - 4);
+    const line = clean.map((v, i) => `${i === 0 ? 'M' : 'L'}${px(i).toFixed(1)},${py(v).toFixed(1)}`).join(' ');
+    const area = `${line} L${(width - 1).toFixed(1)},${height} L1,${height} Z`;
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: width, height: height, "aria-hidden": true, style: { display: 'block' }, children: [(0, jsx_runtime_1.jsx)("path", { d: area, fill: stroke, fillOpacity: 0.12 }), (0, jsx_runtime_1.jsx)("path", { d: line, fill: "none", stroke: stroke, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round" })] }));
+}
+// ── Shared hover read-out (LineChart / BarChart) ─────────────────────────────
+function Tooltip({ x, height, label, value }) {
+    // Keep the box on-screen near the guide line.
+    const left = Math.max(0, x - 60);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'absolute',
+            left,
+            top: 0,
+            height,
+            pointerEvents: 'none',
+            display: 'flex',
+            alignItems: 'flex-start',
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                background: 'rgba(15,17,21,0.94)',
+                border: '1px solid rgba(148,163,184,0.25)',
+                borderRadius: 8,
+                padding: '6px 9px',
+                fontSize: 11,
+                lineHeight: 1.35,
+                color: '#e2e8f0',
+                whiteSpace: 'nowrap',
+                boxShadow: '0 4px 16px rgba(0,0,0,0.4)',
+            }, children: [(0, jsx_runtime_1.jsx)("div", { style: { color: AXIS }, children: label }), (0, jsx_runtime_1.jsx)("div", { style: { fontWeight: 700 }, children: value })] }) }));
+}
+function nearestIndex(clientX, rect, padL, innerW, n) {
+    if (n <= 1)
+        return 0;
+    const mx = clientX - rect.left - padL;
+    const i = Math.round((mx / (innerW || 1)) * (n - 1));
+    return Math.max(0, Math.min(n - 1, i));
+}
+/** Pick a few evenly-spaced x labels (first/mid/last) to avoid crowding. */
+function axisTicks(data) {
+    const n = data.length;
+    if (n === 0)
+        return [];
+    if (n === 1)
+        return [{ i: 0, label: data[0].label, anchor: 'middle' }];
+    const mid = Math.floor((n - 1) / 2);
+    const out = [
+        { i: 0, label: data[0].label, anchor: 'start' },
+        { i: n - 1, label: data[n - 1].label, anchor: 'end' },
+    ];
+    if (n >= 5)
+        out.splice(1, 0, { i: mid, label: data[mid].label, anchor: 'middle' });
+    return out;
+}
+// ── Line chart (a value over time) ───────────────────────────────────────────
+function LineChart({ data, height = 210, color = ACCENT, formatValue = (v) => String(v), }) {
+    const { ref, w } = useContainerWidth();
+    const [hover, setHover] = (0, react_1.useState)(null);
+    const padL = 10;
+    const padR = 10;
+    const padT = 12;
+    const padB = 24;
+    const n = data.length;
+    const innerW = Math.max(1, w - padL - padR);
+    const innerH = Math.max(1, height - padT - padB);
+    const max = Math.max(...data.map((d) => d.value), 1);
+    const x = (i) => padL + (n <= 1 ? innerW / 2 : (i / (n - 1)) * innerW);
+    const y = (v) => padT + innerH - (v / max) * innerH;
+    const line = data.map((d, i) => `${i === 0 ? 'M' : 'L'}${x(i).toFixed(1)},${y(d.value).toFixed(1)}`).join(' ');
+    const area = n >= 2 ? `${line} L${x(n - 1).toFixed(1)},${(padT + innerH).toFixed(1)} L${x(0).toFixed(1)},${(padT + innerH).toFixed(1)} Z` : '';
+    const ticks = axisTicks(data);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: { position: 'relative', width: '100%' }, children: [w > 0 ? ((0, jsx_runtime_1.jsxs)("svg", { width: w, height: height, style: { display: 'block' }, onMouseMove: (e) => setHover(nearestIndex(e.clientX, e.currentTarget.getBoundingClientRect(), padL, innerW, n)), onMouseLeave: () => setHover(null), children: [[0, 0.5, 1].map((g) => ((0, jsx_runtime_1.jsx)("line", { x1: padL, x2: w - padR, y1: padT + innerH * g, y2: padT + innerH * g, stroke: GRID, strokeWidth: 1 }, g))), area ? (0, jsx_runtime_1.jsx)("path", { d: area, fill: color, fillOpacity: 0.1 }) : null, n >= 2 ? (0, jsx_runtime_1.jsx)("path", { d: line, fill: "none", stroke: color, strokeWidth: 2, strokeLinejoin: "round", strokeLinecap: "round" }) : null, hover != null && data[hover] ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("line", { x1: x(hover), x2: x(hover), y1: padT, y2: padT + innerH, stroke: AXIS, strokeWidth: 1, strokeDasharray: "3 3" }), (0, jsx_runtime_1.jsx)("circle", { cx: x(hover), cy: y(data[hover].value), r: 4, fill: color, stroke: "#0f1115", strokeWidth: 2 })] })) : null, ticks.map((t) => ((0, jsx_runtime_1.jsx)("text", { x: x(t.i), y: height - 7, fontSize: 10, fill: AXIS, textAnchor: t.anchor, children: t.label }, t.i)))] })) : null, hover != null && data[hover] ? ((0, jsx_runtime_1.jsx)(Tooltip, { x: x(hover), height: height, label: data[hover].label, value: formatValue(data[hover].value) })) : null] }));
+}
+// ── Bar chart (a value over time, vertical bars) ─────────────────────────────
+function BarChart({ data, height = 210, color = ACCENT, formatValue = (v) => String(v), }) {
+    const { ref, w } = useContainerWidth();
+    const [hover, setHover] = (0, react_1.useState)(null);
+    const padL = 10;
+    const padR = 10;
+    const padT = 12;
+    const padB = 24;
+    const n = data.length;
+    const innerW = Math.max(1, w - padL - padR);
+    const innerH = Math.max(1, height - padT - padB);
+    const max = Math.max(...data.map((d) => d.value), 1);
+    const slot = innerW / Math.max(1, n);
+    const barW = Math.max(1, Math.min(slot * 0.62, 36));
+    const cx = (i) => padL + slot * i + slot / 2;
+    const ticks = axisTicks(data);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, style: { position: 'relative', width: '100%' }, children: [w > 0 ? ((0, jsx_runtime_1.jsxs)("svg", { width: w, height: height, style: { display: 'block' }, onMouseMove: (e) => {
+                    const rect = e.currentTarget.getBoundingClientRect();
+                    const i = Math.floor((e.clientX - rect.left - padL) / (slot || 1));
+                    setHover(Math.max(0, Math.min(n - 1, i)));
+                }, onMouseLeave: () => setHover(null), children: [[0, 0.5, 1].map((g) => ((0, jsx_runtime_1.jsx)("line", { x1: padL, x2: w - padR, y1: padT + innerH * g, y2: padT + innerH * g, stroke: GRID, strokeWidth: 1 }, g))), data.map((d, i) => {
+                        const h = (d.value / max) * innerH;
+                        return ((0, jsx_runtime_1.jsx)("rect", { x: cx(i) - barW / 2, y: padT + innerH - h, width: barW, height: Math.max(0, h), rx: Math.min(3, barW / 2), fill: color, fillOpacity: hover === i ? 1 : 0.78 }, i));
+                    }), ticks.map((t) => ((0, jsx_runtime_1.jsx)("text", { x: cx(t.i), y: height - 7, fontSize: 10, fill: AXIS, textAnchor: "middle", children: t.label }, t.i)))] })) : null, hover != null && data[hover] ? ((0, jsx_runtime_1.jsx)(Tooltip, { x: cx(hover), height: height, label: data[hover].label, value: formatValue(data[hover].value) })) : null] }));
+}
+// ── Donut (categorical share) ────────────────────────────────────────────────
+function Donut({ slices, size = 160, thickness = 22, center, legend = false, }) {
+    const theme = (0, gui_1.useTheme)();
+    const fg = tone(theme, 'color12', 'currentColor');
+    const positive = slices.filter((s) => s.value > 0);
+    const total = positive.reduce((sum, s) => sum + s.value, 0);
+    const r = size / 2;
+    const rInner = r - thickness;
+    const mid = (r + rInner) / 2;
+    if (total <= 0) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", justify: "center", height: size, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$6", color: "$color10", children: "\u2014" }) }));
+    }
+    const ring = ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: size, height: size }, children: [(0, jsx_runtime_1.jsx)("svg", { width: size, height: size, style: { display: 'block' }, children: positive.length === 1 ? ((0, jsx_runtime_1.jsx)("circle", { cx: r, cy: r, r: mid, fill: "none", stroke: positive[0].color ?? fg, strokeOpacity: positive[0].color ? 1 : 0.9, strokeWidth: thickness })) : (renderArcs(positive, total, r, rInner, fg)) }), center ? ((0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    textAlign: 'center',
+                    pointerEvents: 'none',
+                }, children: center })) : null] }));
+    if (!legend)
+        return ring;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$4", items: "center", flexWrap: "wrap", children: [ring, (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1.5", flex: 1, minW: 150, children: positive.map((s, i) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                width: 10,
+                                height: 10,
+                                borderRadius: 2,
+                                backgroundColor: s.color ?? AXIS,
+                                opacity: s.color ? 1 : rampOpacity(i, positive.length),
+                            } }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", flex: 1, numberOfLines: 1, children: s.label }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$2", color: "$color12", fontWeight: "600", children: [Math.round((s.value / total) * 100), "%"] })] }, s.label))) })] }));
+}
+function renderArcs(slices, total, rOuter, rInner, fg) {
+    let a0 = -Math.PI / 2;
+    const paths = [];
+    slices.forEach((s, idx) => {
+        const frac = Math.max(0, s.value) / total;
+        if (frac <= 0)
+            return;
+        const a1 = a0 + frac * Math.PI * 2;
+        paths.push((0, jsx_runtime_1.jsx)("path", { d: annularArc(rOuter, rOuter, rOuter, rInner, a0, Math.min(a1, a0 + Math.PI * 1.9999)), fill: s.color ?? fg, fillOpacity: s.color ? 1 : rampOpacity(idx, slices.length) }, s.label || idx));
+        a0 = a1;
+    });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: paths });
+}
+function polar(cx, cy, rad, a) {
+    return [cx + rad * Math.cos(a), cy + rad * Math.sin(a)];
+}
+function annularArc(cx, cy, rOuter, rInner, a0, a1) {
+    const large = a1 - a0 > Math.PI ? 1 : 0;
+    const [x0, y0] = polar(cx, cy, rOuter, a0);
+    const [x1, y1] = polar(cx, cy, rOuter, a1);
+    const [x2, y2] = polar(cx, cy, rInner, a1);
+    const [x3, y3] = polar(cx, cy, rInner, a0);
+    return `M${x0},${y0} A${rOuter},${rOuter} 0 ${large} 1 ${x1},${y1} L${x2},${y2} A${rInner},${rInner} 0 ${large} 0 ${x3},${y3} Z`;
+}
+// ── Bar rows (a ranked distribution, horizontal, token-native) ───────────────
+function BarRows({ bars }) {
+    const max = Math.max(0, ...bars.map((b) => b.value));
+    if (max <= 0) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color10", children: "\u2014" }));
+    }
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2.5", children: bars.map((b) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$3", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { width: 64, fontSize: "$2", color: "$color11", text: "right", children: b.label }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, height: 10, bg: "$color3", rounded: "$2", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { height: 10, width: `${Math.max(2, (b.value / max) * 100)}%`, bg: "$color9", rounded: "$2" }) }), (0, jsx_runtime_1.jsx)(gui_1.Text, { width: 56, fontSize: "$2", color: "$color12", fontWeight: "600", children: b.value.toLocaleString() })] }, b.label))) }));
+}

package/dist/product/Charts.d.ts

@@ -71,3 +71,4 @@ export declare function Donut({ slices, size, thickness, center, legend, }: {
 export declare function BarRows({ bars }: {
     bars: Slice[];
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Charts.d.ts.map

package/dist/product/Charts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.d.ts","sourceRoot":"","sources":["../../src/product/Charts.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnE,oFAAoF;AACpF,eAAO,MAAM,aAAa,UASzB,CAAA;AACD,eAAO,MAAM,WAAW,YAAY,CAAA;AAMpC,oEAAoE;AACpE,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEzD,qEAAqE;AACrE,MAAM,MAAM,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAcnF,wBAAgB,iBAAiB;;;EAahC;AAID,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAW,EACX,MAAW,EACX,KAAK,GACN,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,kDAmBA;AA8DD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAY,EACZ,KAAc,EACd,WAA8B,GAC/B,EAAE;IACD,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,2CAmDA;AAID,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAY,EACZ,KAAc,EACd,WAA8B,GAC/B,EAAE;IACD,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,2CA4DA;AAID,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,IAAU,EACV,SAAc,EACd,MAAM,EACN,MAAc,GACf,EAAE;IACD,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,2CAmFA;AAqCD,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,EAAE,CAAA;CAAE,2CA0BlD"}

package/dist/product/Charts.js

@@ -0,0 +1,235 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Charts — the ONE way the console draws a trend, a series, a share, or a
+ * distribution. Dependency-free: inline SVG for the data-dense temporal charts
+ * (Sparkline / LineChart / BarChart) and @hanzo/gui primitives for the
+ * token-native ones (BarRows, and the Donut's optional legend), so everything
+ * themes to the shell.
+ *
+ * Color is data-driven, not a mode flag: a `Slice` is drawn in its own `color`
+ * when it has one (categorical/polychrome — e.g. spend-by-model) and in a
+ * monochrome opacity ramp off the foreground token when it doesn't (on-brand —
+ * e.g. collections-by-model). One Donut serves both; a consumer that needs a
+ * richer legend (amounts, click targets) leaves `legend` off and composes its own.
+ *
+ * Honest by construction: a Sparkline with fewer than two points renders nothing
+ * (no invented trend); Donut / BarRows with no positive value render an em-dash.
+ * Callers pass REAL series — these never fabricate data.
+ *
+ * SVG marks can't read Tamagui tokens, so concrete colors for SVG come from the
+ * live theme (`useTheme().<token>.get()` → `var(--token)` on web, stays reactive).
+ */
+import { useEffect, useRef, useState } from 'react';
+import { Text, XStack, YStack, useTheme } from '@hanzo/gui';
+/** Distinct hues for categorical series (e.g. spend-by-model donut), dark-tuned. */
+export const CHART_PALETTE = [
+    '#7c5cff',
+    '#23c562',
+    '#ff9f45',
+    '#3aa0ff',
+    '#ff5d8f',
+    '#16c0c8',
+    '#c084fc',
+    '#f4c245',
+];
+export const CHART_OTHER = '#64748b';
+const ACCENT = CHART_PALETTE[0];
+const GRID = 'rgba(148,163,184,0.16)';
+const AXIS = 'rgba(148,163,184,0.85)';
+/** Read a concrete color for a theme token (for SVG), with a safe fallback. */
+const tone = (theme, key, fallback) => {
+    const v = theme[key];
+    const got = v?.get?.();
+    return typeof got === 'string' ? got : fallback;
+};
+/** Opacity ramp so N monochrome slices/areas stay visually distinct. */
+const rampOpacity = (i, n) => (n <= 1 ? 0.9 : 0.95 - (i / (n - 1)) * 0.62);
+export function useContainerWidth() {
+    const ref = useRef(null);
+    const [w, setW] = useState(0);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const measure = () => setW(el.clientWidth);
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, []);
+    return { ref, w };
+}
+// ── Sparkline (fixed size, for metric cards) ─────────────────────────────────
+export function Sparkline({ values, width = 120, height = 36, color, }) {
+    const theme = useTheme();
+    const clean = (values ?? []).filter((v) => Number.isFinite(v));
+    if (clean.length < 2)
+        return null;
+    const stroke = color ?? tone(theme, 'color11', 'currentColor');
+    const max = Math.max(...clean);
+    const min = Math.min(...clean);
+    const span = max - min || 1;
+    const n = clean.length;
+    const px = (i) => (i / (n - 1)) * (width - 2) + 1;
+    const py = (v) => height - 2 - ((v - min) / span) * (height - 4);
+    const line = clean.map((v, i) => `${i === 0 ? 'M' : 'L'}${px(i).toFixed(1)},${py(v).toFixed(1)}`).join(' ');
+    const area = `${line} L${(width - 1).toFixed(1)},${height} L1,${height} Z`;
+    return (_jsxs("svg", { width: width, height: height, "aria-hidden": true, style: { display: 'block' }, children: [_jsx("path", { d: area, fill: stroke, fillOpacity: 0.12 }), _jsx("path", { d: line, fill: "none", stroke: stroke, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round" })] }));
+}
+// ── Shared hover read-out (LineChart / BarChart) ─────────────────────────────
+function Tooltip({ x, height, label, value }) {
+    // Keep the box on-screen near the guide line.
+    const left = Math.max(0, x - 60);
+    return (_jsx("div", { style: {
+            position: 'absolute',
+            left,
+            top: 0,
+            height,
+            pointerEvents: 'none',
+            display: 'flex',
+            alignItems: 'flex-start',
+        }, children: _jsxs("div", { style: {
+                background: 'rgba(15,17,21,0.94)',
+                border: '1px solid rgba(148,163,184,0.25)',
+                borderRadius: 8,
+                padding: '6px 9px',
+                fontSize: 11,
+                lineHeight: 1.35,
+                color: '#e2e8f0',
+                whiteSpace: 'nowrap',
+                boxShadow: '0 4px 16px rgba(0,0,0,0.4)',
+            }, children: [_jsx("div", { style: { color: AXIS }, children: label }), _jsx("div", { style: { fontWeight: 700 }, children: value })] }) }));
+}
+function nearestIndex(clientX, rect, padL, innerW, n) {
+    if (n <= 1)
+        return 0;
+    const mx = clientX - rect.left - padL;
+    const i = Math.round((mx / (innerW || 1)) * (n - 1));
+    return Math.max(0, Math.min(n - 1, i));
+}
+/** Pick a few evenly-spaced x labels (first/mid/last) to avoid crowding. */
+function axisTicks(data) {
+    const n = data.length;
+    if (n === 0)
+        return [];
+    if (n === 1)
+        return [{ i: 0, label: data[0].label, anchor: 'middle' }];
+    const mid = Math.floor((n - 1) / 2);
+    const out = [
+        { i: 0, label: data[0].label, anchor: 'start' },
+        { i: n - 1, label: data[n - 1].label, anchor: 'end' },
+    ];
+    if (n >= 5)
+        out.splice(1, 0, { i: mid, label: data[mid].label, anchor: 'middle' });
+    return out;
+}
+// ── Line chart (a value over time) ───────────────────────────────────────────
+export function LineChart({ data, height = 210, color = ACCENT, formatValue = (v) => String(v), }) {
+    const { ref, w } = useContainerWidth();
+    const [hover, setHover] = useState(null);
+    const padL = 10;
+    const padR = 10;
+    const padT = 12;
+    const padB = 24;
+    const n = data.length;
+    const innerW = Math.max(1, w - padL - padR);
+    const innerH = Math.max(1, height - padT - padB);
+    const max = Math.max(...data.map((d) => d.value), 1);
+    const x = (i) => padL + (n <= 1 ? innerW / 2 : (i / (n - 1)) * innerW);
+    const y = (v) => padT + innerH - (v / max) * innerH;
+    const line = data.map((d, i) => `${i === 0 ? 'M' : 'L'}${x(i).toFixed(1)},${y(d.value).toFixed(1)}`).join(' ');
+    const area = n >= 2 ? `${line} L${x(n - 1).toFixed(1)},${(padT + innerH).toFixed(1)} L${x(0).toFixed(1)},${(padT + innerH).toFixed(1)} Z` : '';
+    const ticks = axisTicks(data);
+    return (_jsxs("div", { ref: ref, style: { position: 'relative', width: '100%' }, children: [w > 0 ? (_jsxs("svg", { width: w, height: height, style: { display: 'block' }, onMouseMove: (e) => setHover(nearestIndex(e.clientX, e.currentTarget.getBoundingClientRect(), padL, innerW, n)), onMouseLeave: () => setHover(null), children: [[0, 0.5, 1].map((g) => (_jsx("line", { x1: padL, x2: w - padR, y1: padT + innerH * g, y2: padT + innerH * g, stroke: GRID, strokeWidth: 1 }, g))), area ? _jsx("path", { d: area, fill: color, fillOpacity: 0.1 }) : null, n >= 2 ? _jsx("path", { d: line, fill: "none", stroke: color, strokeWidth: 2, strokeLinejoin: "round", strokeLinecap: "round" }) : null, hover != null && data[hover] ? (_jsxs(_Fragment, { children: [_jsx("line", { x1: x(hover), x2: x(hover), y1: padT, y2: padT + innerH, stroke: AXIS, strokeWidth: 1, strokeDasharray: "3 3" }), _jsx("circle", { cx: x(hover), cy: y(data[hover].value), r: 4, fill: color, stroke: "#0f1115", strokeWidth: 2 })] })) : null, ticks.map((t) => (_jsx("text", { x: x(t.i), y: height - 7, fontSize: 10, fill: AXIS, textAnchor: t.anchor, children: t.label }, t.i)))] })) : null, hover != null && data[hover] ? (_jsx(Tooltip, { x: x(hover), height: height, label: data[hover].label, value: formatValue(data[hover].value) })) : null] }));
+}
+// ── Bar chart (a value over time, vertical bars) ─────────────────────────────
+export function BarChart({ data, height = 210, color = ACCENT, formatValue = (v) => String(v), }) {
+    const { ref, w } = useContainerWidth();
+    const [hover, setHover] = useState(null);
+    const padL = 10;
+    const padR = 10;
+    const padT = 12;
+    const padB = 24;
+    const n = data.length;
+    const innerW = Math.max(1, w - padL - padR);
+    const innerH = Math.max(1, height - padT - padB);
+    const max = Math.max(...data.map((d) => d.value), 1);
+    const slot = innerW / Math.max(1, n);
+    const barW = Math.max(1, Math.min(slot * 0.62, 36));
+    const cx = (i) => padL + slot * i + slot / 2;
+    const ticks = axisTicks(data);
+    return (_jsxs("div", { ref: ref, style: { position: 'relative', width: '100%' }, children: [w > 0 ? (_jsxs("svg", { width: w, height: height, style: { display: 'block' }, onMouseMove: (e) => {
+                    const rect = e.currentTarget.getBoundingClientRect();
+                    const i = Math.floor((e.clientX - rect.left - padL) / (slot || 1));
+                    setHover(Math.max(0, Math.min(n - 1, i)));
+                }, onMouseLeave: () => setHover(null), children: [[0, 0.5, 1].map((g) => (_jsx("line", { x1: padL, x2: w - padR, y1: padT + innerH * g, y2: padT + innerH * g, stroke: GRID, strokeWidth: 1 }, g))), data.map((d, i) => {
+                        const h = (d.value / max) * innerH;
+                        return (_jsx("rect", { x: cx(i) - barW / 2, y: padT + innerH - h, width: barW, height: Math.max(0, h), rx: Math.min(3, barW / 2), fill: color, fillOpacity: hover === i ? 1 : 0.78 }, i));
+                    }), ticks.map((t) => (_jsx("text", { x: cx(t.i), y: height - 7, fontSize: 10, fill: AXIS, textAnchor: "middle", children: t.label }, t.i)))] })) : null, hover != null && data[hover] ? (_jsx(Tooltip, { x: cx(hover), height: height, label: data[hover].label, value: formatValue(data[hover].value) })) : null] }));
+}
+// ── Donut (categorical share) ────────────────────────────────────────────────
+export function Donut({ slices, size = 160, thickness = 22, center, legend = false, }) {
+    const theme = useTheme();
+    const fg = tone(theme, 'color12', 'currentColor');
+    const positive = slices.filter((s) => s.value > 0);
+    const total = positive.reduce((sum, s) => sum + s.value, 0);
+    const r = size / 2;
+    const rInner = r - thickness;
+    const mid = (r + rInner) / 2;
+    if (total <= 0) {
+        return (_jsx(XStack, { items: "center", justify: "center", height: size, children: _jsx(Text, { fontSize: "$6", color: "$color10", children: "\u2014" }) }));
+    }
+    const ring = (_jsxs("div", { style: { position: 'relative', width: size, height: size }, children: [_jsx("svg", { width: size, height: size, style: { display: 'block' }, children: positive.length === 1 ? (_jsx("circle", { cx: r, cy: r, r: mid, fill: "none", stroke: positive[0].color ?? fg, strokeOpacity: positive[0].color ? 1 : 0.9, strokeWidth: thickness })) : (renderArcs(positive, total, r, rInner, fg)) }), center ? (_jsx("div", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    textAlign: 'center',
+                    pointerEvents: 'none',
+                }, children: center })) : null] }));
+    if (!legend)
+        return ring;
+    return (_jsxs(XStack, { gap: "$4", items: "center", flexWrap: "wrap", children: [ring, _jsx(YStack, { gap: "$1.5", flex: 1, minW: 150, children: positive.map((s, i) => (_jsxs(XStack, { gap: "$2", items: "center", children: [_jsx("div", { style: {
+                                width: 10,
+                                height: 10,
+                                borderRadius: 2,
+                                backgroundColor: s.color ?? AXIS,
+                                opacity: s.color ? 1 : rampOpacity(i, positive.length),
+                            } }), _jsx(Text, { fontSize: "$2", color: "$color11", flex: 1, numberOfLines: 1, children: s.label }), _jsxs(Text, { fontSize: "$2", color: "$color12", fontWeight: "600", children: [Math.round((s.value / total) * 100), "%"] })] }, s.label))) })] }));
+}
+function renderArcs(slices, total, rOuter, rInner, fg) {
+    let a0 = -Math.PI / 2;
+    const paths = [];
+    slices.forEach((s, idx) => {
+        const frac = Math.max(0, s.value) / total;
+        if (frac <= 0)
+            return;
+        const a1 = a0 + frac * Math.PI * 2;
+        paths.push(_jsx("path", { d: annularArc(rOuter, rOuter, rOuter, rInner, a0, Math.min(a1, a0 + Math.PI * 1.9999)), fill: s.color ?? fg, fillOpacity: s.color ? 1 : rampOpacity(idx, slices.length) }, s.label || idx));
+        a0 = a1;
+    });
+    return _jsx(_Fragment, { children: paths });
+}
+function polar(cx, cy, rad, a) {
+    return [cx + rad * Math.cos(a), cy + rad * Math.sin(a)];
+}
+function annularArc(cx, cy, rOuter, rInner, a0, a1) {
+    const large = a1 - a0 > Math.PI ? 1 : 0;
+    const [x0, y0] = polar(cx, cy, rOuter, a0);
+    const [x1, y1] = polar(cx, cy, rOuter, a1);
+    const [x2, y2] = polar(cx, cy, rInner, a1);
+    const [x3, y3] = polar(cx, cy, rInner, a0);
+    return `M${x0},${y0} A${rOuter},${rOuter} 0 ${large} 1 ${x1},${y1} L${x2},${y2} A${rInner},${rInner} 0 ${large} 0 ${x3},${y3} Z`;
+}
+// ── Bar rows (a ranked distribution, horizontal, token-native) ───────────────
+export function BarRows({ bars }) {
+    const max = Math.max(0, ...bars.map((b) => b.value));
+    if (max <= 0) {
+        return (_jsx(Text, { fontSize: "$3", color: "$color10", children: "\u2014" }));
+    }
+    return (_jsx(YStack, { gap: "$2.5", children: bars.map((b) => (_jsxs(XStack, { gap: "$3", items: "center", children: [_jsx(Text, { width: 64, fontSize: "$2", color: "$color11", text: "right", children: b.label }), _jsx(YStack, { flex: 1, height: 10, bg: "$color3", rounded: "$2", overflow: "hidden", children: _jsx(YStack, { height: 10, width: `${Math.max(2, (b.value / max) * 100)}%`, bg: "$color9", rounded: "$2" }) }), _jsx(Text, { width: 56, fontSize: "$2", color: "$color12", fontWeight: "600", children: b.value.toLocaleString() })] }, b.label))) }));
+}
+//# sourceMappingURL=Charts.js.map

package/dist/product/Charts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Charts.js","sourceRoot":"","sources":["../../src/product/Charts.tsx"],"names":[],"mappings":"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"}

package/dist/product/ComboBox.cjs

@@ -0,0 +1,44 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBox = ComboBox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ComboBox — a typeable select: a text input the user can type any value into, PLUS a
+ * menu of LIVE options (filtered by what's typed) they can pick from. The value is
+ * always exactly the input text, so a custom id is inherently supported. Prop-driven +
+ * self-contained (options/loading/error injected by the caller).
+ *
+ * Uses the ONE shared menu spec (MenuItemView) + FloatingMenu (gui Portal) so options look
+ * identical to every other menu and render correctly through the portal under a nested
+ * `<Theme>` on gui-native hosts. The input row is the anchor (excluded from dismiss) and
+ * the panel does NOT steal focus, so typing keeps filtering.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const instrument_1 = require("./instrument.cjs");
+const filter_1 = require("./combobox/filter.cjs");
+const items_1 = require("./menu/items.cjs");
+const FloatingMenu_1 = require("./menu/FloatingMenu.cjs");
+function ComboBox({ value, onChange, options, loading = false, error = null, onRetry, placeholder, disabled, emptyText = 'No matches — press to use what you typed.', minWidth = 240, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const rowRef = (0, react_1.useRef)(null);
+    const anchorRect = (0, react_1.useCallback)(() => rowRef.current?.getBoundingClientRect() ?? null, []);
+    const anchorEl = (0, react_1.useCallback)(() => rowRef.current, []);
+    const filtered = (0, react_1.useMemo)(() => (0, filter_1.filterOptions)(options, value), [options, value]);
+    const track = (0, instrument_1.useEmit)();
+    const pick = (v) => {
+        track({ component: 'ComboBox', action: 'select', id: v, value: filtered.length });
+        onChange(v);
+        setOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: rowRef, items: "center", gap: "$2", minW: minWidth, children: [(0, jsx_runtime_1.jsx)(gui_1.Input, { flex: 1, value: value, onChangeText: (v) => {
+                            onChange(v);
+                            if (!open)
+                                setOpen(true);
+                        }, onFocus: () => setOpen(true), disabled: disabled, placeholder: placeholder, autoCapitalize: "none" }), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, disabled: disabled, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16, opacity: 0.7 }), onPress: () => {
+                            track({ component: 'ComboBox', action: open ? 'close' : 'open' });
+                            setOpen((o) => !o);
+                        }, "aria-label": "Show options" })] }), (0, jsx_runtime_1.jsx)(FloatingMenu_1.FloatingMenu, { open: open, onClose: () => setOpen(false), anchorRect: anchorRect, anchorEl: anchorEl, autoFocus: false, minWidth: minWidth, maxHeight: 300, children: loading ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2", py: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small", color: "$color11" }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", children: "Loading options\u2026" })] })) : error ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2", py: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", flex: 1, numberOfLines: 2, children: error }), onRetry ? ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$1", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 12 }), onPress: onRetry, "aria-label": "Retry" })) : null] })) : filtered.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", px: "$2", py: "$2", children: emptyText })) : (filtered.map((o) => ((0, jsx_runtime_1.jsx)(items_1.MenuItemView, { label: o.label ?? o.value, description: o.hint, selected: o.value === value, onSelect: () => pick(o.value) }, o.value)))) })] }));
+}

package/dist/product/ComboBox.d.ts

@@ -1,5 +1,5 @@
-import { type ComboOption } from './combobox/filter';
-export type { ComboOption } from './combobox/filter';
+import { type ComboOption } from './combobox/filter.js';
+export type { ComboOption } from './combobox/filter.js';
 export declare function ComboBox({ value, onChange, options, loading, error, onRetry, placeholder, disabled, emptyText, minWidth, }: {
     value: string;
     onChange: (v: string) => void;
@@ -17,3 +17,4 @@ export declare function ComboBox({ value, onChange, options, loading, error, onR
     emptyText?: string;
     minWidth?: number;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/product/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../src/product/ComboBox.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAInE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAe,EACf,KAAY,EACZ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,SAAuD,EACvD,QAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,6DAA6D;IAC7D,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,2CAsFA"}