@hanzo/ui 8.0.27 → 8.0.31

package/dist/backends/gui/gesture.cjs

@@ -0,0 +1,74 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.touch = exports.drag = exports.dragPos = void 0;
+/**
+ * The ONE way this backend does a drag, and the ONE way it meets the 44px touch
+ * floor — both of which are platform-split, and both of which were previously
+ * open-coded per component (and wrong on web).
+ *
+ * `drag()`  — web/Tauri run on Pointer Events with pointer capture; native runs
+ *             on the responder system. Same three callbacks either way.
+ * `touch()` — native takes `hitSlop`. gui classes `hitSlop` as a native-only
+ *             prop and DROPS it on web (helpers/nativeOnlyProps → skipProps →
+ *             getSplitStyles), so on web the target is expanded by a transparent
+ *             `::after` overlay driven from `data-touch-x`/`data-touch-y`
+ *             (rules in theme.css). Zero layout impact, no padding hack.
+ */
+const gui_1 = require("@hanzo/gui");
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+const dragPos = (e, horizontal) => ((horizontal ? (e.clientX ?? e.nativeEvent?.pageX) : (e.clientY ?? e.nativeEvent?.pageY)) ??
+    0);
+exports.dragPos = dragPos;
+const drag = ({ begin, move, end, enabled = true, }) => gui_1.isWeb
+    ? {
+        onPointerDown: (e) => {
+            if (!enabled)
+                return;
+            // Keeps the drag alive once the pointer leaves a thin handle, with no
+            // window listener. Feature-detected, so this file never assumes a DOM.
+            const target = e.currentTarget;
+            if (target?.setPointerCapture && e.pointerId != null)
+                target.setPointerCapture(e.pointerId);
+            begin(e);
+        },
+        onPointerMove: move,
+        onPointerUp: end,
+        onPointerCancel: end,
+    }
+    : {
+        onStartShouldSetResponder: () => enabled,
+        onMoveShouldSetResponder: () => enabled,
+        onResponderTerminationRequest: () => false,
+        onResponderGrant: begin,
+        onResponderMove: move,
+        onResponderRelease: end,
+        onResponderTerminate: end,
+    };
+exports.drag = drag;
+/** Largest expansion theme.css has a rule for. Keep in sync with that ladder. */
+const MAX_PAD = 24;
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+const touch = (size, min = 44, axis = 'both') => {
+    const pad = Math.min(MAX_PAD, Math.ceil((min - size) / 2));
+    if (pad <= 0)
+        return {};
+    if (!gui_1.isWeb)
+        return {
+            hitSlop: axis === 'both'
+                ? pad
+                : axis === 'x'
+                    ? { left: pad, right: pad }
+                    : { top: pad, bottom: pad },
+        };
+    return {
+        position: 'relative',
+        ...(axis !== 'y' && { 'data-touch-x': String(pad) }),
+        ...(axis !== 'x' && { 'data-touch-y': String(pad) }),
+    };
+};
+exports.touch = touch;

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

