@hanzo/ui 8.0.27 → 8.0.31

package/dist/framework/parts.cjs

@@ -0,0 +1,60 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WRAP_ANYWHERE = void 0;
+exports.Action = Action;
+exports.Actions = Actions;
+exports.ErrorBar = ErrorBar;
+exports.Loading = Loading;
+exports.Loader = Loader;
+exports.Meta = Meta;
+exports.Panel = Panel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const PrimaryButton_1 = require("../product/PrimaryButton.cjs");
+const responsive_1 = require("./responsive.cjs");
+/**
+ * THE button of this layer. On a phone it is at least `TAP` (44px) tall and
+ * stretches to the row, so a thumb hits it and two actions never end up 6px apart;
+ * on a wider box it collapses back to the compact `$2` admin control.
+ */
+function Action({ children, icon, onPress, disabled, primary, danger, phone, label }) {
+    const Cmp = primary ? PrimaryButton_1.PrimaryButton : gui_1.Button;
+    return ((0, jsx_runtime_1.jsx)(Cmp, { size: phone ? '$4' : '$2', minH: phone ? responsive_1.TAP : undefined, grow: phone ? 1 : 0, flexBasis: phone ? 0 : 'auto', minW: phone ? 140 : undefined, icon: icon, disabled: disabled, onPress: onPress, "aria-label": label, ...(danger ? { theme: 'red' } : {}), children: children }));
+}
+/** A row of `Action`s that wraps rather than clipping its last control. */
+function Actions({ children, phone }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: phone ? '100%' : undefined, children: children }));
+}
+/** An honest inline failure — never a fabricated success, never a silent no-op. */
+function ErrorBar({ message }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Card, { borderWidth: 1, borderColor: "$red7", bg: "$red2", p: "$3", maxW: 620, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "flex-start", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.TriangleAlert, { size: 15 }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$red11", flex: 1, children: message })] }) }));
+}
+/** In-flow loader — the DocType views live inside a host shell, so this never
+ *  takes the viewport (that is the host's own full-screen brand loader). */
+function Loading({ label, size = 'small' }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", justify: "center", gap: "$3", py: "$8", children: [(0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: size }), label ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color11", children: label })) : null] }));
+}
+/** The name 8.0.24 shipped for the same in-flow loader. One component, two spellings. */
+function Loader({ label, size }) {
+    return (0, jsx_runtime_1.jsx)(Loading, { label: label, size: size && size >= 32 ? 'large' : 'small' });
+}
+/** A dimmed metadata line (record count, field count, type). */
+function Meta({ children }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: children }));
+}
+/**
+ * Long values must WRAP, not push the page sideways. A field can hold a URL, a
+ * hash, a Lexical blob or a 400-character token with no spaces, and the default
+ * `overflow-wrap: normal` refuses to break inside a word — so one such value paints
+ * past the right edge of a phone. `html { overflow-x: clip }` then HIDES it rather
+ * than scrolling to it, which makes the value unreadable AND invisible to
+ * `scrollWidth`. Both properties are inherited, so declaring them on the container
+ * covers every value inside it.
+ */
+exports.WRAP_ANYWHERE = { overflowWrap: 'anywhere', wordBreak: 'break-word' };
+/** A titled section wrapper used by the detail + builder panels. */
+function Panel({ children, phone }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Card, { borderWidth: 1, borderColor: "$borderColor", p: phone ? '$3' : '$4', maxW: 760, width: "100%", style: exports.WRAP_ANYWHERE, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$3", children: children }) }));
+}

package/dist/framework/parts.d.ts

@@ -72,3 +72,4 @@ export declare function Panel({ children, phone }: {
     children: ReactNode;
     phone?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/framework/parts.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOpD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,WAAW,2CAkBvG;AAED,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,2CAMpF;AAED,mFAAmF;AACnF,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAWxD;AAED;4EAC4E;AAC5E,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAc,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAAE,2CAW9F;AAED,yFAAyF;AACzF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAExE;AAED,gEAAgE;AAChE,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMzD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;;;CAAiE,CAAA;AAE3F,oEAAoE;AACpE,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,2CAalF"}

package/dist/framework/parts.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, Spinner, Text, XStack, YStack } from '@hanzo/gui';
+import { TriangleAlert } from '@hanzogui/lucide-icons-2';
+import { PrimaryButton } from '../product/PrimaryButton.js';
+import { TAP } from './responsive.js';
+/**
+ * THE button of this layer. On a phone it is at least `TAP` (44px) tall and
+ * stretches to the row, so a thumb hits it and two actions never end up 6px apart;
+ * on a wider box it collapses back to the compact `$2` admin control.
+ */
+export function Action({ children, icon, onPress, disabled, primary, danger, phone, label }) {
+    const Cmp = primary ? PrimaryButton : Button;
+    return (_jsx(Cmp, { size: phone ? '$4' : '$2', minH: phone ? TAP : undefined, grow: phone ? 1 : 0, flexBasis: phone ? 0 : 'auto', minW: phone ? 140 : undefined, icon: icon, disabled: disabled, onPress: onPress, "aria-label": label, ...(danger ? { theme: 'red' } : {}), children: children }));
+}
+/** A row of `Action`s that wraps rather than clipping its last control. */
+export function Actions({ children, phone }) {
+    return (_jsx(XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: phone ? '100%' : undefined, children: children }));
+}
+/** An honest inline failure — never a fabricated success, never a silent no-op. */
+export function ErrorBar({ message }) {
+    return (_jsx(Card, { borderWidth: 1, borderColor: "$red7", bg: "$red2", p: "$3", maxW: 620, children: _jsxs(XStack, { gap: "$2", items: "flex-start", children: [_jsx(TriangleAlert, { size: 15 }), _jsx(Text, { fontSize: "$3", color: "$red11", flex: 1, children: message })] }) }));
+}
+/** In-flow loader — the DocType views live inside a host shell, so this never
+ *  takes the viewport (that is the host's own full-screen brand loader). */
+export function Loading({ label, size = 'small' }) {
+    return (_jsxs(XStack, { items: "center", justify: "center", gap: "$3", py: "$8", children: [_jsx(Spinner, { size: size }), label ? (_jsx(Text, { fontSize: "$3", color: "$color11", children: label })) : null] }));
+}
+/** The name 8.0.24 shipped for the same in-flow loader. One component, two spellings. */
+export function Loader({ label, size }) {
+    return _jsx(Loading, { label: label, size: size && size >= 32 ? 'large' : 'small' });
+}
+/** A dimmed metadata line (record count, field count, type). */
+export function Meta({ children }) {
+    return (_jsx(Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: children }));
+}
+/**
+ * Long values must WRAP, not push the page sideways. A field can hold a URL, a
+ * hash, a Lexical blob or a 400-character token with no spaces, and the default
+ * `overflow-wrap: normal` refuses to break inside a word — so one such value paints
+ * past the right edge of a phone. `html { overflow-x: clip }` then HIDES it rather
+ * than scrolling to it, which makes the value unreadable AND invisible to
+ * `scrollWidth`. Both properties are inherited, so declaring them on the container
+ * covers every value inside it.
+ */
+export const WRAP_ANYWHERE = { overflowWrap: 'anywhere', wordBreak: 'break-word' };
+/** A titled section wrapper used by the detail + builder panels. */
+export function Panel({ children, phone }) {
+    return (_jsx(Card, { borderWidth: 1, borderColor: "$borderColor", p: phone ? '$3' : '$4', maxW: 760, width: "100%", style: WRAP_ANYWHERE, children: _jsx(YStack, { gap: "$3", children: children }) }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/framework/parts.js.map

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

package/dist/framework/responsive.cjs

@@ -0,0 +1,62 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TAP = exports.GRID_MIN = exports.TABLE_MIN = void 0;
+exports.layoutFor = layoutFor;
+exports.useContainerLayout = useContainerLayout;
+/**
+ * MOBILE-FIRST layout, measured from the CONTAINER — not the viewport.
+ *
+ * A viewport media query is the wrong question here: the DocType renderer is
+ * mounted inside whatever pane a host gives it (a console with a 260px sidebar, a
+ * split view, a modal), so "is the window narrow" and "is MY box narrow" are
+ * different facts, and only the second one decides whether a table fits. `onLayout`
+ * answers the second, works identically on web and native (no media config, no
+ * `window`), and needs no host wiring.
+ *
+ * The first render has NO measurement, and the mobile-first answer to "I don't
+ * know yet" is PHONE: a card list is usable at every width, a 12-column table is
+ * not. So the first paint — including SSR — is the phone layout, and the desktop
+ * layout is the enhancement applied after the box reports its size. That also
+ * means server and client render the same tree: no hydration mismatch.
+ */
+const react_1 = require("react");
+/** The width at which a data TABLE starts being readable rather than a scroll trap. */
+exports.TABLE_MIN = 720;
+/** The width at which fixed-size cards can sit two-up. */
+exports.GRID_MIN = 560;
+/**
+ * Minimum interactive target, in px. WCAG 2.5.5 (AAA) asks for 44×44 and the iOS
+ * HIG for 44pt; Material asks 48. 44 is the floor every control in this layer
+ * meets on a phone — a 28px icon button next to a 28px icon button is the single
+ * most common reason a mobile admin surface is unusable.
+ */
+exports.TAP = 44;
+/**
+ * The layout decision, as a pure function of the measured width — so the rule
+ * ("unmeasured means phone") is testable without rendering anything.
+ */
+function layoutFor(width, tableMin = exports.TABLE_MIN) {
+    return width > 0 && width >= tableMin ? 'desktop' : 'phone';
+}
+/**
+ * Measure the container and derive the layout. Mobile-first: `phone` until proven
+ * otherwise. The setter is width-guarded so a layout pass that reports the same
+ * width does not re-render.
+ */
+function useContainerLayout(tableMin = exports.TABLE_MIN) {
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const onLayout = (0, react_1.useCallback)((e) => {
+        const w = Math.round(e?.nativeEvent?.layout?.width ?? 0);
+        setWidth((prev) => (w > 0 && w !== prev ? w : prev));
+    }, []);
+    const layout = layoutFor(width, tableMin);
+    const phone = layout === 'phone';
+    return {
+        layout,
+        phone,
+        wideEnoughForGrid: width >= exports.GRID_MIN,
+        width,
+        onLayout,
+    };
+}

package/dist/framework/responsive.d.ts

@@ -39,3 +39,4 @@ export interface ContainerLayout {
  * width does not re-render.
  */
 export declare function useContainerLayout(tableMin?: number): ContainerLayout;
+//# sourceMappingURL=responsive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/framework/responsive.ts"],"names":[],"mappings":"AAoBA,uFAAuF;AACvF,eAAO,MAAM,SAAS,MAAM,CAAA;AAE5B,0DAA0D;AAC1D,eAAO,MAAM,QAAQ,MAAM,CAAA;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,GAAG,KAAK,CAAA;AAErB,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAExC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAkB,GAAG,MAAM,CAE7E;AAED,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,KAAK,EAAE,OAAO,CAAA;IACd,6EAA6E;IAC7E,iBAAiB,EAAE,OAAO,CAAA;IAC1B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,WAAW,EAAE;YAAE,MAAM,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CACtE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,GAAE,MAAkB,GAAG,eAAe,CAiBhF"}

package/dist/framework/responsive.js

@@ -0,0 +1,58 @@
+'use client';
+/**
+ * MOBILE-FIRST layout, measured from the CONTAINER — not the viewport.
+ *
+ * A viewport media query is the wrong question here: the DocType renderer is
+ * mounted inside whatever pane a host gives it (a console with a 260px sidebar, a
+ * split view, a modal), so "is the window narrow" and "is MY box narrow" are
+ * different facts, and only the second one decides whether a table fits. `onLayout`
+ * answers the second, works identically on web and native (no media config, no
+ * `window`), and needs no host wiring.
+ *
+ * The first render has NO measurement, and the mobile-first answer to "I don't
+ * know yet" is PHONE: a card list is usable at every width, a 12-column table is
+ * not. So the first paint — including SSR — is the phone layout, and the desktop
+ * layout is the enhancement applied after the box reports its size. That also
+ * means server and client render the same tree: no hydration mismatch.
+ */
+import { useCallback, useState } from 'react';
+/** The width at which a data TABLE starts being readable rather than a scroll trap. */
+export const TABLE_MIN = 720;
+/** The width at which fixed-size cards can sit two-up. */
+export const GRID_MIN = 560;
+/**
+ * Minimum interactive target, in px. WCAG 2.5.5 (AAA) asks for 44×44 and the iOS
+ * HIG for 44pt; Material asks 48. 44 is the floor every control in this layer
+ * meets on a phone — a 28px icon button next to a 28px icon button is the single
+ * most common reason a mobile admin surface is unusable.
+ */
+export const TAP = 44;
+/**
+ * The layout decision, as a pure function of the measured width — so the rule
+ * ("unmeasured means phone") is testable without rendering anything.
+ */
+export function layoutFor(width, tableMin = TABLE_MIN) {
+    return width > 0 && width >= tableMin ? 'desktop' : 'phone';
+}
+/**
+ * Measure the container and derive the layout. Mobile-first: `phone` until proven
+ * otherwise. The setter is width-guarded so a layout pass that reports the same
+ * width does not re-render.
+ */
+export function useContainerLayout(tableMin = TABLE_MIN) {
+    const [width, setWidth] = useState(0);
+    const onLayout = useCallback((e) => {
+        const w = Math.round(e?.nativeEvent?.layout?.width ?? 0);
+        setWidth((prev) => (w > 0 && w !== prev ? w : prev));
+    }, []);
+    const layout = layoutFor(width, tableMin);
+    const phone = layout === 'phone';
+    return {
+        layout,
+        phone,
+        wideEnoughForGrid: width >= GRID_MIN,
+        width,
+        onLayout,
+    };
+}
+//# sourceMappingURL=responsive.js.map

package/dist/framework/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../src/framework/responsive.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,uFAAuF;AACvF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;AAE5B,0DAA0D;AAC1D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;AAE3B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,CAAA;AAIrB;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,WAAmB,SAAS;IACnE,OAAO,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAA;AAC7D,CAAC;AAeD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,WAAmB,SAAS;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAiD,EAAE,EAAE;QACjF,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC,CAAA;QACxD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IACtD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAChC,OAAO;QACL,MAAM;QACN,KAAK;QACL,iBAAiB,EAAE,KAAK,IAAI,QAAQ;QACpC,KAAK;QACL,QAAQ;KACT,CAAA;AACH,CAAC"}

package/dist/framework/types.cjs

@@ -0,0 +1,20 @@
+'use client';"use strict";
+/**
+ * The Hanzo Framework wire contract — the DocType / DocField / document shapes the
+ * cloud `clients/framework` engine serves at `/v1/framework/*` (Frappe's DocType
+ * metadata core, rebuilt native in Go; also published standalone as
+ * github.com/hanzoai/doctype). These mirror the Go JSON tags exactly.
+ *
+ * This is the ONE metadata vocabulary the generic renderer builds from, so
+ * CMS / ERP / CRM / Helpdesk — all "just DocTypes" on one engine — render through
+ * the SAME components. Types only; no runtime, no imports, so a host's data layer
+ * or a node test can depend on this file alone.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REDACTED_MARKER = exports.CANCELLED = exports.SUBMITTED = exports.DRAFT = void 0;
+/** The three docstatus values, named — so no view compares bare integers. */
+exports.DRAFT = 0;
+exports.SUBMITTED = 1;
+exports.CANCELLED = 2;
+/** The redacted-Password marker the engine returns for a set secret. */
+exports.REDACTED_MARKER = '__set__';

package/dist/framework/types.d.ts

@@ -85,3 +85,4 @@ export interface ListQuery {
 }
 /** The redacted-Password marker the engine returns for a set secret. */
 export declare const REDACTED_MARKER = "__set__";
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/framework/types.js

@@ -0,0 +1,18 @@
+'use client';/**
+ * The Hanzo Framework wire contract — the DocType / DocField / document shapes the
+ * cloud `clients/framework` engine serves at `/v1/framework/*` (Frappe's DocType
+ * metadata core, rebuilt native in Go; also published standalone as
+ * github.com/hanzoai/doctype). These mirror the Go JSON tags exactly.
+ *
+ * This is the ONE metadata vocabulary the generic renderer builds from, so
+ * CMS / ERP / CRM / Helpdesk — all "just DocTypes" on one engine — render through
+ * the SAME components. Types only; no runtime, no imports, so a host's data layer
+ * or a node test can depend on this file alone.
+ */
+/** The three docstatus values, named — so no view compares bare integers. */
+export const DRAFT = 0;
+export const SUBMITTED = 1;
+export const CANCELLED = 2;
+/** The redacted-Password marker the engine returns for a set secret. */
+export const REDACTED_MARKER = '__set__';
+//# sourceMappingURL=types.js.map

package/dist/framework/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/framework/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA4EH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAA;AACtB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAC1B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAA;AAwB1B,wEAAwE;AACxE,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAA"}

package/dist/gitops.cjs

@@ -1,15 +1,21 @@
-'use client';
-'use strict';
-
-var cd = require('@hanzo/cd');
-
-
-
-Object.keys(cd).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return cd[k]; }
-	});
-});
-//# sourceMappingURL=gitops.cjs.map
-//# sourceMappingURL=gitops.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/gitops — the CD/GitOps surface, re-exported from its home package
+// @hanzo/cd (an Apache-2.0 clean-room port of the Argo CD UI). Kept as a thin
+// subpath so a console can `import { GitopsAppList, GitopsAppTree, GitopsNodeInfo,
+// HealthBadge, ... } from '@hanzo/ui/gitops'` while the code lives in one place.
+__exportStar(require("@hanzo/cd"), exports);

package/dist/gitops.d.ts

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

package/dist/gitops.d.ts.map

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

package/dist/gitops.js

@@ -1,4 +1,6 @@
-'use client';
+'use client';// @hanzo/ui/gitops — the CD/GitOps surface, re-exported from its home package
+// @hanzo/cd (an Apache-2.0 clean-room port of the Argo CD UI). Kept as a thin
+// subpath so a console can `import { GitopsAppList, GitopsAppTree, GitopsNodeInfo,
+// HealthBadge, ... } from '@hanzo/ui/gitops'` while the code lives in one place.
 export * from '@hanzo/cd';
-//# sourceMappingURL=gitops.js.map
 //# sourceMappingURL=gitops.js.map

package/dist/gitops.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"gitops.js","sourcesContent":[]}
+{"version":3,"file":"gitops.js","sourceRoot":"","sources":["../src/gitops.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,8EAA8E;AAC9E,mFAAmF;AACnF,iFAAiF;AACjF,cAAc,WAAW,CAAA"}