@hanzo/ui 8.0.27 → 8.0.28

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductIcon.d.ts","sourceRoot":"","sources":["../../src/product/ProductIcon.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,IAAS,GACV,EAAE;IACD,IAAI,EAAE,QAAQ,CAAA;IACd,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,2CA2BA"}

package/dist/product/ProductIcon.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ProductIcon — the Linear-style product tile: a rounded-square block filled with
+ * the product's accent color, with the product glyph knocked out in near-white so
+ * it reads "cut out" of the color. This is the ONE way a product icon renders in
+ * the console chrome (sidebar nav, command palette, product overview header) — a
+ * bare tinted glyph is replaced everywhere by this tile.
+ *
+ * Prop-driven and pure: the accent hex is resolved by the caller (registry-curated
+ * → per-user override → stable hash, via `useProductColors().colorOf`) and passed
+ * in as `color`, so this component owns only the look, never the palette. With no
+ * color it falls back to a tasteful neutral chip ($color12 fill + $color1 glyph) —
+ * never a random hue — matching the first-party `ProviderLogo` mark, so first-party
+ * marks and product tiles read as one family.
+ *
+ * The knock-out is the same technique the color-swatch button uses (a raw-hex
+ * `backgroundColor` fill + a `#ffffff` glyph) so an arbitrary product accent tints
+ * cleanly outside Gui's token palette, in the ONE sanctioned place.
+ */
+import { XStack } from '@hanzo/gui';
+import { asColor } from './color.js';
+export function ProductIcon({ icon: Icon, color, size = 24, }) {
+    const radius = Math.round(size * 0.28);
+    const glyph = Math.round(size * 0.58);
+    const tinted = typeof color === 'string' && color.trim() !== '';
+    // Accent tile — product color fill + near-white glyph (the Linear "cut out").
+    if (tinted) {
+        return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, style: { backgroundColor: color }, children: _jsx(Icon, { size: glyph, color: asColor('#ffffff') }) }));
+    }
+    // No accent — a tasteful neutral chip (consistent with ProviderLogo's mark).
+    return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color12", children: _jsx(Icon, { size: glyph, color: "$color1" }) }));
+}
+//# sourceMappingURL=ProductIcon.js.map

package/dist/product/ProductIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductIcon.js","sourceRoot":"","sources":["../../src/product/ProductIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAiB,MAAM,SAAS,CAAA;AAEhD,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,IAAI,GAAG,EAAE,GAMV;IACC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACrC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA;IAE/D,8EAA8E;IAC9E,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,YAEjC,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,GACzC,CACV,CAAA;IACH,CAAC;IAED,6EAA6E;IAC7E,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAC,UAAU,YAC/F,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,GAAG,GAC9B,CACV,CAAA;AACH,CAAC"}

package/dist/product/ProviderLogo.cjs

