@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/editor.cjs

@@ -0,0 +1,84 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = Editor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Editor — a minimal rich-text field: a toolbar of formatting buttons above a
+ * `contentEditable` surface.
+ *
+ * Bold, italic and the two list commands run through the browser's own
+ * `document.execCommand`, the one API that turns a toolbar click into a real
+ * selection edit inside a `contentEditable` region — there is no gui primitive
+ * for rich-text editing, so this wraps that platform primitive in a gui frame
+ * the way `CodeEditor` wraps a plain field. The surface is HTML: `value` and
+ * `onChange` carry the region's `innerHTML`, matching what the toolbar
+ * commands actually produce.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const React = __importStar(require("react"));
+const button_1 = require("./button.cjs");
+const slot_1 = require("./slot.cjs");
+function Editor({ value, onChange, placeholder = 'Start typing...', ...props }) {
+    const field = React.useRef(null);
+    const shown = React.useRef(value);
+    const run = (command) => {
+        document.execCommand(command, false);
+        field.current?.focus();
+    };
+    const input = () => {
+        if (field.current)
+            onChange?.(field.current.innerHTML);
+    };
+    // A controlled `value` is only ever WRITTEN into the region when it changed
+    // out from under the caller — writing it on every render would reset the
+    // caret to the start on each keystroke, because `innerHTML` replaces the
+    // whole subtree rather than patching it.
+    React.useEffect(() => {
+        if (field.current && value !== undefined && value !== shown.current) {
+            field.current.innerHTML = value;
+        }
+        shown.current = value;
+    }, [value]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('editor'), gap: "$2", ...props, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Bold, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Italic, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.List, { size: 16 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ListOrdered, { size: 16 }) })] }), (0, jsx_runtime_1.jsx)("div", { ref: field, ...(0, slot_1.slot)('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder, suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
+                    minHeight: 200,
+                    borderRadius: 8,
+                    border: '1px solid var(--borderColor)',
+                    padding: 16,
+                    outline: 'none',
+                } })] }));
+}

package/dist/backends/gui/editor.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Editor — a minimal rich-text field: a toolbar of formatting buttons above a
+ * `contentEditable` surface.
+ *
+ * Bold, italic and the two list commands run through the browser's own
+ * `document.execCommand`, the one API that turns a toolbar click into a real
+ * selection edit inside a `contentEditable` region — there is no gui primitive
+ * for rich-text editing, so this wraps that platform primitive in a gui frame
+ * the way `CodeEditor` wraps a plain field. The surface is HTML: `value` and
+ * `onChange` carry the region's `innerHTML`, matching what the toolbar
+ * commands actually produce.
+ */
+import { type YStackProps } from '@hanzo/gui';
+import * as React from 'react';
+export type EditorCommand = 'bold' | 'italic' | 'insertUnorderedList' | 'insertOrderedList';
+export interface EditorProps extends Omit<YStackProps, 'children' | 'onChange'> {
+    /** The region's HTML. Omit it and the region keeps its own content. */
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+}
+export declare function Editor({ value, onChange, placeholder, ...props }: EditorProps): React.JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

package/dist/backends/gui/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,qBAAqB,GAAG,mBAAmB,CAAA;AAE3F,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAC7E,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAA+B,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBA6EjG"}