@@ -0,0 +1,68 @@
+export type DragEvent = {
+    clientX?: number;
+    clientY?: number;
+    pointerId?: number;
+    currentTarget?: unknown;
+    nativeEvent?: {
+        pageX?: number;
+        pageY?: number;
+    };
+};
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+export declare const dragPos: (e: DragEvent, horizontal: boolean) => number;
+export declare const drag: ({ begin, move, end, enabled, }: {
+    begin: (e: DragEvent) => void;
+    move: (e: DragEvent) => void;
+    end: () => void;
+    enabled?: boolean;
+}) => {
+    onPointerDown: (e: DragEvent) => void;
+    onPointerMove: (e: DragEvent) => void;
+    onPointerUp: () => void;
+    onPointerCancel: () => void;
+    onStartShouldSetResponder?: undefined;
+    onMoveShouldSetResponder?: undefined;
+    onResponderTerminationRequest?: undefined;
+    onResponderGrant?: undefined;
+    onResponderMove?: undefined;
+    onResponderRelease?: undefined;
+    onResponderTerminate?: undefined;
+} | {
+    onStartShouldSetResponder: () => boolean;
+    onMoveShouldSetResponder: () => boolean;
+    onResponderTerminationRequest: () => boolean;
+    onResponderGrant: (e: DragEvent) => void;
+    onResponderMove: (e: DragEvent) => void;
+    onResponderRelease: () => void;
+    onResponderTerminate: () => void;
+    onPointerDown?: undefined;
+    onPointerMove?: undefined;
+    onPointerUp?: undefined;
+    onPointerCancel?: undefined;
+};
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+export declare const touch: (size: number, min?: number, axis?: "x" | "y" | "both") => {
+    hitSlop?: undefined;
+} | {
+    hitSlop: number | {
+        left: number;
+        right: number;
+        top?: undefined;
+        bottom?: undefined;
+    } | {
+        top: number;
+        bottom: number;
+        left?: undefined;
+        right?: undefined;
+    };
+} | {
+    'data-touch-y'?: string | undefined;
+    'data-touch-x'?: string | undefined;
+    position: "relative";
+    hitSlop?: undefined;
+};
+//# sourceMappingURL=gesture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/gesture.ts"],"names":[],"mappings":"AAiBA,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,OAAO,GAAI,GAAG,SAAS,EAAE,YAAY,OAAO,KAE/C,MAAM,CAAA;AAEhB,eAAO,MAAM,IAAI,GAAI,gCAKlB;IACD,KAAK,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC7B,IAAI,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5B,GAAG,EAAE,MAAM,IAAI,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;uBAG0B,SAAS;uBANxB,SAAS,KAAK,IAAI;uBACjB,IAAI;2BAAJ,IAAI;;;;;;;;;;;;0BAFJ,SAAS,KAAK,IAAI;yBACnB,SAAS,KAAK,IAAI;8BACjB,IAAI;gCAAJ,IAAI;;;;;CA4BV,CAAA;AAKP;;;;GAIG;AACH,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM,EAAE,YAAQ,EAAE,OAAM,GAAG,GAAG,GAAG,GAAG,MAAe;;;;;;;;;;;;;;;;;;;CAiB9E,CAAA"}

package/dist/backends/gui/gesture.js

