@hanzo/ui 8.27.1 → 8.27.2

package/dist/product/social/format.js

@@ -1,4 +1,4 @@
-'use client';/**
+/**
  * The ONE place a post's schedule time and body are formatted, bucketed by day,
  * and parsed. Pure (no React, no host) so the agenda, the table cells and the
  * composer all read the same clock. Extracted from Hanzo Social.

package/dist/product/social/index.cjs

@@ -1,4 +1,4 @@
-'use client';"use strict";
+"use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/product/surfaces.data.cjs

@@ -1,4 +1,4 @@
-'use client';"use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SURFACES = void 0;
 exports.otherSurfaces = otherSurfaces;

package/dist/product/surfaces.data.js

@@ -1,4 +1,4 @@
-'use client';// Re-export shim. The launcher surface DATA now lives ONCE in `@hanzo/products`
+// Re-export shim. The launcher surface DATA now lives ONCE in `@hanzo/products`
 // (`SURFACES` — the collapse of this list and `@hanzogui/shell`'s `HANZO_APPS`).
 // This file preserves the legacy `Surface` / `SurfaceId` / `SURFACES` /
 // `otherSurfaces` shape byte-for-byte, so existing importers (the `AppHeader`

package/dist/root.cjs

@@ -47,25 +47,21 @@ require("./styles.css");
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CACtC,CAAA;AA2BD,eAAO,MAAM,KAAK,mCAA6C,UAAU,gCA+BxE,CAAA;eAEc,KAAK"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CACtC,CAAA;AAuBD,eAAO,MAAM,KAAK,mCAA6C,UAAU,gCA+BxE,CAAA;eAEc,KAAK"}

package/dist/root.js

@@ -44,25 +44,21 @@ import './styles.css';
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 export const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,cAAc,CAAA;AAgCrB;;;;;;;;;;;iCAWiC;AACjC,IAAI,OAAO,GAAG,KAAK,CAAA;AACnB,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AACvE,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,IAAI,OAAO,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;QAAE,OAAM;IACnE,OAAO,GAAG,IAAI,CAAA;IACd,IAAI,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE;QAAE,OAAM;IACnG,MAAM,IAAI,KAAK,CACb,qFAAqF;QACnF,iFAAiF;QACjF,kDAAkD,CACrD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAc,EAAE,EAAE;IAC3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,gBAAgB,EAAE,CAAA;IAC7D,wEAAwE;IACxE,EAAE;IACF,4EAA4E;IAC5E,4EAA4E;IAC5E,0EAA0E;IAC1E,8EAA8E;IAC9E,8EAA8E;IAC9E,wBAAwB;IACxB,EAAE;IACF,sEAAsE;IACtE,4EAA4E;IAC5E,qCAAqC;IACrC,EAAE;IACF,yEAAyE;IACzE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,IAAI,GAAG,CACX,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,kBAC/D,QAAQ,GACG,CACf,CAAA;IACD,6EAA6E;IAC7E,yEAAyE;IACzE,8EAA8E;IAC9E,qDAAqD;IACrD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3B,OAAO,KAAC,iBAAiB,OAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAG,IAAI,GAAqB,CAAA;AACjG,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../src/root.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAwB,MAAM,qBAAqB,CAAA;AAC7E,OAAO,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,cAAc,CAAA;AAgCrB;;;;;;;;;;wEAUwE;AACxE,IAAI,OAAO,GAAG,KAAK,CAAA;AACnB,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,IAAI,OAAO,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IACtD,OAAO,GAAG,IAAI,CAAA;IACd,IAAI,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE;QAAE,OAAM;IACnG,OAAO,CAAC,KAAK,CACX,sGAAsG,CACvG,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAc,EAAE,EAAE;IAC3E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QAAE,gBAAgB,EAAE,CAAA;IAC7D,wEAAwE;IACxE,EAAE;IACF,4EAA4E;IAC5E,4EAA4E;IAC5E,0EAA0E;IAC1E,8EAA8E;IAC9E,8EAA8E;IAC9E,wBAAwB;IACxB,EAAE;IACF,sEAAsE;IACtE,4EAA4E;IAC5E,qCAAqC;IACrC,EAAE;IACF,yEAAyE;IACzE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,IAAI,GAAG,CACX,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,kBAC/D,QAAQ,GACG,CACf,CAAA;IACD,6EAA6E;IAC7E,yEAAyE;IACzE,8EAA8E;IAC9E,qDAAqD;IACrD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAC3B,OAAO,KAAC,iBAAiB,OAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,YAAG,IAAI,GAAqB,CAAA;AACjG,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/root.node.cjs

@@ -0,0 +1,97 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Hanzo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Hanzo` — the root. The only thing an app has to mount.
+ *
+ *   import { Hanzo, Button } from '@hanzo/ui'
+ *   <Hanzo><Button>Ship</Button></Hanzo>
+ *
+ * No config file, no CSS import, no generator script, no bundler aliases. Three
+ * things used to be the app's job and are now the package's:
+ *
+ *   the config — @hanzo/gui resolves `$3` / `$background` / `$borderColor`
+ *     against ONE process-global config, and @hanzo/ui owns it (gui-config.ts).
+ *     It is passed here as a value, not imported for its side effect: Vite 8
+ *     ignores package.json `sideEffects` ARRAYS outright, so a bare
+ *     `import './gui-config.cjs'` is dropped and the first render dies on "Missing
+ *     hanzogui config". A value a rendered component needs cannot be shaken out.
+ *
+ *   the stylesheet — `styles.css` is generated at OUR publish time by rendering
+ *     every component and harvesting the atomic CSS that render produces
+ *     (scripts/gen-css.mjs). It used to be each app's job to run a generator and
+ *     import its output; hanzo.app never did, and shipped 103 `_bg-` classes
+ *     against zero `_bg-` rules with a green build the whole time.
+ *
+ *   the theme — gui throws "Missing theme." for any component without a root
+ *     theme context, so there is no version of this that works with no root at
+ *     all. Dark-first, matching the Hanzo identity.
+ *
+ * `disableInjectCSS` because the sheet is a real file. Left on, the provider
+ * inlines `config.getCSS()` into the document on every streaming flush — that is
+ * how hanzo.ai once shipped thirteen byte-identical copies, 591,305 of its
+ * 638,443 bytes. A file is cached once and costs nothing after the first page.
+ * Styles gui generates at runtime for props we could not know at publish time
+ * still reach the document: that path is `insertStyleRules`, and it is not what
+ * this flag controls.
+ */
+const gui_1 = require("@hanzo/gui");
+const telemetry_1 = require("@hanzogui/telemetry");
+const react_1 = require("react");
+const state_1 = require("@hanzo/appearance/state");
+const gui_config_1 = require("./gui-config.cjs");
+// styles.css is omitted from the node entry: node cannot load a stylesheet.
+/** A stylesheet that did not reach the document is invisible until someone opens
+ *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
+ *  lookup, it runs once, and it names the fix. Development only.
+ *
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
+let checked = false;
+const assertStylesheet = () => {
+    if (checked || typeof document === 'undefined')
+        return;
+    checked = true;
+    if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
+        return;
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
+};
+const Hanzo = ({ children, theme = 'dark', analytics }) => {
+    if (process.env.NODE_ENV !== 'production')
+        assertStylesheet();
+    // A person's stored type size, density and accent, put on the document.
+    //
+    // Unconditional, unlike `analytics`, and the difference is the whole reason
+    // that one is a prop. Analytics starts a conversation with a server the app
+    // did not ask for; this reads a preference the PERSON already set on this
+    // device and honours it. An app that has to opt in is an app that forgets to,
+    // and then the setting silently does nothing on that surface — which is worse
+    // than not offering it.
+    //
+    // Costs nothing when unused: an axis nobody set is absent rather than
+    // neutral, so `apply()` removes the property instead of stamping a `1` that
+    // would outrank a brand's own scale.
+    //
+    // This is the MOUNT half only. First paint still wants `bootScript()` in
+    // <head>, because no component can run before the document exists.
+    (0, react_1.useEffect)(() => {
+        (0, state_1.apply)((0, state_1.read)());
+    }, []);
+    const tree = ((0, jsx_runtime_1.jsx)(gui_1.GuiProvider, { config: gui_config_1.config, defaultTheme: theme, disableInjectCSS: true, children: children }));
+    // OUTSIDE the gui provider: capture is delegated at the document, so it does
+    // not need to be inside the styled tree, and an app that renders its own
+    // `<TelemetryProvider/>` above `<Hanzo>` then nests two providers of the same
+    // kind rather than interleaving them with the theme.
+    if (!analytics)
+        return tree;
+    return (0, jsx_runtime_1.jsx)(telemetry_1.TelemetryProvider, { ...(analytics === true ? {} : analytics), children: tree });
+};
+exports.Hanzo = Hanzo;
+exports.default = exports.Hanzo;

package/dist/root.node.js

@@ -44,25 +44,21 @@ import { config } from './gui-config.js';
  *  production. `styles.css` declares `--hanzo-ui-styles`, so the check is one
  *  lookup, it runs once, and it names the fix. Development only.
  *
- *  Only a sheet with an OWNER ELEMENT counts. A bundler that processed the CSS
- *  emits a `<link>` or a `<style>`; jsdom loads no CSS at all, so a document
- *  with no such element cannot answer the question and must not be asked —
- *  throwing there breaks every consumer's unit tests to report a condition that
- *  cannot exist. Counting SHEETS instead of elements is what made that happen:
- *  the gui runtime inserts its own ownerless sheet while this module is being
- *  imported, so by first render jsdom was never empty and every jest consumer
- *  rendering `<Hanzo>` threw. */
+ *  It REPORTS. An unstyled page is already plain to whoever is looking at it, so
+ *  the message only has to say why; refusing to render costs a consumer their
+ *  whole suite to announce a condition their browser would have shown them.
+ *  Asking whether any stylesheet has an owner element does not narrow it either
+ *  — that is true of any dependency that inserts a `<style>`, which is how a
+ *  DOM-SVG icon backend came to fail every test file that mounts `<Hanzo>`. The
+ *  marker is the only sound signal, so it is the only one consulted. */
 let checked = false;