package/dist/backends/gui/editor.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Editor — a minimal rich-text field: a toolbar of formatting buttons above a
+ * `contentEditable` surface.
+ *
+ * Bold, italic and the two list commands run through the browser's own
+ * `document.execCommand`, the one API that turns a toolbar click into a real
+ * selection edit inside a `contentEditable` region — there is no gui primitive
+ * for rich-text editing, so this wraps that platform primitive in a gui frame
+ * the way `CodeEditor` wraps a plain field. The surface is HTML: `value` and
+ * `onChange` carry the region's `innerHTML`, matching what the toolbar
+ * commands actually produce.
+ */
+import { XStack, YStack } from '@hanzo/gui';
+import { Bold, Italic, List, ListOrdered } from '@hanzogui/lucide-icons-2';
+import * as React from 'react';
+import { Button } from './button.js';
+import { slot } from './slot.js';
+export function Editor({ value, onChange, placeholder = 'Start typing...', ...props }) {
+    const field = React.useRef(null);
+    const shown = React.useRef(value);
+    const run = (command) => {
+        document.execCommand(command, false);
+        field.current?.focus();
+    };
+    const input = () => {
+        if (field.current)
+            onChange?.(field.current.innerHTML);
+    };
+    // A controlled `value` is only ever WRITTEN into the region when it changed
+    // out from under the caller — writing it on every render would reset the
+    // caret to the start on each keystroke, because `innerHTML` replaces the
+    // whole subtree rather than patching it.
+    React.useEffect(() => {
+        if (field.current && value !== undefined && value !== shown.current) {
+            field.current.innerHTML = value;
+        }
+        shown.current = value;
+    }, [value]);
+    return (_jsxs(YStack, { ...slot('editor'), gap: "$2", ...props, children: [_jsxs(XStack, { ...slot('editor-toolbar'), items: "center", gap: "$1", borderBottomWidth: 1, borderColor: "$borderColor", pb: "$2", children: [_jsx(Button, { ...slot('editor-bold'), variant: "ghost", size: "sm", type: "button", onClick: () => run('bold'), children: _jsx(Bold, { size: 16 }) }), _jsx(Button, { ...slot('editor-italic'), variant: "ghost", size: "sm", type: "button", onClick: () => run('italic'), children: _jsx(Italic, { size: 16 }) }), _jsx(Button, { ...slot('editor-bullet-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertUnorderedList'), children: _jsx(List, { size: 16 }) }), _jsx(Button, { ...slot('editor-ordered-list'), variant: "ghost", size: "sm", type: "button", onClick: () => run('insertOrderedList'), children: _jsx(ListOrdered, { size: 16 }) })] }), _jsx("div", { ref: field, ...slot('editor-content'), contentEditable: true, onInput: input, "data-placeholder": placeholder, suppressContentEditableWarning: true, dangerouslySetInnerHTML: value === undefined ? undefined : { __html: value }, style: {
+                    minHeight: 200,
+                    borderRadius: 8,
+                    border: '1px solid var(--borderColor)',
+                    padding: 16,
+                    outline: 'none',
+                } })] }));
+}
+//# sourceMappingURL=editor.js.map

package/dist/backends/gui/editor.js.map

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

package/dist/backends/gui/empty.cjs

@@ -0,0 +1,71 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyContent = exports.EmptyDescription = exports.EmptyTitle = exports.EmptyMedia = exports.EmptyHeader = exports.Empty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Empty — a placeholder for the absence of data: a header (media, title,
+ * description) above a content slot for a call to action.
+ *
+ * `EmptyMedia` carries the one variant that matters here — a bare icon versus
+ * one boxed into a rounded tile — through a styled context, the same split
+ * Badge uses for its frame/text pair.
+ */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const EmptyFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'Empty',
+    flex: 1,
+    minW: 0,
+    items: 'center',
+    justify: 'center',
+    gap: '$6',
+    p: '$6',
+    rounded: '$6',
+    borderStyle: 'dashed',
+});
+const HeaderFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'EmptyHeader',
+    maxW: 384,
+    items: 'center',
+    gap: '$2',
+});
+const MediaContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({ variant: 'default' });
+const MediaFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'EmptyMedia',
+    context: MediaContext,
+    shrink: 0,
+    items: 'center',
+    justify: 'center',
+    mb: '$2',
+    variants: {
+        variant: {
+            default: { bg: 'transparent' },
+            icon: { bg: '$hover', width: 40, height: 40, rounded: '$3' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const TitleFrame = (0, gui_1.styled)(gui_1.SizableText, { name: 'EmptyTitle', size: '$4', fontWeight: '500' });
+const DescriptionFrame = (0, gui_1.styled)(gui_1.SizableText, { name: 'EmptyDescription', size: '$2', color: '$quiet' });
+const ContentFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'EmptyContent',
+    width: '100%',
+    minW: 0,
+    maxW: 384,
+    items: 'center',
+    gap: '$4',
+});
+const Empty = (p) => (0, jsx_runtime_1.jsx)(EmptyFrame, { ...(0, slot_1.slot)('empty'), ...p });
+exports.Empty = Empty;
+const EmptyHeader = (p) => (0, jsx_runtime_1.jsx)(HeaderFrame, { ...(0, slot_1.slot)('empty-header'), ...p });
+exports.EmptyHeader = EmptyHeader;
+const EmptyMedia = ({ variant = 'default', ...p }) => ((0, jsx_runtime_1.jsx)(MediaFrame, { ...(0, slot_1.slot)('empty-icon'), "data-variant": variant, variant: variant, ...p }));
+exports.EmptyMedia = EmptyMedia;
+const EmptyTitle = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(TitleFrame, { ...(0, slot_1.slot)('empty-title'), ...p, children: (0, ink_1.ink)(children) }));
+exports.EmptyTitle = EmptyTitle;
+const EmptyDescription = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(DescriptionFrame, { ...(0, slot_1.slot)('empty-description'), ...p, children: (0, ink_1.ink)(children) }));
+exports.EmptyDescription = EmptyDescription;
+const EmptyContent = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(ContentFrame, { ...(0, slot_1.slot)('empty-content'), ...p, children: (0, ink_1.ink)(children) }));
+exports.EmptyContent = EmptyContent;