@@ -0,0 +1,84 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomModelMark = void 0;
+exports.providerInitials = providerInitials;
+exports.ProviderLogo = ProviderLogo;
+exports.GenericLogo = GenericLogo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ProviderLogo — a small provider/model avatar resolved from a provider NAME
+ * alone (no external logo URLs, no network). Self-contained and prop-driven so
+ * it lifts cleanly into `@hanzo/ui` for hanzo.ai / @hanzo/dev / the desktop app.
+ *
+ * Resolution order:
+ *   1. First-party — Zen renders the real ensō mark, Hanzo the real block-H mark
+ *      (same geometry as @zenlm/logo / @hanzo/logo), knocked out of a filled
+ *      rounded tile so our own models read distinctly and on-brand.
+ *   2. A known provider → its mapped @hanzogui/lucide-icons-2 glyph.
+ *   3. Otherwise → a stable initials chip (1–2 letters from the name).
+ *
+ * Honest by construction: we never claim an official brand logo we don't ship —
+ * unknown providers get clean initials, not a guessed icon. Colors are @hanzo/gui
+ * theme tokens so the mark themes with the shell.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+Object.defineProperty(exports, "CustomModelMark", { enumerable: true, get: function () { return lucide_icons_2_1.Boxes; } });
+/** Curated, extendable provider→glyph map (lowercased keys). Brand-neutral avatars. */
+const KNOWN = {
+    openrouter: lucide_icons_2_1.Globe,
+    nvidia: lucide_icons_2_1.Cpu,
+};
+const isFirstParty = (provider) => {
+    const p = provider.trim().toLowerCase();
+    return p === 'hanzo' || p === 'zen';
+};
+/** The Zen ensō mark — identical geometry to @zenlm/logo (svg/zen-enso.svg). */
+function EnsoMark({ size, color }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 100 100", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M66.22 83.26 A37 37 0 1 1 85.57 60.20", fill: "none", stroke: color, strokeWidth: 11, strokeLinecap: "round" }) }));
+}
+/** The Hanzo block-H mark — identical geometry to @hanzo/logo (app/icon.svg). */
+const HANZO_PATHS = [
+    'M22.21 67V44.6369H0V67H22.21Z',
+    'M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z',
+    'M22.21 0H0V22.3184H22.21V0Z',
+    'M66.7198 0H44.5098V22.3184H66.7198V0Z',
+    'M66.7198 67V44.6369H44.5098V67H66.7198Z',
+];
+function HanzoHMark({ size, color }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 67 67", "aria-hidden": "true", children: HANZO_PATHS.map((d) => ((0, jsx_runtime_1.jsx)("path", { d: d, fill: color }, d))) }));
+}
+/** 1–2 uppercase initials from a provider name: words→first letters, else first 2 chars. */
+function providerInitials(provider) {
+    const name = provider.trim();
+    if (!name)
+        return '•';
+    const words = name.split(/[\s/_-]+/).filter(Boolean);
+    if (words.length >= 2)
+        return (words[0][0] + words[1][0]).toUpperCase();
+    return name.slice(0, 2).toUpperCase();
+}
+function ProviderLogo({ provider, size = 24 }) {
+    const theme = (0, gui_1.useTheme)();
+    const radius = Math.round(size * 0.28);
+    const iconSize = Math.round(size * 0.56);
+    // First-party (Zen/Hanzo) — the real brand mark knocked out of a filled tile.
+    if (isFirstParty(provider)) {
+        const fg = theme.color1?.get() ?? '#000000'; // cut-out mark: the tile's contrast color
+        const markSize = Math.round(size * 0.66);
+        const isZen = provider.trim().toLowerCase() === 'zen';
+        return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color12", children: isZen ? (0, jsx_runtime_1.jsx)(EnsoMark, { size: markSize, color: fg }) : (0, jsx_runtime_1.jsx)(HanzoHMark, { size: Math.round(size * 0.56), color: fg }) }));
+    }
+    // A known provider with a curated, brand-neutral glyph.
+    const Known = KNOWN[provider.trim().toLowerCase()];
+    if (Known) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(Known, { size: iconSize, color: "$color11" }) }));
+    }
+    // Otherwise — a clean, stable initials chip (no fabricated brand logo).
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: Math.round(size * 0.4), fontWeight: "800", color: "$color11", children: providerInitials(provider) }) }));
+}
+/** A generic fallback mark for an unspecified provider (used sparingly). */
+function GenericLogo({ size = 24 }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: size, height: size, items: "center", justify: "center", rounded: Math.round(size * 0.28), bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Server, { size: Math.round(size * 0.56), color: "$color11" }) }));
+}

package/dist/product/ProviderLogo.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderLogo.d.ts","sourceRoot":"","sources":["../../src/product/ProviderLogo.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,EAAsB,MAAM,0BAA0B,CAAA;AA0CpE,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAMzD;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqDxF;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAM3D;AAID,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,CAAA"}