-const styled = () => [...document.styleSheets].some((s) => s.ownerNode);
 const assertStylesheet = () => {
-    if (checked || typeof document === 'undefined' || !styled())
+    if (checked || typeof document === 'undefined')
         return;
     checked = true;
     if (getComputedStyle(document.documentElement).getPropertyValue('--hanzo-ui-styles').trim())
         return;
-    throw new Error('@hanzo/ui: styles.css did not reach the document. <Hanzo> imports it, so a bundler ' +
-        'that does not process CSS imported from node_modules has dropped it. Import it ' +
-        "directly instead: import '@hanzo/ui/styles.css'.");
+    console.error("@hanzo/ui: styles.css did not reach the document. Import it directly: import '@hanzo/ui/styles.css'.");
 };
 export const Hanzo = ({ children, theme = 'dark', analytics }) => {
     if (process.env.NODE_ENV !== 'production')

package/dist/slot.cjs

@@ -1,4 +1,4 @@
-'use client';"use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Slot = Slot;
 /**

package/dist/slot.js

@@ -1,4 +1,4 @@
-'use client';/**
+/**
  * `Slot` — render your props onto the child you were given.
  *
  *   <Slot className="btn" onClick={f}><a href="/x">go</a></Slot>

package/dist/style.cjs

@@ -0,0 +1,48 @@
+"use strict";
+// style.ts — the class names a component wears, as functions.
+//
+// These are strings and arithmetic. They live apart from the components that use
+// them because a component renders through @hanzo/gui, the engine holds its theme
+// in React context, and a module that reaches context is a client module — so a
+// page computing a button's classes on the server would be calling across a
+// boundary, which React reports as "Invalid reference" from a component nobody
+// wrote.
+//
+// The boundary belongs on the components, not on the functions. `dist.test.ts`
+// asserts that for `cn`, `tw`, `sx` and `types`; this is the same rule applied to
+// the names those components wear.
+//
+// The types come from the components as TYPES, which erase — so naming them here
+// costs no import at run time and keeps one definition of what a variant is.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fit = exports.navigationMenuTriggerStyle = exports.badgeVariants = exports.buttonVariants = void 0;
+/**
+ * A button's classes.
+ *
+ * Variant and size share the `btn-` namespace, so the two defaults collide on
+ * `btn-default`. A Set emits it once; no name is used by both a variant and a
+ * size, so nothing else can merge.
+ */
+const buttonVariants = ({ variant, size, className, } = {}) => [...new Set([`btn`, `btn-${variant ?? 'default'}`, `btn-${size ?? 'default'}`, className].filter(Boolean))]
+    .join(' ');
+exports.buttonVariants = buttonVariants;
+/** A badge's classes. */
+const badgeVariants = ({ variant } = {}) => `badge badge-${variant ?? 'default'}`;
+exports.badgeVariants = badgeVariants;
+/** The class a navigation-menu trigger wears. Declared in motion.css. */
+const navigationMenuTriggerStyle = () => 'hz-nav-menu-trigger';
+exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+/**
+ * `dim` scaled to sit inside `to`, keeping its proportions.
+ *
+ * Returns `to` unchanged for a source with no dimensions: a media element whose
+ * intrinsic size is not known yet occupies the space it was given rather than
+ * collapsing.
+ */
+const fit = (dim, to, scale = 1) => {
+    if (!dim?.w || !dim?.h)
+        return to;
+    const r = Math.min(to.w / dim.w, to.h / dim.h) * scale;
+    return { w: Math.round(dim.w * r), h: Math.round(dim.h * r) };
+};
+exports.fit = fit;

package/dist/style.d.ts

@@ -0,0 +1,30 @@
+import type { Dimensions } from './types.js';
+import type { ButtonSize, ButtonVariant } from './backends/gui/button.js';
+import type { BadgeVariant } from './backends/gui/badge.js';
+/**
+ * A button's classes.
+ *
+ * Variant and size share the `btn-` namespace, so the two defaults collide on
+ * `btn-default`. A Set emits it once; no name is used by both a variant and a
+ * size, so nothing else can merge.
+ */
+export declare const buttonVariants: ({ variant, size, className, }?: {
+    variant?: ButtonVariant | null;
+    size?: ButtonSize | null;
+    className?: string;
+}) => string;
+/** A badge's classes. */
+export declare const badgeVariants: ({ variant }?: {
+    variant?: BadgeVariant | null;
+}) => string;
+/** The class a navigation-menu trigger wears. Declared in motion.css. */
+export declare const navigationMenuTriggerStyle: () => string;
+/**
+ * `dim` scaled to sit inside `to`, keeping its proportions.
+ *
+ * Returns `to` unchanged for a source with no dimensions: a media element whose
+ * intrinsic size is not known yet occupies the space it was given rather than
+ * collapsing.
+ */
+export declare const fit: (dim: Dimensions, to: Dimensions, scale?: number) => Dimensions;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,mCAIxB;IAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,WAErE,CAAA;AAEd,yBAAyB;AACzB,eAAO,MAAM,aAAa,iBAAiB;IAAE,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,WACrC,CAAA;AAEvC,yEAAyE;AACzE,eAAO,MAAM,0BAA0B,cAA8B,CAAA;AAErE;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,QAAS,UAAU,MAAM,UAAU,qBAAc,UAIhE,CAAA"}

package/dist/style.js

@@ -0,0 +1,42 @@
+// style.ts — the class names a component wears, as functions.
+//
+// These are strings and arithmetic. They live apart from the components that use
+// them because a component renders through @hanzo/gui, the engine holds its theme
+// in React context, and a module that reaches context is a client module — so a
+// page computing a button's classes on the server would be calling across a
+// boundary, which React reports as "Invalid reference" from a component nobody
+// wrote.
+//
+// The boundary belongs on the components, not on the functions. `dist.test.ts`
+// asserts that for `cn`, `tw`, `sx` and `types`; this is the same rule applied to
+// the names those components wear.
+//
+// The types come from the components as TYPES, which erase — so naming them here
+// costs no import at run time and keeps one definition of what a variant is.
+/**
+ * A button's classes.
+ *
+ * Variant and size share the `btn-` namespace, so the two defaults collide on
+ * `btn-default`. A Set emits it once; no name is used by both a variant and a
+ * size, so nothing else can merge.
+ */
+export const buttonVariants = ({ variant, size, className, } = {}) => [...new Set([`btn`, `btn-${variant ?? 'default'}`, `btn-${size ?? 'default'}`, className].filter(Boolean))]
+    .join(' ');
+/** A badge's classes. */
+export const badgeVariants = ({ variant } = {}) => `badge badge-${variant ?? 'default'}`;
+/** The class a navigation-menu trigger wears. Declared in motion.css. */
+export const navigationMenuTriggerStyle = () => 'hz-nav-menu-trigger';
+/**
+ * `dim` scaled to sit inside `to`, keeping its proportions.
+ *
+ * Returns `to` unchanged for a source with no dimensions: a media element whose
+ * intrinsic size is not known yet occupies the space it was given rather than
+ * collapsing.
+ */
+export const fit = (dim, to, scale = 1) => {
+    if (!dim?.w || !dim?.h)
+        return to;
+    const r = Math.min(to.w / dim.w, to.h / dim.h) * scale;
+    return { w: Math.round(dim.w * r), h: Math.round(dim.h * r) };
+};
+//# sourceMappingURL=style.js.map

package/dist/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,EAAE;AACF,iFAAiF;AACjF,kFAAkF;AAClF,gFAAgF;AAChF,4EAA4E;AAC5E,+EAA+E;AAC/E,SAAS;AACT,EAAE;AACF,+EAA+E;AAC/E,kFAAkF;AAClF,mCAAmC;AACnC,EAAE;AACF,iFAAiF;AACjF,6EAA6E;AAM7E;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,GACV,GAAqF,EAAE,EAAE,EAAE,CAC1F,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,OAAO,IAAI,SAAS,EAAE,EAAE,OAAO,IAAI,IAAI,SAAS,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;KACxG,IAAI,CAAC,GAAG,CAAC,CAAA;AAEd,yBAAyB;AACzB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,GAAsC,EAAE,EAAE,EAAE,CACnF,eAAe,OAAO,IAAI,SAAS,EAAE,CAAA;AAEvC,yEAAyE;AACzE,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAA;AAErE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAe,EAAE,EAAc,EAAE,KAAK,GAAG,CAAC,EAAc,EAAE;IAC5E,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QAAE,OAAO,EAAE,CAAA;IACjC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;IACtD,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;AAC/D,CAAC,CAAA"}

package/dist/telemetry.cjs

@@ -1,4 +1,5 @@
 'use client';"use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/telemetry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../src/telemetry.ts"],"names":[],"mappings":"AAcA,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../src/telemetry.ts"],"names":[],"mappings":"AAeA,cAAc,qBAAqB,CAAA"}

