@hanzo/ui 8.0.27 → 8.0.28

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"}

package/dist/core/tokens.js

@@ -1,4 +1,16 @@
-'use client';
-export { colors, dark, fontFamily, fontSize, fontSizePx, fontWeight, hsl, letterSpacing, light, lineHeight, oklch, radii, radiiPx, spacing, spacingPx, themes, zinc } from '../chunk-2U3MNE4I.js';
-//# sourceMappingURL=tokens.js.map
+/**
+ * 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.
+ */
+export { colors, zinc, oklch, hsl, spacing, spacingPx, radii, radiiPx, fontFamily, fontSize, fontSizePx, fontWeight, lineHeight, letterSpacing, dark, light, themes, } from '@hanzo/tokens';
 //# sourceMappingURL=tokens.js.map

package/dist/core/tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"tokens.js"}
+{"version":3,"file":"tokens.js","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"}

package/dist/dashboard.cjs

@@ -1,15 +1,24 @@
-'use client';
-'use strict';
-
-var dashboard = require('@hanzo/dashboard');
-
-
-
-Object.keys(dashboard).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return dashboard[k]; }
-	});
-});
-//# sourceMappingURL=dashboard.cjs.map
-//# sourceMappingURL=dashboard.cjs.map
+'use client';"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);
+    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 });
+// @hanzo/ui/dashboard — the console dashboard kit (landing + deploy pipeline +
+// composable overview primitives + charts/motion layer), re-exported from its
+// home package @hanzo/dashboard. Thin subpath:
+//
+//   import { ... } from '@hanzo/ui/dashboard'
+//
+// Optional peer — only pulled when the subpath is used.
+__exportStar(require("@hanzo/dashboard"), exports);

package/dist/dashboard.d.ts

@@ -1 +1,2 @@
 export * from '@hanzo/dashboard';
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAOA,cAAc,kBAAkB,CAAA"}

package/dist/dashboard.js

@@ -1,4 +1,9 @@
-'use client';
+'use client';// @hanzo/ui/dashboard — the console dashboard kit (landing + deploy pipeline +
+// composable overview primitives + charts/motion layer), re-exported from its
+// home package @hanzo/dashboard. Thin subpath:
+//
+//   import { ... } from '@hanzo/ui/dashboard'
+//
+// Optional peer — only pulled when the subpath is used.
 export * from '@hanzo/dashboard';
-//# sourceMappingURL=dashboard.js.map
 //# sourceMappingURL=dashboard.js.map

package/dist/dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"dashboard.js","sourcesContent":[]}
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,8EAA8E;AAC9E,+CAA+C;AAC/C,EAAE;AACF,8CAA8C;AAC9C,EAAE;AACF,wDAAwD;AACxD,cAAc,kBAAkB,CAAA"}

package/dist/data.cjs

@@ -1,15 +1,28 @@
-'use client';
-'use strict';
-
-var data = require('@hanzo/data');
-
-
-
-Object.keys(data).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return data[k]; }
-	});
-});
-//# sourceMappingURL=data.cjs.map
-//# sourceMappingURL=data.cjs.map
+'use client';"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);
+    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 });
+// @hanzo/ui/data — the metadata-driven record layer.
+//
+// RecordsView, DataTable, BoardView, RecordDetail/RecordForm, the typed field
+// editors (select/relation/calendar/file/JSON/boolean…), the field registry, the
+// pure sort/filter/search/group/view logic, and the tokens. The source of truth
+// is @hanzo/data (pkg/data) — this is the canonical @hanzo/ui entry point for it,
+// so an app depends on ONE package (@hanzo/ui) for both the product layer and the
+// record layer. Do NOT re-implement anything here; add it upstream in @hanzo/data
+// and it flows through.
+//
+//   import { RecordsView, DataTable, registerField } from '@hanzo/ui/data'
+__exportStar(require("@hanzo/data"), exports);

package/dist/data.d.ts

@@ -1 +1,2 @@
 export * from '@hanzo/data';
