@hanzo/ui 8.0.27 → 8.0.28

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

@@ -0,0 +1,43 @@
+'use client';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. */
+export 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.
+ */
+export 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;
+}
+//# sourceMappingURL=resizable.logic.js.map

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

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

package/dist/backends/gui/scroll-area.cjs

@@ -0,0 +1,126 @@
+'use client';"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollBar = exports.ScrollArea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ScrollArea — the cross-platform (web + native + desktop) scroll surface.
+ *
+ * Scrolling itself is the platform's: @hanzogui/scroll-view's `ScrollView` (a
+ * styled react-native `ScrollView`), so momentum, keyboard, wheel, and
+ * accessibility come from the host and are never reimplemented. What this adds is
+ * the ONE custom scrollbar — the platform indicator is suppressed and `ScrollBar`
+ * draws it from the scroll metrics the viewport reports, so a thumb looks and
+ * drags identically on Chrome, iOS, and Tauri.
+ *
+ * One area scrolls one axis (`horizontal` picks it), so there is exactly one bar
+ * and never a dead one: `ScrollArea` renders `<ScrollBar orientation={axis} />`
+ * and a bar for the other axis has nothing to scroll and renders nothing.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+/** Bar thickness, and the thumb's minimum length — both in px. */
+const BAR = 10;
+/** Minimum touch target. The thumb is `BAR` thin, so `touch()` makes up the rest. */
+const TOUCH = 44;
+const ZERO = { offset: 0, viewport: 0, content: 0 };
+const Ctx = /* @__PURE__ */ (0, react_1.createContext)(null);
+const clamp = (n, max) => (n < 0 ? 0 : n > max ? max : n);
+const ScrollBar = /* @__PURE__ */ (0, react_1.forwardRef)(function ScrollBar({ orientation = "vertical", ...props }, ref) {
+    const ctx = (0, react_1.useContext)(Ctx);
+    const [len, setLen] = (0, react_1.useState)(0);
+    const from = (0, react_1.useRef)(null);
+    if (!ctx || ctx.axis !== orientation)
+        return null;
+    const vertical = orientation === "vertical";
+    const { content, viewport, offset } = ctx.track;
+    const scrollable = content - viewport;
+    const overflow = scrollable > 1;
+    const shown = ctx.type === "always"
+        ? true
+        : !overflow
+            ? false
+            : ctx.type === "auto"
+                ? true
+                : ctx.active;
+    const thumb = Math.max(TOUCH, len * (viewport / Math.max(content, 1)));
+    const range = Math.max(len - thumb, 0);
+    const at = overflow ? range * clamp(offset / scrollable, 1) : 0;
+    const gesture = (0, gesture_1.drag)({
+        begin: (e) => {
+            from.current = (0, gesture_1.dragPos)(e, !vertical);
+        },
+        move: (e) => {
+            const start = from.current;
+            if (start === null || range === 0)
+                return;
+            const now = (0, gesture_1.dragPos)(e, !vertical);
+            from.current = now;
+            ctx.scrollBy(((now - start) * scrollable) / range);
+        },
+        end: () => {
+            from.current = null;
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ref: ref, ...(0, slot_1.slot)("scroll-area-scrollbar"), position: "absolute", ...(vertical
+            ? {
+                t: 0,
+                b: 0,
+                ...(ctx.rtl ? { l: 0 } : { r: 0 }),
+                width: BAR,
+                flexDirection: "column",
+            }
+            : { l: 0, r: 0, b: 0, height: BAR, flexDirection: "row" }), p: 1, opacity: shown ? 1 : 0, pointerEvents: shown ? "auto" : "none", onLayout: (e) => setLen(vertical ? e.nativeEvent.layout.height : e.nativeEvent.layout.width), ...props, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)("scroll-area-thumb"), bg: "$borderColor", rounded: BAR, ...(0, gesture_1.touch)(BAR, TOUCH, vertical ? "x" : "y"), ...(vertical
+                ? { width: "100%", height: thumb, y: at }
+                : { height: "100%", width: thumb, x: at }), ...gesture }) }));
+});
+exports.ScrollBar = ScrollBar;
+const ScrollArea = /* @__PURE__ */ (0, react_1.forwardRef)(function ScrollArea({ type = "hover", scrollHideDelay = 600, dir, horizontal = false, children, ...props }, ref) {
+    const viewport = (0, react_1.useRef)(null);
+    const live = (0, react_1.useRef)(ZERO);
+    const [track, setTrack] = (0, react_1.useState)(ZERO);
+    const [active, setActive] = (0, react_1.useState)(false);
+    const timer = (0, react_1.useRef)(null);
+    const axis = horizontal ? "horizontal" : "vertical";
+    const put = (0, react_1.useCallback)((patch) => {
+        const next = { ...live.current, ...patch };
+        live.current = next;
+        setTrack(next);
+    }, []);
+    const clear = () => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = null;
+    };
+    const hold = () => {
+        clear();
+        setActive(true);
+    };
+    /** Show now, then fade after the delay — the shared reveal for scroll + hover. */
+    const wake = (0, react_1.useCallback)(() => {
+        setActive(true);
+        clear();
+        timer.current = setTimeout(() => setActive(false), scrollHideDelay);
+    }, [scrollHideDelay]);
+    (0, react_1.useEffect)(() => clear, []);
+    const scrollBy = (0, react_1.useCallback)((delta) => {
+        const t = live.current;
+        const next = clamp(t.offset + delta, Math.max(t.content - t.viewport, 0));
+        put({ offset: next });
+        viewport.current?.scrollTo(horizontal
+            ? { x: next, y: 0, animated: false }
+            : { x: 0, y: next, animated: false });
+    }, [horizontal, put]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: ref, ...(0, slot_1.slot)("scroll-area"), position: "relative", overflow: "hidden", onMouseEnter: type === "hover" ? hold : undefined, onMouseLeave: type === "hover" ? wake : undefined, ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ref: viewport, ...(0, slot_1.slot)("scroll-area-viewport"), flex: 1, width: "100%", height: "100%", horizontal: horizontal, showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: false, scrollEventThrottle: 16, onLayout: (e) => put({
+                    viewport: horizontal
+                        ? e.nativeEvent.layout.width
+                        : e.nativeEvent.layout.height,
+                }), onContentSizeChange: (w, h) => put({ content: horizontal ? w : h }), onScroll: (e) => {
+                    const { contentOffset } = e.nativeEvent;
+                    put({ offset: horizontal ? contentOffset.x : contentOffset.y });
+                    wake();
+                }, children: children }), (0, jsx_runtime_1.jsx)(Ctx.Provider, { value: { axis, track, type, active, rtl: dir === "rtl", scrollBy }, children: (0, jsx_runtime_1.jsx)(ScrollBar, { orientation: axis }) })] }));
+});
+exports.ScrollArea = ScrollArea;