package/dist/product/ProviderLogo.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ProviderLogo — a small provider/model avatar resolved from a provider NAME
+ * alone (no external logo URLs, no network). Self-contained and prop-driven so
+ * it lifts cleanly into `@hanzo/ui` for hanzo.ai / @hanzo/dev / the desktop app.
+ *
+ * Resolution order:
+ *   1. First-party — Zen renders the real ensō mark, Hanzo the real block-H mark
+ *      (same geometry as @zenlm/logo / @hanzo/logo), knocked out of a filled
+ *      rounded tile so our own models read distinctly and on-brand.
+ *   2. A known provider → its mapped @hanzogui/lucide-icons-2 glyph.
+ *   3. Otherwise → a stable initials chip (1–2 letters from the name).
+ *
+ * Honest by construction: we never claim an official brand logo we don't ship —
+ * unknown providers get clean initials, not a guessed icon. Colors are @hanzo/gui
+ * theme tokens so the mark themes with the shell.
+ */
+import { Text, XStack, useTheme } from '@hanzo/gui';
+import { Boxes, Server, Globe, Cpu } from '@hanzogui/lucide-icons-2';
+/** Curated, extendable provider→glyph map (lowercased keys). Brand-neutral avatars. */
+const KNOWN = {
+    openrouter: Globe,
+    nvidia: Cpu,
+};
+const isFirstParty = (provider) => {
+    const p = provider.trim().toLowerCase();
+    return p === 'hanzo' || p === 'zen';
+};
+/** The Zen ensō mark — identical geometry to @zenlm/logo (svg/zen-enso.svg). */
+function EnsoMark({ size, color }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 100 100", "aria-hidden": "true", children: _jsx("path", { d: "M66.22 83.26 A37 37 0 1 1 85.57 60.20", fill: "none", stroke: color, strokeWidth: 11, strokeLinecap: "round" }) }));
+}
+/** The Hanzo block-H mark — identical geometry to @hanzo/logo (app/icon.svg). */
+const HANZO_PATHS = [
+    'M22.21 67V44.6369H0V67H22.21Z',
+    'M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z',
+    'M22.21 0H0V22.3184H22.21V0Z',
+    'M66.7198 0H44.5098V22.3184H66.7198V0Z',
+    'M66.7198 67V44.6369H44.5098V67H66.7198Z',
+];
+function HanzoHMark({ size, color }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 67 67", "aria-hidden": "true", children: HANZO_PATHS.map((d) => (_jsx("path", { d: d, fill: color }, d))) }));
+}
+/** 1–2 uppercase initials from a provider name: words→first letters, else first 2 chars. */
+export function providerInitials(provider) {
+    const name = provider.trim();
+    if (!name)
+        return '•';
+    const words = name.split(/[\s/_-]+/).filter(Boolean);
+    if (words.length >= 2)
+        return (words[0][0] + words[1][0]).toUpperCase();
+    return name.slice(0, 2).toUpperCase();
+}
+export function ProviderLogo({ provider, size = 24 }) {
+    const theme = useTheme();
+    const radius = Math.round(size * 0.28);
+    const iconSize = Math.round(size * 0.56);
+    // First-party (Zen/Hanzo) — the real brand mark knocked out of a filled tile.
+    if (isFirstParty(provider)) {
+        const fg = theme.color1?.get() ?? '#000000'; // cut-out mark: the tile's contrast color
+        const markSize = Math.round(size * 0.66);
+        const isZen = provider.trim().toLowerCase() === 'zen';
+        return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color12", children: isZen ? _jsx(EnsoMark, { size: markSize, color: fg }) : _jsx(HanzoHMark, { size: Math.round(size * 0.56), color: fg }) }));
+    }
+    // A known provider with a curated, brand-neutral glyph.
+    const Known = KNOWN[provider.trim().toLowerCase()];
+    if (Known) {
+        return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(Known, { size: iconSize, color: "$color11" }) }));
+    }
+    // Otherwise — a clean, stable initials chip (no fabricated brand logo).
+    return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: radius, bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(Text, { fontSize: Math.round(size * 0.4), fontWeight: "800", color: "$color11", children: providerInitials(provider) }) }));
+}
+/** A generic fallback mark for an unspecified provider (used sparingly). */
+export function GenericLogo({ size = 24 }) {
+    return (_jsx(XStack, { width: size, height: size, items: "center", justify: "center", rounded: Math.round(size * 0.28), bg: "$color3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(Server, { size: Math.round(size * 0.56), color: "$color11" }) }));
+}
+// Boxes is re-exported as the conventional "custom model" mark for callers that
+// render a non-provider tile next to ProviderLogo (keeps the icon source single).
+export { Boxes as CustomModelMark };
+//# sourceMappingURL=ProviderLogo.js.map

package/dist/product/ProviderLogo.js.map

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

package/dist/product/Reorder.cjs

@@ -0,0 +1,82 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.targetIndex = targetIndex;
+exports.rowShift = rowShift;
+exports.Reorder = Reorder;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Reorder — a tiny pointer-driven drag-to-reorder list. No dependency: it uses
+ * Pointer Events (so it works with mouse AND touch) and CSS transforms, matching
+ * the shell's transform-driven motion. Rows are a FIXED height (all pinned rows
+ * are), which keeps the "where does it drop?" math exact and pure (`targetIndex`)
+ * and the reflow buttery — the lifted row follows the pointer 1:1 while its
+ * displaced siblings ease into place.
+ *
+ * The list is controlled: `onReorder(from, to)` fires once on drop; the parent
+ * owns the data (here, the account-backed pins model). `renderItem` gets a
+ * `handle` to spread on the drag affordance so the rest of the row stays
+ * interactive (tap to open, etc.).
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+/** Final index for a drag: start + rounded rows travelled, clamped. PURE. */
+function targetIndex(from, dy, rowH, count) {
+    if (rowH <= 0 || count <= 0)
+        return from;
+    const raw = from + Math.round(dy / rowH);
+    return Math.max(0, Math.min(raw, count - 1));
+}
+/** Vertical shift for row `i` during a drag from `from`→`to` (the dragged row
+ *  follows the pointer; rows between them make room). PURE. */
+function rowShift(i, from, to, dy, rowH) {
+    if (i === from)
+        return dy;
+    if (from < to && i > from && i <= to)
+        return -rowH;
+    if (from > to && i < from && i >= to)
+        return rowH;
+    return 0;
+}
+function Reorder({ items, keyOf, rowHeight = 44, onReorder, renderItem, }) {
+    const [drag, setDrag] = (0, react_1.useState)(null);
+    const startRef = (0, react_1.useRef)(null);
+    const to = drag ? targetIndex(drag.from, drag.dy, rowHeight, items.length) : -1;
+    const begin = (0, react_1.useCallback)((index) => (e) => {
+        const startY = e.clientY ?? e.nativeEvent?.clientY ?? 0;
+        startRef.current = { from: index, startY };
+        setDrag({ from: index, dy: 0 });
+        const move = (ev) => {
+            if (!startRef.current)
+                return;
+            setDrag({ from: startRef.current.from, dy: ev.clientY - startRef.current.startY });
+        };
+        const end = () => {
+            const s = startRef.current;
+            window.removeEventListener('pointermove', move);
+            window.removeEventListener('pointerup', end);
+            window.removeEventListener('pointercancel', end);
+            startRef.current = null;
+            setDrag((d) => {
+                if (s && d) {
+                    const t = targetIndex(s.from, d.dy, rowHeight, items.length);
+                    if (t !== s.from)
+                        onReorder(s.from, t);
+                }
+                return null;
+            });
+        };
+        window.addEventListener('pointermove', move);
+        window.addEventListener('pointerup', end);
+        window.addEventListener('pointercancel', end);
+    }, [items.length, rowHeight, onReorder]);
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { children: items.map((item, i) => {
+            const dragging = drag?.from === i;
+            const shift = drag && to >= 0 ? rowShift(i, drag.from, to, drag.dy, rowHeight) : 0;
+            return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { height: rowHeight, justify: "center", className: "hz-drag-item", style: {
+                    transform: `translateY(${shift}px)`,
+                    zIndex: dragging ? 2 : 1,
+                    ...(dragging ? { transition: 'none', boxShadow: '0 8px 24px rgba(0,0,0,0.28)' } : null),
+                }, children: renderItem(item, { onPointerDown: begin(i) }, dragging) }, keyOf(item)));
+        }) }));
+}

