@hanzo/ui 8.0.95 → 8.0.98

package/dist/product/BrandMark.cjs

@@ -1,19 +1,58 @@
 'use client';"use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.hostBrand = void 0;
 exports.BrandMark = BrandMark;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * BrandMark — the canonical brand lockup for an app header, from @hanzo/logo
- * (the ONE home of the mark geometry + motion). Animated by default: intro
- * flip + idle breathing + a wordmark that slides in, holds, then collapses
- * (returns on hover). Pure CSS, reduced-motion-safe; the mark inherits
- * `currentColor` so it themes for free. White-label via `wordmark`.
+ * BrandMark — the brand's mark, for any brand this design system dresses.
+ *
+ * It used to render `HanzoLogo` with `wordmark = 'Hanzo'` baked in, so the ONE
+ * canonical mark could only ever say Hanzo. Every white-label surface therefore
+ * had to write its own — the console carries two — which is how a shared
+ * component ends up shared by nobody: a lux or zoo host mounting this rendered
+ * the Hanzo H, and that is the white-label invariant broken outright.
+ *
+ * The geometry was never ours to hold either. `@hanzo/brand` is the fleet
+ * registry (`BRAND_MARKS`, keyed by the same id that keys the IAM org) and it
+ * ALREADY composes `@hanzo/logo` for Hanzo's own paths — so reaching past it to
+ * `@hanzo/logo` skipped the one layer that knows there is more than one brand.
+ * One registry, one mark per brand, resolved by the host that asked.
+ *
+ * MOTION IS THE APP'S, deliberately. A brand's animated mark ships in that
+ * brand's own package (`@luxfi/logo`, `@zooai/logo`); depending on all of them
+ * here would put every brand's bytes in every brand's page, which is the
+ * cross-bundling the registry exists to prevent. So `animated` is a SLOT — pass
+ * the getter the app already carries — and Hanzo's is the default only because
+ * `@hanzo/logo` is a dependency of the registry regardless.
  */
+const registry_1 = require("@hanzo/brand/registry");
 const react_1 = require("@hanzo/logo/react");
-const HanzoMark_1 = require("./HanzoMark.cjs");
-function BrandMark({ size = 20, wordmark = 'Hanzo', animated = true, }) {
-    if (!animated)
-        return (0, jsx_runtime_1.jsx)(HanzoMark_1.HanzoMark, { size: size });
-    return (0, jsx_runtime_1.jsx)(react_1.HanzoLogo, { animated: true, size: size, wordmark: wordmark });
+/** The brand this surface is serving, from its own hostname. Server-side there
+ *  is no host to read, so it answers the default — the same answer the registry
+ *  gives an unrecognized host, and the same one the app corrects by passing
+ *  `brand` explicitly when it resolves the brand its own way. */
+const hostBrand = () => typeof window === 'undefined' ? registry_1.DEFAULT_BRAND : (0, registry_1.brandFromHost)(window.location.hostname);
+exports.hostBrand = hostBrand;
+function BrandMark({ size = 20, brand, wordmark, animated = true, color = 'currentColor', }) {
+    const id = brand ?? (0, exports.hostBrand)();
+    const mark = registry_1.BRAND_MARKS[id] ?? registry_1.BRAND_MARKS[registry_1.DEFAULT_BRAND];
+    const name = registry_1.BRANDS[id]?.name ?? registry_1.BRANDS[registry_1.DEFAULT_BRAND].name;
+    const label = wordmark === false ? name : (wordmark ?? name);
+    // An app-supplied mark for a brand whose motion this package cannot carry.
+    if (typeof animated === 'function') {
+        // The published marks are self-contained and carry a viewBox but no width or
+        // height, so they fill whatever box they are given.
+        const svg = animated().replace('<svg ', '<svg width="100%" height="100%" ');
+        return ((0, jsx_runtime_1.jsx)("span", { role: "img", "aria-label": label, style: { width: size, height: size, display: 'inline-flex', flexShrink: 0 }, 
+            // A brand's own published mark — a package constant, never user input.
+            dangerouslySetInnerHTML: { __html: svg } }));
+    }
+    // Hanzo's motion is the one this package already depends on.
+    if (animated && id === 'hanzo') {
+        return (0, jsx_runtime_1.jsx)(react_1.HanzoLogo, { animated: true, size: size, wordmark: wordmark === false ? undefined : label });
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: mark.viewBox, role: "img", "aria-label": label, ...(mark.colored ? null : { fill: color }), style: { display: 'block', flexShrink: 0 }, 
+        // Registry geometry — a build-time package constant, never user input.
+        dangerouslySetInnerHTML: { __html: mark.content } }));
 }

