@hanzo/ui 8.0.27 → 8.0.31

package/dist/chat/send.cjs

@@ -0,0 +1,44 @@
+'use client';"use strict";
+/**
+ * The two decisions a composer makes, as pure functions.
+ *
+ * Every Hanzo chat surface had re-implemented both inline, and they had drifted:
+ * one sent on a bare Enter while composing an IME candidate (committing a
+ * half-typed word), another let a whitespace-only draft through. Keeping them
+ * here means the rules are asserted once, without a DOM.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ready = exports.sends = void 0;
+/** The keyCode every browser reports for a keystroke an IME has claimed. */
+const IME = 229;
+/**
+ * Whether the IME owns this keystroke, from all three signals browsers use.
+ *
+ * `isComposing` alone is not enough. Safari does not set it reliably on the
+ * keydown that accepts a candidate, and reports the key as `Process` or with
+ * only the legacy `keyCode` of 229 — so a composer that trusts `isComposing`
+ * by itself still submits a half-typed word out from under a Japanese, Chinese
+ * or Korean writer. That is the bug this module exists to end, and it is not
+ * ended by checking one flag.
+ */
+const claimed = (key, mods) => mods.isComposing === true || key === 'Process' || mods.keyCode === IME;
+/**
+ * Enter sends. Shift+Enter writes a newline, so a multi-line draft is always
+ * reachable from the keyboard. Cmd/Ctrl+Enter always sends — it is the force-send
+ * every surface already taught its users, and it holds even with Shift down.
+ * A keystroke the IME has claimed belongs to the IME, never to the composer.
+ */
+const sends = (key, mods = {}) => {
+    if (key !== 'Enter' || claimed(key, mods))
+        return false;
+    if (mods.metaKey === true || mods.ctrlKey === true)
+        return true;
+    return mods.shiftKey !== true && mods.altKey !== true;
+};
+exports.sends = sends;
+/**
+ * Whether a draft may be sent: there has to be something other than whitespace,
+ * the surface must not already be waiting on a turn, and the field must be live.
+ */
+const ready = (value, busy = false, disabled = false) => !busy && !disabled && value.trim().length > 0;
+exports.ready = ready;

package/dist/chat/send.d.ts

@@ -0,0 +1,32 @@
+/**
+ * The two decisions a composer makes, as pure functions.
+ *
+ * Every Hanzo chat surface had re-implemented both inline, and they had drifted:
+ * one sent on a bare Enter while composing an IME candidate (committing a
+ * half-typed word), another let a whitespace-only draft through. Keeping them
+ * here means the rules are asserted once, without a DOM.
+ */
+/** Modifier state, in the shape web and native events agree on. */
+export interface Mods {
+    shiftKey?: boolean;
+    altKey?: boolean;
+    metaKey?: boolean;
+    ctrlKey?: boolean;
+    /** `KeyboardEvent.isComposing` — true while an IME candidate window is open. */
+    isComposing?: boolean;
+    /** Legacy `KeyboardEvent.keyCode`. Read only to recognise Safari's IME. */
+    keyCode?: number;
+}
+/**
+ * Enter sends. Shift+Enter writes a newline, so a multi-line draft is always
+ * reachable from the keyboard. Cmd/Ctrl+Enter always sends — it is the force-send
+ * every surface already taught its users, and it holds even with Shift down.
+ * A keystroke the IME has claimed belongs to the IME, never to the composer.
+ */
+export declare const sends: (key: string, mods?: Mods) => boolean;
+/**
+ * Whether a draft may be sent: there has to be something other than whitespace,
+ * the surface must not already be waiting on a turn, and the field must be live.
+ */
+export declare const ready: (value: string, busy?: boolean, disabled?: boolean) => boolean;
+//# sourceMappingURL=send.d.ts.map

package/dist/chat/send.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send.d.ts","sourceRoot":"","sources":["../../src/chat/send.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,mEAAmE;AACnE,MAAM,WAAW,IAAI;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAkBD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,OAAM,IAAS,KAAG,OAIpD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,cAAY,EAAE,kBAAgB,KAAG,OACvB,CAAA"}