package/dist/product/Reorder.d.ts

@@ -33,3 +33,4 @@ export declare function Reorder<T>({ items, keyOf, rowHeight, onReorder, renderI
     onReorder: (from: number, to: number) => void;
     renderItem: (item: T, handle: DragHandle, dragging: boolean) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Reorder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reorder.d.ts","sourceRoot":"","sources":["../../src/product/Reorder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAIzF;AAED;+DAC+D;AAC/D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAK9F;AAED,MAAM,MAAM,UAAU,GAAG;IAAE,aAAa,EAAE,CAAC,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAAE,CAAA;AAErI,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,KAAK,EACL,KAAK,EACL,SAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAA;CAC1E,2CA6DA"}

package/dist/product/Reorder.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Reorder — a tiny pointer-driven drag-to-reorder list. No dependency: it uses
+ * Pointer Events (so it works with mouse AND touch) and CSS transforms, matching
+ * the shell's transform-driven motion. Rows are a FIXED height (all pinned rows
+ * are), which keeps the "where does it drop?" math exact and pure (`targetIndex`)
+ * and the reflow buttery — the lifted row follows the pointer 1:1 while its
+ * displaced siblings ease into place.
+ *
+ * The list is controlled: `onReorder(from, to)` fires once on drop; the parent
+ * owns the data (here, the account-backed pins model). `renderItem` gets a
+ * `handle` to spread on the drag affordance so the rest of the row stays
+ * interactive (tap to open, etc.).
+ */
+import { useCallback, useRef, useState } from 'react';
+import { YStack } from '@hanzo/gui';
+/** Final index for a drag: start + rounded rows travelled, clamped. PURE. */
+export function targetIndex(from, dy, rowH, count) {
+    if (rowH <= 0 || count <= 0)
+        return from;
+    const raw = from + Math.round(dy / rowH);
+    return Math.max(0, Math.min(raw, count - 1));
+}
+/** Vertical shift for row `i` during a drag from `from`→`to` (the dragged row
+ *  follows the pointer; rows between them make room). PURE. */
+export function rowShift(i, from, to, dy, rowH) {
+    if (i === from)
+        return dy;
+    if (from < to && i > from && i <= to)
+        return -rowH;
+    if (from > to && i < from && i >= to)
+        return rowH;
+    return 0;
+}
+export function Reorder({ items, keyOf, rowHeight = 44, onReorder, renderItem, }) {
+    const [drag, setDrag] = useState(null);
+    const startRef = useRef(null);
+    const to = drag ? targetIndex(drag.from, drag.dy, rowHeight, items.length) : -1;
+    const begin = useCallback((index) => (e) => {
+        const startY = e.clientY ?? e.nativeEvent?.clientY ?? 0;
+        startRef.current = { from: index, startY };
+        setDrag({ from: index, dy: 0 });
+        const move = (ev) => {
+            if (!startRef.current)
+                return;
+            setDrag({ from: startRef.current.from, dy: ev.clientY - startRef.current.startY });
+        };
+        const end = () => {
+            const s = startRef.current;
+            window.removeEventListener('pointermove', move);
+            window.removeEventListener('pointerup', end);
+            window.removeEventListener('pointercancel', end);
+            startRef.current = null;
+            setDrag((d) => {
+                if (s && d) {
+                    const t = targetIndex(s.from, d.dy, rowHeight, items.length);
+                    if (t !== s.from)
+                        onReorder(s.from, t);
+                }
+                return null;
+            });
+        };
+        window.addEventListener('pointermove', move);
+        window.addEventListener('pointerup', end);
+        window.addEventListener('pointercancel', end);
+    }, [items.length, rowHeight, onReorder]);
+    return (_jsx(YStack, { children: items.map((item, i) => {
+            const dragging = drag?.from === i;
+            const shift = drag && to >= 0 ? rowShift(i, drag.from, to, drag.dy, rowHeight) : 0;
+            return (_jsx(YStack, { height: rowHeight, justify: "center", className: "hz-drag-item", style: {
+                    transform: `translateY(${shift}px)`,
+                    zIndex: dragging ? 2 : 1,
+                    ...(dragging ? { transition: 'none', boxShadow: '0 8px 24px rgba(0,0,0,0.28)' } : null),
+                }, children: renderItem(item, { onPointerDown: begin(i) }, dragging) }, keyOf(item)));
+        }) }));
+}
+//# sourceMappingURL=Reorder.js.map

package/dist/product/Reorder.js.map

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

package/dist/product/SelectMenu.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectMenu = SelectMenu;
+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 dropdown_menu_1 = require("../backends/gui/dropdown-menu.cjs");
+function SelectMenu({ options, value, onChange, allLabel = 'All', icon, minWidth = 130, required, minHeight, disabled, ariaLabel, }) {
+    const active = value === null ? null : options.find((o) => o.key === value) ?? null;
+    const triggerLabel = active ? active.label : allLabel;
+    const items = [
+        ...(required
+            ? []
+            : [{ key: '__all__', label: allLabel, selected: value === null, onSelect: () => onChange(null) }]),
+        ...options.map((o) => ({ key: o.key, label: o.label, selected: value === o.key, onSelect: () => onChange(o.key) })),
+    ];
+    return ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { minWidth: Math.max(minWidth, 160), trigger: (0, jsx_runtime_1.jsx)(gui_1.Button, { size: minHeight && minHeight >= 40 ? '$4' : '$2', minW: minWidth, minH: minHeight, disabled: disabled, "aria-label": ariaLabel, justify: "space-between", borderWidth: 1, borderColor: "$borderColor", bg: !required && value !== null ? '$color5' : 'transparent', icon: icon, iconAfter: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14, opacity: 0.6 }), children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, flex: 1, children: triggerLabel }) }), items: items }));
+}

