@hanzo/ui 8.0.27 → 8.0.28

package/dist/product/accent.cjs

@@ -0,0 +1,97 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHexColor = isHexColor;
+exports.resolveAccent = resolveAccent;
+exports.contrastText = contrastText;
+exports.accentFor = accentFor;
+exports.setOrgAccent = setOrgAccent;
+exports.useAccent = useAccent;
+/**
+ * Org accent theme — the ONE place that turns an organization's saved brand color
+ * (`themeData.colorPrimary`, when `themeData.isEnabled`) into the LIVE console accent.
+ *
+ * The console is monochrome by default; an org opts into a custom accent in Settings →
+ * Branding. Saving persists the color on the org record (that half already works). This
+ * module is the missing APPLY half: a tiny external store holds the resolved accent
+ * (hex + a readable contrast, or null); `setOrgAccent` updates it on load AND on save
+ * (one mechanism, two callers), and `useAccent()` lets the genuine accent surfaces (the
+ * primary button, the active tabs, the active nav item) read it and recolor with real
+ * `@hanzo/gui` props — reverting cleanly to the default monochrome when the org disables
+ * its theme (or the hex is invalid). React-prop driven (Tamagui's own styling path), NOT
+ * a CSS class — Tamagui does not forward `className` to a Button's DOM node.
+ *
+ * Pure + SSR-safe: the resolve/contrast helpers are pure (unit-tested); the store starts
+ * from a stable default snapshot so the server render and first client paint agree.
+ */
+const react_1 = require("react");
+/** True for a 3- or 6-digit CSS hex color (`#RGB` / `#RRGGBB`). */
+function isHexColor(v) {
+    return typeof v === 'string' && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(v.trim());
+}
+/**
+ * The accent hex to apply for an org, or `null` when no custom accent should be used —
+ * i.e. the theme is disabled, missing, or the color is not a valid hex. PURE.
+ */
+function resolveAccent(theme) {
+    if (!theme || !theme.isEnabled)
+        return null;
+    const hex = (theme.colorPrimary ?? '').trim();
+    return isHexColor(hex) ? hex : null;
+}
+/** Expand `#abc` → `#aabbcc`; pass a 6-digit hex through (lowercased). */
+function expandHex(hex) {
+    const h = hex.trim().toLowerCase();
+    if (h.length === 4)
+        return `#${h[1]}${h[1]}${h[2]}${h[2]}${h[3]}${h[3]}`;
+    return h;
+}
+/**
+ * A readable text color (`#000000` / `#ffffff`) for content placed ON the accent,
+ * chosen by the accent's relative luminance (WCAG-style). PURE. Falls back to white
+ * for a non-hex input (never throws).
+ */
+function contrastText(hex) {
+    if (!isHexColor(hex))
+        return '#ffffff';
+    const h = expandHex(hex);
+    const r = parseInt(h.slice(1, 3), 16) / 255;
+    const g = parseInt(h.slice(3, 5), 16) / 255;
+    const b = parseInt(h.slice(5, 7), 16) / 255;
+    const lin = (c) => (c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
+    const luminance = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+    return luminance > 0.5 ? '#000000' : '#ffffff';
+}
+/** Resolve a theme block to the `Accent` value it should apply (accent+contrast or null). PURE. */
+function accentFor(theme) {
+    const hex = resolveAccent(theme);
+    return { accent: hex, contrast: hex ? contrastText(hex) : '#ffffff' };
+}
+// ── The live accent store (an external store React subscribes to) ─────────────
+/** The default (no custom accent) — a STABLE reference so SSR + first paint agree. */
+const DEFAULT = { accent: null, contrast: '#ffffff' };
+let current = DEFAULT;
+const listeners = new Set();
+/**
+ * Set the live accent from an org theme block. Called on load (from the fetched org) AND
+ * immediately on save — the SINGLE mechanism, so the accent survives reload and updates
+ * without one. A no-op when the resolved accent is unchanged (keeps the snapshot stable).
+ */
+function setOrgAccent(theme) {
+    const next = accentFor(theme);
+    if (next.accent === current.accent)
+        return;
+    current = next.accent ? next : DEFAULT;
+    for (const l of listeners)
+        l();
+}
+function subscribe(cb) {
+    listeners.add(cb);
+    return () => {
+        listeners.delete(cb);
+    };
+}
+/** The live accent (subscribes to the store). Returns the default until an org theme is applied. */
+function useAccent() {
+    return (0, react_1.useSyncExternalStore)(subscribe, () => current, () => DEFAULT);
+}

package/dist/product/accent.d.ts

@@ -31,3 +31,4 @@ export declare function accentFor(theme: OrgThemeData | null | undefined): Accen
 export declare function setOrgAccent(theme: OrgThemeData | null | undefined): void;
 /** The live accent (subscribes to the store). Returns the default until an org theme is applied. */
 export declare function useAccent(): Accent;
+//# sourceMappingURL=accent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accent.d.ts","sourceRoot":"","sources":["../../src/product/accent.ts"],"names":[],"mappings":"AAqBA,0FAA0F;AAC1F,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,2FAA2F;AAC3F,MAAM,MAAM,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAEhE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAInF;AASD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAS/D;AAED,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGxE;AAUD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAKzE;AASD,oGAAoG;AACpG,wBAAgB,SAAS,IAAI,MAAM,CAMlC"}

package/dist/product/accent.js

@@ -0,0 +1,90 @@
+'use client';
+/**
+ * Org accent theme — the ONE place that turns an organization's saved brand color
+ * (`themeData.colorPrimary`, when `themeData.isEnabled`) into the LIVE console accent.
+ *
+ * The console is monochrome by default; an org opts into a custom accent in Settings →
+ * Branding. Saving persists the color on the org record (that half already works). This
+ * module is the missing APPLY half: a tiny external store holds the resolved accent
+ * (hex + a readable contrast, or null); `setOrgAccent` updates it on load AND on save
+ * (one mechanism, two callers), and `useAccent()` lets the genuine accent surfaces (the
+ * primary button, the active tabs, the active nav item) read it and recolor with real
+ * `@hanzo/gui` props — reverting cleanly to the default monochrome when the org disables
+ * its theme (or the hex is invalid). React-prop driven (Tamagui's own styling path), NOT
+ * a CSS class — Tamagui does not forward `className` to a Button's DOM node.
+ *
+ * Pure + SSR-safe: the resolve/contrast helpers are pure (unit-tested); the store starts
+ * from a stable default snapshot so the server render and first client paint agree.
+ */
+import { useSyncExternalStore } from 'react';
+/** True for a 3- or 6-digit CSS hex color (`#RGB` / `#RRGGBB`). */
+export function isHexColor(v) {
+    return typeof v === 'string' && /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(v.trim());
+}
+/**
+ * The accent hex to apply for an org, or `null` when no custom accent should be used —
+ * i.e. the theme is disabled, missing, or the color is not a valid hex. PURE.
+ */
+export function resolveAccent(theme) {
+    if (!theme || !theme.isEnabled)
+        return null;
+    const hex = (theme.colorPrimary ?? '').trim();
+    return isHexColor(hex) ? hex : null;
+}
+/** Expand `#abc` → `#aabbcc`; pass a 6-digit hex through (lowercased). */
+function expandHex(hex) {
+    const h = hex.trim().toLowerCase();
+    if (h.length === 4)
+        return `#${h[1]}${h[1]}${h[2]}${h[2]}${h[3]}${h[3]}`;
+    return h;
+}
+/**
+ * A readable text color (`#000000` / `#ffffff`) for content placed ON the accent,
+ * chosen by the accent's relative luminance (WCAG-style). PURE. Falls back to white
+ * for a non-hex input (never throws).
+ */
+export function contrastText(hex) {
+    if (!isHexColor(hex))
+        return '#ffffff';
+    const h = expandHex(hex);
+    const r = parseInt(h.slice(1, 3), 16) / 255;
+    const g = parseInt(h.slice(3, 5), 16) / 255;
+    const b = parseInt(h.slice(5, 7), 16) / 255;
+    const lin = (c) => (c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
+    const luminance = 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+    return luminance > 0.5 ? '#000000' : '#ffffff';
+}
+/** Resolve a theme block to the `Accent` value it should apply (accent+contrast or null). PURE. */
+export function accentFor(theme) {
+    const hex = resolveAccent(theme);
+    return { accent: hex, contrast: hex ? contrastText(hex) : '#ffffff' };
+}
+// ── The live accent store (an external store React subscribes to) ─────────────
+/** The default (no custom accent) — a STABLE reference so SSR + first paint agree. */
+const DEFAULT = { accent: null, contrast: '#ffffff' };
+let current = DEFAULT;
+const listeners = new Set();
+/**
+ * Set the live accent from an org theme block. Called on load (from the fetched org) AND
+ * immediately on save — the SINGLE mechanism, so the accent survives reload and updates
+ * without one. A no-op when the resolved accent is unchanged (keeps the snapshot stable).
+ */
+export function setOrgAccent(theme) {
+    const next = accentFor(theme);
+    if (next.accent === current.accent)
+        return;
+    current = next.accent ? next : DEFAULT;
+    for (const l of listeners)
+        l();
+}
+function subscribe(cb) {
+    listeners.add(cb);
+    return () => {
+        listeners.delete(cb);
+    };
+}
+/** The live accent (subscribes to the store). Returns the default until an org theme is applied. */
+export function useAccent() {
+    return useSyncExternalStore(subscribe, () => current, () => DEFAULT);
+}
+//# sourceMappingURL=accent.js.map

package/dist/product/accent.js.map

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

package/dist/product/animatedLogo.logic.cjs

@@ -0,0 +1,52 @@
+'use client';"use strict";
+/**
+ * Pure logic for `AnimatedLogo` — the wordmark ⇄ mark collapse. No React, no DOM,
+ * no @hanzo/gui: just the state → style math, unit-tested in a plain Node env
+ * (the house convention — view components are proven by build + visual e2e).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_GAP = exports.DEFAULT_INTRO_MS = exports.DEFAULT_DURATION_MS = exports.HOUSE_EASE = void 0;
+exports.wordmarkText = wordmarkText;
+exports.isExpanded = isExpanded;
+exports.wordmarkStyle = wordmarkStyle;
+/**
+ * The Hanzo house motion curve (expo-out) — the ONE easing used across the app
+ * shell (sidebar collapse, fade-up) and the animated mark's fold-in. Reused here
+ * so the wordmark collapse feels of a piece with every other Hanzo surface.
+ */
+exports.HOUSE_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';
+/** Default collapse/expand duration (ms) — echoes the mark's ~0.4s fold-in. */
+exports.DEFAULT_DURATION_MS = 360;
+/** Default hold before the wordmark auto-collapses to the mark on mount (ms). */
+exports.DEFAULT_INTRO_MS = 1500;
+/** Default gap (px) between the mark and the wordmark when expanded. */
+exports.DEFAULT_GAP = 8;
+/** The full accessible/visible name: brand word + optional surface word. */
+function wordmarkText(name, surface) {
+    const s = surface?.trim();
+    return s ? `${name} ${s}` : name;
+}
+/**
+ * Is the wordmark shown? Expanded whenever the user is pointing at or keyboard-
+ * focused on the logo, OR during the on-mount intro (full name shows, then tucks
+ * into the mark). Hover/focus always win, so the name is reachable after intro.
+ */
+function isExpanded(s) {
+    return s.hovered || s.focused || s.introShowing;
+}
+/**
+ * The inline style for the clipping wordmark wrapper. Collapsed = width 0 /
+ * opacity 0 / no gap (the name tucks fully into the mark); expanded = the measured
+ * natural width (or `auto` until measured). Under reduced motion the transition is
+ * dropped entirely — the state still resolves, just without animating.
+ */
+function wordmarkStyle(i) {
+    return {
+        width: i.expanded ? (i.naturalWidth ?? 'auto') : 0,
+        opacity: i.expanded ? 1 : 0,
+        marginLeft: i.expanded ? i.gap : 0,
+        transition: i.reduce
+            ? 'none'
+            : `width ${i.durationMs}ms ${i.easing}, opacity ${i.durationMs}ms ${i.easing}, margin-left ${i.durationMs}ms ${i.easing}`,
+    };
+}

package/dist/product/animatedLogo.logic.d.ts

@@ -50,3 +50,4 @@ export interface WordmarkStyle {
  * dropped entirely — the state still resolves, just without animating.
  */
 export declare function wordmarkStyle(i: WordmarkStyleInput): WordmarkStyle;
+//# sourceMappingURL=animatedLogo.logic.d.ts.map

package/dist/product/animatedLogo.logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedLogo.logic.d.ts","sourceRoot":"","sources":["../../src/product/animatedLogo.logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,eAAO,MAAM,UAAU,kCAAkC,CAAA;AAEzD,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,wEAAwE;AACxE,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAGnE;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAEpG;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,aAAa,CASlE"}

package/dist/product/animatedLogo.logic.js

@@ -0,0 +1,47 @@
+'use client';/**
+ * Pure logic for `AnimatedLogo` — the wordmark ⇄ mark collapse. No React, no DOM,
+ * no @hanzo/gui: just the state → style math, unit-tested in a plain Node env
+ * (the house convention — view components are proven by build + visual e2e).
+ */
+/**
+ * The Hanzo house motion curve (expo-out) — the ONE easing used across the app
+ * shell (sidebar collapse, fade-up) and the animated mark's fold-in. Reused here
+ * so the wordmark collapse feels of a piece with every other Hanzo surface.
+ */
+export const HOUSE_EASE = 'cubic-bezier(0.16, 1, 0.3, 1)';
+/** Default collapse/expand duration (ms) — echoes the mark's ~0.4s fold-in. */
+export const DEFAULT_DURATION_MS = 360;
+/** Default hold before the wordmark auto-collapses to the mark on mount (ms). */
+export const DEFAULT_INTRO_MS = 1500;
+/** Default gap (px) between the mark and the wordmark when expanded. */
+export const DEFAULT_GAP = 8;
+/** The full accessible/visible name: brand word + optional surface word. */
+export function wordmarkText(name, surface) {
+    const s = surface?.trim();
+    return s ? `${name} ${s}` : name;
+}
+/**
+ * Is the wordmark shown? Expanded whenever the user is pointing at or keyboard-
+ * focused on the logo, OR during the on-mount intro (full name shows, then tucks
+ * into the mark). Hover/focus always win, so the name is reachable after intro.
+ */
+export function isExpanded(s) {
+    return s.hovered || s.focused || s.introShowing;
+}
+/**
+ * The inline style for the clipping wordmark wrapper. Collapsed = width 0 /
+ * opacity 0 / no gap (the name tucks fully into the mark); expanded = the measured
+ * natural width (or `auto` until measured). Under reduced motion the transition is
+ * dropped entirely — the state still resolves, just without animating.
+ */
+export function wordmarkStyle(i) {
+    return {
+        width: i.expanded ? (i.naturalWidth ?? 'auto') : 0,
+        opacity: i.expanded ? 1 : 0,
+        marginLeft: i.expanded ? i.gap : 0,
+        transition: i.reduce
+            ? 'none'
+            : `width ${i.durationMs}ms ${i.easing}, opacity ${i.durationMs}ms ${i.easing}, margin-left ${i.durationMs}ms ${i.easing}`,
+    };
+}
+//# sourceMappingURL=animatedLogo.logic.js.map

package/dist/product/animatedLogo.logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedLogo.logic.js","sourceRoot":"","sources":["../../src/product/animatedLogo.logic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,+BAA+B,CAAA;AAEzD,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;AAEtC,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAA;AAEpC,wEAAwE;AACxE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAA;AAE5B,4EAA4E;AAC5E,MAAM,UAAU,YAAY,CAAC,IAAY,EAAE,OAAgB;IACzD,MAAM,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,CAAA;IACzB,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAClC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,CAAgE;IACzF,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,CAAA;AACjD,CAAC;AAoBD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,CAAqB;IACjD,OAAO;QACL,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,UAAU,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,MAAM;YAClB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,MAAM,CAAC,CAAC,MAAM,aAAa,CAAC,CAAC,UAAU,MAAM,CAAC,CAAC,MAAM,iBAAiB,CAAC,CAAC,UAAU,MAAM,CAAC,CAAC,MAAM,EAAE;KAC5H,CAAA;AACH,CAAC"}

package/dist/product/brand.cjs

@@ -0,0 +1,91 @@
+'use client';"use strict";
+/**
+ * Brand identities for the animated logo — the white-label source of truth.
+ *
+ * ONE component (`AnimatedLogo`) renders any brand: pass a `BrandIdentity` and it
+ * shows THAT brand's mark + name (never a hardcoded Hanzo asset). The mark
+ * geometry is byte-identical to the console's host-driven brand registry
+ * (`console/src/lib/branding/brands.ts`) so a lux/zoo/pars surface renders the
+ * exact same glyph the chrome already uses — one mark, everywhere.
+ *
+ * `content` is inner SVG markup (a build-time-trusted constant, never user
+ * input). Marks use `currentColor` so they inherit the surrounding text color and
+ * adapt to the dark/light theme with no per-theme asset — except Zoo, whose mark
+ * is intentionally full-color (`fullColor`).
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BRANDS = exports.PARS = exports.ZOO = exports.LUX = exports.HANZO = exports.HANZO_MARK_CONTENT = void 0;
+exports.resolveBrand = resolveBrand;
+/**
+ * The canonical Hanzo block-"H" — 5 paths, no opacity facets, `currentColor`.
+ * Byte-identical to the mark shipped in the chrome (HanzoMark + brand registry),
+ * so the default render matches the existing product surfaces exactly.
+ */
+exports.HANZO_MARK_CONTENT = '<path d="M22.21 67V44.6369H0V67H22.21Z"/>' +
+    '<path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z"/>' +
+    '<path d="M22.21 0H0V22.3184H22.21V0Z"/>' +
+    '<path d="M66.7198 0H44.5098V22.3184H66.7198V0Z"/>' +
+    '<path d="M66.7198 67V44.6369H44.5098V67H66.7198Z"/>';
+exports.HANZO = {
+    id: 'hanzo',
+    name: 'Hanzo',
+    viewBox: '0 0 67 67',
+    content: exports.HANZO_MARK_CONTENT,
+    href: 'https://hanzo.ai',
+};
+/** Lux — downward triangle (the explorer/console registry mark, currentColor). */
+exports.LUX = {
+    id: 'lux',
+    name: 'Lux',
+    viewBox: '0 0 100 100',
+    content: '<path d="M50 85 L15 25 L85 25 Z"/>',
+    href: 'https://lux.network',
+};
+/** Zoo — interlocking circles (intentional full-color fills, not currentColor). */
+exports.ZOO = {
+    id: 'zoo',
+    name: 'Zoo',
+    viewBox: '0 0 1024 1024',
+    fullColor: true,
+    content: '<defs>' +
+        '<clipPath id="zooClip"><circle cx="512" cy="511" r="270"/></clipPath>' +
+        '<clipPath id="zooGClip"><circle cx="513" cy="369" r="234"/></clipPath>' +
+        '<clipPath id="zooRClip"><circle cx="365" cy="595" r="234"/></clipPath>' +
+        '</defs>' +
+        '<g clip-path="url(#zooClip)">' +
+        '<circle cx="513" cy="369" r="234" fill="#00A652"/>' +
+        '<circle cx="365" cy="595" r="234" fill="#ED1C24"/>' +
+        '<circle cx="643" cy="595" r="234" fill="#2E3192"/>' +
+        '<g clip-path="url(#zooGClip)">' +
+        '<circle cx="365" cy="595" r="234" fill="#FCF006"/>' +
+        '<circle cx="643" cy="595" r="234" fill="#01ACF1"/>' +
+        '</g>' +
+        '<g clip-path="url(#zooRClip)">' +
+        '<circle cx="643" cy="595" r="234" fill="#EA018E"/>' +
+        '</g>' +
+        '<g clip-path="url(#zooGClip)">' +
+        '<g clip-path="url(#zooRClip)">' +
+        '<circle cx="643" cy="595" r="234" fill="#FFFFFF"/>' +
+        '</g></g></g>',
+    href: 'https://zoo.ngo',
+};
+/** Pars — Persian 8-pointed star (the explorer/console registry mark). */
+exports.PARS = {
+    id: 'pars',
+    name: 'Pars',
+    viewBox: '-120 -120 240 240',
+    content: '<path d="M0,-100 L30,-60 L100,-40 L60,0 L100,40 L30,60 L0,100 L-30,60 L-100,40 L-60,0 L-100,-40 L-30,-60 Z"' +
+        ' fill="none" stroke="currentColor" stroke-width="4" stroke-linejoin="round"/>' +
+        '<path d="M0,-70 L22,-42 L70,-28 L42,0 L70,28 L22,42 L0,70 L-22,42 L-70,28 L-42,0 L-70,-28 L-22,-42 Z"' +
+        ' fill="currentColor" fill-opacity="0.15" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/>' +
+        '<circle r="55" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/>' +
+        '<circle r="35" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/>' +
+        '<circle r="8" fill="currentColor"/>',
+    href: 'https://pars.network',
+};
+/** All shipped brands, keyed by id — the white-label registry. */
+exports.BRANDS = { hanzo: exports.HANZO, lux: exports.LUX, zoo: exports.ZOO, pars: exports.PARS };
+/** Resolve a brand by id, falling back to Hanzo (the canonical default). */
+function resolveBrand(id) {
+    return (id && exports.BRANDS[id]) || exports.HANZO;
+}

package/dist/product/brand.d.ts

@@ -43,3 +43,4 @@ export declare const PARS: BrandIdentity;
 export declare const BRANDS: Record<string, BrandIdentity>;
 /** Resolve a brand by id, falling back to Hanzo (the canonical default). */
 export declare function resolveBrand(id?: string): BrandIdentity;
+//# sourceMappingURL=brand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"brand.d.ts","sourceRoot":"","sources":["../../src/product/brand.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAA;IACV,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,QAKwB,CAAA;AAEvD,eAAO,MAAM,KAAK,EAAE,aAMnB,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,GAAG,EAAE,aAMjB,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,GAAG,EAAE,aA2BjB,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,IAAI,EAAE,aAalB,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAoD,CAAA;AAErG,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,aAAa,CAEvD"}

package/dist/product/brand.js

@@ -0,0 +1,88 @@
+'use client';/**
+ * Brand identities for the animated logo — the white-label source of truth.
+ *
+ * ONE component (`AnimatedLogo`) renders any brand: pass a `BrandIdentity` and it
+ * shows THAT brand's mark + name (never a hardcoded Hanzo asset). The mark
+ * geometry is byte-identical to the console's host-driven brand registry
+ * (`console/src/lib/branding/brands.ts`) so a lux/zoo/pars surface renders the
+ * exact same glyph the chrome already uses — one mark, everywhere.
+ *
+ * `content` is inner SVG markup (a build-time-trusted constant, never user
+ * input). Marks use `currentColor` so they inherit the surrounding text color and
+ * adapt to the dark/light theme with no per-theme asset — except Zoo, whose mark
+ * is intentionally full-color (`fullColor`).
+ */
+/**
+ * The canonical Hanzo block-"H" — 5 paths, no opacity facets, `currentColor`.
+ * Byte-identical to the mark shipped in the chrome (HanzoMark + brand registry),
+ * so the default render matches the existing product surfaces exactly.
+ */
+export const HANZO_MARK_CONTENT = '<path d="M22.21 67V44.6369H0V67H22.21Z"/>' +
+    '<path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z"/>' +
+    '<path d="M22.21 0H0V22.3184H22.21V0Z"/>' +
+    '<path d="M66.7198 0H44.5098V22.3184H66.7198V0Z"/>' +
+    '<path d="M66.7198 67V44.6369H44.5098V67H66.7198Z"/>';
+export const HANZO = {
+    id: 'hanzo',
+    name: 'Hanzo',
+    viewBox: '0 0 67 67',
+    content: HANZO_MARK_CONTENT,
+    href: 'https://hanzo.ai',
+};
+/** Lux — downward triangle (the explorer/console registry mark, currentColor). */
+export const LUX = {
+    id: 'lux',
+    name: 'Lux',
+    viewBox: '0 0 100 100',
+    content: '<path d="M50 85 L15 25 L85 25 Z"/>',
+    href: 'https://lux.network',
+};
+/** Zoo — interlocking circles (intentional full-color fills, not currentColor). */
+export const ZOO = {
+    id: 'zoo',
+    name: 'Zoo',
+    viewBox: '0 0 1024 1024',
+    fullColor: true,
+    content: '<defs>' +
+        '<clipPath id="zooClip"><circle cx="512" cy="511" r="270"/></clipPath>' +
+        '<clipPath id="zooGClip"><circle cx="513" cy="369" r="234"/></clipPath>' +
+        '<clipPath id="zooRClip"><circle cx="365" cy="595" r="234"/></clipPath>' +
+        '</defs>' +
+        '<g clip-path="url(#zooClip)">' +
+        '<circle cx="513" cy="369" r="234" fill="#00A652"/>' +
+        '<circle cx="365" cy="595" r="234" fill="#ED1C24"/>' +
+        '<circle cx="643" cy="595" r="234" fill="#2E3192"/>' +
+        '<g clip-path="url(#zooGClip)">' +
+        '<circle cx="365" cy="595" r="234" fill="#FCF006"/>' +
+        '<circle cx="643" cy="595" r="234" fill="#01ACF1"/>' +
+        '</g>' +
+        '<g clip-path="url(#zooRClip)">' +
+        '<circle cx="643" cy="595" r="234" fill="#EA018E"/>' +
+        '</g>' +
+        '<g clip-path="url(#zooGClip)">' +
+        '<g clip-path="url(#zooRClip)">' +
+        '<circle cx="643" cy="595" r="234" fill="#FFFFFF"/>' +
+        '</g></g></g>',
+    href: 'https://zoo.ngo',
+};
+/** Pars — Persian 8-pointed star (the explorer/console registry mark). */
+export const PARS = {
+    id: 'pars',
+    name: 'Pars',
+    viewBox: '-120 -120 240 240',
+    content: '<path d="M0,-100 L30,-60 L100,-40 L60,0 L100,40 L30,60 L0,100 L-30,60 L-100,40 L-60,0 L-100,-40 L-30,-60 Z"' +
+        ' fill="none" stroke="currentColor" stroke-width="4" stroke-linejoin="round"/>' +
+        '<path d="M0,-70 L22,-42 L70,-28 L42,0 L70,28 L22,42 L0,70 L-22,42 L-70,28 L-42,0 L-70,-28 L-22,-42 Z"' +
+        ' fill="currentColor" fill-opacity="0.15" stroke="currentColor" stroke-width="3" stroke-linejoin="round"/>' +
+        '<circle r="55" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/>' +
+        '<circle r="35" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/>' +
+        '<circle r="8" fill="currentColor"/>',
+    href: 'https://pars.network',
+};
+/** All shipped brands, keyed by id — the white-label registry. */
+export const BRANDS = { hanzo: HANZO, lux: LUX, zoo: ZOO, pars: PARS };
+/** Resolve a brand by id, falling back to Hanzo (the canonical default). */
+export function resolveBrand(id) {
+    return (id && BRANDS[id]) || HANZO;
+}
+//# sourceMappingURL=brand.js.map

package/dist/product/brand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand.js","sourceRoot":"","sources":["../../src/product/brand.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAiBH;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAC7B,2CAA2C;IAC3C,iFAAiF;IACjF,yCAAyC;IACzC,mDAAmD;IACnD,qDAAqD,CAAA;AAEvD,MAAM,CAAC,MAAM,KAAK,GAAkB;IAClC,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,kBAAkB;IAC3B,IAAI,EAAE,kBAAkB;CACzB,CAAA;AAED,kFAAkF;AAClF,MAAM,CAAC,MAAM,GAAG,GAAkB;IAChC,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,oCAAoC;IAC7C,IAAI,EAAE,qBAAqB;CAC5B,CAAA;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,GAAG,GAAkB;IAChC,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,eAAe;IACxB,SAAS,EAAE,IAAI;IACf,OAAO,EACL,QAAQ;QACR,uEAAuE;QACvE,wEAAwE;QACxE,wEAAwE;QACxE,SAAS;QACT,+BAA+B;QAC/B,oDAAoD;QACpD,oDAAoD;QACpD,oDAAoD;QACpD,gCAAgC;QAChC,oDAAoD;QACpD,oDAAoD;QACpD,MAAM;QACN,gCAAgC;QAChC,oDAAoD;QACpD,MAAM;QACN,gCAAgC;QAChC,gCAAgC;QAChC,oDAAoD;QACpD,cAAc;IAChB,IAAI,EAAE,iBAAiB;CACxB,CAAA;AAED,0EAA0E;AAC1E,MAAM,CAAC,MAAM,IAAI,GAAkB;IACjC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EACL,6GAA6G;QAC7G,+EAA+E;QAC/E,uGAAuG;QACvG,2GAA2G;QAC3G,qFAAqF;QACrF,qFAAqF;QACrF,qCAAqC;IACvC,IAAI,EAAE,sBAAsB;CAC7B,CAAA;AAED,kEAAkE;AAClE,MAAM,CAAC,MAAM,MAAM,GAAkC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AAErG,4EAA4E;AAC5E,MAAM,UAAU,YAAY,CAAC,EAAW;IACtC,OAAO,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAA;AACpC,CAAC"}

package/dist/product/color.cjs

@@ -0,0 +1,6 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.asColor = void 0;
+/** Cast a raw CSS color (e.g. `#5E6AD2`) to Gui's `color` prop type. */
+const asColor = (hex) => hex;
+exports.asColor = asColor;

package/dist/product/color.d.ts

@@ -15,3 +15,4 @@ export type IconLike = ComponentType<{
     size?: number;
     color?: IconColor;
 }>;
+//# sourceMappingURL=color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/product/color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAErD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;AAEpD,wEAAwE;AACxE,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,KAAG,SAAwC,CAAA;AAE9E;+DAC+D;AAC/D,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA"}

package/dist/product/color.js

@@ -0,0 +1,3 @@
+'use client';/** Cast a raw CSS color (e.g. `#5E6AD2`) to Gui's `color` prop type. */
+export const asColor = (hex) => hex;
+//# sourceMappingURL=color.js.map

package/dist/product/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/product/color.ts"],"names":[],"mappings":"AAWA,wEAAwE;AACxE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAW,EAAa,EAAE,CAAC,GAA2B,CAAA"}

package/dist/product/combobox/filter.cjs

@@ -0,0 +1,31 @@
+'use client';"use strict";
+/**
+ * Combobox option filtering — pure, unit-tested.
+ *
+ * The ONE matcher the ComboBox uses to narrow a live option list against typed
+ * text. Matching is a LITERAL, case-insensitive substring over the option's
+ * value + label + hint — NEVER a compiled RegExp of user input (that would be a
+ * ReDoS / injection surface; the whole codebase filters with literal `includes`,
+ * e.g. marketplace/logic + filterOrgs). Kept dependency-free so it lifts into
+ * `@hanzo/ui` alongside the ComboBox.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterOptions = filterOptions;
+exports.isKnownOption = isKnownOption;
+/** The searchable haystack for one option (value + label + hint), lowercased. */
+const hay = (o) => `${o.value} ${o.label ?? ''} ${o.hint ?? ''}`.toLowerCase();
+/**
+ * Filter `options` by `query` — a literal, case-insensitive substring over
+ * value/label/hint. An empty/whitespace query returns every option (no filter).
+ * PURE. The input is treated as a plain string, never a pattern.
+ */
+function filterOptions(options, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return options;
+    return options.filter((o) => hay(o).includes(q));
+}
+/** True iff `value` exactly matches an option's `value` (case-sensitive). */
+function isKnownOption(options, value) {
+    return options.some((o) => o.value === value);
+}

package/dist/product/combobox/filter.d.ts

@@ -25,3 +25,4 @@ export type ComboOption = {
 export declare function filterOptions(options: ComboOption[], query: string): ComboOption[];
 /** True iff `value` exactly matches an option's `value` (case-sensitive). */
 export declare function isKnownOption(options: ComboOption[], value: string): boolean;
+//# sourceMappingURL=filter.d.ts.map

package/dist/product/combobox/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/product/combobox/filter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,6FAA6F;AAC7F,MAAM,MAAM,WAAW,GAAG;IACxB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAIlF;AAED,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAE5E"}

package/dist/product/combobox/filter.js

@@ -0,0 +1,28 @@
+'use client';/**
+ * Combobox option filtering — pure, unit-tested.
+ *
+ * The ONE matcher the ComboBox uses to narrow a live option list against typed
+ * text. Matching is a LITERAL, case-insensitive substring over the option's
+ * value + label + hint — NEVER a compiled RegExp of user input (that would be a
+ * ReDoS / injection surface; the whole codebase filters with literal `includes`,
+ * e.g. marketplace/logic + filterOrgs). Kept dependency-free so it lifts into
+ * `@hanzo/ui` alongside the ComboBox.
+ */
+/** The searchable haystack for one option (value + label + hint), lowercased. */
+const hay = (o) => `${o.value} ${o.label ?? ''} ${o.hint ?? ''}`.toLowerCase();
+/**
+ * Filter `options` by `query` — a literal, case-insensitive substring over
+ * value/label/hint. An empty/whitespace query returns every option (no filter).
+ * PURE. The input is treated as a plain string, never a pattern.
+ */
+export function filterOptions(options, query) {
+    const q = query.trim().toLowerCase();
+    if (!q)
+        return options;
+    return options.filter((o) => hay(o).includes(q));
+}
+/** True iff `value` exactly matches an option's `value` (case-sensitive). */
+export function isKnownOption(options, value) {
+    return options.some((o) => o.value === value);
+}
+//# sourceMappingURL=filter.js.map

package/dist/product/combobox/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../src/product/combobox/filter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAYH,iFAAiF;AACjF,MAAM,GAAG,GAAG,CAAC,CAAc,EAAU,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,WAAW,EAAE,CAAA;AAEnG;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,OAAsB,EAAE,KAAa;IACjE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IACpC,IAAI,CAAC,CAAC;QAAE,OAAO,OAAO,CAAA;IACtB,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;AAClD,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,aAAa,CAAC,OAAsB,EAAE,KAAa;IACjE,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;AAC/C,CAAC"}