package/dist/chat/send.js

@@ -0,0 +1,40 @@
+'use client';/**
+ * The two decisions a composer makes, as pure functions.
+ *
+ * Every Hanzo chat surface had re-implemented both inline, and they had drifted:
+ * one sent on a bare Enter while composing an IME candidate (committing a
+ * half-typed word), another let a whitespace-only draft through. Keeping them
+ * here means the rules are asserted once, without a DOM.
+ */
+/** The keyCode every browser reports for a keystroke an IME has claimed. */
+const IME = 229;
+/**
+ * Whether the IME owns this keystroke, from all three signals browsers use.
+ *
+ * `isComposing` alone is not enough. Safari does not set it reliably on the
+ * keydown that accepts a candidate, and reports the key as `Process` or with
+ * only the legacy `keyCode` of 229 — so a composer that trusts `isComposing`
+ * by itself still submits a half-typed word out from under a Japanese, Chinese
+ * or Korean writer. That is the bug this module exists to end, and it is not
+ * ended by checking one flag.
+ */
+const claimed = (key, mods) => mods.isComposing === true || key === 'Process' || mods.keyCode === IME;
+/**
+ * Enter sends. Shift+Enter writes a newline, so a multi-line draft is always
+ * reachable from the keyboard. Cmd/Ctrl+Enter always sends — it is the force-send
+ * every surface already taught its users, and it holds even with Shift down.
+ * A keystroke the IME has claimed belongs to the IME, never to the composer.
+ */
+export const sends = (key, mods = {}) => {
+    if (key !== 'Enter' || claimed(key, mods))
+        return false;
+    if (mods.metaKey === true || mods.ctrlKey === true)
+        return true;
+    return mods.shiftKey !== true && mods.altKey !== true;
+};
+/**
+ * Whether a draft may be sent: there has to be something other than whitespace,
+ * the surface must not already be waiting on a turn, and the field must be live.
+ */
+export const ready = (value, busy = false, disabled = false) => !busy && !disabled && value.trim().length > 0;
+//# sourceMappingURL=send.js.map

package/dist/chat/send.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send.js","sourceRoot":"","sources":["../../src/chat/send.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAcH,4EAA4E;AAC5E,MAAM,GAAG,GAAG,GAAG,CAAA;AAEf;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,IAAU,EAAW,EAAE,CACnD,IAAI,CAAC,WAAW,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,CAAA;AAExE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,OAAa,EAAE,EAAW,EAAE;IAC7D,IAAI,GAAG,KAAK,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC;QAAE,OAAO,KAAK,CAAA;IACvD,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAC/D,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAA;AACvD,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAW,EAAE,CAC9E,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA"}

package/dist/chat/stick.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+/**
+ * Stay-at-the-bottom, as a pure decision.
+ *
+ * A thread should follow a streaming answer, but it must stop following the
+ * moment the reader scrolls up to re-read something — otherwise every new token
+ * yanks them back down. The rule is a distance test against the bottom, and it
+ * is the piece each surface had written slightly differently.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pinned = exports.SLACK = void 0;
+/** How far from the bottom still counts as "at the bottom", in px. */
+exports.SLACK = 48;
+/**
+ * True while the viewport is within `slack` of the end — including the case
+ * where the content is shorter than the viewport and there is nothing to scroll.
+ */
+const pinned = ({ offset, viewport, content }, slack = exports.SLACK) => content - viewport - offset <= slack;
+exports.pinned = pinned;

package/dist/chat/stick.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Stay-at-the-bottom, as a pure decision.
+ *
+ * A thread should follow a streaming answer, but it must stop following the
+ * moment the reader scrolls up to re-read something — otherwise every new token
+ * yanks them back down. The rule is a distance test against the bottom, and it
+ * is the piece each surface had written slightly differently.
+ */
+/** How far from the bottom still counts as "at the bottom", in px. */
+export declare const SLACK = 48;
+export interface Track {
+    /** Scroll offset from the top. */
+    offset: number;
+    /** Height of the visible viewport. */
+    viewport: number;
+    /** Height of the full content. */
+    content: number;
+}
+/**
+ * True while the viewport is within `slack` of the end — including the case
+ * where the content is shorter than the viewport and there is nothing to scroll.
+ */
+export declare const pinned: ({ offset, viewport, content }: Track, slack?: number) => boolean;
+//# sourceMappingURL=stick.d.ts.map