package/dist/product/SelectMenu.d.ts

@@ -34,3 +34,4 @@ export declare function SelectMenu<T extends string>({ options, value, onChange,
     /** Accessible name for an unlabelled trigger. */
     ariaLabel?: string;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../src/product/SelectMenu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMzC,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI;IAAE,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtE,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAI,EACJ,QAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1B,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,2CAoCA"}

package/dist/product/SelectMenu.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, Text } from '@hanzo/gui';
+import { ChevronDown } from '@hanzogui/lucide-icons-2';
+import { DropdownMenu } from '../backends/gui/dropdown-menu.js';
+export function SelectMenu({ options, value, onChange, allLabel = 'All', icon, minWidth = 130, required, minHeight, disabled, ariaLabel, }) {
+    const active = value === null ? null : options.find((o) => o.key === value) ?? null;
+    const triggerLabel = active ? active.label : allLabel;
+    const items = [
+        ...(required
+            ? []
+            : [{ key: '__all__', label: allLabel, selected: value === null, onSelect: () => onChange(null) }]),
+        ...options.map((o) => ({ key: o.key, label: o.label, selected: value === o.key, onSelect: () => onChange(o.key) })),
+    ];
+    return (_jsx(DropdownMenu, { minWidth: Math.max(minWidth, 160), trigger: _jsx(Button, { size: minHeight && minHeight >= 40 ? '$4' : '$2', minW: minWidth, minH: minHeight, disabled: disabled, "aria-label": ariaLabel, justify: "space-between", borderWidth: 1, borderColor: "$borderColor", bg: !required && value !== null ? '$color5' : 'transparent', icon: icon, iconAfter: _jsx(ChevronDown, { size: 14, opacity: 0.6 }), children: _jsx(Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, flex: 1, children: triggerLabel }) }), items: items }));
+}
+//# sourceMappingURL=SelectMenu.js.map