@@ -0,0 +1,69 @@
+'use client';
+/**
+ * The ONE way this backend does a drag, and the ONE way it meets the 44px touch
+ * floor — both of which are platform-split, and both of which were previously
+ * open-coded per component (and wrong on web).
+ *
+ * `drag()`  — web/Tauri run on Pointer Events with pointer capture; native runs
+ *             on the responder system. Same three callbacks either way.
+ * `touch()` — native takes `hitSlop`. gui classes `hitSlop` as a native-only
+ *             prop and DROPS it on web (helpers/nativeOnlyProps → skipProps →
+ *             getSplitStyles), so on web the target is expanded by a transparent
+ *             `::after` overlay driven from `data-touch-x`/`data-touch-y`
+ *             (rules in theme.css). Zero layout impact, no padding hack.
+ */
+import { isWeb } from '@hanzo/gui';
+/** Pointer position on one axis, from whichever event shape the platform sent. */
+export const dragPos = (e, horizontal) => ((horizontal ? (e.clientX ?? e.nativeEvent?.pageX) : (e.clientY ?? e.nativeEvent?.pageY)) ??
+    0);
+export const drag = ({ begin, move, end, enabled = true, }) => isWeb
+    ? {
+        onPointerDown: (e) => {
+            if (!enabled)
+                return;
+            // Keeps the drag alive once the pointer leaves a thin handle, with no
+            // window listener. Feature-detected, so this file never assumes a DOM.
+            const target = e.currentTarget;
+            if (target?.setPointerCapture && e.pointerId != null)
+                target.setPointerCapture(e.pointerId);
+            begin(e);
+        },
+        onPointerMove: move,
+        onPointerUp: end,
+        onPointerCancel: end,
+    }
+    : {
+        onStartShouldSetResponder: () => enabled,
+        onMoveShouldSetResponder: () => enabled,
+        onResponderTerminationRequest: () => false,
+        onResponderGrant: begin,
+        onResponderMove: move,
+        onResponderRelease: end,
+        onResponderTerminate: end,
+    };
+/** Largest expansion theme.css has a rule for. Keep in sync with that ladder. */
+const MAX_PAD = 24;
+/**
+ * Expand a `size`-px-thick target to `min` px on the given axes without moving
+ * anything. `axis: 'y'` pads top/bottom (a 36px-tall button), `'x'` pads
+ * left/right (a 4px-wide resize handle), `'both'` pads all four (a 16px checkbox).
+ */
+export const touch = (size, min = 44, axis = 'both') => {
+    const pad = Math.min(MAX_PAD, Math.ceil((min - size) / 2));
+    if (pad <= 0)
+        return {};
+    if (!isWeb)
+        return {
+            hitSlop: axis === 'both'
+                ? pad
+                : axis === 'x'
+                    ? { left: pad, right: pad }
+                    : { top: pad, bottom: pad },
+        };
+    return {
+        position: 'relative',
+        ...(axis !== 'y' && { 'data-touch-x': String(pad) }),
+        ...(axis !== 'x' && { 'data-touch-y': String(pad) }),
+    };
+};
+//# sourceMappingURL=gesture.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gesture.js","sourceRoot":"","sources":["../../../src/backends/gui/gesture.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUlC,kFAAkF;AAClF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAY,EAAE,UAAmB,EAAE,EAAE,CAC3D,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IACvF,CAAC,CAAW,CAAA;AAEhB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,GAAG,EACH,OAAO,GAAG,IAAI,GAMf,EAAE,EAAE,CACH,KAAK;IACH,CAAC,CAAC;QACE,aAAa,EAAE,CAAC,CAAY,EAAE,EAAE;YAC9B,IAAI,CAAC,OAAO;gBAAE,OAAM;YACpB,sEAAsE;YACtE,uEAAuE;YACvE,MAAM,MAAM,GAAG,CAAC,CAAC,aAEJ,CAAA;YACb,IAAI,MAAM,EAAE,iBAAiB,IAAI,CAAC,CAAC,SAAS,IAAI,IAAI;gBAClD,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;YACvC,KAAK,CAAC,CAAC,CAAC,CAAA;QACV,CAAC;QACD,aAAa,EAAE,IAAI;QACnB,WAAW,EAAE,GAAG;QAChB,eAAe,EAAE,GAAG;KACrB;IACH,CAAC,CAAC;QACE,yBAAyB,EAAE,GAAG,EAAE,CAAC,OAAO;QACxC,wBAAwB,EAAE,GAAG,EAAE,CAAC,OAAO;QACvC,6BAA6B,EAAE,GAAG,EAAE,CAAC,KAAK;QAC1C,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,IAAI;QACrB,kBAAkB,EAAE,GAAG;QACvB,oBAAoB,EAAE,GAAG;KAC1B,CAAA;AAEP,iFAAiF;AACjF,MAAM,OAAO,GAAG,EAAE,CAAA;AAElB;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,GAAG,GAAG,EAAE,EAAE,OAA2B,MAAM,EAAE,EAAE;IACjF,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC1D,IAAI,GAAG,IAAI,CAAC;QAAE,OAAO,EAAE,CAAA;IACvB,IAAI,CAAC,KAAK;QACR,OAAO;YACL,OAAO,EACL,IAAI,KAAK,MAAM;gBACb,CAAC,CAAC,GAAG;gBACL,CAAC,CAAC,IAAI,KAAK,GAAG;oBACZ,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;oBAC3B,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;SAClC,CAAA;IACH,OAAO;QACL,QAAQ,EAAE,UAAmB;QAC7B,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QACpD,GAAG,CAAC,IAAI,KAAK,GAAG,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;KACrD,CAAA;AACH,CAAC,CAAA"}

package/dist/backends/gui/index.cjs