package/dist/chat/stick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stick.d.ts","sourceRoot":"","sources":["../../src/chat/stick.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,sEAAsE;AACtE,eAAO,MAAM,KAAK,KAAK,CAAA;AAEvB,MAAM,WAAW,KAAK;IACpB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,+BAA+B,KAAK,EAAE,cAAa,KAAG,OACvC,CAAA"}

package/dist/chat/stick.js

@@ -0,0 +1,16 @@
+'use client';/**
+ * Stay-at-the-bottom, as a pure decision.
+ *
+ * A thread should follow a streaming answer, but it must stop following the
+ * moment the reader scrolls up to re-read something — otherwise every new token
+ * yanks them back down. The rule is a distance test against the bottom, and it
+ * is the piece each surface had written slightly differently.
+ */
+/** How far from the bottom still counts as "at the bottom", in px. */
+export const SLACK = 48;
+/**
+ * True while the viewport is within `slack` of the end — including the case
+ * where the content is shorter than the viewport and there is nothing to scroll.
+ */
+export const pinned = ({ offset, viewport, content }, slack = SLACK) => content - viewport - offset <= slack;
+//# sourceMappingURL=stick.js.map

package/dist/chat/stick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stick.js","sourceRoot":"","sources":["../../src/chat/stick.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,sEAAsE;AACtE,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAA;AAWvB;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAS,EAAE,KAAK,GAAG,KAAK,EAAW,EAAE,CACrF,OAAO,GAAG,QAAQ,GAAG,MAAM,IAAI,KAAK,CAAA"}

package/dist/core/cn.cjs

@@ -0,0 +1,15 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+/**
+ * `cn` — the one class-name composer.
+ *
+ * `clsx` resolves conditional/array/object class inputs. There is no Tailwind
+ * conflict-resolution step because there are no Tailwind utilities to resolve:
+ * styling lives in gui style props and the token scale, and class names are only
+ * stable handles (`hanzo-button`, `hz-mono`) a host may select on.
+ */
+const clsx_1 = require("clsx");
+function cn(...inputs) {
+    return (0, clsx_1.clsx)(inputs);
+}

package/dist/core/cn.d.ts

@@ -3,7 +3,9 @@
  *
  * `clsx` resolves conditional/array/object class inputs. There is no Tailwind
  * conflict-resolution step because there are no Tailwind utilities to resolve:
- * components render on @hanzo/gui, which styles through props, not class names.
+ * styling lives in gui style props and the token scale, and class names are only
+ * stable handles (`hanzo-button`, `hz-mono`) a host may select on.
  */
 import { type ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/core/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAE5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/core/cn.js

@@ -0,0 +1,13 @@
+'use client';/**
+ * `cn` — the one class-name composer.
+ *
+ * `clsx` resolves conditional/array/object class inputs. There is no Tailwind
+ * conflict-resolution step because there are no Tailwind utilities to resolve:
+ * styling lives in gui style props and the token scale, and class names are only
+ * stable handles (`hanzo-button`, `hz-mono`) a host may select on.
+ */
+import { clsx } from 'clsx';
+export function cn(...inputs) {
+    return clsx(inputs);
+}
+//# sourceMappingURL=cn.js.map

package/dist/core/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/core/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAE5C,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAA;AACrB,CAAC"}

package/dist/core/fonts.cjs

@@ -0,0 +1,26 @@
+'use client';"use strict";
+/**
+ * Typography identity — Geist (UI/body/display) + Geist Mono (code/data).
+ *
+ * The families are referenced through CSS variables so a host that loads Geist
+ * however it likes (next/font, @fontsource, a CDN link) just has to bind these
+ * two variables; the components and `theme.css` read the variables, never a
+ * hard-coded font name. These constants are the single source of truth for the
+ * variable names so a host and the stylesheet can never drift.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fonts = exports.fontMono = exports.fontSans = exports.FONT_MONO_VAR = exports.FONT_SANS_VAR = void 0;
+/** CSS custom-property that must resolve to the Geist Sans family. */
+exports.FONT_SANS_VAR = '--font-geist-sans';
+/** CSS custom-property that must resolve to the Geist Mono family. */
+exports.FONT_MONO_VAR = '--font-geist-mono';
+/**
+ * UI / body / display / heading stack — Geist Sans, then the CSS generic only.
+ * No Inter, no named system fonts: the host always binds `--font-geist-sans`
+ * (next/font, @fontsource, CDN), so the generic is a last-resort generic, never
+ * a system-UI look.
+ */
+exports.fontSans = `var(${exports.FONT_SANS_VAR}), sans-serif`;
+/** Code / data / tabular stack — Geist Mono, then the CSS generic only. */
+exports.fontMono = `var(${exports.FONT_MONO_VAR}), monospace`;
+exports.fonts = { sans: exports.fontSans, mono: exports.fontMono };

package/dist/core/fonts.d.ts

@@ -24,3 +24,4 @@ export declare const fonts: {
     readonly sans: "var(--font-geist-sans), sans-serif";
     readonly mono: "var(--font-geist-mono), monospace";
 };
+//# sourceMappingURL=fonts.d.ts.map

package/dist/core/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/core/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,sEAAsE;AACtE,eAAO,MAAM,aAAa,EAAG,mBAA4B,CAAA;AACzD,sEAAsE;AACtE,eAAO,MAAM,aAAa,EAAG,mBAA4B,CAAA;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,sCAA+C,CAAA;AAEpE,2EAA2E;AAC3E,eAAO,MAAM,QAAQ,qCAA8C,CAAA;AAEnE,eAAO,MAAM,KAAK;;;CAA8C,CAAA"}

package/dist/core/fonts.js

@@ -0,0 +1,24 @@
+'use client';/**
+ * Typography identity — Geist (UI/body/display) + Geist Mono (code/data).
+ *
+ * The families are referenced through CSS variables so a host that loads Geist
+ * however it likes (next/font, @fontsource, a CDN link) just has to bind these
+ * two variables; the components and `theme.css` read the variables, never a
+ * hard-coded font name. These constants are the single source of truth for the
+ * variable names so a host and the stylesheet can never drift.
+ */
+/** CSS custom-property that must resolve to the Geist Sans family. */
+export const FONT_SANS_VAR = '--font-geist-sans';
+/** CSS custom-property that must resolve to the Geist Mono family. */
+export const FONT_MONO_VAR = '--font-geist-mono';
+/**
+ * UI / body / display / heading stack — Geist Sans, then the CSS generic only.
+ * No Inter, no named system fonts: the host always binds `--font-geist-sans`
+ * (next/font, @fontsource, CDN), so the generic is a last-resort generic, never
+ * a system-UI look.
+ */
+export const fontSans = `var(${FONT_SANS_VAR}), sans-serif`;
+/** Code / data / tabular stack — Geist Mono, then the CSS generic only. */
+export const fontMono = `var(${FONT_MONO_VAR}), monospace`;
+export const fonts = { sans: fontSans, mono: fontMono };
+//# sourceMappingURL=fonts.js.map

package/dist/core/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/core/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,sEAAsE;AACtE,MAAM,CAAC,MAAM,aAAa,GAAG,mBAA4B,CAAA;AACzD,sEAAsE;AACtE,MAAM,CAAC,MAAM,aAAa,GAAG,mBAA4B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,aAAa,eAAwB,CAAA;AAEpE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,aAAa,cAAuB,CAAA;AAEnE,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAW,CAAA"}

package/dist/core/index.cjs

@@ -1,92 +1,31 @@
-'use client';
-'use strict';
-
-var chunkQV52JQHR_cjs = require('../chunk-QV52JQHR.cjs');
-var chunkRBS5AYO4_cjs = require('../chunk-RBS5AYO4.cjs');
-
-// src/core/fonts.ts
-var FONT_SANS_VAR = "--font-geist-sans";
-var FONT_MONO_VAR = "--font-geist-mono";
-var fontSans = `var(${FONT_SANS_VAR}), sans-serif`;
-var fontMono = `var(${FONT_MONO_VAR}), monospace`;
-var fonts = { sans: fontSans, mono: fontMono };
-
-Object.defineProperty(exports, "colors", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.colors; }
-});
-Object.defineProperty(exports, "dark", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.dark; }
-});
-Object.defineProperty(exports, "fontFamily", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontFamily; }
-});
-Object.defineProperty(exports, "fontSize", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontSize; }
-});
-Object.defineProperty(exports, "fontSizePx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontSizePx; }
-});
-Object.defineProperty(exports, "fontWeight", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontWeight; }
-});
-Object.defineProperty(exports, "hsl", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.hsl; }
-});
-Object.defineProperty(exports, "letterSpacing", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.letterSpacing; }
-});
-Object.defineProperty(exports, "light", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.light; }
-});
-Object.defineProperty(exports, "lineHeight", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.lineHeight; }
-});
-Object.defineProperty(exports, "oklch", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.oklch; }
-});
-Object.defineProperty(exports, "radii", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.radii; }
-});
-Object.defineProperty(exports, "radiiPx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.radiiPx; }
-});
-Object.defineProperty(exports, "spacing", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.spacing; }
-});
-Object.defineProperty(exports, "spacingPx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.spacingPx; }
-});
-Object.defineProperty(exports, "themes", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.themes; }
-});
-Object.defineProperty(exports, "zinc", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.zinc; }
-});
-Object.defineProperty(exports, "cn", {
-  enumerable: true,
-  get: function () { return chunkRBS5AYO4_cjs.cn; }
-});
-exports.FONT_MONO_VAR = FONT_MONO_VAR;
-exports.FONT_SANS_VAR = FONT_SANS_VAR;
-exports.fontMono = fontMono;
-exports.fontSans = fontSans;
-exports.fonts = fonts;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+'use client';"use strict";
+// @hanzo/ui — design core.
+//
+// Backend-agnostic foundation every backend draws from: the class-name composer,
+// the design tokens (from @hanzo/tokens), and the Geist typography variables.
+// The visual identity these describe is emitted as CSS by `theme.css`.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FONT_MONO_VAR = exports.FONT_SANS_VAR = exports.fontMono = exports.fontSans = exports.fonts = exports.cn = void 0;
+var cn_1 = require("./cn.cjs");
+Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
+var fonts_1 = require("./fonts.cjs");
+Object.defineProperty(exports, "fonts", { enumerable: true, get: function () { return fonts_1.fonts; } });
+Object.defineProperty(exports, "fontSans", { enumerable: true, get: function () { return fonts_1.fontSans; } });
+Object.defineProperty(exports, "fontMono", { enumerable: true, get: function () { return fonts_1.fontMono; } });
+Object.defineProperty(exports, "FONT_SANS_VAR", { enumerable: true, get: function () { return fonts_1.FONT_SANS_VAR; } });
+Object.defineProperty(exports, "FONT_MONO_VAR", { enumerable: true, get: function () { return fonts_1.FONT_MONO_VAR; } });
+__exportStar(require("./tokens.cjs"), exports);