package/dist/backends/gui/scroll-area.d.ts

@@ -43,3 +43,4 @@ declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<YStackP
     children?: ReactNode;
 } & import("react").RefAttributes<GuiElement>>;
 export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/backends/gui/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/scroll-area.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AACd,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,YAAY,CAAA;AAUnB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;AACnE,KAAK,IAAI,GAAG,UAAU,GAAG,YAAY,CAAA;AAoBrC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC3D,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS;kBAHC,IAAI;8CAiFnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC5D,6EAA6E;IAC7E,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,UAAU;IAVd,6EAA6E;WACtE,cAAc;IACrB,6EAA6E;sBAC3D,MAAM;UAClB,KAAK,GAAG,KAAK;IACnB,mFAAmF;iBACtE,OAAO;eACT,SAAS;8CA6GrB,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}

package/dist/backends/gui/scroll-area.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ScrollArea — the cross-platform (web + native + desktop) scroll surface.
+ *
+ * Scrolling itself is the platform's: @hanzogui/scroll-view's `ScrollView` (a
+ * styled react-native `ScrollView`), so momentum, keyboard, wheel, and
+ * accessibility come from the host and are never reimplemented. What this adds is
+ * the ONE custom scrollbar — the platform indicator is suppressed and `ScrollBar`
+ * draws it from the scroll metrics the viewport reports, so a thumb looks and
+ * drags identically on Chrome, iOS, and Tauri.
+ *
+ * One area scrolls one axis (`horizontal` picks it), so there is exactly one bar
+ * and never a dead one: `ScrollArea` renders `<ScrollBar orientation={axis} />`
+ * and a bar for the other axis has nothing to scroll and renders nothing.
+ */
+import { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState, } from "react";
+import { ScrollView, XStack, YStack, } from "@hanzo/gui";
+import { slot } from "./slot.js";
+import { drag, dragPos, touch } from "./gesture.js";
+/** Bar thickness, and the thumb's minimum length — both in px. */
+const BAR = 10;
+/** Minimum touch target. The thumb is `BAR` thin, so `touch()` makes up the rest. */
+const TOUCH = 44;
+const ZERO = { offset: 0, viewport: 0, content: 0 };
+const Ctx = /* @__PURE__ */ createContext(null);
+const clamp = (n, max) => (n < 0 ? 0 : n > max ? max : n);
+const ScrollBar = /* @__PURE__ */ forwardRef(function ScrollBar({ orientation = "vertical", ...props }, ref) {
+    const ctx = useContext(Ctx);
+    const [len, setLen] = useState(0);
+    const from = useRef(null);
+    if (!ctx || ctx.axis !== orientation)
+        return null;
+    const vertical = orientation === "vertical";
+    const { content, viewport, offset } = ctx.track;
+    const scrollable = content - viewport;
+    const overflow = scrollable > 1;
+    const shown = ctx.type === "always"
+        ? true
+        : !overflow
+            ? false
+            : ctx.type === "auto"
+                ? true
+                : ctx.active;
+    const thumb = Math.max(TOUCH, len * (viewport / Math.max(content, 1)));
+    const range = Math.max(len - thumb, 0);
+    const at = overflow ? range * clamp(offset / scrollable, 1) : 0;
+    const gesture = drag({
+        begin: (e) => {
+            from.current = dragPos(e, !vertical);
+        },
+        move: (e) => {
+            const start = from.current;
+            if (start === null || range === 0)
+                return;
+            const now = dragPos(e, !vertical);
+            from.current = now;
+            ctx.scrollBy(((now - start) * scrollable) / range);
+        },
+        end: () => {
+            from.current = null;
+        },
+    });
+    return (_jsx(XStack, { ref: ref, ...slot("scroll-area-scrollbar"), position: "absolute", ...(vertical
+            ? {
+                t: 0,
+                b: 0,
+                ...(ctx.rtl ? { l: 0 } : { r: 0 }),
+                width: BAR,
+                flexDirection: "column",
+            }
+            : { l: 0, r: 0, b: 0, height: BAR, flexDirection: "row" }), p: 1, opacity: shown ? 1 : 0, pointerEvents: shown ? "auto" : "none", onLayout: (e) => setLen(vertical ? e.nativeEvent.layout.height : e.nativeEvent.layout.width), ...props, children: _jsx(YStack, { ...slot("scroll-area-thumb"), bg: "$borderColor", rounded: BAR, ...touch(BAR, TOUCH, vertical ? "x" : "y"), ...(vertical
+                ? { width: "100%", height: thumb, y: at }
+                : { height: "100%", width: thumb, x: at }), ...gesture }) }));
+});
+const ScrollArea = /* @__PURE__ */ forwardRef(function ScrollArea({ type = "hover", scrollHideDelay = 600, dir, horizontal = false, children, ...props }, ref) {
+    const viewport = useRef(null);
+    const live = useRef(ZERO);
+    const [track, setTrack] = useState(ZERO);
+    const [active, setActive] = useState(false);
+    const timer = useRef(null);
+    const axis = horizontal ? "horizontal" : "vertical";
+    const put = useCallback((patch) => {
+        const next = { ...live.current, ...patch };
+        live.current = next;
+        setTrack(next);
+    }, []);
+    const clear = () => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = null;
+    };
+    const hold = () => {
+        clear();
+        setActive(true);
+    };
+    /** Show now, then fade after the delay — the shared reveal for scroll + hover. */
+    const wake = useCallback(() => {
+        setActive(true);
+        clear();
+        timer.current = setTimeout(() => setActive(false), scrollHideDelay);
+    }, [scrollHideDelay]);
+    useEffect(() => clear, []);
+    const scrollBy = useCallback((delta) => {
+        const t = live.current;
+        const next = clamp(t.offset + delta, Math.max(t.content - t.viewport, 0));
+        put({ offset: next });
+        viewport.current?.scrollTo(horizontal
+            ? { x: next, y: 0, animated: false }
+            : { x: 0, y: next, animated: false });
+    }, [horizontal, put]);
+    return (_jsxs(YStack, { ref: ref, ...slot("scroll-area"), position: "relative", overflow: "hidden", onMouseEnter: type === "hover" ? hold : undefined, onMouseLeave: type === "hover" ? wake : undefined, ...props, children: [_jsx(ScrollView, { ref: viewport, ...slot("scroll-area-viewport"), flex: 1, width: "100%", height: "100%", horizontal: horizontal, showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: false, scrollEventThrottle: 16, onLayout: (e) => put({
+                    viewport: horizontal
+                        ? e.nativeEvent.layout.width
+                        : e.nativeEvent.layout.height,
+                }), onContentSizeChange: (w, h) => put({ content: horizontal ? w : h }), onScroll: (e) => {
+                    const { contentOffset } = e.nativeEvent;
+                    put({ offset: horizontal ? contentOffset.x : contentOffset.y });
+                    wake();
+                }, children: children }), _jsx(Ctx.Provider, { value: { axis, track, type, active, rtl: dir === "rtl", scrollBy }, children: _jsx(ScrollBar, { orientation: axis }) })] }));
+});
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.js.map

