@hanzo/ui 8.0.26 → 8.0.28

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

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.d.ts","sourceRoot":"","sources":["../../src/product/FadeIn.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAS,EACT,IAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,2CAOA"}

package/dist/product/FadeIn.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FadeIn({ children, index = 0, step = 50, delayMs, style, }) {
+    const delay = delayMs ?? index * step;
+    return (_jsx("div", { className: "hz-fade-up", style: { animationDelay: `${delay}ms`, ...style }, children: children }));
+}
+//# sourceMappingURL=FadeIn.js.map

package/dist/product/FadeIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../src/product/FadeIn.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,EAAE,EACT,OAAO,EACP,KAAK,GAWN;IACC,MAAM,KAAK,GAAG,OAAO,IAAI,KAAK,GAAG,IAAI,CAAA;IACrC,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,GAAG,KAAK,IAAI,EAAE,GAAG,KAAK,EAAE,YAC1E,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}

package/dist/product/Field.cjs

@@ -0,0 +1,111 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldRow = FieldRow;
+exports.FieldText = FieldText;
+exports.FieldTextArea = FieldTextArea;
+exports.FieldSwitch = FieldSwitch;
+exports.FieldSelect = FieldSelect;
+exports.FieldSlider = FieldSlider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Form field primitives — labeled rows over Hanzo GUI inputs.
+ *
+ * One way to render a labeled control. Every editor field goes through these, so
+ * spacing, disabled styling, and the label column stay consistent. Style props
+ * use the v5 shorthand set (p/px/items/justify/...).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const instrument_1 = require("./instrument.cjs");
+// The label the caller ALREADY typed on the FieldRow becomes the analytics name —
+// so an app never labels a field twice and no field reports as "unnamed".
+const FieldNameContext = (0, react_1.createContext)(undefined);
+/** Every Field* control reports `{component, action:'change', id:<row label>}`;
+ *  the VALUE is only ever a scalar or a text LENGTH, never free text. */
+function useFieldTrack(component) {
+    const track = (0, instrument_1.useEmit)();
+    const name = (0, react_1.useContext)(FieldNameContext);
+    return (e) => track({ component, id: name, ...e });
+}
+/**
+ * Labeled row. STACKED on phones (label full-width above a full-width control) so a
+ * form inside a SlideOver stays usable and never clips its labels; a fixed 180px
+ * label column + flexing control at $md+ (the two-column desktop/tablet layout).
+ */
+function FieldRow({ label, children }) {
+    return ((0, jsx_runtime_1.jsx)(FieldNameContext.Provider, { value: label, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$3", items: "flex-start", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Label, { width: "100%", pt: "$2", color: "$color11", fontSize: "$3", "$md": { width: 180 }, children: label }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, minW: 0, "$md": { minW: 240 }, children: children })] }) }));
+}
+function FieldText({ value, onChange, disabled, secure, placeholder, }) {
+    const track = useFieldTrack('FieldText');
+    return ((0, jsx_runtime_1.jsx)(gui_1.Input, { value: value, onChangeText: (v) => {
+            track({ action: 'change', value: secure ? 0 : (0, instrument_1.textSize)(v) });
+            onChange(v);
+        }, disabled: disabled, secureTextEntry: secure, placeholder: placeholder, autoCapitalize: "none" }));
+}
+function FieldTextArea({ value, onChange, disabled, rows = 6, }) {
+    const track = useFieldTrack('FieldTextArea');
+    return ((0, jsx_runtime_1.jsx)(gui_1.TextArea, { value: value, onChangeText: (v) => {
+            track({ action: 'change', value: (0, instrument_1.textSize)(v) });
+            onChange(v);
+        }, disabled: disabled, numberOfLines: rows }));
+}
+function FieldSwitch({ checked, onChange, disabled, }) {
+    const track = useFieldTrack('FieldSwitch');
+    return ((0, jsx_runtime_1.jsx)(gui_1.Switch, { checked: checked, onCheckedChange: (v) => {
+            track({ action: 'change', value: v });
+            onChange(v);
+        }, disabled: disabled, size: "$3", children: (0, jsx_runtime_1.jsx)(gui_1.Switch.Thumb, {}) }));
+}
+/**
+ * A labeled dropdown.
+ *
+ * Renders a REAL native `<select>` on web (and the OS-native picker on mobile),
+ * NOT the `@hanzo/gui` `<Select native>` — that primitive is broken in gui 7.3.0:
+ * `native` emits bare `<option>` elements with NO `<select>` wrapper, so every
+ * dropdown across the console (region/size pickers, all edit forms) rendered as a
+ * non-interactive flat list of option text that buried the surrounding controls.
+ * A native `<select>` is compact, keyboard/ARIA-accessible, gives the native
+ * mobile picker (best small-screen UX), and is themed via the Tamagui CSS custom
+ * properties (`--background`/`--color12`/`--borderColor`) so it tracks light/dark.
+ */
+const CHEVRON = `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9a9a9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>')}`;
+function selectStyle(disabled) {
+    return {
+        width: '100%',
+        boxSizing: 'border-box',
+        appearance: 'none',
+        WebkitAppearance: 'none',
+        MozAppearance: 'none',
+        background: `var(--background) url("${CHEVRON}") no-repeat right 10px center`,
+        color: 'var(--color12)',
+        border: '1px solid var(--borderColor)',
+        borderRadius: 9,
+        padding: '9px 34px 9px 12px',
+        fontSize: 14,
+        lineHeight: '20px',
+        fontFamily: 'inherit',
+        height: 40,
+        outline: 'none',
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1,
+    };
+}
+const OPTION_STYLE = { background: 'var(--color2)', color: 'var(--color12)' };
+function FieldSelect({ value, options, onChange, disabled, placeholder = 'Select…', }) {
+    // When the current value isn't one of the options (empty/unset), show the
+    // placeholder as a selected-but-disabled row so the control reads honestly.
+    const track = useFieldTrack('FieldSelect');
+    const showPlaceholder = value === '' || !options.includes(value);
+    return ((0, jsx_runtime_1.jsxs)("select", { value: showPlaceholder ? '' : value, onChange: (e) => {
+            track({ action: 'change', value: e.currentTarget.value });
+            onChange(e.currentTarget.value);
+        }, disabled: disabled, "aria-label": placeholder, style: selectStyle(disabled), children: [showPlaceholder ? ((0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, style: OPTION_STYLE, children: placeholder })) : null, options.map((opt) => ((0, jsx_runtime_1.jsx)("option", { value: opt, style: OPTION_STYLE, children: opt }, opt)))] }));
+}
+function FieldSlider({ value, min, max, step, onChange, disabled, }) {
+    const track = useFieldTrack('FieldSlider');
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$3", items: "center", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { width: 56, fontSize: "$3", color: "$color11", children: value }), (0, jsx_runtime_1.jsxs)(gui_1.Slider, { flex: 1, min: min, max: max, step: step, value: [value], onValueChange: (v) => {
+                    track({ action: 'change', value: v[0] ?? min });
+                    onChange(v[0] ?? min);
+                }, disabled: disabled, children: [(0, jsx_runtime_1.jsx)(gui_1.Slider.Track, { children: (0, jsx_runtime_1.jsx)(gui_1.Slider.TrackActive, {}) }), (0, jsx_runtime_1.jsx)(gui_1.Slider.Thumb, { index: 0, circular: true })] })] }));
+}