@@ -0,0 +1,134 @@
+'use client';"use strict";
+// @hanzo/ui — gui backend. THE canonical component surface.
+//
+// One cross-platform (web + native/expo + desktop/Tauri) component layer built on
+// @hanzo/gui primitives (YStack/XStack/Text/styled + the gui token config).
+// Presentational and host-agnostic — data and effects arrive as props.
+//
+// COMPONENT API ONLY. The product/app layer (charts, metrics, page headers,
+// status tags, empty states, combobox, slide-over, drag-reorder, provider marks,
+// theme toggle) is its own subpath, `@hanzo/ui/product`, so importing a button
+// never drags a chart in.
+//
+// The explicit named blocks below are ALSO the manifest that
+// `scripts/gen-primitives.mjs` reads to emit the per-member `./primitives/*`
+// entrypoints, so root, `./primitives` and `./primitives/*` are three doors into
+// one room. Re-run after changing the surface:
+//   node scripts/gen-primitives.mjs
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandSeparator = exports.CommandShortcut = exports.CommandItem = exports.CommandGroup = exports.CommandEmpty = exports.CommandList = exports.CommandInput = exports.CommandDialog = exports.Command = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.Checkbox = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.AspectRatio = void 0;
+exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Slider = exports.Separator = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizableHandle = exports.ResizablePanel = exports.ResizablePanelGroup = exports.Progress = exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.Input = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = void 0;
+var aspect_ratio_1 = require("./aspect-ratio.cjs");
+Object.defineProperty(exports, "AspectRatio", { enumerable: true, get: function () { return aspect_ratio_1.AspectRatio; } });
+var avatar_1 = require("./avatar.cjs");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+Object.defineProperty(exports, "AvatarImage", { enumerable: true, get: function () { return avatar_1.AvatarImage; } });
+Object.defineProperty(exports, "AvatarFallback", { enumerable: true, get: function () { return avatar_1.AvatarFallback; } });
+var badge_1 = require("./badge.cjs");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return badge_1.badgeVariants; } });
+var button_1 = require("./button.cjs");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return button_1.buttonVariants; } });
+var card_1 = require("./card.cjs");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+Object.defineProperty(exports, "CardHeader", { enumerable: true, get: function () { return card_1.CardHeader; } });
+Object.defineProperty(exports, "CardFooter", { enumerable: true, get: function () { return card_1.CardFooter; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return card_1.CardTitle; } });
+Object.defineProperty(exports, "CardAction", { enumerable: true, get: function () { return card_1.CardAction; } });
+Object.defineProperty(exports, "CardDescription", { enumerable: true, get: function () { return card_1.CardDescription; } });
+Object.defineProperty(exports, "CardContent", { enumerable: true, get: function () { return card_1.CardContent; } });
+var checkbox_1 = require("./checkbox.cjs");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+var collapsible_1 = require("./collapsible.cjs");
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return collapsible_1.Collapsible; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return collapsible_1.CollapsibleTrigger; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return collapsible_1.CollapsibleContent; } });
+var command_1 = require("./command.cjs");
+Object.defineProperty(exports, "Command", { enumerable: true, get: function () { return command_1.Command; } });
+Object.defineProperty(exports, "CommandDialog", { enumerable: true, get: function () { return command_1.CommandDialog; } });
+Object.defineProperty(exports, "CommandInput", { enumerable: true, get: function () { return command_1.CommandInput; } });
+Object.defineProperty(exports, "CommandList", { enumerable: true, get: function () { return command_1.CommandList; } });
+Object.defineProperty(exports, "CommandEmpty", { enumerable: true, get: function () { return command_1.CommandEmpty; } });
+Object.defineProperty(exports, "CommandGroup", { enumerable: true, get: function () { return command_1.CommandGroup; } });
+Object.defineProperty(exports, "CommandItem", { enumerable: true, get: function () { return command_1.CommandItem; } });
+Object.defineProperty(exports, "CommandShortcut", { enumerable: true, get: function () { return command_1.CommandShortcut; } });
+Object.defineProperty(exports, "CommandSeparator", { enumerable: true, get: function () { return command_1.CommandSeparator; } });
+var dialog_1 = require("./dialog.cjs");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogClose", { enumerable: true, get: function () { return dialog_1.DialogClose; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_1.DialogContent; } });
+Object.defineProperty(exports, "DialogDescription", { enumerable: true, get: function () { return dialog_1.DialogDescription; } });
+Object.defineProperty(exports, "DialogFooter", { enumerable: true, get: function () { return dialog_1.DialogFooter; } });
+Object.defineProperty(exports, "DialogHeader", { enumerable: true, get: function () { return dialog_1.DialogHeader; } });
+Object.defineProperty(exports, "DialogOverlay", { enumerable: true, get: function () { return dialog_1.DialogOverlay; } });
+Object.defineProperty(exports, "DialogPortal", { enumerable: true, get: function () { return dialog_1.DialogPortal; } });
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_1.DialogTitle; } });
+Object.defineProperty(exports, "DialogTrigger", { enumerable: true, get: function () { return dialog_1.DialogTrigger; } });
+var dropdown_menu_1 = require("./dropdown-menu.cjs");
+Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenu; } });
+Object.defineProperty(exports, "DropdownMenuTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuTrigger; } });
+Object.defineProperty(exports, "DropdownMenuContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuContent; } });
+Object.defineProperty(exports, "DropdownMenuItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuItem; } });
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuCheckboxItem; } });
+Object.defineProperty(exports, "DropdownMenuRadioItem", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioItem; } });
+Object.defineProperty(exports, "DropdownMenuLabel", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuLabel; } });
+Object.defineProperty(exports, "DropdownMenuSeparator", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSeparator; } });
+Object.defineProperty(exports, "DropdownMenuShortcut", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuShortcut; } });
+Object.defineProperty(exports, "DropdownMenuGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuGroup; } });
+Object.defineProperty(exports, "DropdownMenuPortal", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuPortal; } });
+Object.defineProperty(exports, "DropdownMenuSub", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSub; } });
+Object.defineProperty(exports, "DropdownMenuSubContent", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubContent; } });
+Object.defineProperty(exports, "DropdownMenuSubTrigger", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuSubTrigger; } });
+Object.defineProperty(exports, "DropdownMenuRadioGroup", { enumerable: true, get: function () { return dropdown_menu_1.DropdownMenuRadioGroup; } });
+var input_1 = require("./input.cjs");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+var label_1 = require("./label.cjs");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return label_1.Label; } });
+var popover_1 = require("./popover.cjs");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return popover_1.PopoverTrigger; } });
+Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return popover_1.PopoverContent; } });
+Object.defineProperty(exports, "PopoverAnchor", { enumerable: true, get: function () { return popover_1.PopoverAnchor; } });
+Object.defineProperty(exports, "PopoverClose", { enumerable: true, get: function () { return popover_1.PopoverClose; } });
+var progress_1 = require("./progress.cjs");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+var resizable_1 = require("./resizable.cjs");
+Object.defineProperty(exports, "ResizablePanelGroup", { enumerable: true, get: function () { return resizable_1.ResizablePanelGroup; } });
+Object.defineProperty(exports, "ResizablePanel", { enumerable: true, get: function () { return resizable_1.ResizablePanel; } });
+Object.defineProperty(exports, "ResizableHandle", { enumerable: true, get: function () { return resizable_1.ResizableHandle; } });
+var scroll_area_1 = require("./scroll-area.cjs");
+Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return scroll_area_1.ScrollArea; } });
+Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return scroll_area_1.ScrollBar; } });
+var select_1 = require("./select.cjs");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return select_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectValue", { enumerable: true, get: function () { return select_1.SelectValue; } });
+Object.defineProperty(exports, "SelectTrigger", { enumerable: true, get: function () { return select_1.SelectTrigger; } });
+Object.defineProperty(exports, "SelectContent", { enumerable: true, get: function () { return select_1.SelectContent; } });
+Object.defineProperty(exports, "SelectLabel", { enumerable: true, get: function () { return select_1.SelectLabel; } });
+Object.defineProperty(exports, "SelectItem", { enumerable: true, get: function () { return select_1.SelectItem; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return select_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectScrollUpButton", { enumerable: true, get: function () { return select_1.SelectScrollUpButton; } });
+Object.defineProperty(exports, "SelectScrollDownButton", { enumerable: true, get: function () { return select_1.SelectScrollDownButton; } });
+var separator_1 = require("./separator.cjs");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return separator_1.Separator; } });
+var slider_1 = require("./slider.cjs");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
+var switch_1 = require("./switch.cjs");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+var tabs_1 = require("./tabs.cjs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+Object.defineProperty(exports, "TabsList", { enumerable: true, get: function () { return tabs_1.TabsList; } });
+Object.defineProperty(exports, "TabsTrigger", { enumerable: true, get: function () { return tabs_1.TabsTrigger; } });
+Object.defineProperty(exports, "TabsContent", { enumerable: true, get: function () { return tabs_1.TabsContent; } });
+var textarea_1 = require("./textarea.cjs");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+var toaster_1 = require("./toaster.cjs");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return toaster_1.Toaster; } });
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return toaster_1.toast; } });
+var tooltip_1 = require("./tooltip.cjs");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return tooltip_1.TooltipTrigger; } });
+Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return tooltip_1.TooltipContent; } });
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return tooltip_1.TooltipProvider; } });

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