package/dist/backends/gui/empty.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentProps } from 'react';
+declare const EmptyFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const HeaderFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type EmptyMediaVariant = 'default' | 'icon';
+declare const MediaFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    variant?: "default" | "icon" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const TitleFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const DescriptionFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const ContentFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type EmptyProps = ComponentProps<typeof EmptyFrame>;
+export type EmptyHeaderProps = ComponentProps<typeof HeaderFrame>;
+export type EmptyMediaProps = ComponentProps<typeof MediaFrame> & {
+    variant?: EmptyMediaVariant;
+};
+export type EmptyTitleProps = ComponentProps<typeof TitleFrame>;
+export type EmptyDescriptionProps = ComponentProps<typeof DescriptionFrame>;
+export type EmptyContentProps = ComponentProps<typeof ContentFrame>;
+export declare const Empty: (p: EmptyProps) => import("react").JSX.Element;
+export declare const EmptyHeader: (p: EmptyHeaderProps) => import("react").JSX.Element;
+export declare const EmptyMedia: ({ variant, ...p }: EmptyMediaProps) => import("react").JSX.Element;
+export declare const EmptyTitle: ({ children, ...p }: EmptyTitleProps) => import("react").JSX.Element;
+export declare const EmptyDescription: ({ children, ...p }: EmptyDescriptionProps) => import("react").JSX.Element;
+export declare const EmptyContent: ({ children, ...p }: EmptyContentProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=empty.d.ts.map

package/dist/backends/gui/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/empty.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,UAAU;;;8CAUd,CAAA;AAEF,QAAA,MAAM,WAAW;;;8CAKf,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAIlD,QAAA,MAAM,UAAU;;;;8CAgBd,CAAA;AAEF,QAAA,MAAM,UAAU;;;8CAA6E,CAAA;AAC7F,QAAA,MAAM,gBAAgB;;;8CAAiF,CAAA;AAEvG,QAAA,MAAM,YAAY;;;8CAOhB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC1D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAA;AACjG,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC/D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC3E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAEnE,eAAO,MAAM,KAAK,MAAO,UAAU,gCAA6C,CAAA;AAEhF,eAAO,MAAM,WAAW,MAAO,gBAAgB,gCAAqD,CAAA;AAEpG,eAAO,MAAM,UAAU,sBAAmC,eAAe,gCAExE,CAAA;AAED,eAAO,MAAM,UAAU,uBAAwB,eAAe,gCAE7D,CAAA;AAED,eAAO,MAAM,gBAAgB,uBAAwB,qBAAqB,gCAEzE,CAAA;AAED,eAAO,MAAM,YAAY,uBAAwB,iBAAiB,gCAEjE,CAAA"}

package/dist/backends/gui/empty.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Empty — a placeholder for the absence of data: a header (media, title,
+ * description) above a content slot for a call to action.
+ *
+ * `EmptyMedia` carries the one variant that matters here — a bare icon versus
+ * one boxed into a rounded tile — through a styled context, the same split
+ * Badge uses for its frame/text pair.
+ */
+import { SizableText, YStack, createStyledContext, styled } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+const EmptyFrame = styled(YStack, {
+    name: 'Empty',
+    flex: 1,
+    minW: 0,
+    items: 'center',
+    justify: 'center',
+    gap: '$6',
+    p: '$6',
+    rounded: '$6',
+    borderStyle: 'dashed',
+});
+const HeaderFrame = styled(YStack, {
+    name: 'EmptyHeader',
+    maxW: 384,
+    items: 'center',
+    gap: '$2',
+});
+const MediaContext = /* @__PURE__ */ createStyledContext({ variant: 'default' });
+const MediaFrame = styled(YStack, {
+    name: 'EmptyMedia',
+    context: MediaContext,
+    shrink: 0,
+    items: 'center',
+    justify: 'center',
+    mb: '$2',
+    variants: {
+        variant: {
+            default: { bg: 'transparent' },
+            icon: { bg: '$hover', width: 40, height: 40, rounded: '$3' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const TitleFrame = styled(SizableText, { name: 'EmptyTitle', size: '$4', fontWeight: '500' });
+const DescriptionFrame = styled(SizableText, { name: 'EmptyDescription', size: '$2', color: '$quiet' });
+const ContentFrame = styled(YStack, {
+    name: 'EmptyContent',
+    width: '100%',
+    minW: 0,
+    maxW: 384,
+    items: 'center',
+    gap: '$4',
+});
+export const Empty = (p) => _jsx(EmptyFrame, { ...slot('empty'), ...p });
+export const EmptyHeader = (p) => _jsx(HeaderFrame, { ...slot('empty-header'), ...p });
+export const EmptyMedia = ({ variant = 'default', ...p }) => (_jsx(MediaFrame, { ...slot('empty-icon'), "data-variant": variant, variant: variant, ...p }));
+export const EmptyTitle = ({ children, ...p }) => (_jsx(TitleFrame, { ...slot('empty-title'), ...p, children: ink(children) }));
+export const EmptyDescription = ({ children, ...p }) => (_jsx(DescriptionFrame, { ...slot('empty-description'), ...p, children: ink(children) }));
+export const EmptyContent = ({ children, ...p }) => (_jsx(ContentFrame, { ...slot('empty-content'), ...p, children: ink(children) }));
+//# sourceMappingURL=empty.js.map

package/dist/backends/gui/empty.js.map

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

package/dist/backends/gui/field.cjs

@@ -0,0 +1,132 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldGroup = exports.FieldContent = void 0;
+exports.Field = Field;
+exports.FieldDescription = FieldDescription;
+exports.FieldError = FieldError;
+exports.FieldLabel = FieldLabel;
+exports.FieldLegend = FieldLegend;
+exports.FieldSeparator = FieldSeparator;
+exports.FieldSet = FieldSet;
+exports.FieldTitle = FieldTitle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Field — the parts a form composes a labeled control from.
+ *
+ * `FieldSet`/`FieldLegend` group related fields inside a real `<fieldset>` so
+ * keyboard and screen-reader users get the grouping for free. `FieldGroup`
+ * stacks `Field`s with one rhythm. `Field` is the per-control wrapper —
+ * `role="group"`, an `orientation` (vertical / horizontal / responsive), and a
+ * `data-invalid` switch that turns the whole block destructive-colored so a
+ * sighted user and a screen reader see the same boundary. `FieldContent` keeps
+ * a label and its description together when the label sits beside the control.
+ * `FieldLabel` also doubles as a selectable "choice card" when its only child
+ * is a `Field` — border, radius and padding appear around it.
+ * `FieldTitle`/`FieldDescription`/`FieldError` are the text leaves;
+ * `FieldSeparator` divides a `FieldGroup`.
+ *
+ * `responsive` is mobile-first like `vertical` already is: a column below
+ * `$md`, a row from `$md` up — this config's media props are min-width (see
+ * the compiled `@media (min-width: …)` any `$md` prop emits), so there are no
+ * container queries to reach for and none are needed: the same direction every
+ * other responsive prop in this codebase is written in.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const box_1 = require("../../box.cjs");
+const label_1 = require("./label.cjs");
+const layout_1 = require("./layout.cjs");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+function FieldSet({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "fieldset", className: "flex flex-col gap-6", ...(0, slot_1.slot)('field-set'), ...props, children: children }));
+}
+function FieldLegend({ variant = 'legend', children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "legend", className: variant === 'label' ? 'mb-3 text-sm font-medium' : 'mb-3 text-base font-medium', ...(0, slot_1.slot)('field-legend'), "data-variant": variant, ...props, children: children }));
+}
+const FieldGroup = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'FieldGroup',
+    width: '100%',
+    gap: '$7',
+});
+exports.FieldGroup = FieldGroup;
+const FieldContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({
+    orientation: 'vertical',
+});
+const FieldFrame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'Field',
+    context: FieldContext,
+    width: '100%',
+    gap: '$3',
+    variants: {
+        orientation: {
+            vertical: { flexDirection: 'column' },
+            horizontal: { flexDirection: 'row', items: 'center' },
+            // Mobile-first, the way `vertical` already is: a column below `$md`,
+            // a row from `$md` up — this config's media props are min-width, so the
+            // base case is the narrow one and `$md` is where it widens.
+            responsive: {
+                flexDirection: 'column',
+                $md: { flexDirection: 'row', items: 'center' },
+            },
+        },
+        invalid: {
+            true: { color: '$red9' },
+        },
+    },
+    defaultVariants: { orientation: 'vertical' },
+});
+function Field({ orientation = 'vertical', ...props }) {
+    const invalid = props['data-invalid'];
+    return ((0, jsx_runtime_1.jsx)(FieldFrame, { role: "group", ...(0, slot_1.slot)('field'), "data-orientation": orientation, orientation: orientation, invalid: invalid, ...props }));
+}
+const FieldContent = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'FieldContent',
+    flex: 1,
+    gap: '$1.5',
+});
+exports.FieldContent = FieldContent;
+/** A `Field` nested directly inside a `FieldLabel` reads as a choice card. */
+const isFieldChild = (children) => (0, react_1.isValidElement)(children) && children.type === Field;
+function FieldLabel({ className, children, ...props }) {
+    const card = isFieldChild(children);
+    return ((0, jsx_runtime_1.jsx)(label_1.Label, { ...(0, slot_1.slot)('field-label'), gap: "$2", ...(card
+            ? {
+                width: '100%',
+                flexDirection: 'column',
+                rounded: '$3',
+                borderWidth: 1,
+                borderColor: '$borderColor',
+                p: '$4',
+            }
+            : { self: 'flex-start' }), className: className, ...props, children: children }));
+}
+function FieldTitle({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('field-label'), self: "flex-start", items: "center", gap: "$2", ...props, children: (0, ink_1.ink)(children, gui_1.SizableText, { fontSize: '$2', fontWeight: '500' }) }));
+}
+function FieldDescription({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('field-description'), fontSize: "$2", fontWeight: "400", color: "$quiet", ...props, children: children }));
+}
+function FieldSeparator({ children, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('field-separator'), "data-content": !!children, items: "center", gap: "$2", ...props, children: [(0, jsx_runtime_1.jsx)(layout_1.Separator, { flex: 1 }), children && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('field-separator-content'), color: "$quiet", fontSize: "$2", children: children })), children && (0, jsx_runtime_1.jsx)(layout_1.Separator, { flex: 1 })] }));
+}
+function fieldErrorContent(children, errors, issues) {
+    if (children)
+        return children;
+    const list = errors ?? issues;
+    if (!list)
+        return null;
+    const messages = list.filter((e) => !!e?.message);
+    if (messages.length === 0)
+        return null;
+    if (messages.length === 1)
+        return messages[0].message;
+    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "ul", className: "ml-4 flex flex-col gap-1", style: { listStyleType: 'disc' }, ...(0, slot_1.slot)('field-error-list'), children: messages.map((error, index) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "li", className: "text-sm text-red9", children: error.message }, index))) }));
+}
+function FieldError({ children, errors, issues, ...props }) {
+    const content = fieldErrorContent(children, errors, issues);
+    if (!content)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "alert", ...(0, slot_1.slot)('field-error'), ...props, children: (0, ink_1.ink)(content, gui_1.SizableText, { fontSize: '$2', fontWeight: '400', color: '$red9' }) }));
+}