+//# sourceMappingURL=data.d.ts.map

package/dist/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAWA,cAAc,aAAa,CAAA"}

package/dist/data.js

@@ -1,4 +1,13 @@
-'use client';
+'use client';// @hanzo/ui/data — the metadata-driven record layer.
+//
+// RecordsView, DataTable, BoardView, RecordDetail/RecordForm, the typed field
+// editors (select/relation/calendar/file/JSON/boolean…), the field registry, the
+// pure sort/filter/search/group/view logic, and the tokens. The source of truth
+// is @hanzo/data (pkg/data) — this is the canonical @hanzo/ui entry point for it,
+// so an app depends on ONE package (@hanzo/ui) for both the product layer and the
+// record layer. Do NOT re-implement anything here; add it upstream in @hanzo/data
+// and it flows through.
+//
+//   import { RecordsView, DataTable, registerField } from '@hanzo/ui/data'
 export * from '@hanzo/data';
-//# sourceMappingURL=data.js.map
 //# sourceMappingURL=data.js.map

package/dist/data.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"data.js","sourcesContent":[]}
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,EAAE;AACF,8EAA8E;AAC9E,iFAAiF;AACjF,gFAAgF;AAChF,kFAAkF;AAClF,kFAAkF;AAClF,kFAAkF;AAClF,wBAAwB;AACxB,EAAE;AACF,2EAA2E;AAC3E,cAAc,aAAa,CAAA"}

package/dist/framework/CollectionBuilder.cjs