@@ -1,24 +1,25 @@
-export { AspectRatio, type AspectRatioProps } from './aspect-ratio';
-export { Avatar, AvatarImage, AvatarFallback } from './avatar';
-export { Badge, badgeVariants, type BadgeProps, type BadgeVariant } from './badge';
-export { Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant } from './button';
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './card';
-export { Checkbox } from './checkbox';
-export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './collapsible';
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, type CommandFilter, type CommandProps, } from './command';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, type DropdownMenuProps, } from './dropdown-menu';
-export { Input, type InputProps } from './input';
-export { Label } from './label';
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose } from './popover';
-export { Progress } from './progress';
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, } from './resizable';
-export { ScrollArea, ScrollBar } from './scroll-area';
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select';
-export { Separator } from './separator';
-export { Slider } from './slider';
-export { Switch } from './switch';
-export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
-export { Textarea } from './textarea';
-export { Toaster, toast } from './toaster';
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip';
+export { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { Badge, badgeVariants, type BadgeProps, type BadgeVariant } from './badge.js';
+export { Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant } from './button.js';
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './card.js';
+export { Checkbox } from './checkbox.js';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './collapsible.js';
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, type CommandFilter, type CommandProps, } from './command.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, type DropdownMenuProps, } from './dropdown-menu.js';
+export { Input, type InputProps } from './input.js';
+export { Label } from './label.js';
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose } from './popover.js';
+export { Progress } from './progress.js';
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, } from './resizable.js';
+export { ScrollArea, ScrollBar } from './scroll-area.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
+export { Separator } from './separator.js';
+export { Slider } from './slider.js';
+export { Switch } from './switch.js';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js';
+export { Textarea } from './textarea.js';
+export { Toaster, toast } from './toaster.js';
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAA;AACxG,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA"}