package/dist/backends/gui/scroll-area.js.map

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

package/dist/backends/gui/select.cjs

@@ -0,0 +1,54 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Select — the compound picker on @hanzogui/select.
+ *
+ * gui's `Select.Item` needs a positional `index`. Call sites should not have to
+ * count, so `SelectContent` walks its subtree once per render and stamps
+ * sequential indices on every `SelectItem` it finds — including items nested in a
+ * `SelectGroup`. An item is written `<SelectItem value="x">Label</SelectItem>`
+ * and the numbering always matches render order.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const ROW_H = 32;
+const TRIGGER_H = 36;
+const Select = gui_1.Select;
+exports.Select = Select;
+const SelectGroup = gui_1.Select.Group;
+exports.SelectGroup = SelectGroup;
+const SelectValue = gui_1.Select.Value;
+exports.SelectValue = SelectValue;
+const SelectTrigger = ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.Select.Trigger, { ...(0, slot_1.slot)('select-trigger'), unstyled: true, items: "center", justify: "space-between", gap: "$2", height: TRIGGER_H, px: "$3", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "transparent", cursor: "pointer", ...(0, gesture_1.touch)(TRIGGER_H, 44, 'y'), ...props, children: [(0, ink_1.ink)(children, undefined, { size: '$2' }), (0, jsx_runtime_1.jsx)(gui_1.Select.Icon, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16, opacity: 0.5 }) })] }));
+exports.SelectTrigger = SelectTrigger;
+const SelectItem = ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)(gui_1.Select.Item, { ...(0, slot_1.slot)('select-item'), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...(0, gesture_1.touch)(ROW_H, 44, 'y'), hoverStyle: { bg: '$color5' }, focusStyle: { bg: '$color5' }, ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.Select.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(gui_1.Select.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 16 }) }) })] }));
+exports.SelectItem = SelectItem;
+/** Depth-first stamp of `index` onto every `SelectItem` in render order. */
+const stampIndices = (children, next) => react_1.Children.map(children, (child) => {
+    if (!(0, react_1.isValidElement)(child))
+        return child;
+    if (child.type === SelectItem)
+        return (0, react_1.cloneElement)(child, { index: next() });
+    const kids = child.props.children;
+    return kids === undefined ? child : (0, react_1.cloneElement)(child, undefined, stampIndices(kids, next));
+});
+const SelectScrollUpButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollUpButton, { ...(0, slot_1.slot)('select-scroll-up-button'), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 16 }) }));
+exports.SelectScrollUpButton = SelectScrollUpButton;
+const SelectScrollDownButton = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.ScrollDownButton, { ...(0, slot_1.slot)('select-scroll-down-button'), items: "center", justify: "center", py: "$1", ...props, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 16 }) }));
+exports.SelectScrollDownButton = SelectScrollDownButton;
+const SelectContent = ({ children, ...props }) => {
+    let n = 0;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Select.Content, { ...(0, slot_1.slot)('select-content'), ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(gui_1.Select.Viewport, { minW: 128, p: "$1", bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }));
+};
+exports.SelectContent = SelectContent;
+const SelectLabel = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Select.Label, { ...(0, slot_1.slot)('select-label'), px: "$2", py: "$1.5", fontSize: "$1", color: "$color11", ...props }));
+exports.SelectLabel = SelectLabel;
+const SelectSeparator = (props) => ((0, jsx_runtime_1.jsx)(gui_1.SelectSeparator, { ...(0, slot_1.slot)('select-separator'), my: "$1", borderColor: "$borderColor", ...props }));
+exports.SelectSeparator = SelectSeparator;

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