@@ -0,0 +1,77 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionBuilder = CollectionBuilder;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CollectionBuilder — the content-type builder: define a collection's NAME and its
+ * typed FIELDS on-page (add / remove / reorder / require / show-in-list), then
+ * create it as a framework DocType. Every framework fieldtype is offered (Text,
+ * Rich text, Long text, Number, Decimal, Currency, Checkbox, Date, Date & time,
+ * Select, Relation, Attachment, Table, JSON), with the extra inputs each type needs
+ * (Select options, Relation target). Pure decisions live in `builder-logic.ts`.
+ *
+ * Used for BOTH "New collection" (create) and, on an existing collection, editing
+ * its schema — the SAME builder over `client.doctypes.create/update`.
+ *
+ * MOBILE FIRST: a field row is a name input, a type picker, two switches and three
+ * buttons. Side by side that is ~560px of controls, which on a phone either
+ * overflows or crushes each control below the tap floor. So a row STACKS into
+ * labelled bands on a phone (name · type · flags · move/remove) and collapses back
+ * to one line on a wide box. The type picker is the shared `SelectMenu` (the ONE
+ * menu system, tokenised, native-safe) rather than a hand-styled `<select>` —
+ * which is also how the last hardcoded hex left this layer.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const Field_1 = require("../product/Field.cjs");
+const SelectMenu_1 = require("../product/SelectMenu.cjs");
+const BackendState_1 = require("../product/BackendState.cjs");
+const builder_logic_1 = require("./builder-logic.cjs");
+const parts_1 = require("./parts.cjs");
+const responsive_1 = require("./responsive.cjs");
+const TYPE_OPTIONS = builder_logic_1.BUILDER_FIELD_TYPES.map((t) => ({ key: t.type, label: t.label }));
+function CollectionBuilder({ client, module, existing, onSaved, onCancel }) {
+    const editing = Boolean(existing);
+    const [name, setName] = (0, react_1.useState)(existing?.name ?? '');
+    const [fields, setFields] = (0, react_1.useState)(() => existing ? (0, builder_logic_1.fieldsFromDocType)(existing) : (0, builder_logic_1.starterFields)());
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [saveError, setSaveError] = (0, react_1.useState)(null);
+    const [showErrors, setShowErrors] = (0, react_1.useState)(false);
+    const { phone, onLayout } = (0, responsive_1.useContainerLayout)();
+    const validation = (0, react_1.useMemo)(() => (0, builder_logic_1.validateBuilder)(name, fields), [name, fields]);
+    const patch = (0, react_1.useCallback)((key, next) => {
+        setFields((fs) => fs.map((f) => (f.key === key ? { ...f, ...next } : f)));
+    }, []);
+    const addField = (0, react_1.useCallback)(() => setFields((fs) => [...fs, (0, builder_logic_1.blankField)()]), []);
+    const removeField = (0, react_1.useCallback)((key) => setFields((fs) => fs.filter((f) => f.key !== key)), []);
+    const move = (0, react_1.useCallback)((key, dir) => setFields((fs) => (0, builder_logic_1.moveField)(fs, key, dir)), []);
+    const save = (0, react_1.useCallback)(async () => {
+        setShowErrors(true);
+        if (!validation.ok)
+            return;
+        setBusy(true);
+        setSaveError(null);
+        try {
+            const dt = (0, builder_logic_1.toDocType)(name, module, fields);
+            if (editing)
+                await client.doctypes.update(name, dt);
+            else
+                await client.doctypes.create(dt);
+            onSaved(name);
+        }
+        catch (e) {
+            setSaveError((0, BackendState_1.classifyBackend)(e).message);
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [client, editing, fields, module, name, onSaved, validation.ok]);
+    const iconBtn = (icon, label, onPress, disabled, danger) => ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: phone ? '$3' : '$1', circular: true, minW: phone ? responsive_1.TAP : undefined, minH: phone ? responsive_1.TAP : undefined, "aria-label": label, icon: icon, disabled: disabled, onPress: onPress, ...(danger ? { theme: 'red' } : {}) }));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Card, { onLayout: onLayout, borderWidth: 1, borderColor: "$borderColor", p: phone ? '$3' : '$4', gap: "$4", maxW: 820, width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$5", fontWeight: "800", children: editing ? `Edit ${name}` : 'New collection' }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", children: "A content type on the Hanzo Framework \u2014 name it and define its fields. Every field type is available; a rich-text field gives a full WYSIWYG body." })] }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1.5", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color11", textTransform: "uppercase", letterSpacing: 0.4, children: "Collection" }), (0, jsx_runtime_1.jsx)(gui_1.Input, { width: "100%", minH: phone ? responsive_1.TAP : undefined, size: phone ? '$4' : '$3', placeholder: "e.g. Recipe or LandingPage", value: name, onChangeText: setName, disabled: busy || editing, autoCapitalize: "none" }), editing ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color9", children: "A collection\u2019s name is its identity and can\u2019t change." })) : null] }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "700", color: "$color11", children: "Fields" }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color9", children: [fields.length, " field", fields.length === 1 ? '' : 's'] })] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", width: "100%", children: fields.map((f, i) => {
+                            const err = showErrors ? validation.fieldErrors[f.key] : undefined;
+                            const fname = f.label.trim() ? (0, builder_logic_1.fieldNameFromLabel)(f.label) : '';
+                            return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { borderWidth: 1, borderColor: err ? '$red7' : '$borderColor', rounded: "$4", p: "$3", gap: "$2", bg: "$color1", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", width: "100%", children: [phone ? null : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GripVertical, { size: 15, opacity: 0.5 }), (0, jsx_runtime_1.jsx)(gui_1.Input, { flex: 1, minW: 0, minH: phone ? responsive_1.TAP : undefined, size: phone ? '$4' : '$3', placeholder: "Field name (e.g. Title)", value: f.label, onChangeText: (v) => patch(f.key, { label: v }), disabled: busy, autoCapitalize: "none" }), phone ? null : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { minW: 150, children: (0, jsx_runtime_1.jsx)(SelectMenu_1.SelectMenu, { required: true, ariaLabel: "Field type", options: TYPE_OPTIONS, value: f.type, onChange: (v) => v && patch(f.key, { type: v }), disabled: busy, minWidth: 150 }) }))] }), phone ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", children: (0, jsx_runtime_1.jsx)(SelectMenu_1.SelectMenu, { required: true, ariaLabel: "Field type", options: TYPE_OPTIONS, value: f.type, onChange: (v) => v && patch(f.key, { type: v }), disabled: busy, minWidth: 0, minHeight: responsive_1.TAP }) })) : null, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$4", items: "center", justify: "space-between", flexWrap: "wrap", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$4", items: "center", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", minH: phone ? responsive_1.TAP : undefined, children: [(0, jsx_runtime_1.jsx)(Field_1.FieldSwitch, { checked: f.required, onChange: (v) => patch(f.key, { required: v }), disabled: busy }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", children: "Required" })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", minH: phone ? responsive_1.TAP : undefined, children: [(0, jsx_runtime_1.jsx)(Field_1.FieldSwitch, { checked: f.inListView, onChange: (v) => patch(f.key, { inListView: v }), disabled: busy }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", children: "In list" })] })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", children: [iconBtn((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowUp, { size: 14 }), 'Move field up', () => move(f.key, -1), busy || i === 0), iconBtn((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ArrowDown, { size: 14 }), 'Move field down', () => move(f.key, 1), busy || i === fields.length - 1), iconBtn((0, jsx_runtime_1.jsx)(lucide_icons_2_1.Trash2, { size: 14 }), 'Remove field', () => removeField(f.key), busy, true)] })] }), (0, builder_logic_1.fieldNeedsOptions)(f.type) ? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1.5", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: f.type === 'Select' ? 'Options' : f.type === 'Link' ? 'Relates to' : 'Child type' }), (0, jsx_runtime_1.jsx)(gui_1.Input, { width: "100%", minH: phone ? responsive_1.TAP : undefined, size: phone ? '$4' : '$2', placeholder: f.type === 'Select' ? 'One per line — Draft / Published' : 'Collection name (e.g. Author)', value: f.options, onChangeText: (v) => patch(f.key, { options: v }), multiline: f.type === 'Select', numberOfLines: f.type === 'Select' ? 3 : 1, disabled: busy, autoCapitalize: "none" })] })) : null, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [fname ? ((0, jsx_runtime_1.jsxs)(gui_1.Text, { fontSize: "$1", color: "$color8", children: ["field: ", fname] })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, {})), err ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$1", items: "center", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.TriangleAlert, { size: 12 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$red11", children: err })] })) : null] })] }, f.key));
+                        }) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: phone ? '100%' : undefined, children: (0, jsx_runtime_1.jsx)(parts_1.Action, { phone: phone, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 14 }), onPress: addField, disabled: busy, children: "Add field" }) })] }), showErrors && validation.formError ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: validation.formError }) : null, saveError ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: saveError }) : null, (0, jsx_runtime_1.jsxs)(parts_1.Actions, { phone: phone, children: [(0, jsx_runtime_1.jsx)(parts_1.Action, { phone: phone, disabled: busy, onPress: onCancel, children: "Cancel" }), (0, jsx_runtime_1.jsx)(parts_1.Action, { phone: phone, primary: true, disabled: busy, onPress: save, children: busy ? 'Saving…' : editing ? 'Save collection' : 'Create collection' })] })] }));
+}

package/dist/framework/CollectionBuilder.d.ts

@@ -1,5 +1,5 @@
-import type { FrameworkClient } from './client';
-import type { DocType } from './types';
+import type { FrameworkClient } from './client.js';
+import type { DocType } from './types.js';
 export interface CollectionBuilderProps {
     client: FrameworkClient;
     module: string;
@@ -10,3 +10,4 @@ export interface CollectionBuilderProps {
     onCancel: () => void;
 }
 export declare function CollectionBuilder({ client, module, existing, onSaved, onCancel }: CollectionBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectionBuilder.d.ts.map

package/dist/framework/CollectionBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionBuilder.d.ts","sourceRoot":"","sources":["../../src/framework/CollectionBuilder.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAa,MAAM,SAAS,CAAA;AAkBjD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,eAAe,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAoPxG"}