package/dist/product/Field.d.ts

@@ -48,3 +48,4 @@ export declare function FieldSlider({ value, min, max, step, onChange, disabled,
     onChange: (v: number) => void;
     disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/product/Field.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAiD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA0BrF;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAanF;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAeA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,2CAaA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAeA;AA0CD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAuB,GACxB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CA4BA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CA0BA"}

package/dist/product/Field.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Form field primitives — labeled rows over Hanzo GUI inputs.
+ *
+ * One way to render a labeled control. Every editor field goes through these, so
+ * spacing, disabled styling, and the label column stay consistent. Style props
+ * use the v5 shorthand set (p/px/items/justify/...).
+ */
+import { createContext, useContext } from 'react';
+import { Input, Label, Switch, TextArea, Slider, Text, XStack, YStack, } from '@hanzo/gui';
+import { textSize, useEmit } from './instrument.js';
+// The label the caller ALREADY typed on the FieldRow becomes the analytics name —
+// so an app never labels a field twice and no field reports as "unnamed".
+const FieldNameContext = createContext(undefined);
+/** Every Field* control reports `{component, action:'change', id:<row label>}`;
+ *  the VALUE is only ever a scalar or a text LENGTH, never free text. */
+function useFieldTrack(component) {
+    const track = useEmit();
+    const name = useContext(FieldNameContext);
+    return (e) => track({ component, id: name, ...e });
+}
+/**
+ * Labeled row. STACKED on phones (label full-width above a full-width control) so a
+ * form inside a SlideOver stays usable and never clips its labels; a fixed 180px
+ * label column + flexing control at $md+ (the two-column desktop/tablet layout).
+ */
+export function FieldRow({ label, children }) {
+    return (_jsx(FieldNameContext.Provider, { value: label, children: _jsxs(XStack, { gap: "$3", items: "flex-start", flexWrap: "wrap", children: [_jsx(Label, { width: "100%", pt: "$2", color: "$color11", fontSize: "$3", "$md": { width: 180 }, children: label }), _jsx(YStack, { flex: 1, minW: 0, "$md": { minW: 240 }, children: children })] }) }));
+}
+export function FieldText({ value, onChange, disabled, secure, placeholder, }) {
+    const track = useFieldTrack('FieldText');
+    return (_jsx(Input, { value: value, onChangeText: (v) => {
+            track({ action: 'change', value: secure ? 0 : textSize(v) });
+            onChange(v);
+        }, disabled: disabled, secureTextEntry: secure, placeholder: placeholder, autoCapitalize: "none" }));
+}
+export function FieldTextArea({ value, onChange, disabled, rows = 6, }) {
+    const track = useFieldTrack('FieldTextArea');
+    return (_jsx(TextArea, { value: value, onChangeText: (v) => {
+            track({ action: 'change', value: textSize(v) });
+            onChange(v);
+        }, disabled: disabled, numberOfLines: rows }));
+}
+export function FieldSwitch({ checked, onChange, disabled, }) {
+    const track = useFieldTrack('FieldSwitch');
+    return (_jsx(Switch, { checked: checked, onCheckedChange: (v) => {
+            track({ action: 'change', value: v });
+            onChange(v);
+        }, disabled: disabled, size: "$3", children: _jsx(Switch.Thumb, {}) }));
+}
+/**
+ * A labeled dropdown.
+ *
+ * Renders a REAL native `<select>` on web (and the OS-native picker on mobile),
+ * NOT the `@hanzo/gui` `<Select native>` — that primitive is broken in gui 7.3.0:
+ * `native` emits bare `<option>` elements with NO `<select>` wrapper, so every
+ * dropdown across the console (region/size pickers, all edit forms) rendered as a
+ * non-interactive flat list of option text that buried the surrounding controls.
+ * A native `<select>` is compact, keyboard/ARIA-accessible, gives the native
+ * mobile picker (best small-screen UX), and is themed via the Tamagui CSS custom
+ * properties (`--background`/`--color12`/`--borderColor`) so it tracks light/dark.
+ */
+const CHEVRON = `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#9a9a9a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>')}`;
+function selectStyle(disabled) {
+    return {
+        width: '100%',
+        boxSizing: 'border-box',
+        appearance: 'none',
+        WebkitAppearance: 'none',
+        MozAppearance: 'none',
+        background: `var(--background) url("${CHEVRON}") no-repeat right 10px center`,
+        color: 'var(--color12)',
+        border: '1px solid var(--borderColor)',
+        borderRadius: 9,
+        padding: '9px 34px 9px 12px',
+        fontSize: 14,
+        lineHeight: '20px',
+        fontFamily: 'inherit',
+        height: 40,
+        outline: 'none',
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.5 : 1,
+    };
+}
+const OPTION_STYLE = { background: 'var(--color2)', color: 'var(--color12)' };
+export function FieldSelect({ value, options, onChange, disabled, placeholder = 'Select…', }) {
+    // When the current value isn't one of the options (empty/unset), show the
+    // placeholder as a selected-but-disabled row so the control reads honestly.
+    const track = useFieldTrack('FieldSelect');
+    const showPlaceholder = value === '' || !options.includes(value);
+    return (_jsxs("select", { value: showPlaceholder ? '' : value, onChange: (e) => {
+            track({ action: 'change', value: e.currentTarget.value });
+            onChange(e.currentTarget.value);
+        }, disabled: disabled, "aria-label": placeholder, style: selectStyle(disabled), children: [showPlaceholder ? (_jsx("option", { value: "", disabled: true, style: OPTION_STYLE, children: placeholder })) : null, options.map((opt) => (_jsx("option", { value: opt, style: OPTION_STYLE, children: opt }, opt)))] }));
+}
+export function FieldSlider({ value, min, max, step, onChange, disabled, }) {
+    const track = useFieldTrack('FieldSlider');
+    return (_jsxs(XStack, { gap: "$3", items: "center", children: [_jsx(Text, { width: 56, fontSize: "$3", color: "$color11", children: value }), _jsxs(Slider, { flex: 1, min: min, max: max, step: step, value: [value], onValueChange: (v) => {
+                    track({ action: 'change', value: v[0] ?? min });
+                    onChange(v[0] ?? min);
+                }, disabled: disabled, children: [_jsx(Slider.Track, { children: _jsx(Slider.TrackActive, {}) }), _jsx(Slider.Thumb, { index: 0, circular: true })] })] }));
+}
+//# sourceMappingURL=Field.js.map

package/dist/product/Field.js.map

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

package/dist/product/Filters.cjs

@@ -0,0 +1,31 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Segmented = Segmented;
+exports.SearchInput = SearchInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const instrument_1 = require("./instrument.cjs");
+/** A compact segmented pill control — the ONE way filters/ranges/toggles render. */
+function Segmented({ options, value, onChange, size = '$2', name, }) {
+    const track = (0, instrument_1.useEmit)();
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$1", flexWrap: "wrap", items: "center", children: options.map((o) => {
+            const active = o.value === value;
+            return ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: size, bg: active ? '$color5' : 'transparent', borderWidth: 1, borderColor: active ? '$color7' : '$borderColor', "aria-pressed": active, onPress: () => {
+                    track({ component: 'Segmented', action: 'filter', id: name, value: o.value });
+                    onChange(o.value);
+                }, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", fontWeight: active ? '700' : '500', color: active ? '$color12' : '$color11', children: o.label }) }, o.value));
+        }) }));
+}
+/** A search input with a leading magnifier. */
+function SearchInput({ value, onChange, placeholder, name, }) {
+    const track = (0, instrument_1.useEmit)();
+    // The QUERY IS NEVER SENT — only how long it was. The shape of the behaviour
+    // (did people search? how specifically?) without the content.
+    const onChangeTracked = (v) => {
+        track({ component: 'SearchInput', action: 'search', id: name, value: (0, instrument_1.textSize)(v) });
+        onChange(v);
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { flex: 1, minW: 180, items: "center", gap: "$2", px: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", bg: "$color1", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 15, color: "$color10" }), (0, jsx_runtime_1.jsx)(gui_1.Input, { flex: 1, value: value, onChangeText: onChangeTracked, placeholder: placeholder, borderWidth: 0, bg: "transparent", px: "$0", fontSize: "$3" })] }));
+}

package/dist/product/Filters.d.ts

@@ -31,3 +31,4 @@ export declare function SearchInput({ value, onChange, placeholder, name, }: {
     /** Names the search box in analytics; defaults to `SearchInput`. */
     name?: string;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAuB,MAAM,YAAY,CAAA;AAKxD,uCAAuC;AACvC,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAA;AAElE,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,IAAI,GACL,EAAE;IACD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5C,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,2CA2BA;AAED,+CAA+C;AAC/C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,2CAcA"}

package/dist/product/Filters.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Text, XStack } from '@hanzo/gui';
+import { Search } from '@hanzogui/lucide-icons-2';
+import { textSize, useEmit } from './instrument.js';
+/** A compact segmented pill control — the ONE way filters/ranges/toggles render. */
+export function Segmented({ options, value, onChange, size = '$2', name, }) {
+    const track = useEmit();
+    return (_jsx(XStack, { gap: "$1", flexWrap: "wrap", items: "center", children: options.map((o) => {
+            const active = o.value === value;
+            return (_jsx(Button, { size: size, bg: active ? '$color5' : 'transparent', borderWidth: 1, borderColor: active ? '$color7' : '$borderColor', "aria-pressed": active, onPress: () => {
+                    track({ component: 'Segmented', action: 'filter', id: name, value: o.value });
+                    onChange(o.value);
+                }, children: _jsx(Text, { fontSize: "$2", fontWeight: active ? '700' : '500', color: active ? '$color12' : '$color11', children: o.label }) }, o.value));
+        }) }));
+}
+/** A search input with a leading magnifier. */
+export function SearchInput({ value, onChange, placeholder, name, }) {
+    const track = useEmit();
+    // The QUERY IS NEVER SENT — only how long it was. The shape of the behaviour
+    // (did people search? how specifically?) without the content.
+    const onChangeTracked = (v) => {
+        track({ component: 'SearchInput', action: 'search', id: name, value: textSize(v) });
+        onChange(v);
+    };
+    return (_jsxs(XStack, { flex: 1, minW: 180, items: "center", gap: "$2", px: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", bg: "$color1", children: [_jsx(Search, { size: 15, color: "$color10" }), _jsx(Input, { flex: 1, value: value, onChangeText: onChangeTracked, placeholder: placeholder, borderWidth: 0, bg: "transparent", px: "$0", fontSize: "$3" })] }));
+}
+//# sourceMappingURL=Filters.js.map

package/dist/product/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../src/product/Filters.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAKhD,oFAAoF;AACpF,MAAM,UAAU,SAAS,CAAmB,EAC1C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,IAAI,GAQL;IACC,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,OAAO,CACL,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,YAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAA;YAChC,OAAO,CACL,KAAC,MAAM,IAEL,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACtC,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,kBAClC,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;oBAC7E,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;gBACnB,CAAC,YAED,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,YAC5F,CAAC,CAAC,KAAK,GACH,IAbF,CAAC,CAAC,KAAK,CAcL,CACV,CAAA;QACH,CAAC,CAAC,GACK,CACV,CAAA;AACH,CAAC;AAED,+CAA+C;AAC/C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,GAOL;IACC,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;IACvB,6EAA6E;IAC7E,8DAA8D;IAC9D,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,EAAE;QACpC,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QACnF,QAAQ,CAAC,CAAC,CAAC,CAAA;IACb,CAAC,CAAA;IACD,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,aAC9H,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,UAAU,GAAG,EACrC,KAAC,KAAK,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,EAAC,aAAa,EAAC,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,GAAG,IACzI,CACV,CAAA;AACH,CAAC"}

package/dist/product/HanzoMark.cjs

@@ -0,0 +1,16 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HanzoMark = HanzoMark;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The Hanzo "H" mark — the canonical 7-path shaded glyph: five body blocks +
+ * two shade slivers (geometry canon: @hanzo/logo `MARK_PATHS`).
+ *
+ * Rendered as inline SVG with `fill: currentColor` (shade at reduced opacity),
+ * so it inherits the surrounding text color and adapts to the dark/light theme
+ * with no per-theme asset. ONE source for the mark across the chrome.
+ */
+function HanzoMark({ size = 22, color = 'currentColor' }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 67 67", role: "img", "aria-label": "Hanzo", fill: color, style: { display: 'block', flexShrink: 0 }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.21 67V44.6369H0V67H22.21Z" }), (0, jsx_runtime_1.jsx)("path", { opacity: 0.55, d: "M0 44.6369L22.21 46.8285V44.6369H0Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.21 0H0V22.3184H22.21V0Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M66.7198 0H44.5098V22.3184H66.7198V0Z" }), (0, jsx_runtime_1.jsx)("path", { opacity: 0.55, d: "M66.6753 22.3185L44.5098 20.0822V22.3185H66.6753Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M66.7198 67V44.6369H44.5098V67H66.7198Z" })] }));
+}