package/dist/product/SelectMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.js","sourceRoot":"","sources":["../../src/product/SelectMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAiBZ,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAK5D,MAAM,UAAU,UAAU,CAAmB,EAC3C,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GAiBV;IACC,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;IACnF,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;IAErD,MAAM,KAAK,GAAmB;QAC5B,GAAG,CAAC,QAAQ;YACV,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,KAAK,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;KACpH,CAAA;IAED,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,EACjC,OAAO,EACL,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,IAAI,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAChD,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,OAAO,EAAC,eAAe,EACvB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAC3D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,YAElD,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,YAC3D,YAAY,GACR,GACA,EAEX,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC"}

package/dist/product/SiteFooter.cjs

@@ -0,0 +1,17 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteFooter = SiteFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const isExternal = (href) => /^https?:\/\//.test(href);
+const defaultLink = ({ href, children }) => ((0, jsx_runtime_1.jsx)("a", { href: href, ...(isExternal(href) ? { target: '_blank', rel: 'noopener noreferrer' } : null), style: { textDecoration: 'none', color: 'inherit' }, children: children }));
+function SiteFooter({ footer, brand, tagline, meta, link = defaultLink }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", px: "$4", py: "$5", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$5", flexWrap: "wrap", items: "flex-start", children: [brand || tagline ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", minW: 200, flex: 1, children: [brand, tagline ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$color10", lineHeight: 18, maxW: 280, children: tagline })) : null] })) : null, footer.columns.map((column) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1.5", minW: 140, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.5, pb: "$1", children: column.title }), column.links.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { hoverStyle: { opacity: 0.7 }, children: link({
+                                    href: l.href,
+                                    children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: l.label })),
+                                }) }, l.id)))] }, column.id)))] }), (0, jsx_runtime_1.jsx)(gui_1.Separator, {}), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$color10", children: footer.legal.copyright }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: footer.legal.links.map((l) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { hoverStyle: { opacity: 0.7 }, children: link({
+                                href: l.href,
+                                children: ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: 12, color: "$color10", children: l.label })),
+                            }) }, l.id))) }), meta ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ml: "auto", items: "center", gap: "$3", children: meta })) : null] })] }));
+}