package/dist/backends/gui/index.js

@@ -0,0 +1,41 @@
+'use client';// @hanzo/ui — gui backend. THE canonical component surface.
+//
+// One cross-platform (web + native/expo + desktop/Tauri) component layer built on
+// @hanzo/gui primitives (YStack/XStack/Text/styled + the gui token config).
+// Presentational and host-agnostic — data and effects arrive as props.
+//
+// COMPONENT API ONLY. The product/app layer (charts, metrics, page headers,
+// status tags, empty states, combobox, slide-over, drag-reorder, provider marks,
+// theme toggle) is its own subpath, `@hanzo/ui/product`, so importing a button
+// never drags a chart in.
+//
+// The explicit named blocks below are ALSO the manifest that
+// `scripts/gen-primitives.mjs` reads to emit the per-member `./primitives/*`
+// entrypoints, so root, `./primitives` and `./primitives/*` are three doors into
+// one room. Re-run after changing the surface:
+//   node scripts/gen-primitives.mjs
+export { AspectRatio } from './aspect-ratio.js';
+export { Avatar, AvatarImage, AvatarFallback } from './avatar.js';
+export { Badge, badgeVariants } from './badge.js';
+export { Button, buttonVariants } from './button.js';
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './card.js';
+export { Checkbox } from './checkbox.js';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './collapsible.js';
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } from './command.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './dropdown-menu.js';
+export { Input } from './input.js';
+export { Label } from './label.js';
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose } from './popover.js';
+export { Progress } from './progress.js';
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './resizable.js';
+export { ScrollArea, ScrollBar } from './scroll-area.js';
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, } from './select.js';
+export { Separator } from './separator.js';
+export { Slider } from './slider.js';
+export { Switch } from './switch.js';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs.js';
+export { Textarea } from './textarea.js';
+export { Toaster, toast } from './toaster.js';
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './tooltip.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/backends/gui/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,EAAE;AACF,kFAAkF;AAClF,4EAA4E;AAC5E,uEAAuE;AACvE,EAAE;AACF,4EAA4E;AAC5E,iFAAiF;AACjF,+EAA+E;AAC/E,0BAA0B;AAC1B,EAAE;AACF,6DAA6D;AAC7D,6EAA6E;AAC7E,iFAAiF;AACjF,+CAA+C;AAC/C,oCAAoC;AAEpC,OAAO,EAAE,WAAW,EAAyB,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAsC,MAAM,SAAS,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAyD,MAAM,UAAU,CAAA;AACxG,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GAGjB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GAEvB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,eAAe,GAIhB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA"}

package/dist/backends/gui/ink.cjs