@@ -28,3 +28,4 @@ declare const SelectContent: ({ children, ...props }: SelectContentProps) => imp
 declare const SelectLabel: (props: SelectLabelProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectSeparator: (props: SelectSeparatorProps) => import("react/jsx-runtime").JSX.Element;
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/select.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,eAAe,IAAI,kBAAkB,EAAU,MAAM,YAAY,CAAA;AAE/F,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAA;AAQd,QAAA,MAAM,MAAM,EAAE,OAAO,SAAqB,CAAA;AAC1C,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAC3D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AACrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAC5E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,cAAc,CAAC,CAAA;AAErF,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAsBhE,CAAA;AAED,QAAA,MAAM,UAAU,GAAI,wBAAwB,eAAe,4CAwB1D,CAAA;AAWD,QAAA,MAAM,oBAAoB,GAAI,OAAO,uBAAuB,4CAI3D,CAAA;AAED,QAAA,MAAM,sBAAsB,GAAI,OAAO,uBAAuB,4CAI7D,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAkBhE,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAE3C,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAEnD,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}

package/dist/backends/gui/select.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Select — the compound picker on @hanzogui/select.
+ *
+ * gui's `Select.Item` needs a positional `index`. Call sites should not have to
+ * count, so `SelectContent` walks its subtree once per render and stamps
+ * sequential indices on every `SelectItem` it finds — including items nested in a
+ * `SelectGroup`. An item is written `<SelectItem value="x">Label</SelectItem>`
+ * and the numbering always matches render order.
+ */
+import { Select as GuiSelect, SelectSeparator as GuiSelectSeparator, XStack } from '@hanzo/gui';
+import { Check, ChevronDown, ChevronUp } from '@hanzogui/lucide-icons-2';
+import { Children, cloneElement, isValidElement, } from 'react';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const ROW_H = 32;
+const TRIGGER_H = 36;
+const Select = GuiSelect;
+const SelectGroup = GuiSelect.Group;
+const SelectValue = GuiSelect.Value;
+const SelectTrigger = ({ children, ...props }) => (_jsxs(GuiSelect.Trigger, { ...slot('select-trigger'), unstyled: true, items: "center", justify: "space-between", gap: "$2", height: TRIGGER_H, px: "$3", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "transparent", cursor: "pointer", ...touch(TRIGGER_H, 44, 'y'), ...props, children: [ink(children, undefined, { size: '$2' }), _jsx(GuiSelect.Icon, { children: _jsx(ChevronDown, { size: 16, opacity: 0.5 }) })] }));
+const SelectItem = ({ children, ...props }) => (_jsxs(GuiSelect.Item, { ...slot('select-item'), unstyled: true, index: props.index ?? 0, items: "center", gap: "$2", minH: ROW_H, pl: "$2", pr: "$7", rounded: "$2", cursor: "pointer", ...touch(ROW_H, 44, 'y'), hoverStyle: { bg: '$color5' }, focusStyle: { bg: '$color5' }, ...props, children: [_jsx(GuiSelect.ItemText, { children: children }), _jsx(XStack, { position: "absolute", r: "$2", items: "center", justify: "center", pointerEvents: "none", children: _jsx(GuiSelect.ItemIndicator, { children: _jsx(Check, { size: 16 }) }) })] }));
+/** Depth-first stamp of `index` onto every `SelectItem` in render order. */
+const stampIndices = (children, next) => Children.map(children, (child) => {
+    if (!isValidElement(child))
+        return child;
+    if (child.type === SelectItem)
+        return cloneElement(child, { index: next() });
+    const kids = child.props.children;
+    return kids === undefined ? child : cloneElement(child, undefined, stampIndices(kids, next));
+});
+const SelectScrollUpButton = (props) => (_jsx(GuiSelect.ScrollUpButton, { ...slot('select-scroll-up-button'), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronUp, { size: 16 }) }));
+const SelectScrollDownButton = (props) => (_jsx(GuiSelect.ScrollDownButton, { ...slot('select-scroll-down-button'), items: "center", justify: "center", py: "$1", ...props, children: _jsx(ChevronDown, { size: 16 }) }));
+const SelectContent = ({ children, ...props }) => {
+    let n = 0;
+    return (_jsxs(GuiSelect.Content, { ...slot('select-content'), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(GuiSelect.Viewport, { minW: 128, p: "$1", bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", children: stampIndices(children, () => n++) }), _jsx(SelectScrollDownButton, {})] }));
+};
+const SelectLabel = (props) => (_jsx(GuiSelect.Label, { ...slot('select-label'), px: "$2", py: "$1.5", fontSize: "$1", color: "$color11", ...props }));
+const SelectSeparator = (props) => (_jsx(GuiSelectSeparator, { ...slot('select-separator'), my: "$1", borderColor: "$borderColor", ...props }));
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.js.map

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

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

package/dist/backends/gui/separator.cjs

@@ -0,0 +1,10 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Separator — a 1px rule on either axis. */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const Separator = ({ orientation = 'horizontal', decorative: _decorative, ...props }) => ((0, jsx_runtime_1.jsx)(gui_1.Separator, { ...(0, slot_1.slot)('separator'), "data-orientation": orientation, vertical: orientation === 'vertical', borderColor: "$borderColor", ...props }));
+exports.Separator = Separator;

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

@@ -8,3 +8,4 @@ export type SeparatorProps = Omit<ComponentProps<typeof GuiSeparator>, 'vertical
 };
 declare const Separator: ({ orientation, decorative: _decorative, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
 export { Separator };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/separator.tsx"],"names":[],"mappings":"AAEA,6CAA6C;AAC7C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EAAE,UAAU,CAAC,GAAG;IACnF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,SAAS,GAAI,oDAAmE,cAAc,4CAQnG,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/backends/gui/separator.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Separator — a 1px rule on either axis. */
+import { Separator as GuiSeparator } from '@hanzo/gui';
+import { slot } from './slot.js';
+const Separator = ({ orientation = 'horizontal', decorative: _decorative, ...props }) => (_jsx(GuiSeparator, { ...slot('separator'), "data-orientation": orientation, vertical: orientation === 'vertical', borderColor: "$borderColor", ...props }));
+export { Separator };
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/backends/gui/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,6CAA6C;AAC7C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,YAAY,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAQ7B,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE,CAAC,CACvG,KAAC,YAAY,OACP,IAAI,CAAC,WAAW,CAAC,sBACH,WAAW,EAC7B,QAAQ,EAAE,WAAW,KAAK,UAAU,EACpC,WAAW,EAAC,cAAc,KACtB,KAAK,GACT,CACH,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/backends/gui/slider.cjs

@@ -0,0 +1,13 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Slider — 6px track, 16px thumb, `touch()` to the 44px floor on every target. */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const TRACK = 6;
+const THUMB = 16;
+const Slider = (props) => ((0, jsx_runtime_1.jsxs)(gui_1.Slider, { ...(0, slot_1.slot)('slider'), width: "100%", ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.Slider.Track, { ...(0, slot_1.slot)('slider-track'), height: TRACK, bg: "$color4", rounded: "$10", children: (0, jsx_runtime_1.jsx)(gui_1.Slider.TrackActive, { ...(0, slot_1.slot)('slider-range'), bg: "$color12" }) }), (0, jsx_runtime_1.jsx)(gui_1.Slider.Thumb, { ...(0, slot_1.slot)('slider-thumb'), index: 0, circular: true, size: THUMB, bg: "$background", borderWidth: 1, borderColor: "$color12", ...(0, gesture_1.touch)(THUMB) })] }));
+exports.Slider = Slider;

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

@@ -1,6 +1,7 @@
-/** Slider — 6px track, 16px thumb, `hitSlop` to the 44px touch floor. */
+/** Slider — 6px track, 16px thumb, `touch()` to the 44px floor on every target. */
 import { Slider as GuiSlider } from '@hanzo/gui';
 import type { ComponentProps } from 'react';
 export type SliderProps = ComponentProps<typeof GuiSlider>;
 declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;
 export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/slider.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAO3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAE1D,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgBjC,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/slider.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Slider — 6px track, 16px thumb, `touch()` to the 44px floor on every target. */
+import { Slider as GuiSlider } from '@hanzo/gui';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const TRACK = 6;
+const THUMB = 16;
+const Slider = (props) => (_jsxs(GuiSlider, { ...slot('slider'), width: "100%", ...props, children: [_jsx(GuiSlider.Track, { ...slot('slider-track'), height: TRACK, bg: "$color4", rounded: "$10", children: _jsx(GuiSlider.TrackActive, { ...slot('slider-range'), bg: "$color12" }) }), _jsx(GuiSlider.Thumb, { ...slot('slider-thumb'), index: 0, circular: true, size: THUMB, bg: "$background", borderWidth: 1, borderColor: "$color12", ...touch(THUMB) })] }));
+export { Slider };
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/backends/gui/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,mFAAmF;AACnF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,KAAK,GAAG,CAAC,CAAA;AACf,MAAM,KAAK,GAAG,EAAE,CAAA;AAIhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CACrC,MAAC,SAAS,OAAK,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAC,MAAM,KAAK,KAAK,aACnD,KAAC,SAAS,CAAC,KAAK,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,YAClF,KAAC,SAAS,CAAC,WAAW,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,EAAC,UAAU,GAAG,GACjD,EAClB,KAAC,SAAS,CAAC,KAAK,OACV,IAAI,CAAC,cAAc,CAAC,EACxB,KAAK,EAAE,CAAC,EACR,QAAQ,QACR,IAAI,EAAE,KAAK,EACX,EAAE,EAAC,aAAa,EAChB,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,UAAU,KAClB,KAAK,CAAC,KAAK,CAAC,GAChB,IACQ,CACb,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/slot.cjs

@@ -0,0 +1,10 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slot = void 0;
+/**
+ * Web-only slot marker. gui forwards unrecognised props to the DOM node and
+ * native drops them, so this is the cross-platform way to keep the `data-slot`
+ * contract that app CSS and tests select on.
+ */
+const slot = (name) => ({ 'data-slot': name });
+exports.slot = slot;

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

@@ -4,3 +4,4 @@
  * contract that app CSS and tests select on.
  */
 export declare const slot: (name: string) => object;
+//# sourceMappingURL=slot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/slot.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,MAAM,MAAM,KAAgC,MAAM,CAAA"}

package/dist/backends/gui/slot.js

@@ -0,0 +1,7 @@
+'use client';/**
+ * Web-only slot marker. gui forwards unrecognised props to the DOM node and
+ * native drops them, so this is the cross-platform way to keep the `data-slot`
+ * contract that app CSS and tests select on.
+ */
+export const slot = (name) => ({ 'data-slot': name });
+//# sourceMappingURL=slot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/backends/gui/slot.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAW,CAAA"}

package/dist/backends/gui/switch.cjs

@@ -0,0 +1,13 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Switch — 36×20 track, 16px thumb, `touch()` to the 44px floor everywhere. */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const TRACK_H = 20;
+const THUMB = 16;
+const Switch = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Switch, { ...(0, slot_1.slot)('switch'), width: 36, height: TRACK_H, p: 2, shrink: 0, ...(0, gesture_1.touch)(TRACK_H, 44, 'y'), ...props, children: (0, jsx_runtime_1.jsx)(gui_1.Switch.Thumb, { ...(0, slot_1.slot)('switch-thumb'), width: THUMB, height: THUMB }) }));
+exports.Switch = Switch;

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

@@ -1,6 +1,7 @@
-/** Switch — 36×20 track, 16px thumb, `hitSlop` to the 44px touch floor. */
+/** Switch — 36×20 track, 16px thumb, `touch()` to the 44px floor everywhere. */
 import { Switch as GuiSwitch } from '@hanzo/gui';
 import type { ComponentProps } from 'react';
 export type SwitchProps = ComponentProps<typeof GuiSwitch>;
 declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;
 export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/switch.tsx"],"names":[],"mappings":"AAEA,gFAAgF;AAChF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAO3C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAE1D,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgBjC,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/switch.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Switch — 36×20 track, 16px thumb, `touch()` to the 44px floor everywhere. */
+import { Switch as GuiSwitch } from '@hanzo/gui';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const TRACK_H = 20;
+const THUMB = 16;
+const Switch = (props) => (_jsx(GuiSwitch, { ...slot('switch'), width: 36, height: TRACK_H, p: 2, shrink: 0, ...touch(TRACK_H, 44, 'y'), ...props, children: _jsx(GuiSwitch.Thumb, { ...slot('switch-thumb'), width: THUMB, height: THUMB }) }));
+export { Switch };
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/backends/gui/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,gFAAgF;AAChF,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,KAAK,GAAG,EAAE,CAAA;AAIhB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CACrC,KAAC,SAAS,OACJ,IAAI,CAAC,QAAQ,CAAC,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,OAAO,EACf,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,CAAC,KACL,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,GAAG,CAAC,KACvB,KAAK,YAET,KAAC,SAAS,CAAC,KAAK,OACV,IAAI,CAAC,cAAc,CAAC,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,GACb,GACQ,CACb,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}