package/dist/core/index.d.ts

@@ -1,3 +1,4 @@
-export { cn } from './cn';
-export { fonts, fontSans, fontMono, FONT_SANS_VAR, FONT_MONO_VAR } from './fonts';
-export * from './tokens';
+export { cn } from './cn.js';
+export { fonts, fontSans, fontMono, FONT_SANS_VAR, FONT_MONO_VAR } from './fonts.js';
+export * from './tokens.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjF,cAAc,UAAU,CAAA"}

package/dist/core/index.js

@@ -1,14 +1,9 @@
-'use client';
-export { colors, dark, fontFamily, fontSize, fontSizePx, fontWeight, hsl, letterSpacing, light, lineHeight, oklch, radii, radiiPx, spacing, spacingPx, themes, zinc } from '../chunk-2U3MNE4I.js';
-export { cn } from '../chunk-QHC2ZNAF.js';
-
-// src/core/fonts.ts
-var FONT_SANS_VAR = "--font-geist-sans";
-var FONT_MONO_VAR = "--font-geist-mono";
-var fontSans = `var(${FONT_SANS_VAR}), sans-serif`;
-var fontMono = `var(${FONT_MONO_VAR}), monospace`;
-var fonts = { sans: fontSans, mono: fontMono };
-
-export { FONT_MONO_VAR, FONT_SANS_VAR, fontMono, fontSans, fonts };
-//# sourceMappingURL=index.js.map
+'use client';// @hanzo/ui — design core.
+//
+// Backend-agnostic foundation every backend draws from: the class-name composer,
+// the design tokens (from @hanzo/tokens), and the Geist typography variables.
+// The visual identity these describe is emitted as CSS by `theme.css`.
+export { cn } from './cn.js';
+export { fonts, fontSans, fontMono, FONT_SANS_VAR, FONT_MONO_VAR } from './fonts.js';
+export * from './tokens.js';
 //# sourceMappingURL=index.js.map