package/dist/telemetry.js

@@ -1,3 +1,4 @@
+'use client';
 // @hanzo/ui/telemetry — the ONE telemetry surface, re-exported from its home in
 // the framework layer (@hanzogui/telemetry) so an app that already depends on
 // @hanzo/ui adds no new dependency and nothing is defined twice:

package/dist/telemetry.js.map

@@ -1 +1 @@
-{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../src/telemetry.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,8EAA8E;AAC9E,iEAAiE;AACjE,EAAE;AACF,4DAA4D;AAC5D,sDAAsD;AACtD,EAAE;AACF,6EAA6E;AAC7E,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,sCAAsC;AACtC,EAAE;AACF,wDAAwD;AACxD,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../src/telemetry.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,gFAAgF;AAChF,8EAA8E;AAC9E,iEAAiE;AACjE,EAAE;AACF,4DAA4D;AAC5D,sDAAsD;AACtD,EAAE;AACF,6EAA6E;AAC7E,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,sCAAsC;AACtC,EAAE;AACF,wDAAwD;AACxD,cAAc,qBAAqB,CAAA"}

package/dist/usage.cjs

@@ -1,4 +1,4 @@
-'use client';"use strict";
+"use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.27.1",
+  "version": "8.27.2",
   "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": {
@@ -8,7 +8,7 @@
       "types": "./dist/index.d.ts",
       "node": {
         "import": "./dist/index.node.js",
-        "require": "./dist/index.cjs"
+        "require": "./dist/index.node.cjs"
       },
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
@@ -216,6 +216,12 @@
       "import": "./dist/agents/index.js",
       "require": "./dist/agents/index.cjs",
       "default": "./dist/agents/index.js"
+    },
+    "./brands": {
+      "types": "./dist/brands.d.ts",
+      "import": "./dist/brands.js",
+      "require": "./dist/brands.cjs",
+      "default": "./dist/brands.js"
     }
   },
   "main": "./dist/index.cjs",