package/dist/backends/gui/field.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Field — the parts a form composes a labeled control from.
+ *
+ * `FieldSet`/`FieldLegend` group related fields inside a real `<fieldset>` so
+ * keyboard and screen-reader users get the grouping for free. `FieldGroup`
+ * stacks `Field`s with one rhythm. `Field` is the per-control wrapper —
+ * `role="group"`, an `orientation` (vertical / horizontal / responsive), and a
+ * `data-invalid` switch that turns the whole block destructive-colored so a
+ * sighted user and a screen reader see the same boundary. `FieldContent` keeps
+ * a label and its description together when the label sits beside the control.
+ * `FieldLabel` also doubles as a selectable "choice card" when its only child
+ * is a `Field` — border, radius and padding appear around it.
+ * `FieldTitle`/`FieldDescription`/`FieldError` are the text leaves;
+ * `FieldSeparator` divides a `FieldGroup`.
+ *
+ * `responsive` is mobile-first like `vertical` already is: a column below
+ * `$md`, a row from `$md` up — this config's media props are min-width (see
+ * the compiled `@media (min-width: …)` any `$md` prop emits), so there are no
+ * container queries to reach for and none are needed: the same direction every
+ * other responsive prop in this codebase is written in.
+ */
+import { SizableText, XStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+import { Label } from './label.js';
+export type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
+export type FieldLegendVariant = 'legend' | 'label';
+declare function FieldSet({ children, ...props }: ComponentProps<'fieldset'>): import("react").JSX.Element;
+export type FieldSetProps = ComponentProps<typeof FieldSet>;
+declare function FieldLegend({ variant, children, ...props }: ComponentProps<'legend'> & {
+    variant?: FieldLegendVariant;
+}): import("react").JSX.Element;
+export type FieldLegendProps = ComponentProps<typeof FieldLegend>;
+declare const FieldGroup: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type FieldGroupProps = ComponentProps<typeof FieldGroup>;
+declare const FieldFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+    invalid?: boolean | undefined;
+    orientation?: "horizontal" | "responsive" | "vertical" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type FieldProps = Omit<ComponentProps<typeof FieldFrame>, 'orientation'> & {
+    orientation?: FieldOrientation;
+    'data-invalid'?: boolean;
+};
+declare function Field({ orientation, ...props }: FieldProps): import("react").JSX.Element;
+declare const FieldContent: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type FieldContentProps = ComponentProps<typeof FieldContent>;
+declare function FieldLabel({ className, children, ...props }: ComponentProps<typeof Label>): import("react").JSX.Element;
+export type FieldLabelProps = ComponentProps<typeof FieldLabel>;
+declare function FieldTitle({ children, ...props }: ComponentProps<typeof XStack>): import("react").JSX.Element;
+export type FieldTitleProps = ComponentProps<typeof FieldTitle>;
+declare function FieldDescription({ children, ...props }: ComponentProps<typeof SizableText>): import("react").JSX.Element;
+export type FieldDescriptionProps = ComponentProps<typeof FieldDescription>;
+declare function FieldSeparator({ children, ...props }: ComponentProps<typeof XStack> & {
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export type FieldSeparatorProps = ComponentProps<typeof FieldSeparator>;
+export type FieldErrorIssue = {
+    message?: string;
+};
+export type FieldErrorProps = ComponentProps<typeof XStack> & {
+    errors?: Array<FieldErrorIssue | undefined>;
+    /** Issues from any [Standard Schema](https://standardschema.dev/) validator. */
+    issues?: Array<FieldErrorIssue | undefined>;
+};
+declare function FieldError({ children, errors, issues, ...props }: FieldErrorProps): import("react").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };
+//# sourceMappingURL=field.d.ts.map

package/dist/backends/gui/field.d.ts.map

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