package/dist/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/fonts.ts"],"names":[],"mappings":";;;;AAWO,IAAM,aAAA,GAAgB;AAEtB,IAAM,aAAA,GAAgB;AAQtB,IAAM,QAAA,GAAW,OAAO,aAAa,CAAA,aAAA;AAGrC,IAAM,QAAA,GAAW,OAAO,aAAa,CAAA,YAAA;AAErC,IAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,QAAA,EAAU,MAAM,QAAA","file":"index.js","sourcesContent":["/**\n * Typography identity — Geist (UI/body/display) + Geist Mono (code/data).\n *\n * The families are referenced through CSS variables so a host that loads Geist\n * however it likes (next/font, @fontsource, a CDN link) just has to bind these\n * two variables; the components and `theme.css` read the variables, never a\n * hard-coded font name. These constants are the single source of truth for the\n * variable names so a host and the stylesheet can never drift.\n */\n\n/** CSS custom-property that must resolve to the Geist Sans family. */\nexport const FONT_SANS_VAR = '--font-geist-sans' as const\n/** CSS custom-property that must resolve to the Geist Mono family. */\nexport const FONT_MONO_VAR = '--font-geist-mono' as const\n\n/**\n * UI / body / display / heading stack — Geist Sans, then the CSS generic only.\n * No Inter, no named system fonts: the host always binds `--font-geist-sans`\n * (next/font, @fontsource, CDN), so the generic is a last-resort generic, never\n * a system-UI look.\n */\nexport const fontSans = `var(${FONT_SANS_VAR}), sans-serif` as const\n\n/** Code / data / tabular stack — Geist Mono, then the CSS generic only. */\nexport const fontMono = `var(${FONT_MONO_VAR}), monospace` as const\n\nexport const fonts = { sans: fontSans, mono: fontMono } as const\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,EAAE;AACF,iFAAiF;AACjF,8EAA8E;AAC9E,uEAAuE;AAEvE,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjF,cAAc,UAAU,CAAA"}

package/dist/core/tokens.cjs