@@ -237,7 +243,10 @@
     "@hanzo/design": "0.5.24",
     "@hanzo/font": "1.9.2",
     "@hanzo/logo": "1.0.26",
-    "@hanzo/products": "0.2.6"
+    "@hanzo/products": "0.2.6",
+    "react-native-svg": "npm:react-native-svg-web@^1.0.9",
+    "react-native-web": "^0.21.2",
+    "@icons-pack/react-simple-icons": "^13.15.1"
   },
   "peerDependencies": {
     "@hanzo/canvas": ">=0.2.3",
@@ -246,18 +255,17 @@
     "@hanzo/data": ">=1.2.4",
     "@hanzo/gui": ">=8.3.0",
     "@hanzo/usage": ">=0.1.7",
-    "@hanzogui/animations-css": ">=8.2.1",
-    "@hanzogui/config": ">=8.2.1",
-    "@hanzogui/lucide-icons-2": ">=8.2.1",
-    "@hanzogui/next-theme": ">=8.2.1",
-    "@hanzogui/telemetry": ">=8.2.1",
-    "@hanzogui/toast": ">=8.2.1",
+    "@hanzogui/animations-css": "8.3.1",
+    "@hanzogui/config": "8.3.1",
+    "@hanzogui/lucide-icons-2": "8.3.1",
+    "@hanzogui/next-theme": "8.3.1",
+    "@hanzogui/telemetry": "8.3.1",
+    "@hanzogui/toast": "8.3.1",
     "next": ">=16.3.3",
-    "next-themes": ">=0.2.1",
+    "next-themes": ">=0",
     "react": ">=19.2.8",
     "react-dom": ">=19.2.8",
-    "react-hook-form": ">=7",
-    "react-native-web": ">=0.21"
+    "react-hook-form": ">=7"
   },
   "peerDependenciesMeta": {
     "@hanzo/canvas": {
@@ -281,9 +289,6 @@
     "next-themes": {
       "optional": true
     },
-    "react-native-web": {
-      "optional": true
-    },
     "react-hook-form": {
       "optional": true
     }
@@ -292,27 +297,27 @@
     "@hanzo/cd": "0.1.2",
     "@hanzo/dashboard": "0.2.0",
     "@hanzo/data": "1.2.4",
-    "@hanzo/gui": "8.2.1",
+    "@hanzo/gui": "8.3.1",
     "@hanzo/usage": "0.1.7",
-    "@hanzogui/animations-css": "8.2.1",
-    "@hanzogui/config": "8.2.1",
-    "@hanzogui/core": "8.2.1",
-    "@hanzogui/lucide-icons-2": "8.2.1",
-    "@hanzogui/next-theme": "8.2.1",
-    "@hanzogui/telemetry": "8.2.1",
-    "@hanzogui/toast": "8.2.1",
-    "@hanzogui/web": "8.2.1",
-    "@playwright/test": "^1.61.0",
+    "@hanzogui/animations-css": "8.3.1",
+    "@hanzogui/config": "8.3.1",
+    "@hanzogui/core": "8.3.1",
+    "@hanzogui/lucide-icons-2": "8.3.1",
+    "@hanzogui/next-theme": "8.3.1",
+    "@hanzogui/telemetry": "8.3.1",
+    "@hanzogui/toast": "8.3.1",
+    "@hanzogui/web": "8.3.1",
+    "@playwright/test": "^1.62.1",
     "@types/node": "26.4.0",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
     "next-themes": "^0.4.6",
     "react": "19.2.8",
     "react-dom": "19.2.8",
-    "react-hook-form": "^7.71.1",
+    "react-hook-form": "^7.86.0",
     "react-native-web": "^0.21.2",
     "typescript": "7.0.2",
-    "vitest": "^4.1.8"
+    "vitest": "^4.1.11"
   },
   "publishConfig": {
     "access": "public"