@hanzo/ui 8.0.26 → 8.0.28

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

@@ -1,2 +1,25 @@
-export * from '../../product';
-export { tokens, TAG_TONES, tagTone, type TagTone } from '@hanzo/data';
+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

@@ -0,0 +1,8 @@
+import { type ComponentType, type ReactNode } 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 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

@@ -0,0 +1,20 @@
+/**
+ * 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 } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+export type InputProps = Omit<ComponentProps<typeof GuiInput>, 'children'> & {
+    /** Optional leading affordance (icon/text) rendered inside the field. */
+    startAdornment?: ReactNode;
+    /** Optional trailing affordance rendered inside the field. */
+    endAdornment?: ReactNode;
+    /** Suppress the built-in show/hide control for `secureTextEntry`/`type="password"`. */
+    hidePasswordToggle?: boolean;
+};
+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":"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"}

package/dist/backends/gui/label.cjs

@@ -0,0 +1,10 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Label — form-control caption bound to its field by @hanzogui/label. */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const Label = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Label, { ...(0, slot_1.slot)('label'), fontSize: "$2", fontWeight: "500", color: "$color12", select: "none", cursor: "pointer", ...props }));
+exports.Label = Label;

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

@@ -0,0 +1,7 @@
+/** Label — form-control caption bound to its field by @hanzogui/label. */
+import { Label as GuiLabel } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+export type LabelProps = ComponentProps<typeof GuiLabel>;
+declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export { Label };
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/label.tsx"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAExD,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,4CAU/B,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/label.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Label — form-control caption bound to its field by @hanzogui/label. */
+import { Label as GuiLabel } from '@hanzo/gui';
+import { slot } from './slot.js';
+const Label = (props) => (_jsx(GuiLabel, { ...slot('label'), fontSize: "$2", fontWeight: "500", color: "$color12", select: "none", cursor: "pointer", ...props }));
+export { Label };
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/backends/gui/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,0EAA0E;AAC1E,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,OACH,IAAI,CAAC,OAAO,CAAC,EACjB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,SAAS,KACZ,KAAK,GACT,CACH,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/backends/gui/popover.cjs

