@hanzo/ui 8.0.26 → 8.0.28

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

@@ -0,0 +1,31 @@
+/**
+ * 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 } from '@hanzo/gui';
+import { type ComponentProps } from 'react';
+declare const Select: typeof GuiSelect;
+declare const SelectGroup: typeof GuiSelect.Group;
+declare const SelectValue: typeof GuiSelect.Value;
+export type SelectTriggerProps = ComponentProps<typeof GuiSelect.Trigger>;
+export type SelectContentProps = ComponentProps<typeof GuiSelect.Content>;
+export type SelectItemProps = Omit<ComponentProps<typeof GuiSelect.Item>, 'index'> & {
+    index?: number;
+};
+export type SelectLabelProps = ComponentProps<typeof GuiSelect.Label>;
+export type SelectSeparatorProps = ComponentProps<typeof GuiSelectSeparator>;
+export type SelectScrollButtonProps = ComponentProps<typeof GuiSelect.ScrollUpButton>;
+declare const SelectTrigger: ({ children, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectItem: ({ children, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectScrollUpButton: (props: SelectScrollButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectScrollDownButton: (props: SelectScrollButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectContent: ({ children, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
+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

@@ -0,0 +1,11 @@
+/** Separator — a 1px rule on either axis. */
+import { Separator as GuiSeparator } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+export type SeparatorProps = Omit<ComponentProps<typeof GuiSeparator>, 'vertical'> & {
+    orientation?: 'horizontal' | 'vertical';
+    /** Radix parity — gui separators are always presentational. */
+    decorative?: boolean;
+};
+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

@@ -0,0 +1,7 @@
+/** 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

@@ -0,0 +1,7 @@
+/**
+ * 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 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

@@ -0,0 +1,7 @@
+/** 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"}

package/dist/backends/gui/tabs.cjs

@@ -0,0 +1,19 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Tabs — `TabsTrigger` is gui's `Tabs.Tab`; rows meet the 44px touch floor. */
+const gui_1 = require("@hanzo/gui");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const ROW_H = 36;
+const Tabs = (p) => (0, jsx_runtime_1.jsx)(gui_1.Tabs, { ...(0, slot_1.slot)('tabs'), flexDirection: "column", gap: "$2", ...p });
+exports.Tabs = Tabs;
+const TabsList = (p) => ((0, jsx_runtime_1.jsx)(gui_1.Tabs.List, { ...(0, slot_1.slot)('tabs-list'), items: "center", justify: "center", self: "flex-start", height: ROW_H, p: 3, gap: 2, bg: "$color3", rounded: "$4", ...p }));
+exports.TabsList = TabsList;
+const TabsTrigger = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(gui_1.Tabs.Tab, { ...(0, slot_1.slot)('tabs-trigger'), unstyled: true, items: "center", justify: "center", height: "100%", px: "$3", gap: "$1.5", rounded: "$3", cursor: "pointer", ...(0, gesture_1.touch)(ROW_H, 44, 'y'), hoverStyle: { bg: '$color4' }, focusStyle: { bg: '$color4' }, ...p, children: (0, ink_1.ink)(children, undefined, { size: '$2', fontWeight: '500' }) }));
+exports.TabsTrigger = TabsTrigger;
+const TabsContent = (p) => (0, jsx_runtime_1.jsx)(gui_1.Tabs.Content, { ...(0, slot_1.slot)('tabs-content'), flex: 1, ...p });
+exports.TabsContent = TabsContent;

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