@@ -1,77 +1,35 @@
-'use client';
-'use strict';
-
-var chunkQV52JQHR_cjs = require('../chunk-QV52JQHR.cjs');
-
-
-
-Object.defineProperty(exports, "colors", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.colors; }
-});
-Object.defineProperty(exports, "dark", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.dark; }
-});
-Object.defineProperty(exports, "fontFamily", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontFamily; }
-});
-Object.defineProperty(exports, "fontSize", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontSize; }
-});
-Object.defineProperty(exports, "fontSizePx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontSizePx; }
-});
-Object.defineProperty(exports, "fontWeight", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.fontWeight; }
-});
-Object.defineProperty(exports, "hsl", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.hsl; }
-});
-Object.defineProperty(exports, "letterSpacing", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.letterSpacing; }
-});
-Object.defineProperty(exports, "light", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.light; }
-});
-Object.defineProperty(exports, "lineHeight", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.lineHeight; }
-});
-Object.defineProperty(exports, "oklch", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.oklch; }
-});
-Object.defineProperty(exports, "radii", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.radii; }
-});
-Object.defineProperty(exports, "radiiPx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.radiiPx; }
-});
-Object.defineProperty(exports, "spacing", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.spacing; }
-});
-Object.defineProperty(exports, "spacingPx", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.spacingPx; }
-});
-Object.defineProperty(exports, "themes", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.themes; }
-});
-Object.defineProperty(exports, "zinc", {
-  enumerable: true,
-  get: function () { return chunkQV52JQHR_cjs.zinc; }
-});
-//# sourceMappingURL=tokens.cjs.map
-//# sourceMappingURL=tokens.cjs.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = exports.light = exports.dark = exports.letterSpacing = exports.lineHeight = exports.fontWeight = exports.fontSizePx = exports.fontSize = exports.fontFamily = exports.radiiPx = exports.radii = exports.spacingPx = exports.spacing = exports.hsl = exports.oklch = exports.zinc = exports.colors = void 0;
+/**
+ * Design tokens — re-exported from `@hanzo/tokens`, the single source of truth.
+ *
+ * `@hanzo/ui` is BUILT ON `@hanzo/tokens`: the color scale, the dark/light theme
+ * token sets (the exact values `theme.css` emits as CSS variables), the radii,
+ * the spacing, and the typography scale all originate there. Surfacing them here
+ * lets a consumer read the same tokens programmatically —
+ * `import { themes, colors } from '@hanzo/ui/tokens'` — that the stylesheet and
+ * the components render against, so runtime and CSS can never drift.
+ *
+ * NOTE: the root barrel's `tokens` export (the gui/product theme object from
+ * `@hanzo/data`) is a DIFFERENT, complementary thing; these are named exports
+ * (`colors`, `themes`, `dark`, `light`, `radii`, …) and never collide with it.
+ */
+var tokens_1 = require("@hanzo/tokens");
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return tokens_1.colors; } });
+Object.defineProperty(exports, "zinc", { enumerable: true, get: function () { return tokens_1.zinc; } });
+Object.defineProperty(exports, "oklch", { enumerable: true, get: function () { return tokens_1.oklch; } });
+Object.defineProperty(exports, "hsl", { enumerable: true, get: function () { return tokens_1.hsl; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
+Object.defineProperty(exports, "spacingPx", { enumerable: true, get: function () { return tokens_1.spacingPx; } });
+Object.defineProperty(exports, "radii", { enumerable: true, get: function () { return tokens_1.radii; } });
+Object.defineProperty(exports, "radiiPx", { enumerable: true, get: function () { return tokens_1.radiiPx; } });
+Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return tokens_1.fontFamily; } });
+Object.defineProperty(exports, "fontSize", { enumerable: true, get: function () { return tokens_1.fontSize; } });
+Object.defineProperty(exports, "fontSizePx", { enumerable: true, get: function () { return tokens_1.fontSizePx; } });
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return tokens_1.fontWeight; } });
+Object.defineProperty(exports, "lineHeight", { enumerable: true, get: function () { return tokens_1.lineHeight; } });
+Object.defineProperty(exports, "letterSpacing", { enumerable: true, get: function () { return tokens_1.letterSpacing; } });
+Object.defineProperty(exports, "dark", { enumerable: true, get: function () { return tokens_1.dark; } });
+Object.defineProperty(exports, "light", { enumerable: true, get: function () { return tokens_1.light; } });
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return tokens_1.themes; } });

package/dist/core/tokens.d.ts

@@ -14,3 +14,4 @@
  */
 export { colors, zinc, oklch, hsl, spacing, spacingPx, radii, radiiPx, fontFamily, fontSize, fontSizePx, fontWeight, lineHeight, letterSpacing, dark, light, themes, } from '@hanzo/tokens';
 export type { ColorToken, ZincStep, SpacingStep, RadiusToken, FontSizeToken, FontWeightToken, ThemeTokens, } from '@hanzo/tokens';
+//# sourceMappingURL=tokens.d.ts.map

package/dist/core/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/core/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,aAAa,EACb,IAAI,EACJ,KAAK,EACL,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,YAAY,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,WAAW,GACZ,MAAM,eAAe,CAAA"}