package/dist/product/HanzoMark.d.ts

@@ -10,3 +10,4 @@ export declare function HanzoMark({ size, color }: {
     size?: number;
     color?: string;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HanzoMark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HanzoMark.d.ts","sourceRoot":"","sources":["../../src/product/HanzoMark.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAoBjG"}

package/dist/product/HanzoMark.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Hanzo "H" mark — the canonical 7-path shaded glyph: five body blocks +
+ * two shade slivers (geometry canon: @hanzo/logo `MARK_PATHS`).
+ *
+ * Rendered as inline SVG with `fill: currentColor` (shade at reduced opacity),
+ * so it inherits the surrounding text color and adapts to the dark/light theme
+ * with no per-theme asset. ONE source for the mark across the chrome.
+ */
+export function HanzoMark({ size = 22, color = 'currentColor' }) {
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 67 67", role: "img", "aria-label": "Hanzo", fill: color, style: { display: 'block', flexShrink: 0 }, children: [_jsx("path", { d: "M22.21 67V44.6369H0V67H22.21Z" }), _jsx("path", { opacity: 0.55, d: "M0 44.6369L22.21 46.8285V44.6369H0Z" }), _jsx("path", { d: "M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" }), _jsx("path", { d: "M22.21 0H0V22.3184H22.21V0Z" }), _jsx("path", { d: "M66.7198 0H44.5098V22.3184H66.7198V0Z" }), _jsx("path", { opacity: 0.55, d: "M66.6753 22.3185L44.5098 20.0822V22.3185H66.6753Z" }), _jsx("path", { d: "M66.7198 67V44.6369H44.5098V67H66.7198Z" })] }));
+}
+//# sourceMappingURL=HanzoMark.js.map

package/dist/product/HanzoMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HanzoMark.js","sourceRoot":"","sources":["../../src/product/HanzoMark.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAqC;IAChG,OAAO,CACL,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,KAAK,gBACC,OAAO,EAClB,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,aAE1C,eAAM,CAAC,EAAC,+BAA+B,GAAG,EAC1C,eAAM,OAAO,EAAE,IAAI,EAAE,CAAC,EAAC,qCAAqC,GAAG,EAC/D,eAAM,CAAC,EAAC,qEAAqE,GAAG,EAChF,eAAM,CAAC,EAAC,6BAA6B,GAAG,EACxC,eAAM,CAAC,EAAC,uCAAuC,GAAG,EAClD,eAAM,OAAO,EAAE,IAAI,EAAE,CAAC,EAAC,mDAAmD,GAAG,EAC7E,eAAM,CAAC,EAAC,yCAAyC,GAAG,IAChD,CACP,CAAA;AACH,CAAC"}

package/dist/product/Metric.cjs

@@ -0,0 +1,96 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorForIndex = exports.SERIES = void 0;
+exports.utilColor = utilColor;
+exports.Sparkline = Sparkline;
+exports.MiniBars = MiniBars;
+exports.UtilBar = UtilBar;
+exports.LegendDot = LegendDot;
+exports.MetricCard = MetricCard;
+exports.HintButton = HintButton;
+exports.Panel = Panel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+/** Distinct, theme-neutral series colors (mid-saturation reads on dark + light). */
+exports.SERIES = ['#6ea8fe', '#7ee787', '#f0a868', '#c792ea', '#56d4c4', '#e879a6', '#d6c15a', '#8b9bb4'];
+const colorForIndex = (i) => exports.SERIES[i % exports.SERIES.length];
+exports.colorForIndex = colorForIndex;
+const TRACK = 'rgba(128,128,128,0.18)';
+/** Tone for a utilization/temperature value (green calm → red hot). */
+function utilColor(pct) {
+    if (pct >= 90)
+        return '#e5534b';
+    if (pct >= 70)
+        return '#f0a868';
+    return '#7ee787';
+}
+/**
+ * A single-series sparkline over real points. Renders nothing meaningful for <2
+ * points (the caller shows `—` instead). The y-range is the data's own min/max.
+ */
+function Sparkline({ points, width = 104, height = 30, color = exports.SERIES[0], }) {
+    if (!points || points.length < 2)
+        return null;
+    const min = Math.min(...points);
+    const max = Math.max(...points);
+    const span = max - min || 1;
+    const stepX = width / (points.length - 1);
+    const y = (v) => height - 2 - ((v - min) / span) * (height - 4);
+    const d = points.map((p, i) => `${i === 0 ? 'M' : 'L'}${(i * stepX).toFixed(1)},${y(p).toFixed(1)}`).join(' ');
+    return ((0, jsx_runtime_1.jsx)("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": "trend", children: (0, jsx_runtime_1.jsx)("path", { d: d, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round" }) }));
+}
+/** A small vertical-bar chart (e.g. cost per day). One bar per real datum. */
+function MiniBars({ bars, width = 320, height = 96, color = exports.SERIES[0], }) {
+    if (!bars.length)
+        return null;
+    const max = Math.max(...bars.map((b) => b.value), 1);
+    const gap = 4;
+    const bw = (width - gap * (bars.length - 1)) / bars.length;
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "100%", height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", role: "img", "aria-label": "bars", children: bars.map((b, i) => {
+            const h = Math.max(1, (b.value / max) * (height - 2));
+            return ((0, jsx_runtime_1.jsx)("rect", { x: i * (bw + gap), y: height - h, width: bw, height: h, rx: 2, fill: color, opacity: 0.85, children: (0, jsx_runtime_1.jsx)("title", { children: `${b.label}: ${b.value}` }) }, b.label + i));
+        }) }));
+}
+/**
+ * A thin horizontal bar (0–100). By default the fill tones by value (green→red,
+ * for utilization/temperature). Pass a fixed `color` for a neutral meter like
+ * training PROGRESS, where a high value is good, not "hot".
+ */
+function UtilBar({ value, width = 120, color }) {
+    const v = Math.max(0, Math.min(100, value));
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: width, height: 8, viewBox: `0 0 ${width} 8`, role: "img", "aria-label": `${Math.round(v)}%`, children: [(0, jsx_runtime_1.jsx)("rect", { x: 0, y: 1, width: width, height: 6, rx: 3, fill: TRACK }), (0, jsx_runtime_1.jsx)("rect", { x: 0, y: 1, width: (v / 100) * width, height: 6, rx: 3, fill: color ?? utilColor(v) })] }));
+}
+/** A legend row: color swatch + label + value. */
+function LegendDot({ color, label, value }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", justify: "space-between", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 10, height: 10, rounded: "$1", bg: color }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: label })] }), value != null ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", fontWeight: "500", className: "hz-mono", children: value })) : null] }));
+}
+/**
+ * One overview metric tile. `value` is pre-formatted by the caller (so an absent
+ * metric is an honest `—`, never a fabricated number). The sparkline only appears
+ * when the caller has a REAL series; the delta only when a real comparison exists.
+ */
+function MetricCard({ icon, label, value, caption, spark, sparkColor, delta, }) {
+    const up = delta ? delta.pct >= 0 : false;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { p: "$3.5", gap: "$2", borderWidth: 1, borderColor: "$borderColor", flex: 1, minW: 172, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", justify: "space-between", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [icon, (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", fontWeight: "500", children: label })] }), delta ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: up ? '#7ee787' : '#e5534b', children: [up ? '▲' : '▼', " ", Math.abs(delta.pct), "%"] })) : null] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-end", justify: "space-between", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$8", fontWeight: "500", color: "$color12", numberOfLines: 1, className: "hz-mono", children: value }), spark && spark.length >= 2 ? (0, jsx_runtime_1.jsx)(Sparkline, { points: spark, color: sparkColor ?? exports.SERIES[0] }) : null] }), caption ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", numberOfLines: 1, children: caption })) : null] }));
+}
+/**
+ * A button that is either a real action (onPress) or HONESTLY disabled with a
+ * native tooltip explaining why (the action has no backend yet). One way to
+ * render the "real route or honest-disabled" affordance the consoles use.
+ */
+function HintButton({ icon, iconAfter, children, onPress, disabled, hint, theme, }) {
+    const btn = ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", theme: theme, icon: icon, iconAfter: iconAfter, disabled: disabled, onPress: disabled ? undefined : onPress, children: children }));
+    if (!hint)
+        return btn;
+    return ((0, jsx_runtime_1.jsx)("span", { title: hint, style: { display: 'inline-flex' }, children: btn }));
+}
+/**
+ * A titled panel wrapper used across the consoles (chart + list cards). `grow`
+ * (default true) sets `flex={1}` so panels SHARE width in a ROW; pass `grow={false}`
+ * inside a vertical rail (a column YStack) so each panel sizes to its content and
+ * stacks — flex-grow in a column with no fixed height collapses them onto each other.
+ */
+function Panel({ title, right, children, minW = 280, grow = true, }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", flex: grow ? 1 : undefined, minW: minW, width: grow ? undefined : '100%', children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "500", color: "$color12", children: title }), right] }), children] }));
+}