@@ -0,0 +1,13 @@
+/** Tabs — `TabsTrigger` is gui's `Tabs.Tab`; rows meet the 44px touch floor. */
+import { Tabs as GuiTabs } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+export type TabsProps = ComponentProps<typeof GuiTabs>;
+export type TabsListProps = ComponentProps<typeof GuiTabs.List>;
+export type TabsTriggerProps = ComponentProps<typeof GuiTabs.Tab>;
+export type TabsContentProps = ComponentProps<typeof GuiTabs.Content>;
+declare const Tabs: (p: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabsList: (p: TabsListProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabsTrigger: ({ children, ...p }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabsContent: (p: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tabs.tsx"],"names":[],"mappings":"AAEA,gFAAgF;AAChF,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAO3C,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACtD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AAC/D,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;AACjE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA;AAErE,QAAA,MAAM,IAAI,GAAI,GAAG,SAAS,4CAAyE,CAAA;AAEnG,QAAA,MAAM,QAAQ,GAAI,GAAG,aAAa,4CAajC,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,4CAkBxD,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,GAAG,gBAAgB,4CAAkE,CAAA;AAE1G,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/tabs.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Tabs — `TabsTrigger` is gui's `Tabs.Tab`; rows meet the 44px touch floor. */
+import { Tabs as GuiTabs } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const ROW_H = 36;
+const Tabs = (p) => _jsx(GuiTabs, { ...slot('tabs'), flexDirection: "column", gap: "$2", ...p });
+const TabsList = (p) => (_jsx(GuiTabs.List, { ...slot('tabs-list'), items: "center", justify: "center", self: "flex-start", height: ROW_H, p: 3, gap: 2, bg: "$color3", rounded: "$4", ...p }));
+const TabsTrigger = ({ children, ...p }) => (_jsx(GuiTabs.Tab, { ...slot('tabs-trigger'), unstyled: true, items: "center", justify: "center", height: "100%", px: "$3", gap: "$1.5", rounded: "$3", cursor: "pointer", ...touch(ROW_H, 44, 'y'), hoverStyle: { bg: '$color4' }, focusStyle: { bg: '$color4' }, ...p, children: ink(children, undefined, { size: '$2', fontWeight: '500' }) }));
+const TabsContent = (p) => _jsx(GuiTabs.Content, { ...slot('tabs-content'), flex: 1, ...p });
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/backends/gui/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,gFAAgF;AAChF,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,KAAK,GAAG,EAAE,CAAA;AAOhB,MAAM,IAAI,GAAG,CAAC,CAAY,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,CAAC,MAAM,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,KAAK,CAAC,GAAI,CAAA;AAEnG,MAAM,QAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE,CAAC,CACrC,KAAC,OAAO,CAAC,IAAI,OACP,IAAI,CAAC,WAAW,CAAC,EACrB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE,KAAK,EACb,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,EAAE,EAAC,SAAS,EACZ,OAAO,EAAC,IAAI,KACR,CAAC,GACL,CACH,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAoB,EAAE,EAAE,CAAC,CAC5D,KAAC,OAAO,CAAC,GAAG,OACN,IAAI,CAAC,cAAc,CAAC,EACxB,QAAQ,QACR,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,MAAM,EACb,EAAE,EAAC,IAAI,EACP,GAAG,EAAC,MAAM,EACV,OAAO,EAAC,IAAI,EACZ,MAAM,EAAC,SAAS,KACZ,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,EACzB,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KACzB,CAAC,YAEJ,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,GAChD,CACf,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAE,EAAE,CAAC,KAAC,OAAO,CAAC,OAAO,OAAK,IAAI,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,KAAM,CAAC,GAAI,CAAA;AAE1G,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/textarea.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const gui_1 = require("@hanzo/gui");
+/** Floor for the grown row count. */
+const MIN_ROWS = 3;
+const rowsOf = (v) => typeof v === "string" ? v.split("\n").length : 0;
+/**
+ * Textarea — standard-token multiline field.
+ *
+ * Auto-grow is line-driven rather than DOM-measured, so web, native and desktop
+ * grow identically: the row count follows the value and gui's
+ * `textAreaSizeVariant` turns rows into height.
+ * `rows` is the floor, not a fixed size.
+ */
+const Textarea = /* @__PURE__ */ React.forwardRef(function Textarea({ rows, value, defaultValue, ...props }, ref) {
+    const [typed, setTyped] = React.useState(() => rowsOf(defaultValue));
+    const uncontrolled = value === undefined;
+    const invalid = props["aria-invalid"];
+    return ((0, jsx_runtime_1.jsx)(gui_1.TextArea, { ref: ref, "data-slot": "textarea", rows: Math.max(rows ?? MIN_ROWS, uncontrolled ? typed : rowsOf(value)), value: value, defaultValue: defaultValue, onChangeText: uncontrolled ? (t) => setTyped(rowsOf(t)) : undefined, width: "100%", minH: 64, rounded: "$4", bg: "transparent", borderWidth: 1, borderColor: invalid && invalid !== "false" ? "$red7" : "$borderColor", placeholderTextColor: "$color10", fontSize: "$3", opacity: props.disabled ? 0.5 : 1, ...props }));
+});
+exports.Textarea = Textarea;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+/**
+ * Textarea — standard-token multiline field.
+ *
+ * Auto-grow is line-driven rather than DOM-measured, so web, native and desktop
+ * grow identically: the row count follows the value and gui's
+ * `textAreaSizeVariant` turns rows into height.
+ * `rows` is the floor, not a fixed size.
+ */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,0LA2BZ,CAAA;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAA"}