package/dist/product/BrandMark.d.ts

@@ -1,8 +1,49 @@
-export declare function BrandMark({ size, wordmark, animated, }: {
+/**
+ * BrandMark — the brand's mark, for any brand this design system dresses.
+ *
+ * It used to render `HanzoLogo` with `wordmark = 'Hanzo'` baked in, so the ONE
+ * canonical mark could only ever say Hanzo. Every white-label surface therefore
+ * had to write its own — the console carries two — which is how a shared
+ * component ends up shared by nobody: a lux or zoo host mounting this rendered
+ * the Hanzo H, and that is the white-label invariant broken outright.
+ *
+ * The geometry was never ours to hold either. `@hanzo/brand` is the fleet
+ * registry (`BRAND_MARKS`, keyed by the same id that keys the IAM org) and it
+ * ALREADY composes `@hanzo/logo` for Hanzo's own paths — so reaching past it to
+ * `@hanzo/logo` skipped the one layer that knows there is more than one brand.
+ * One registry, one mark per brand, resolved by the host that asked.
+ *
+ * MOTION IS THE APP'S, deliberately. A brand's animated mark ships in that
+ * brand's own package (`@luxfi/logo`, `@zooai/logo`); depending on all of them
+ * here would put every brand's bytes in every brand's page, which is the
+ * cross-bundling the registry exists to prevent. So `animated` is a SLOT — pass
+ * the getter the app already carries — and Hanzo's is the default only because
+ * `@hanzo/logo` is a dependency of the registry regardless.
+ */
+import { type BrandId } from '@hanzo/brand/registry';
+/** The brand this surface is serving, from its own hostname. Server-side there
+ *  is no host to read, so it answers the default — the same answer the registry
+ *  gives an unrecognized host, and the same one the app corrects by passing
+ *  `brand` explicitly when it resolves the brand its own way. */
+export declare const hostBrand: () => BrandId;
+export type BrandMarkProps = {
+    /** Edge of the mark, px. */
     size?: number;
-    /** Wordmark text (white-label): "Hanzo", "Lux", "Zoo", … */
-    wordmark?: string;
-    /** false = the static mark alone (no motion shell, no wordmark). */
-    animated?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    /** Which brand. Defaults to the host's — the white-label resolution. */
+    brand?: BrandId;
+    /**
+     * Wordmark beside the mark. Defaults to the brand's own name; `false` renders
+     * the mark alone. Only the animated lockup draws one.
+     */
+    wordmark?: string | false;
+    /**
+     * Motion. `true` animates when this app carries that brand's motion package
+     * (Hanzo's rides along with the registry); pass a getter returning SVG markup
+     * for any other brand; `false` is the static mark.
+     */
+    animated?: boolean | (() => string);
+    /** Ink for a mark that inherits it. A `colored` mark keeps its own fills. */
+    color?: string;
+};
+export declare function BrandMark({ size, brand, wordmark, animated, color, }: BrandMarkProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BrandMark.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BrandMark.d.ts","sourceRoot":"","sources":["../../src/product/BrandMark.tsx"],"names":[],"mappings":"AAaA,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,QAAkB,EAClB,QAAe,GAChB,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,2CAGA"}
+{"version":3,"file":"BrandMark.d.ts","sourceRoot":"","sources":["../../src/product/BrandMark.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAqD,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGvG;;;iEAGiE;AACjE,eAAO,MAAM,SAAS,QAAO,OAC4D,CAAA;AAEzF,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;IACnC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAe,EACf,KAAsB,GACvB,EAAE,cAAc,2CA2ChB"}

package/dist/product/BrandMark.js

@@ -1,17 +1,54 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * BrandMark — the canonical brand lockup for an app header, from @hanzo/logo
- * (the ONE home of the mark geometry + motion). Animated by default: intro
- * flip + idle breathing + a wordmark that slides in, holds, then collapses
- * (returns on hover). Pure CSS, reduced-motion-safe; the mark inherits
- * `currentColor` so it themes for free. White-label via `wordmark`.
+ * BrandMark — the brand's mark, for any brand this design system dresses.
+ *
+ * It used to render `HanzoLogo` with `wordmark = 'Hanzo'` baked in, so the ONE
+ * canonical mark could only ever say Hanzo. Every white-label surface therefore
+ * had to write its own — the console carries two — which is how a shared
+ * component ends up shared by nobody: a lux or zoo host mounting this rendered
+ * the Hanzo H, and that is the white-label invariant broken outright.
+ *
+ * The geometry was never ours to hold either. `@hanzo/brand` is the fleet
+ * registry (`BRAND_MARKS`, keyed by the same id that keys the IAM org) and it
+ * ALREADY composes `@hanzo/logo` for Hanzo's own paths — so reaching past it to
+ * `@hanzo/logo` skipped the one layer that knows there is more than one brand.
+ * One registry, one mark per brand, resolved by the host that asked.
+ *
+ * MOTION IS THE APP'S, deliberately. A brand's animated mark ships in that
+ * brand's own package (`@luxfi/logo`, `@zooai/logo`); depending on all of them
+ * here would put every brand's bytes in every brand's page, which is the
+ * cross-bundling the registry exists to prevent. So `animated` is a SLOT — pass
+ * the getter the app already carries — and Hanzo's is the default only because
+ * `@hanzo/logo` is a dependency of the registry regardless.
  */
+import { BRANDS, BRAND_MARKS, DEFAULT_BRAND, brandFromHost } from '@hanzo/brand/registry';
 import { HanzoLogo } from '@hanzo/logo/react';
-import { HanzoMark } from './HanzoMark.js';
-export function BrandMark({ size = 20, wordmark = 'Hanzo', animated = true, }) {
-    if (!animated)
-        return _jsx(HanzoMark, { size: size });
-    return _jsx(HanzoLogo, { animated: true, size: size, wordmark: wordmark });
+/** The brand this surface is serving, from its own hostname. Server-side there
+ *  is no host to read, so it answers the default — the same answer the registry
+ *  gives an unrecognized host, and the same one the app corrects by passing
+ *  `brand` explicitly when it resolves the brand its own way. */
+export const hostBrand = () => typeof window === 'undefined' ? DEFAULT_BRAND : brandFromHost(window.location.hostname);
+export function BrandMark({ size = 20, brand, wordmark, animated = true, color = 'currentColor', }) {
+    const id = brand ?? hostBrand();
+    const mark = BRAND_MARKS[id] ?? BRAND_MARKS[DEFAULT_BRAND];
+    const name = BRANDS[id]?.name ?? BRANDS[DEFAULT_BRAND].name;
+    const label = wordmark === false ? name : (wordmark ?? name);
+    // An app-supplied mark for a brand whose motion this package cannot carry.
+    if (typeof animated === 'function') {
+        // The published marks are self-contained and carry a viewBox but no width or
+        // height, so they fill whatever box they are given.
+        const svg = animated().replace('<svg ', '<svg width="100%" height="100%" ');
+        return (_jsx("span", { role: "img", "aria-label": label, style: { width: size, height: size, display: 'inline-flex', flexShrink: 0 }, 
+            // A brand's own published mark — a package constant, never user input.
+            dangerouslySetInnerHTML: { __html: svg } }));
+    }
+    // Hanzo's motion is the one this package already depends on.
+    if (animated && id === 'hanzo') {
+        return _jsx(HanzoLogo, { animated: true, size: size, wordmark: wordmark === false ? undefined : label });
+    }
+    return (_jsx("svg", { width: size, height: size, viewBox: mark.viewBox, role: "img", "aria-label": label, ...(mark.colored ? null : { fill: color }), style: { display: 'block', flexShrink: 0 }, 
+        // Registry geometry — a build-time package constant, never user input.
+        dangerouslySetInnerHTML: { __html: mark.content } }));
 }
 //# sourceMappingURL=BrandMark.js.map

package/dist/product/BrandMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandMark.js","sourceRoot":"","sources":["../../src/product/BrandMark.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,IAAI,GAOhB;IACC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;IAC/C,OAAO,KAAC,SAAS,IAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;AAC/D,CAAC"}
+{"version":3,"file":"BrandMark.js","sourceRoot":"","sources":["../../src/product/BrandMark.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAgB,MAAM,uBAAuB,CAAA;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAY,EAAE,CACrC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAsBzF,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,cAAc,GACP;IACf,MAAM,EAAE,GAAG,KAAK,IAAI,SAAS,EAAE,CAAA;IAC/B,MAAM,IAAI,GAAG,WAAW,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAA;IAC3D,MAAM,KAAK,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAA;IAE5D,2EAA2E;IAC3E,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,6EAA6E;QAC7E,oDAAoD;QACpD,MAAM,GAAG,GAAG,QAAQ,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,kCAAkC,CAAC,CAAA;QAC3E,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,EAAE;YAC3E,uEAAuE;YACvE,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GACxC,CACH,CAAA;IACH,CAAC;IAED,6DAA6D;IAC7D,IAAI,QAAQ,IAAI,EAAE,KAAK,OAAO,EAAE,CAAC;QAC/B,OAAO,KAAC,SAAS,IAAC,QAAQ,QAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAAI,CAAA;IAC7F,CAAC;IAED,OAAO,CACL,cACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,KAAK,gBACE,KAAK,KAIb,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAC3C,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE;QAC1C,uEAAuE;QACvE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,GACjD,CACH,CAAA;AACH,CAAC"}

package/dist/product/HanzoMark.cjs

@@ -4,13 +4,20 @@ 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`).
+ * The Hanzo "H" — the house mark, static, inheriting `currentColor`.
  *
- * 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.
+ * It held its own copy of the seven paths, which made three copies of one
+ * geometry across the fleet: `@hanzo/logo` publishes the canon, `@hanzo/brand`
+ * composes it into the registry, and this transcribed it a third time. A
+ * transcription drifts silently — it is right until the canon moves — so it
+ * reads the registry now, like every other mark.
+ *
+ * Kept as its own name because it means something the general one cannot: the
+ * HOUSE mark specifically, for the places that are Hanzo whatever host they are
+ * served from (a "built by Hanzo" credit on a white-label surface). Anything
+ * showing THIS surface's identity wants `BrandMark`, which follows the host.
  */
+const BrandMark_1 = require("./BrandMark.cjs");
 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" })] }));
+    return (0, jsx_runtime_1.jsx)(BrandMark_1.BrandMark, { brand: "hanzo", size: size, color: color, animated: false, wordmark: false });
 }

package/dist/product/HanzoMark.d.ts

@@ -1,11 +1,3 @@
-/**
- * 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 declare function HanzoMark({ size, color }: {
     size?: number;
     color?: string;

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

@@ -1 +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"}
+{"version":3,"file":"HanzoMark.d.ts","sourceRoot":"","sources":["../../src/product/HanzoMark.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAEjG"}

package/dist/product/HanzoMark.js

@@ -1,14 +1,21 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } 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`).
+ * The Hanzo "H" — the house mark, static, inheriting `currentColor`.
  *
- * 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.
+ * It held its own copy of the seven paths, which made three copies of one
+ * geometry across the fleet: `@hanzo/logo` publishes the canon, `@hanzo/brand`
+ * composes it into the registry, and this transcribed it a third time. A
+ * transcription drifts silently — it is right until the canon moves — so it
+ * reads the registry now, like every other mark.
+ *
+ * Kept as its own name because it means something the general one cannot: the
+ * HOUSE mark specifically, for the places that are Hanzo whatever host they are
+ * served from (a "built by Hanzo" credit on a white-label surface). Anything
+ * showing THIS surface's identity wants `BrandMark`, which follows the host.
  */
+import { BrandMark } from './BrandMark.js';
 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" })] }));
+    return _jsx(BrandMark, { brand: "hanzo", size: size, color: color, animated: false, wordmark: false });
 }
 //# sourceMappingURL=HanzoMark.js.map

package/dist/product/HanzoMark.js.map

@@ -1 +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"}
+{"version":3,"file":"HanzoMark.js","sourceRoot":"","sources":["../../src/product/HanzoMark.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAqC;IAChG,OAAO,KAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAI,CAAA;AAChG,CAAC"}

package/dist/product/OrgMark.cjs

@@ -60,6 +60,23 @@ function monogram(name) {
         .join('');
     return (letters || name.trim().slice(0, 2)).toUpperCase();
 }
+/**
+ * A mark's glyph is sized by TOKEN, not by arithmetic.
+ *
+ * It used to be a ratio of the tile — `size * 0.4` — which bypasses the type
+ * system in two ways. It lands off the scale (at the 30px mark both identity
+ * controls use it computed 12, a value on no ladder, and the console's design
+ * sweep found it on every screen that renders a mark). And a raw pixel cannot
+ * answer to `--type-scale`: the ramp behind every token is
+ * `var(--text-sm, 13px)` and design multiplies it, so a person who turns their
+ * type up watches all text grow EXCEPT the monogram, which is the one place the
+ * drift is most visible because it sits beside their own name.
+ *
+ * So the tile's size chooses a token and the token carries the value. Bands
+ * rather than a formula, because a token IS a band — the ladder is not linear,
+ * and rounding onto it is the same mistake in a nicer coat.
+ */
+const glyphToken = (size) => size < 26 ? '$1' : size < 34 ? '$2' : size < 44 ? '$4' : '$6';
 function OrgMark({ org, size = 22, maxW }) {
     // Reset when the mark changes: switcher rows reuse instances, so a failure on
     // one org must not blank the next org's logo.
@@ -82,5 +99,5 @@ function OrgMark({ org, size = 22, maxW }) {
                 flexShrink: 0,
             } }));
     }
-    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: size, height: size, rounded: "$3", bg: "$color4", items: "center", justify: "center", style: { flexShrink: 0 }, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: Math.round(size * 0.4), fontWeight: "800", color: "$color12", children: monogram(org.displayName || org.name) }) }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: size, height: size, rounded: "$3", bg: "$color4", items: "center", justify: "center", style: { flexShrink: 0 }, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: glyphToken(size), fontWeight: "800", color: "$color12", children: monogram(org.displayName || org.name) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"OrgMark.d.ts","sourceRoot":"","sources":["../../src/product/OrgMark.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAElC;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAU7C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO7C;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gFAAgF;IAChF,GAAG,EAAE,GAAG,CAAA;IACR,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,IAAS,EAAE,IAAI,EAAE,EAAE,YAAY,2CA0D7D"}
+{"version":3,"file":"OrgMark.d.ts","sourceRoot":"","sources":["../../src/product/OrgMark.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAElC;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAU7C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO7C;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gFAAgF;IAChF,GAAG,EAAE,GAAG,CAAA;IACR,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAqBD,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,IAAS,EAAE,IAAI,EAAE,EAAE,YAAY,2CA0D7D"}

package/dist/product/OrgMark.js

@@ -55,6 +55,23 @@ export function monogram(name) {
         .join('');
     return (letters || name.trim().slice(0, 2)).toUpperCase();
 }
+/**
+ * A mark's glyph is sized by TOKEN, not by arithmetic.
+ *
+ * It used to be a ratio of the tile — `size * 0.4` — which bypasses the type
+ * system in two ways. It lands off the scale (at the 30px mark both identity
+ * controls use it computed 12, a value on no ladder, and the console's design
+ * sweep found it on every screen that renders a mark). And a raw pixel cannot
+ * answer to `--type-scale`: the ramp behind every token is
+ * `var(--text-sm, 13px)` and design multiplies it, so a person who turns their
+ * type up watches all text grow EXCEPT the monogram, which is the one place the
+ * drift is most visible because it sits beside their own name.
+ *
+ * So the tile's size chooses a token and the token carries the value. Bands
+ * rather than a formula, because a token IS a band — the ladder is not linear,
+ * and rounding onto it is the same mistake in a nicer coat.
+ */
+const glyphToken = (size) => size < 26 ? '$1' : size < 34 ? '$2' : size < 44 ? '$4' : '$6';
 export function OrgMark({ org, size = 22, maxW }) {
     // Reset when the mark changes: switcher rows reuse instances, so a failure on
     // one org must not blank the next org's logo.
@@ -77,6 +94,6 @@ export function OrgMark({ org, size = 22, maxW }) {
                 flexShrink: 0,
             } }));
     }