@@ -0,0 +1,39 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopoverClose = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = void 0;
+exports.Popover = Popover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Popover — floating panel anchored to a trigger.
+ *
+ * `PopoverContent` mounts its own portal and re-applies the trigger's resolved
+ * theme inside it (gui portals re-root the subtree, so theme context does not
+ * flow). `sideOffset` lands on the popper root, which is where gui keeps it.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+const slot_1 = require("./slot.cjs");
+const DEFAULT_OFFSET = 4;
+/** gui puts `offset` on the popper ROOT; the compound API puts `sideOffset` on
+ *  Content. One value, one owner: the root holds it, Content publishes into it. */
+const OffsetContext = /* @__PURE__ */ (0, react_1.createContext)(null);
+function Popover({ offset = DEFAULT_OFFSET, ...props }) {
+    const [current, setOffset] = (0, react_1.useState)(offset);
+    (0, react_1.useEffect)(() => setOffset(offset), [offset]);
+    return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsx)(gui_1.Popover, { offset: current, ...props }) }));
+}
+const PopoverTrigger = gui_1.Popover.Trigger;
+exports.PopoverTrigger = PopoverTrigger;
+const PopoverAnchor = gui_1.Popover.Anchor;
+exports.PopoverAnchor = PopoverAnchor;
+const PopoverClose = gui_1.Popover.Close;
+exports.PopoverClose = PopoverClose;
+const PopoverContent = ({ sideOffset = DEFAULT_OFFSET, align: _align, ...props }) => {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    const setOffset = (0, react_1.useContext)(OffsetContext);
+    (0, react_1.useEffect)(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    return ((0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Popover.Content, { ...(0, slot_1.slot)('popover-content'), bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", p: "$4", width: 288, ...props }) }));
+};
+exports.PopoverContent = PopoverContent;

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

@@ -0,0 +1,23 @@
+/**
+ * Popover — floating panel anchored to a trigger.
+ *
+ * `PopoverContent` mounts its own portal and re-applies the trigger's resolved
+ * theme inside it (gui portals re-root the subtree, so theme context does not
+ * flow). `sideOffset` lands on the popper root, which is where gui keeps it.
+ */
+import { Popover as GuiPopover } from '@hanzo/gui';
+import { type ComponentProps } from 'react';
+export type PopoverProps = Omit<ComponentProps<typeof GuiPopover>, 'offset'> & {
+    offset?: number;
+};
+declare function Popover({ offset, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+declare const PopoverTrigger: typeof GuiPopover.Trigger;
+declare const PopoverAnchor: typeof GuiPopover.Anchor;
+declare const PopoverClose: typeof GuiPopover.Close;
+export type PopoverContentProps = ComponentProps<typeof GuiPopover.Content> & {
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+};
+declare const PopoverContent: ({ sideOffset, align: _align, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/popover.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAkD,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAU3F,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAElG,iBAAS,OAAO,CAAC,EAAE,MAAuB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAQnE;AAED,QAAA,MAAM,cAAc,EAAE,OAAO,UAAU,CAAC,OAA4B,CAAA;AACpE,QAAA,MAAM,aAAa,EAAE,OAAO,UAAU,CAAC,MAA0B,CAAA;AACjE,QAAA,MAAM,YAAY,EAAE,OAAO,UAAU,CAAC,KAAwB,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,yCAA0D,mBAAmB,4CAkBpG,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/backends/gui/popover.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Popover — floating panel anchored to a trigger.
+ *
+ * `PopoverContent` mounts its own portal and re-applies the trigger's resolved
+ * theme inside it (gui portals re-root the subtree, so theme context does not
+ * flow). `sideOffset` lands on the popper root, which is where gui keeps it.
+ */
+import { Popover as GuiPopover } from '@hanzo/gui';
+import { createContext, useContext, useEffect, useState } from 'react';
+import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
+import { slot } from './slot.js';
+const DEFAULT_OFFSET = 4;
+/** gui puts `offset` on the popper ROOT; the compound API puts `sideOffset` on
+ *  Content. One value, one owner: the root holds it, Content publishes into it. */
+const OffsetContext = /* @__PURE__ */ createContext(null);
+function Popover({ offset = DEFAULT_OFFSET, ...props }) {
+    const [current, setOffset] = useState(offset);
+    useEffect(() => setOffset(offset), [offset]);
+    return (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsx(GuiPopover, { offset: current, ...props }) }));
+}
+const PopoverTrigger = GuiPopover.Trigger;
+const PopoverAnchor = GuiPopover.Anchor;
+const PopoverClose = GuiPopover.Close;
+const PopoverContent = ({ sideOffset = DEFAULT_OFFSET, align: _align, ...props }) => {
+    const themeName = useThemeName();
+    const setOffset = useContext(OffsetContext);
+    useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    return (_jsx(PortalTheme, { name: themeName, children: _jsx(GuiPopover.Content, { ...slot('popover-content'), bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", p: "$4", width: 288, ...props }) }));
+};
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose };
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/backends/gui/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;GAMG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,cAAc,GAAG,CAAC,CAAA;AAExB;mFACmF;AACnF,MAAM,aAAa,GAAG,eAAe,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAIvF,SAAS,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,EAAE,GAAG,KAAK,EAAgB;IAClE,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACtC,KAAC,UAAU,IAAC,MAAM,EAAE,OAAO,KAAM,KAAK,GAAI,GACnB,CAC1B,CAAA;AACH,CAAC;AAED,MAAM,cAAc,GAA8B,UAAU,CAAC,OAAO,CAAA;AACpE,MAAM,aAAa,GAA6B,UAAU,CAAC,MAAM,CAAA;AACjE,MAAM,YAAY,GAA4B,UAAU,CAAC,KAAK,CAAA;AAO9D,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,GAAG,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACvG,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC3C,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IACjE,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,UAAU,CAAC,OAAO,OACb,IAAI,CAAC,iBAAiB,CAAC,EAC3B,EAAE,EAAC,SAAS,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI,EACZ,CAAC,EAAC,IAAI,EACN,KAAK,EAAE,GAAG,KACN,KAAK,GACT,GACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/backends/gui/progress.cjs

@@ -0,0 +1,10 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Progress — determinate bar; `value` is 0–100. */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const Progress = ({ value, ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.Progress, { ...(0, slot_1.slot)('progress'), value: value ?? 0, height: 8, width: "100%", bg: "$color4", rounded: "$10", overflow: "hidden", ...props, children: (0, jsx_runtime_1.jsx)(gui_1.Progress.Indicator, { ...(0, slot_1.slot)('progress-indicator'), bg: "$color12" }) }));
+exports.Progress = Progress;

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

@@ -0,0 +1,7 @@
+/** Progress — determinate bar; `value` is 0–100. */
+import { Progress as GuiProgress } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+export type ProgressProps = ComponentProps<typeof GuiProgress>;
+declare const Progress: ({ value, ...props }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/progress.tsx"],"names":[],"mappings":"AAEA,oDAAoD;AACpD,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAE9D,QAAA,MAAM,QAAQ,GAAI,qBAAqB,aAAa,4CAanD,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/progress.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Progress — determinate bar; `value` is 0–100. */
+import { Progress as GuiProgress } from '@hanzo/gui';
+import { slot } from './slot.js';
+const Progress = ({ value, ...props }) => (_jsx(GuiProgress, { ...slot('progress'), value: value ?? 0, height: 8, width: "100%", bg: "$color4", rounded: "$10", overflow: "hidden", ...props, children: _jsx(GuiProgress.Indicator, { ...slot('progress-indicator'), bg: "$color12" }) }));
+export { Progress };
+//# sourceMappingURL=progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../src/backends/gui/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,oDAAoD;AACpD,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE,CAAC,CACvD,KAAC,WAAW,OACN,IAAI,CAAC,UAAU,CAAC,EACpB,KAAK,EAAE,KAAK,IAAI,CAAC,EACjB,MAAM,EAAE,CAAC,EACT,KAAK,EAAC,MAAM,EACZ,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,QAAQ,KACb,KAAK,YAET,KAAC,WAAW,CAAC,SAAS,OAAK,IAAI,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAC,UAAU,GAAG,GAC3D,CACf,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/backends/gui/resizable.cjs

@@ -0,0 +1,174 @@
+'use client';"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resizeAt = exports.defaultLayout = void 0;
+exports.ResizablePanelGroup = ResizablePanelGroup;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizableHandle = ResizableHandle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Resizable panel group — native to @hanzo/gui, no `react-resizable-panels`.
+ *
+ * The upstream package dropped `PanelGroup`/`PanelResizeHandle` in v4 (it now
+ * exports `Group`/`Panel`/`Separator` and renamed `direction` → `orientation`),
+ * so every consumer pinned to the old shape is unbuildable. Rather than pin a
+ * dead version we own the primitive: it is ~200 lines of percentage arithmetic
+ * over a flexbox, which is cheaper to keep than a dependency that renames its
+ * public surface.
+ *
+ * Layout is PERCENTAGES, never pixels: a panel's share becomes its `flexGrow`
+ * over a zero `flexBasis`, so the browser/RN layout engine handles container
+ * resize for free (and rounding can never leave a gap). The only thing this
+ * module owns is "where is the boundary" — pure functions (`defaultLayout`,
+ * `resizeAt`) with the min/max/collapse clamping in ONE place.
+ *
+ * Cross-platform by construction: the group measures itself with `onLayout`
+ * (gui implements it on web too), and the handle drives web with Pointer Events
+ * + pointer capture and native with the responder system. Both prop sets are
+ * typed on gui's stacks, and pointer capture is feature-detected, so nothing
+ * here reaches for the DOM on expo. Keyboard resize is arrow keys (Shift for a
+ * fine step). The grab area comes from `touch()`, so it is 44px on web and
+ * native alike while the visual divider stays 4px.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const gesture_1 = require("./gesture.cjs");
+const resizable_logic_1 = require("./resizable.logic.cjs");
+Object.defineProperty(exports, "defaultLayout", { enumerable: true, get: function () { return resizable_logic_1.defaultLayout; } });
+Object.defineProperty(exports, "resizeAt", { enumerable: true, get: function () { return resizable_logic_1.resizeAt; } });
+const webStorage = () => globalThis.localStorage;
+const storeKey = (id) => `hanzo.panels.${id}`;
+function loadStore(id) {
+    if (!id)
+        return {};
+    try {
+        return JSON.parse(webStorage()?.getItem(storeKey(id)) ?? "{}");
+    }
+    catch {
+        return {};
+    }
+}
+function saveStore(id, store) {
+    if (!id)
+        return;
+    try {
+        webStorage()?.setItem(storeKey(id), JSON.stringify(store));
+    }
+    catch {
+        // No storage (native, private mode, quota) — layout is simply not persisted.
+    }
+}
+const GroupContext = /* @__PURE__ */ (0, react_1.createContext)(null);
+/** A panel's index, or for a handle the index of the panel it follows. */
+const SlotContext = /* @__PURE__ */ (0, react_1.createContext)(-1);
+function ResizablePanelGroup({ direction, autoSaveId, onLayout, children, ...rest }) {
+    const axis = direction === "horizontal";
+    const extent = (0, react_1.useRef)(0);
+    const [store, setStore] = (0, react_1.useState)({});
+    const slots = (0, react_1.useMemo)(() => react_1.Children.toArray(children).filter(react_1.isValidElement), [children]);
+    const specs = (0, react_1.useMemo)(() => slots
+        .filter((el) => el.type === ResizablePanel)
+        .map((el, i) => {
+        const p = el.props;
+        return {
+            id: p.id ?? String(p.order ?? i),
+            defaultSize: p.defaultSize,
+            minSize: p.minSize,
+            maxSize: p.maxSize,
+            collapsible: p.collapsible,
+            collapsedSize: p.collapsedSize,
+            onResize: p.onResize,
+        };
+    }), [slots]);
+    const key = specs.map((s) => s.id).join(",");
+    const sizes = store[key] ?? (0, resizable_logic_1.defaultLayout)(specs);
+    (0, react_1.useEffect)(() => {
+        setStore(loadStore(autoSaveId));
+    }, [autoSaveId]);
+    const setLayout = (0, react_1.useCallback)((next) => {
+        const merged = { ...store, [key]: next };
+        setStore(merged);
+        saveStore(autoSaveId, merged);
+        onLayout?.(next);
+    }, [autoSaveId, key, onLayout, store]);
+    const prev = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        specs.forEach((s, i) => {
+            if (sizes[i] != null && sizes[i] !== prev.current[i])
+                s.onResize?.(sizes[i]);
+        });
+        prev.current = sizes;
+    }, [specs, sizes]);
+    const value = (0, react_1.useMemo)(() => ({ direction, specs, sizes, extent, setLayout }), [direction, specs, sizes, setLayout]);
+    let panel = -1;
+    return ((0, jsx_runtime_1.jsx)(GroupContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: "100%", height: "100%", flexDirection: axis ? "row" : "column", overflow: "hidden", "data-panel-group-direction": direction, onLayout: (e) => {
+                extent.current = axis
+                    ? e.nativeEvent.layout.width
+                    : e.nativeEvent.layout.height;
+            }, ...rest, children: slots.map((el, i) => {
+                if (el.type === ResizablePanel)
+                    panel++;
+                return ((0, jsx_runtime_1.jsx)(SlotContext.Provider, { value: panel, children: el }, el.key ?? i));
+            }) }) }));
+}
+function ResizablePanel({ id, order, defaultSize, minSize, maxSize, collapsible, collapsedSize, onResize, children, ...rest }) {
+    const group = (0, react_1.useContext)(GroupContext);
+    const index = (0, react_1.useContext)(SlotContext);
+    const size = group?.sizes[index];
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flexDirection: "column", overflow: "hidden", flexBasis: 0, grow: size ?? 1, shrink: 1, ...rest, children: children }));
+}
+// ── Handle ────────────────────────────────────────────────────────────────────
+const THICKNESS = 4;
+const KEY_STEP = 5;
+const KEY_STEP_FINE = 1;
+function ResizableHandle({ withHandle, disabled, ...rest }) {
+    const group = (0, react_1.useContext)(GroupContext);
+    const boundary = (0, react_1.useContext)(SlotContext);
+    const [state, setState] = (0, react_1.useState)("idle");
+    const start = (0, react_1.useRef)(null);
+    const axis = group?.direction !== "vertical";
+    const off = disabled || !group || boundary < 0 || boundary + 1 >= group.sizes.length;
+    const posOf = (0, react_1.useCallback)((e) => (0, gesture_1.dragPos)(e, axis), [axis]);
+    const begin = (0, react_1.useCallback)((e) => {
+        if (off || !group)
+            return;
+        start.current = { pos: posOf(e), sizes: group.sizes };
+        setState("drag");
+    }, [group, off, posOf]);
+    const move = (0, react_1.useCallback)((e) => {
+        const from = start.current;
+        if (!from || !group)
+            return;
+        const px = group.extent.current;
+        if (px <= 0)
+            return;
+        group.setLayout((0, resizable_logic_1.resizeAt)(from.sizes, group.specs, boundary, ((posOf(e) - from.pos) / px) * 100));
+    }, [boundary, group, posOf]);
+    const end = (0, react_1.useCallback)(() => {
+        start.current = null;
+        setState("idle");
+    }, []);
+    const nudge = (0, react_1.useCallback)((e) => {
+        if (off || !group)
+            return;
+        const dir = axis
+            ? e.key === "ArrowLeft"
+                ? -1
+                : e.key === "ArrowRight"
+                    ? 1
+                    : 0
+            : e.key === "ArrowUp"
+                ? -1
+                : e.key === "ArrowDown"
+                    ? 1
+                    : 0;
+        if (dir === 0)
+            return;
+        e.preventDefault();
+        group.setLayout((0, resizable_logic_1.resizeAt)(group.sizes, group.specs, boundary, dir * (e.shiftKey ? KEY_STEP_FINE : KEY_STEP)));
+    }, [axis, boundary, group, off]);
+    const hover = (0, react_1.useCallback)((on) => setState((s) => (s === "drag" ? s : on ? "hover" : "idle")), []);
+    const gesture = (0, gesture_1.drag)({ begin, move, end, enabled: !off });
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "relative", flexDirection: axis ? "column" : "row", items: "center", justify: "center", shrink: 0, width: axis ? THICKNESS : "100%", height: axis ? "100%" : THICKNESS, ...(0, gesture_1.touch)(THICKNESS, 44, axis ? "x" : "y"), cursor: off ? "default" : axis ? "col-resize" : "row-resize", tabIndex: off ? -1 : 0, role: "separator", "aria-orientation": axis ? "vertical" : "horizontal", "data-panel-group-direction": group?.direction, "data-resize-handle-state": state, ...gesture, onKeyDown: nudge, onMouseEnter: () => hover(true), onMouseLeave: () => hover(false), ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.Separator, { vertical: axis, borderColor: state === "idle" ? "$borderColor" : "$color8" }), withHandle && ((0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", items: "center", justify: "center", width: 12, height: 20, rounded: "$2", bg: "$color5", borderWidth: 1, borderColor: "$borderColor", rotate: axis ? "0deg" : "90deg", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.GripVertical, { size: 10 }) }))] }));
+}