@@ -0,0 +1,14 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ink = void 0;
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+/**
+ * Bare text needs a Text host to render on native; elements pass through.
+ * Every component in this backend that accepts free-form children runs them
+ * through here, so a string child behaves identically on web and native.
+ */
+const ink = (children, Wrap = gui_1.SizableText, props = {}) => react_1.Children.map(children, (child) => typeof child === 'string' || typeof child === 'number'
+    ? (0, react_1.createElement)(Wrap, props, child)
+    : child);
+exports.ink = ink;

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

@@ -5,3 +5,4 @@ import { type ComponentType, type ReactNode } from 'react';
  * through here, so a string child behaves identically on web and native.
  */
 export declare const ink: (children: ReactNode, Wrap?: ComponentType<Record<string, unknown>>, props?: Record<string, unknown>) => (bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[] | null | undefined;
+//# sourceMappingURL=ink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ink.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/ink.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnF;;;;GAIG;AACH,eAAO,MAAM,GAAG,GACd,UAAU,SAAS,EACnB,OAAM,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAwB,EACnE,QAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,uWAMlC,CAAA"}

package/dist/backends/gui/ink.js

@@ -0,0 +1,11 @@
+'use client';import { SizableText } from '@hanzo/gui';
+import { Children, createElement } from 'react';
+/**
+ * Bare text needs a Text host to render on native; elements pass through.
+ * Every component in this backend that accepts free-form children runs them
+ * through here, so a string child behaves identically on web and native.
+ */
+export const ink = (children, Wrap = SizableText, props = {}) => Children.map(children, (child) => typeof child === 'string' || typeof child === 'number'
+    ? createElement(Wrap, props, child)
+    : child);
+//# sourceMappingURL=ink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ink.js","sourceRoot":"","sources":["../../../src/backends/gui/ink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAsC,MAAM,OAAO,CAAA;AAEnF;;;;GAIG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CACjB,QAAmB,EACnB,OAA+C,WAAoB,EACnE,QAAiC,EAAE,EACnC,EAAE,CACF,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;IACpD,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;IACnC,CAAC,CAAC,KAAK,CACV,CAAA"}

package/dist/backends/gui/input.cjs

@@ -0,0 +1,39 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Input — single-line field with optional adornments and a password reveal.
+ *
+ * @hanzogui/input owns the field; the adornment wrapper only appears when an
+ * adornment (or the password toggle) is actually asked for, so the common path
+ * stays one element.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const HEIGHT = 36;
+const GUTTER = 12;
+/** Width reserved for an adornment inside the field. */
+const WELL = 36;
+const well = (side) => ({
+    position: 'absolute',
+    [side]: GUTTER,
+    t: 0,
+    b: 0,
+    items: 'center',
+    justify: 'center',
+});
+const Input = /* @__PURE__ */ (0, react_1.forwardRef)(function Input({ startAdornment, endAdornment, hidePasswordToggle, type, secureTextEntry, ...props }, ref) {
+    const [revealed, setRevealed] = (0, react_1.useState)(false);
+    const isPassword = type === 'password' || secureTextEntry === true;
+    const toggle = isPassword && !hidePasswordToggle;
+    const field = ((0, jsx_runtime_1.jsx)(gui_1.Input, { ref: ref, ...(0, slot_1.slot)('input'), secureTextEntry: isPassword && !revealed, height: HEIGHT, width: "100%", minW: 0, rounded: "$3", bg: "transparent", borderWidth: 1, borderColor: "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", pl: startAdornment ? WELL : GUTTER, pr: endAdornment || toggle ? WELL : GUTTER, ...props }));
+    if (!startAdornment && !endAdornment && !toggle)
+        return field;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", width: "100%", items: "center", children: [startAdornment ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...well('l'), pointerEvents: "none", opacity: 0.6, children: startAdornment })) : null, field, toggle ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...well('r'), cursor: "pointer", ...(0, gesture_1.touch)(20), onPress: () => setRevealed((v) => !v), "aria-label": revealed ? 'Hide password' : 'Show password', children: revealed ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.EyeOff, { size: 16 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Eye, { size: 16 }) })) : endAdornment ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...well('r'), opacity: 0.6, children: endAdornment })) : null] }));
+});
+exports.Input = Input;

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

@@ -17,3 +17,4 @@ export type InputProps = Omit<ComponentProps<typeof GuiInput>, 'children'> & {
 };
 declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/input.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAU,MAAM,YAAY,CAAA;AAEtD,OAAO,EAAwB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AASjF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,yEAAyE;IACzE,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAYD,QAAA,MAAM,KAAK,sHAuDT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/input.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Input — single-line field with optional adornments and a password reveal.
+ *
+ * @hanzogui/input owns the field; the adornment wrapper only appears when an
+ * adornment (or the password toggle) is actually asked for, so the common path
+ * stays one element.
+ */
+import { Input as GuiInput, XStack } from '@hanzo/gui';
+import { Eye, EyeOff } from '@hanzogui/lucide-icons-2';
+import { forwardRef, useState } from 'react';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const HEIGHT = 36;
+const GUTTER = 12;
+/** Width reserved for an adornment inside the field. */
+const WELL = 36;
+const well = (side) => ({
+    position: 'absolute',
+    [side]: GUTTER,
+    t: 0,
+    b: 0,
+    items: 'center',
+    justify: 'center',
+});
+const Input = /* @__PURE__ */ forwardRef(function Input({ startAdornment, endAdornment, hidePasswordToggle, type, secureTextEntry, ...props }, ref) {
+    const [revealed, setRevealed] = useState(false);
+    const isPassword = type === 'password' || secureTextEntry === true;
+    const toggle = isPassword && !hidePasswordToggle;
+    const field = (_jsx(GuiInput, { ref: ref, ...slot('input'), secureTextEntry: isPassword && !revealed, height: HEIGHT, width: "100%", minW: 0, rounded: "$3", bg: "transparent", borderWidth: 1, borderColor: "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", pl: startAdornment ? WELL : GUTTER, pr: endAdornment || toggle ? WELL : GUTTER, ...props }));
+    if (!startAdornment && !endAdornment && !toggle)
+        return field;
+    return (_jsxs(XStack, { position: "relative", width: "100%", items: "center", children: [startAdornment ? (_jsx(XStack, { ...well('l'), pointerEvents: "none", opacity: 0.6, children: startAdornment })) : null, field, toggle ? (_jsx(XStack, { ...well('r'), cursor: "pointer", ...touch(20), onPress: () => setRevealed((v) => !v), "aria-label": revealed ? 'Hide password' : 'Show password', children: revealed ? _jsx(EyeOff, { size: 16 }) : _jsx(Eye, { size: 16 }) })) : endAdornment ? (_jsx(XStack, { ...well('r'), opacity: 0.6, children: endAdornment })) : null] }));
+});
+export { Input };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/backends/gui/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,wDAAwD;AACxD,MAAM,IAAI,GAAG,EAAE,CAAA;AAWf,MAAM,IAAI,GAAG,CAAC,IAAe,EAAE,EAAE,CAC/B,CAAC;IACC,QAAQ,EAAE,UAAmB;IAC7B,CAAC,IAAI,CAAC,EAAE,MAAM;IACd,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,KAAK,EAAE,QAAiB;IACxB,OAAO,EAAE,QAAiB;CAC3B,CAAC,CAAA;AAEJ,MAAM,KAAK,GAAG,eAAe,CAAC,UAAU,CAA+B,SAAS,KAAK,CACnF,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EACrF,GAAG;IAEH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAI,KAAK,UAAU,IAAI,eAAe,KAAK,IAAI,CAAA;IAClE,MAAM,MAAM,GAAG,UAAU,IAAI,CAAC,kBAAkB,CAAA;IAEhD,MAAM,KAAK,GAAG,CACZ,KAAC,QAAQ,IACP,GAAG,EAAE,GAAY,KACb,IAAI,CAAC,OAAO,CAAC,EACjB,eAAe,EAAE,UAAU,IAAI,CAAC,QAAQ,EACxC,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,aAAa,EAChB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,oBAAoB,EAAC,UAAU,EAC/B,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAClC,EAAE,EAAE,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,KACtC,KAAK,GACT,CACH,CAAA;IAED,IAAI,CAAC,cAAc,IAAI,CAAC,YAAY,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAE7D,OAAO,CACL,MAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,aACpD,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,MAAM,OAAK,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,YACrD,cAAc,GACR,CACV,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,EACL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,OACD,IAAI,CAAC,GAAG,CAAC,EACb,MAAM,EAAC,SAAS,KACZ,KAAK,CAAC,EAAE,CAAC,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBACzB,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,YAEvD,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,GAAI,GAC7C,CACV,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,KAAC,MAAM,OAAK,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,YAChC,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}