@hanzo/ui 8.0.27 → 8.0.31

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

@@ -4,3 +4,4 @@ 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

@@ -20,3 +20,4 @@ export type PopoverContentProps = ComponentProps<typeof GuiPopover.Content> & {
 };
 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

@@ -4,3 +4,4 @@ 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 }) }))] }));
+}

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

@@ -19,12 +19,13 @@
  * + 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). Touch target is the 4px handle plus a 20px hitSlop = 44px.
+ * fine step). The grab area comes from `touch()`, so it is 44px on web and
+ * native alike while the visual divider stays 4px.
  */
 import { type ReactNode } from "react";
 import { type XStackProps } from "@hanzo/gui";
-import { defaultLayout, resizeAt, type ResizeDirection } from "./resizable.logic";
-export type { ResizeDirection, PanelSpec } from "./resizable.logic";
+import { defaultLayout, resizeAt, type ResizeDirection } from "./resizable.logic.js";
+export type { ResizeDirection, PanelSpec } from "./resizable.logic.js";
 export { defaultLayout, resizeAt };
 export type ResizablePanelGroupProps = Omit<XStackProps, "onLayout" | "direction"> & {
     direction: ResizeDirection;
@@ -50,3 +51,4 @@ export type ResizableHandleProps = Omit<XStackProps, "disabled" | "onLayout"> &
     disabled?: boolean;
 };
 export declare function ResizableHandle({ withHandle, disabled, ...rest }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/resizable.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAKhE,OAAO,EACL,aAAa,EACb,QAAQ,EAER,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAA;AAE1B,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAuDlC,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,WAAW,EACX,UAAU,GAAG,WAAW,CACzB,GAAG;IACF,SAAS,EAAE,eAAe,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,wBAAwB,2CA0F1B;AAID,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC,GAAG;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAiBrB;AAQD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,WAAW,EACX,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA4HtB"}

package/dist/backends/gui/resizable.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "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.
+ */
+import { Children, createContext, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+import { Separator, XStack } from "@hanzo/gui";
+import { GripVertical } from "@hanzogui/lucide-icons-2";
+import { drag, dragPos, touch } from "./gesture.js";
+import { defaultLayout, resizeAt, } from "./resizable.logic.js";
+export { defaultLayout, 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__ */ createContext(null);
+/** A panel's index, or for a handle the index of the panel it follows. */
+const SlotContext = /* @__PURE__ */ createContext(-1);
+export function ResizablePanelGroup({ direction, autoSaveId, onLayout, children, ...rest }) {
+    const axis = direction === "horizontal";
+    const extent = useRef(0);
+    const [store, setStore] = useState({});
+    const slots = useMemo(() => Children.toArray(children).filter(isValidElement), [children]);
+    const specs = 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] ?? defaultLayout(specs);
+    useEffect(() => {
+        setStore(loadStore(autoSaveId));
+    }, [autoSaveId]);
+    const setLayout = useCallback((next) => {
+        const merged = { ...store, [key]: next };
+        setStore(merged);
+        saveStore(autoSaveId, merged);
+        onLayout?.(next);
+    }, [autoSaveId, key, onLayout, store]);
+    const prev = useRef([]);
+    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 = useMemo(() => ({ direction, specs, sizes, extent, setLayout }), [direction, specs, sizes, setLayout]);
+    let panel = -1;
+    return (_jsx(GroupContext.Provider, { value: value, children: _jsx(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 (_jsx(SlotContext.Provider, { value: panel, children: el }, el.key ?? i));
+            }) }) }));
+}
+export function ResizablePanel({ id, order, defaultSize, minSize, maxSize, collapsible, collapsedSize, onResize, children, ...rest }) {
+    const group = useContext(GroupContext);
+    const index = useContext(SlotContext);
+    const size = group?.sizes[index];
+    return (_jsx(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;
+export function ResizableHandle({ withHandle, disabled, ...rest }) {
+    const group = useContext(GroupContext);
+    const boundary = useContext(SlotContext);
+    const [state, setState] = useState("idle");
+    const start = useRef(null);
+    const axis = group?.direction !== "vertical";
+    const off = disabled || !group || boundary < 0 || boundary + 1 >= group.sizes.length;
+    const posOf = useCallback((e) => dragPos(e, axis), [axis]);
+    const begin = useCallback((e) => {
+        if (off || !group)
+            return;
+        start.current = { pos: posOf(e), sizes: group.sizes };
+        setState("drag");
+    }, [group, off, posOf]);
+    const move = useCallback((e) => {
+        const from = start.current;
+        if (!from || !group)
+            return;
+        const px = group.extent.current;
+        if (px <= 0)
+            return;
+        group.setLayout(resizeAt(from.sizes, group.specs, boundary, ((posOf(e) - from.pos) / px) * 100));
+    }, [boundary, group, posOf]);
+    const end = useCallback(() => {
+        start.current = null;
+        setState("idle");
+    }, []);
+    const nudge = 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(resizeAt(group.sizes, group.specs, boundary, dir * (e.shiftKey ? KEY_STEP_FINE : KEY_STEP)));
+    }, [axis, boundary, group, off]);
+    const hover = useCallback((on) => setState((s) => (s === "drag" ? s : on ? "hover" : "idle")), []);
+    const gesture = drag({ begin, move, end, enabled: !off });
+    return (_jsxs(XStack, { position: "relative", flexDirection: axis ? "column" : "row", items: "center", justify: "center", shrink: 0, width: axis ? THICKNESS : "100%", height: axis ? "100%" : THICKNESS, ...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: [_jsx(Separator, { vertical: axis, borderColor: state === "idle" ? "$borderColor" : "$color8" }), withHandle && (_jsx(XStack, { position: "absolute", items: "center", justify: "center", width: 12, height: 20, rounded: "$2", bg: "$color5", borderWidth: 1, borderColor: "$borderColor", rotate: axis ? "0deg" : "90deg", children: _jsx(GripVertical, { size: 10 }) }))] }));
+}
+//# sourceMappingURL=resizable.js.map

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

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

package/dist/backends/gui/resizable.logic.cjs

@@ -0,0 +1,46 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultLayout = defaultLayout;
+exports.resizeAt = resizeAt;
+const clamp = (n, lo, hi) => Math.max(lo, Math.min(n, hi));
+/** Smallest percentage a panel may take — collapsible panels may go to `collapsedSize`. */
+const floorOf = (s) => s.collapsible ? (s.collapsedSize ?? 0) : (s.minSize ?? 0);
+const ceilOf = (s) => s.maxSize ?? 100;
+/** Starting percentages: honour every `defaultSize`, split the remainder evenly, normalise to 100. PURE. */
+function defaultLayout(specs) {
+    if (specs.length === 0)
+        return [];
+    const claimed = specs.reduce((n, s) => n + (s.defaultSize ?? 0), 0);
+    const free = specs.filter((s) => s.defaultSize == null).length;
+    const each = free > 0 ? Math.max(0, 100 - claimed) / free : 0;
+    const raw = specs.map((s) => s.defaultSize ?? each);
+    const sum = raw.reduce((a, b) => a + b, 0);
+    return sum > 0
+        ? raw.map((v) => (v / sum) * 100)
+        : specs.map(() => 100 / specs.length);
+}
+/**
+ * Move the boundary AFTER panel `i` by `delta` percent. Only the two adjacent
+ * panels change, so their sum is invariant and the layout always totals 100.
+ * Returns the original array when the move is fully clamped. PURE.
+ */
+function resizeAt(sizes, specs, i, delta) {
+    const a = sizes[i];
+    const b = sizes[i + 1];
+    const sa = specs[i];
+    const sb = specs[i + 1];
+    if (a == null || b == null || !sa || !sb)
+        return sizes;
+    const pair = a + b;
+    const lo = Math.max(floorOf(sa), pair - ceilOf(sb));
+    const hi = Math.min(ceilOf(sa), pair - floorOf(sb));
+    if (lo > hi)
+        return sizes;
+    const next = clamp(a + delta, lo, hi);
+    if (next === a)
+        return sizes;
+    const out = sizes.slice();
+    out[i] = next;
+    out[i + 1] = pair - next;
+    return out;
+}

package/dist/backends/gui/resizable.logic.d.ts

@@ -21,3 +21,4 @@ export declare function defaultLayout(specs: PanelSpec[]): number[];
  * Returns the original array when the move is fully clamped. PURE.
  */
 export declare function resizeAt(sizes: number[], specs: PanelSpec[], i: number, delta: number): number[];
+//# sourceMappingURL=resizable.logic.d.ts.map

package/dist/backends/gui/resizable.logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.logic.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/resizable.logic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAA;AAEvD,gEAAgE;AAChE,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAUD,4GAA4G;AAC5G,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,CAU1D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,EAAE,SAAS,EAAE,EAClB,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,GACZ,MAAM,EAAE,CAgBV"}