@hanzo/ui 8.0.27 → 8.0.31

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

package/dist/framework/CollectionBuilder.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "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.
+ */
+import { useCallback, useMemo, useState } from 'react';
+import { Button, Card, Input, Text, XStack, YStack } from '@hanzo/gui';
+import { ArrowDown, ArrowUp, GripVertical, Plus, Trash2, TriangleAlert } from '@hanzogui/lucide-icons-2';
+import { FieldSwitch } from '../product/Field.js';
+import { SelectMenu } from '../product/SelectMenu.js';
+import { classifyBackend } from '../product/BackendState.js';
+import { BUILDER_FIELD_TYPES, blankField, fieldNameFromLabel, fieldNeedsOptions, fieldsFromDocType, moveField, starterFields, toDocType, validateBuilder, } from './builder-logic.js';
+import { Action, Actions, ErrorBar } from './parts.js';
+import { useContainerLayout, TAP } from './responsive.js';
+const TYPE_OPTIONS = BUILDER_FIELD_TYPES.map((t) => ({ key: t.type, label: t.label }));
+export function CollectionBuilder({ client, module, existing, onSaved, onCancel }) {
+    const editing = Boolean(existing);
+    const [name, setName] = useState(existing?.name ?? '');
+    const [fields, setFields] = useState(() => existing ? fieldsFromDocType(existing) : starterFields());
+    const [busy, setBusy] = useState(false);
+    const [saveError, setSaveError] = useState(null);
+    const [showErrors, setShowErrors] = useState(false);
+    const { phone, onLayout } = useContainerLayout();
+    const validation = useMemo(() => validateBuilder(name, fields), [name, fields]);
+    const patch = useCallback((key, next) => {
+        setFields((fs) => fs.map((f) => (f.key === key ? { ...f, ...next } : f)));
+    }, []);
+    const addField = useCallback(() => setFields((fs) => [...fs, blankField()]), []);
+    const removeField = useCallback((key) => setFields((fs) => fs.filter((f) => f.key !== key)), []);
+    const move = useCallback((key, dir) => setFields((fs) => moveField(fs, key, dir)), []);
+    const save = useCallback(async () => {
+        setShowErrors(true);
+        if (!validation.ok)
+            return;
+        setBusy(true);
+        setSaveError(null);
+        try {
+            const dt = toDocType(name, module, fields);
+            if (editing)
+                await client.doctypes.update(name, dt);
+            else
+                await client.doctypes.create(dt);
+            onSaved(name);
+        }
+        catch (e) {
+            setSaveError(classifyBackend(e).message);
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [client, editing, fields, module, name, onSaved, validation.ok]);
+    const iconBtn = (icon, label, onPress, disabled, danger) => (_jsx(Button, { size: phone ? '$3' : '$1', circular: true, minW: phone ? TAP : undefined, minH: phone ? TAP : undefined, "aria-label": label, icon: icon, disabled: disabled, onPress: onPress, ...(danger ? { theme: 'red' } : {}) }));
+    return (_jsxs(Card, { onLayout: onLayout, borderWidth: 1, borderColor: "$borderColor", p: phone ? '$3' : '$4', gap: "$4", maxW: 820, width: "100%", children: [_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: "$5", fontWeight: "800", children: editing ? `Edit ${name}` : 'New collection' }), _jsx(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." })] }), _jsxs(YStack, { gap: "$1.5", width: "100%", children: [_jsx(Text, { fontSize: "$1", color: "$color11", textTransform: "uppercase", letterSpacing: 0.4, children: "Collection" }), _jsx(Input, { width: "100%", minH: phone ? TAP : undefined, size: phone ? '$4' : '$3', placeholder: "e.g. Recipe or LandingPage", value: name, onChangeText: setName, disabled: busy || editing, autoCapitalize: "none" }), editing ? (_jsx(Text, { fontSize: "$1", color: "$color9", children: "A collection\u2019s name is its identity and can\u2019t change." })) : null] }), _jsxs(YStack, { gap: "$2", width: "100%", children: [_jsxs(XStack, { items: "center", justify: "space-between", children: [_jsx(Text, { fontSize: "$3", fontWeight: "700", color: "$color11", children: "Fields" }), _jsxs(Text, { fontSize: "$1", color: "$color9", children: [fields.length, " field", fields.length === 1 ? '' : 's'] })] }), _jsx(YStack, { gap: "$2", width: "100%", children: fields.map((f, i) => {
+                            const err = showErrors ? validation.fieldErrors[f.key] : undefined;
+                            const fname = f.label.trim() ? fieldNameFromLabel(f.label) : '';
+                            return (_jsxs(YStack, { borderWidth: 1, borderColor: err ? '$red7' : '$borderColor', rounded: "$4", p: "$3", gap: "$2", bg: "$color1", width: "100%", children: [_jsxs(XStack, { gap: "$2", items: "center", width: "100%", children: [phone ? null : _jsx(GripVertical, { size: 15, opacity: 0.5 }), _jsx(Input, { flex: 1, minW: 0, minH: phone ? 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 : (_jsx(YStack, { minW: 150, children: _jsx(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 ? (_jsx(YStack, { width: "100%", children: _jsx(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: TAP }) })) : null, _jsxs(XStack, { gap: "$4", items: "center", justify: "space-between", flexWrap: "wrap", width: "100%", children: [_jsxs(XStack, { gap: "$4", items: "center", children: [_jsxs(XStack, { gap: "$2", items: "center", minH: phone ? TAP : undefined, children: [_jsx(FieldSwitch, { checked: f.required, onChange: (v) => patch(f.key, { required: v }), disabled: busy }), _jsx(Text, { fontSize: "$2", color: "$color10", children: "Required" })] }), _jsxs(XStack, { gap: "$2", items: "center", minH: phone ? TAP : undefined, children: [_jsx(FieldSwitch, { checked: f.inListView, onChange: (v) => patch(f.key, { inListView: v }), disabled: busy }), _jsx(Text, { fontSize: "$2", color: "$color10", children: "In list" })] })] }), _jsxs(XStack, { gap: "$2", children: [iconBtn(_jsx(ArrowUp, { size: 14 }), 'Move field up', () => move(f.key, -1), busy || i === 0), iconBtn(_jsx(ArrowDown, { size: 14 }), 'Move field down', () => move(f.key, 1), busy || i === fields.length - 1), iconBtn(_jsx(Trash2, { size: 14 }), 'Remove field', () => removeField(f.key), busy, true)] })] }), fieldNeedsOptions(f.type) ? (_jsxs(YStack, { gap: "$1.5", width: "100%", children: [_jsx(Text, { fontSize: "$1", color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: f.type === 'Select' ? 'Options' : f.type === 'Link' ? 'Relates to' : 'Child type' }), _jsx(Input, { width: "100%", minH: phone ? 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, _jsxs(XStack, { items: "center", justify: "space-between", gap: "$2", flexWrap: "wrap", children: [fname ? (_jsxs(Text, { fontSize: "$1", color: "$color8", children: ["field: ", fname] })) : (_jsx(YStack, {})), err ? (_jsxs(XStack, { gap: "$1", items: "center", children: [_jsx(TriangleAlert, { size: 12 }), _jsx(Text, { fontSize: "$1", color: "$red11", children: err })] })) : null] })] }, f.key));
+                        }) }), _jsx(XStack, { width: phone ? '100%' : undefined, children: _jsx(Action, { phone: phone, icon: _jsx(Plus, { size: 14 }), onPress: addField, disabled: busy, children: "Add field" }) })] }), showErrors && validation.formError ? _jsx(ErrorBar, { message: validation.formError }) : null, saveError ? _jsx(ErrorBar, { message: saveError }) : null, _jsxs(Actions, { phone: phone, children: [_jsx(Action, { phone: phone, disabled: busy, onPress: onCancel, children: "Cancel" }), _jsx(Action, { phone: phone, primary: true, disabled: busy, onPress: save, children: busy ? 'Saving…' : editing ? 'Save collection' : 'Create collection' })] })] }));
+}
+//# sourceMappingURL=CollectionBuilder.js.map

package/dist/framework/CollectionBuilder.js.map

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

package/dist/framework/CollectionsBrowser.cjs

@@ -0,0 +1,107 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollectionsBrowser = CollectionsBrowser;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * CollectionsBrowser — the app-lane home: the DocTypes of a `module` (a CMS
+ * "collection", an ERP document type, a Helpdesk ticket type are all just a
+ * framework DocType tagged with that lane's module). It lists them, offers a
+ * first-run "Set up" that installs the lane's fixtures
+ * (`POST /v1/framework/modules/:module/install`), and a "New collection" that
+ * opens the on-page content-type builder.
+ *
+ * Generic over the lane by construction: `module`, `label` and the first-run copy
+ * are props, and where copy is unset it is DERIVED FROM THE LANE rather than
+ * borrowed from one — the old default was the CMS's words, so an ERP org read
+ * about Pages and Posts. CMS, ERP, Helpdesk and anything later render this same
+ * component.
+ *
+ * Honest by construction — an org with the lane not yet installed sees the setup
+ * call to action, never a fabricated collection.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const PageHeader_1 = require("../product/PageHeader.cjs");
+const EmptyState_1 = require("../product/EmptyState.cjs");
+const BackendState_1 = require("../product/BackendState.cjs");
+const fields_1 = require("./fields.cjs");
+const CollectionBuilder_1 = require("./CollectionBuilder.cjs");
+const parts_1 = require("./parts.cjs");
+const responsive_1 = require("./responsive.cjs");
+function CollectionsBrowser({ client, module, label, subtitle, onOpen, setupDescription, setupBullets, renderBuilder, icon = lucide_icons_2_1.Boxes, }) {
+    const [state, setState] = (0, react_1.useState)({ phase: 'loading' });
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [creating, setCreating] = (0, react_1.useState)(false);
+    const [actionError, setActionError] = (0, react_1.useState)(null);
+    const { phone, onLayout } = (0, responsive_1.useContainerLayout)();
+    const load = (0, react_1.useCallback)(async (signal) => {
+        setState({ phase: 'loading' });
+        try {
+            const [dts, mod] = await Promise.all([
+                client.doctypes.list(),
+                client.modules.get(module).catch(() => null), // lane may not be registered on an older engine
+            ]);
+            if (signal.cancelled)
+                return;
+            setState({
+                phase: 'ready',
+                collections: (0, fields_1.moduleDoctypes)(dts, module),
+                registered: Boolean(mod && mod.doctypes.length),
+            });
+        }
+        catch (e) {
+            if (!signal.cancelled)
+                setState({ phase: 'error', error: (0, BackendState_1.classifyBackend)(e) });
+        }
+    }, [client, module]);
+    (0, react_1.useEffect)(() => {
+        const signal = { cancelled: false };
+        void load(signal);
+        return () => {
+            signal.cancelled = true;
+        };
+    }, [load]);
+    const reload = (0, react_1.useCallback)(() => void load({ cancelled: false }), [load]);
+    const install = (0, react_1.useCallback)(async () => {
+        setBusy(true);
+        setActionError(null);
+        try {
+            await client.modules.install(module);
+            reload();
+        }
+        catch (e) {
+            setActionError((0, BackendState_1.classifyBackend)(e).message);
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [client, module, reload]);
+    if (state.phase === 'loading') {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { onLayout: onLayout, width: "100%", children: (0, jsx_runtime_1.jsx)(parts_1.Loading, { label: `Loading ${label}…` }) }));
+    }
+    if (state.phase === 'error') {
+        return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { title: label, subtitle: subtitle }), (0, jsx_runtime_1.jsx)(BackendState_1.BackendStateCard, { state: state.error, onRetry: reload, hint: "framework \u00B7 GET /v1/framework/doctypes" })] }));
+    }
+    const { collections } = state;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [(0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { title: label, subtitle: subtitle, actions: collections.length && !creating ? ((0, jsx_runtime_1.jsx)(parts_1.Action, { phone: phone, primary: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 15 }), onPress: () => {
+                        setCreating(true);
+                        setActionError(null);
+                    }, children: "New collection" })) : undefined }), actionError ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: actionError }) : null, creating ? ((renderBuilder ?? ((p) => (0, jsx_runtime_1.jsx)(CollectionBuilder_1.CollectionBuilder, { client: client, module: module, ...p })))({
+                onSaved: (name) => {
+                    setCreating(false);
+                    onOpen(name);
+                },
+                onCancel: () => setCreating(false),
+            })) : null, collections.length === 0 && !creating ? ((0, jsx_runtime_1.jsx)(EmptyState_1.EmptyState, { icon: icon, title: `Set up ${label}`, description: setupDescription ??
+                    `${label} is a set of collections on the Hanzo Framework — typed documents, per organization.`, bullets: setupBullets ?? [
+                    `Installs the default ${label} collections into your organization`,
+                    'Every record is a document on the framework — versioned, permissioned, per-org',
+                    'Add your own collections and fields any time',
+                ], primary: state.registered ? { label: busy ? 'Setting up…' : `Set up ${label}`, onPress: install } : undefined, secondary: { label: 'New collection', onPress: () => setCreating(true) } })) : !creating ? (
+            // A fixed 240px card is a 240px column on a 390px phone with dead space
+            // beside it. `flexBasis` + `flexGrow` makes each card fill the row on a
+            // phone and settle back to a 240px tile once the box can hold several.
+            (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$3", flexWrap: "wrap", width: "100%", children: collections.map((dt) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onPress: () => onOpen(dt.name), hoverStyle: { borderColor: '$color8' }, pressStyle: { bg: '$color3' }, cursor: "pointer", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", p: "$4", gap: "$2", minH: 88, grow: phone ? 1 : 0, flexBasis: phone ? '100%' : 240, maxW: phone ? undefined : 240, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Boxes, { size: 16 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "700", flex: 1, minW: 0, numberOfLines: 1, children: dt.name })] }), (0, jsx_runtime_1.jsxs)(parts_1.Meta, { children: [dt.fields?.length ?? 0, " field", (dt.fields?.length ?? 0) === 1 ? '' : 's', dt.isSubmittable ? ' · submittable' : ''] })] }, dt.name))) })) : null] }));
+}

package/dist/framework/CollectionsBrowser.d.ts

@@ -16,8 +16,8 @@
  * call to action, never a fabricated collection.
  */
 import { type ReactNode } from 'react';
-import type { IconLike } from '../product/color';
-import type { FrameworkClient } from './client';
+import type { IconLike } from '../product/color.js';
+import type { FrameworkClient } from './client.js';
 export interface CollectionsBrowserProps {
     client: FrameworkClient;
     /** The app lane: 'cms' | 'erp' | 'help' | 'crm' | … */
@@ -49,3 +49,4 @@ export interface CollectionsBrowserProps {
     icon?: IconLike;
 }
 export declare function CollectionsBrowser({ client, module, label, subtitle, onOpen, setupDescription, setupBullets, renderBuilder, icon, }: CollectionsBrowserProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectionsBrowser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionsBrowser.d.ts","sourceRoot":"","sources":["../../src/framework/CollectionsBrowser.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,eAAe,CAAA;IACvB,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC9F,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAOD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,IAAY,GACb,EAAE,uBAAuB,2CA+JzB"}