package/dist/product/Metric.d.ts

@@ -100,3 +100,4 @@ export declare function Panel({ title, right, children, minW, grow, }: {
     minW?: number;
     grow?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Metric.d.ts.map

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

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

package/dist/product/Metric.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, Text, XStack, YStack } from '@hanzo/gui';
+/** Distinct, theme-neutral series colors (mid-saturation reads on dark + light). */
+export const SERIES = ['#6ea8fe', '#7ee787', '#f0a868', '#c792ea', '#56d4c4', '#e879a6', '#d6c15a', '#8b9bb4'];
+export const colorForIndex = (i) => SERIES[i % SERIES.length];
+const TRACK = 'rgba(128,128,128,0.18)';
+/** Tone for a utilization/temperature value (green calm → red hot). */
+export function utilColor(pct) {
+    if (pct >= 90)
+        return '#e5534b';
+    if (pct >= 70)
+        return '#f0a868';
+    return '#7ee787';
+}
+/**
+ * A single-series sparkline over real points. Renders nothing meaningful for <2
+ * points (the caller shows `—` instead). The y-range is the data's own min/max.
+ */
+export function Sparkline({ points, width = 104, height = 30, color = SERIES[0], }) {
+    if (!points || points.length < 2)
+        return null;
+    const min = Math.min(...points);
+    const max = Math.max(...points);
+    const span = max - min || 1;
+    const stepX = width / (points.length - 1);
+    const y = (v) => height - 2 - ((v - min) / span) * (height - 4);
+    const d = points.map((p, i) => `${i === 0 ? 'M' : 'L'}${(i * stepX).toFixed(1)},${y(p).toFixed(1)}`).join(' ');
+    return (_jsx("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": "trend", children: _jsx("path", { d: d, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round" }) }));
+}
+/** A small vertical-bar chart (e.g. cost per day). One bar per real datum. */
+export function MiniBars({ bars, width = 320, height = 96, color = SERIES[0], }) {
+    if (!bars.length)
+        return null;
+    const max = Math.max(...bars.map((b) => b.value), 1);
+    const gap = 4;
+    const bw = (width - gap * (bars.length - 1)) / bars.length;
+    return (_jsx("svg", { width: "100%", height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", role: "img", "aria-label": "bars", children: bars.map((b, i) => {
+            const h = Math.max(1, (b.value / max) * (height - 2));
+            return (_jsx("rect", { x: i * (bw + gap), y: height - h, width: bw, height: h, rx: 2, fill: color, opacity: 0.85, children: _jsx("title", { children: `${b.label}: ${b.value}` }) }, b.label + i));
+        }) }));
+}
+/**
+ * A thin horizontal bar (0–100). By default the fill tones by value (green→red,
+ * for utilization/temperature). Pass a fixed `color` for a neutral meter like
+ * training PROGRESS, where a high value is good, not "hot".
+ */
+export function UtilBar({ value, width = 120, color }) {
+    const v = Math.max(0, Math.min(100, value));
+    return (_jsxs("svg", { width: width, height: 8, viewBox: `0 0 ${width} 8`, role: "img", "aria-label": `${Math.round(v)}%`, children: [_jsx("rect", { x: 0, y: 1, width: width, height: 6, rx: 3, fill: TRACK }), _jsx("rect", { x: 0, y: 1, width: (v / 100) * width, height: 6, rx: 3, fill: color ?? utilColor(v) })] }));
+}
+/** A legend row: color swatch + label + value. */
+export function LegendDot({ color, label, value }) {
+    return (_jsxs(XStack, { items: "center", gap: "$2", justify: "space-between", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(YStack, { width: 10, height: 10, rounded: "$1", bg: color }), _jsx(Text, { fontSize: "$2", color: "$color11", children: label })] }), value != null ? (_jsx(Text, { fontSize: "$2", color: "$color12", fontWeight: "500", className: "hz-mono", children: value })) : null] }));
+}
+/**
+ * One overview metric tile. `value` is pre-formatted by the caller (so an absent
+ * metric is an honest `—`, never a fabricated number). The sparkline only appears
+ * when the caller has a REAL series; the delta only when a real comparison exists.
+ */
+export function MetricCard({ icon, label, value, caption, spark, sparkColor, delta, }) {
+    const up = delta ? delta.pct >= 0 : false;
+    return (_jsxs(Card, { p: "$3.5", gap: "$2", borderWidth: 1, borderColor: "$borderColor", flex: 1, minW: 172, children: [_jsxs(XStack, { items: "center", gap: "$2", justify: "space-between", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [icon, _jsx(Text, { fontSize: "$2", color: "$color11", fontWeight: "500", children: label })] }), delta ? (_jsxs(Text, { fontSize: "$1", color: up ? '#7ee787' : '#e5534b', children: [up ? '▲' : '▼', " ", Math.abs(delta.pct), "%"] })) : null] }), _jsxs(XStack, { items: "flex-end", justify: "space-between", gap: "$2", children: [_jsx(Text, { fontSize: "$8", fontWeight: "500", color: "$color12", numberOfLines: 1, className: "hz-mono", children: value }), spark && spark.length >= 2 ? _jsx(Sparkline, { points: spark, color: sparkColor ?? SERIES[0] }) : null] }), caption ? (_jsx(Text, { fontSize: "$1", color: "$color10", numberOfLines: 1, children: caption })) : null] }));
+}
+/**
+ * A button that is either a real action (onPress) or HONESTLY disabled with a
+ * native tooltip explaining why (the action has no backend yet). One way to
+ * render the "real route or honest-disabled" affordance the consoles use.
+ */
+export function HintButton({ icon, iconAfter, children, onPress, disabled, hint, theme, }) {
+    const btn = (_jsx(Button, { size: "$2", theme: theme, icon: icon, iconAfter: iconAfter, disabled: disabled, onPress: disabled ? undefined : onPress, children: children }));
+    if (!hint)
+        return btn;
+    return (_jsx("span", { title: hint, style: { display: 'inline-flex' }, children: btn }));
+}
+/**
+ * A titled panel wrapper used across the consoles (chart + list cards). `grow`
+ * (default true) sets `flex={1}` so panels SHARE width in a ROW; pass `grow={false}`
+ * inside a vertical rail (a column YStack) so each panel sizes to its content and
+ * stacks — flex-grow in a column with no fixed height collapses them onto each other.
+ */
+export function Panel({ title, right, children, minW = 280, grow = true, }) {
+    return (_jsxs(Card, { p: "$4", gap: "$3", borderWidth: 1, borderColor: "$borderColor", flex: grow ? 1 : undefined, minW: minW, width: grow ? undefined : '100%', children: [_jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", children: [_jsx(Text, { fontSize: "$4", fontWeight: "500", color: "$color12", children: title }), right] }), children] }));
+}
+//# sourceMappingURL=Metric.js.map

package/dist/product/Metric.js.map

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