-    return (_jsx(YStack, { width: size, height: size, rounded: "$3", bg: "$color4", items: "center", justify: "center", style: { flexShrink: 0 }, children: _jsx(Text, { fontSize: Math.round(size * 0.4), fontWeight: "800", color: "$color12", children: monogram(org.displayName || org.name) }) }));
+    return (_jsx(YStack, { width: size, height: size, rounded: "$3", bg: "$color4", items: "center", justify: "center", style: { flexShrink: 0 }, children: _jsx(Text, { fontSize: glyphToken(size), fontWeight: "800", color: "$color12", children: monogram(org.displayName || org.name) }) }));
 }
 //# sourceMappingURL=OrgMark.js.map

package/dist/product/OrgMark.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.0.95",
+  "version": "8.0.98",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {
@@ -194,12 +194,10 @@
   ],
   "dependencies": {
     "@hanzo/appearance": "^0.1.4",
+    "@hanzo/brand": "^1.4.5",
     "@hanzo/design": "^0.5.3",
     "@hanzo/logo": "^1.0.13",
     "@hanzo/products": "^0.2.0",
-    "@hanzogui/lucide-icons-2": "^8.1.0",
-    "@hanzogui/telemetry": "^8.1.0",
-    "@hanzogui/toast": "^8.1.0",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
@@ -210,7 +208,10 @@
     "@hanzo/gui": ">=8.1.0",
     "@hanzo/usage": ">=0.1.0",
     "@hanzogui/config": ">=8.1.0",
+    "@hanzogui/lucide-icons-2": ">=8.1.0",
     "@hanzogui/next-theme": ">=8.1.0",
+    "@hanzogui/telemetry": ">=8.1.0",
+    "@hanzogui/toast": ">=8.1.0",
     "next": ">=14",
     "next-themes": ">=0.2.1",
     "react": ">=19",
@@ -252,6 +253,8 @@
     "@hanzogui/core": "8.1.0",
     "@hanzogui/lucide-icons-2": "8.1.0",
     "@hanzogui/next-theme": "8.1.0",
+    "@hanzogui/telemetry": "8.1.0",
+    "@hanzogui/toast": "8.1.0",
     "@hanzogui/web": "8.1.0",
     "@playwright/test": "^1.61.0",
     "@types/react": "^19.1.10",