package/dist/product/SiteFooter.d.ts

@@ -12,7 +12,7 @@
  */
 import type { ReactNode } from 'react';
 import type { Footer } from '@hanzo/products';
-import type { LinkRender } from './SiteNav';
+import type { LinkRender } from './SiteNav.js';
 export type SiteFooterProps = {
     /** The footer model — `FOOTER` from @hanzo/products. */
     footer: Footer;
@@ -26,3 +26,4 @@ export type SiteFooterProps = {
     link?: LinkRender;
 };
 export declare function SiteFooter({ footer, brand, tagline, meta, link }: SiteFooterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SiteFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.d.ts","sourceRoot":"","sources":["../../src/product/SiteFooter.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAc3C,MAAM,MAAM,eAAe,GAAG;IAC5B,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAkB,EAAE,EAAE,eAAe,2CAgE/F"}

package/dist/product/SiteFooter.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator, Text, XStack, YStack } from '@hanzo/gui';
+const isExternal = (href) => /^https?:\/\//.test(href);
+const defaultLink = ({ href, children }) => (_jsx("a", { href: href, ...(isExternal(href) ? { target: '_blank', rel: 'noopener noreferrer' } : null), style: { textDecoration: 'none', color: 'inherit' }, children: children }));
+export function SiteFooter({ footer, brand, tagline, meta, link = defaultLink }) {
+    return (_jsxs(YStack, { borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", px: "$4", py: "$5", gap: "$4", children: [_jsxs(XStack, { gap: "$5", flexWrap: "wrap", items: "flex-start", children: [brand || tagline ? (_jsxs(YStack, { gap: "$2", minW: 200, flex: 1, children: [brand, tagline ? (_jsx(Text, { fontSize: 12, color: "$color10", lineHeight: 18, maxW: 280, children: tagline })) : null] })) : null, footer.columns.map((column) => (_jsxs(YStack, { gap: "$1.5", minW: 140, children: [_jsx(Text, { fontSize: 11, color: "$color10", textTransform: "uppercase", letterSpacing: 0.5, pb: "$1", children: column.title }), column.links.map((l) => (_jsx(XStack, { hoverStyle: { opacity: 0.7 }, children: link({
+                                    href: l.href,
+                                    children: (_jsx(Text, { fontSize: "$2", color: "$color11", children: l.label })),
+                                }) }, l.id)))] }, column.id)))] }), _jsx(Separator, {}), _jsxs(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: [_jsx(Text, { fontSize: 12, color: "$color10", children: footer.legal.copyright }), _jsx(XStack, { items: "center", gap: "$3", flexWrap: "wrap", children: footer.legal.links.map((l) => (_jsx(XStack, { hoverStyle: { opacity: 0.7 }, children: link({
+                                href: l.href,
+                                children: (_jsx(Text, { fontSize: 12, color: "$color10", children: l.label })),
+                            }) }, l.id))) }), meta ? (_jsx(XStack, { ml: "auto", items: "center", gap: "$3", children: meta })) : null] })] }));
+}
+//# sourceMappingURL=SiteFooter.js.map

package/dist/product/SiteFooter.js.map

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