@hanzo/ui 8.0.26 → 8.0.28

package/dist/backends/gui/command.js

@@ -0,0 +1,188 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Command — the filterable command palette, native to gui.
+ *
+ * cmdk is gone. What it gave us was one thing: a list whose items each know
+ * whether they match the current search, plus a cursor that walks the ones that
+ * do. That is a small state machine over VALUES (a search string, a registry of
+ * item values, a selected value) — it does not need a DOM, so it works the same
+ * on web, native and desktop.
+ *
+ * Two decisions carry the whole file:
+ *
+ *  • Filtered-out items are HIDDEN (`display="none"`), never unmounted. `display`
+ *    is a real Yoga property, so this is one behaviour on both platforms — and
+ *    because items stay mounted, registration order is fixed at first mount and
+ *    stays true to source order. Arrow-key traversal therefore needs no DOM query.
+ *  • An item registers a mutable REF of itself, not a snapshot. Inline props
+ *    (`keywords={['a']}`, `onSelect={() => …}`) change identity every render;
+ *    registering the ref means the registry is always fresh without an effect
+ *    that re-fires forever.
+ *
+ * Keyboard navigation is web-only by construction (`isWeb` guards `onKeyDown`);
+ * on touch the list is driven by press, which is the native idiom anyway.
+ */
+import { createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useReducer, useRef, useState, } from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, Input, ListItem, ScrollView, Separator, SizableText, VisuallyHidden, XStack, YStack, isWeb, } from '@hanzo/gui';
+import { Search as SearchIcon } from '@hanzogui/lucide-icons-2';
+import { score, step } from './command.logic.js';
+/** The one touch-target floor. A palette row IS the target, so it is its height. */
+const TOUCH = 44;
+/** Falls back to the item's rendered text when no explicit `value` is given. */
+const textOf = (node) => typeof node === 'string' || typeof node === 'number'
+    ? String(node)
+    : Array.isArray(node)
+        ? node.map(textOf).filter(Boolean).join(' ')
+        : isValidElement(node)
+            ? textOf(node.props.children)
+            : '';
+const CommandContext = /* @__PURE__ */ createContext(null);
+const GroupContext = /* @__PURE__ */ createContext(undefined);
+const useCommand = () => {
+    const ctx = useContext(CommandContext);
+    if (!ctx)
+        throw new Error('Command parts must be rendered inside <Command>');
+    return ctx;
+};
+const Command = /* @__PURE__ */ forwardRef(function Command({ value, defaultValue, onValueChange, filter = score, shouldFilter = true, loop = false, label, vimBindings = true, disablePointerSelection = false, children, ...rest }, ref) {
+    const entries = useRef(new Map()).current;
+    const order = useRef([]).current;
+    const [version, touch] = useReducer((n) => n + 1, 0);
+    const [search, setSearch] = useState('');
+    const [uncontrolled, setUncontrolled] = useState(defaultValue ?? '');
+    const selected = value ?? uncontrolled;
+    const register = useCallback((id, entry) => {
+        entries.set(id, entry);
+        if (!order.includes(id))
+            order.push(id);
+        touch();
+        return () => {
+            entries.delete(id);
+            const at = order.indexOf(id);
+            if (at > -1)
+                order.splice(at, 1);
+            touch();
+        };
+    }, [entries, order]);
+    // The visible slice, in source order — the single derived value every part reads.
+    const visible = useMemo(() => order.filter((id) => {
+        const entry = entries.get(id)?.current;
+        return !!entry && (!shouldFilter || filter(entry.value, search, entry.keywords) > 0);
+    }), 
+    // `version` is the registry's revision — the registry itself is a mutable ref.
+    [version, order, entries, shouldFilter, filter, search]);
+    const shown = useMemo(() => new Set(visible), [visible]);
+    const shownGroups = useMemo(() => new Set(visible.map((id) => entries.get(id)?.current.group).filter(Boolean)), [visible, entries]);
+    const select = useCallback((next) => {
+        if (value === undefined)
+            setUncontrolled(next);
+        onValueChange?.(next);
+    }, [value, onValueChange]);
+    // Keep the cursor on something real: when the selection filters out, take the first hit.
+    useEffect(() => {
+        if (!visible.length)
+            return;
+        if (selected && visible.some((id) => entries.get(id)?.current.value === selected))
+            return;
+        const first = entries.get(visible[0])?.current.value;
+        if (first)
+            select(first);
+    }, [visible, selected, entries, select]);
+    const move = useCallback((delta) => {
+        const reachable = visible.filter((id) => !entries.get(id)?.current.disabled);
+        const at = reachable.findIndex((id) => entries.get(id)?.current.value === selected);
+        const next = step(reachable.length, at, delta, loop);
+        const target = next < 0 ? undefined : entries.get(reachable[next])?.current.value;
+        if (target)
+            select(target);
+    }, [visible, entries, selected, loop, select]);
+    const run = useCallback((id) => {
+        const entry = entries.get(id)?.current;
+        if (!entry || entry.disabled)
+            return;
+        select(entry.value);
+        entry.onSelect?.(entry.value);
+    }, [entries, select]);
+    const onKey = useCallback((e) => {
+        const mod = vimBindings && (e.ctrlKey || e.metaKey);
+        const down = e.key === 'ArrowDown' || (mod && (e.key === 'n' || e.key === 'j'));
+        const up = e.key === 'ArrowUp' || (mod && (e.key === 'p' || e.key === 'k'));
+        if (down || up) {
+            e.preventDefault();
+            move(down ? 1 : -1);
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            const id = visible.find((it) => entries.get(it)?.current.value === selected);
+            if (id)
+                run(id);
+        }
+    }, [vimBindings, move, visible, entries, selected, run]);
+    const ctx = useMemo(() => ({
+        search,
+        setSearch,
+        selected,
+        select,
+        register,
+        touch,
+        run,
+        onKey,
+        shows: (id) => shown.has(id),
+        showsGroup: (group) => shownGroups.has(group),
+        empty: visible.length === 0,
+        disablePointerSelection,
+    }), [search, selected, select, register, run, onKey, shown, shownGroups, visible.length, disablePointerSelection]);
+    return (_jsx(CommandContext.Provider, { value: ctx, children: _jsx(YStack, { ref: ref, "data-slot": "command", "aria-label": label, width: "100%", overflow: "hidden", rounded: "$4", bg: "$background", ...(isWeb ? { onKeyDown: onKey } : null), ...rest, children: children }) }));
+});
+const CommandDialog = ({ title = 'Command Palette', description = 'Search for a command to run...', children, ...props }) => (_jsx(Dialog, { modal: true, ...props, children: _jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { bg: "rgba(0,0,0,0.5)" }, "overlay"), _jsxs(DialogContent, { p: 0, width: "100%", maxW: 640, overflow: "hidden", children: [_jsxs(VisuallyHidden, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(Command, { children: children })] }, "content")] }) }));
+const CommandInput = /* @__PURE__ */ forwardRef(function CommandInput({ value, onValueChange, placeholder, ...rest }, ref) {
+    const { search, setSearch, onKey } = useCommand();
+    useEffect(() => {
+        if (value !== undefined && value !== search)
+            setSearch(value);
+    }, [value, search, setSearch]);
+    return (_jsxs(XStack, { "data-slot": "command-input-wrapper", items: "center", gap: "$2", px: "$3", minH: TOUCH, borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(SearchIcon, { size: 16, opacity: 0.5 }), _jsx(Input, { ref: ref, "data-slot": "command-input", unstyled: true, flex: 1, height: TOUCH, borderWidth: 0, bg: "transparent", color: "$color", placeholder: placeholder, value: value ?? search, onChangeText: (next) => {
+                    setSearch(next);
+                    onValueChange?.(next);
+                }, ...(isWeb ? { onKeyDown: onKey } : null), ...rest })] }));
+});
+const CommandList = /* @__PURE__ */ forwardRef(function CommandList(props, ref) {
+    return _jsx(ScrollView, { ref: ref, "data-slot": "command-list", maxH: 300, ...props });
+});
+const CommandEmpty = /* @__PURE__ */ forwardRef(function CommandEmpty({ children, ...rest }, ref) {
+    const { empty } = useCommand();
+    if (!empty)
+        return null;
+    return (_jsx(YStack, { ref: ref, "data-slot": "command-empty", py: "$4", items: "center", ...rest, children: typeof children === 'string' ? (_jsx(SizableText, { size: "$3", color: "$color11", children: children })) : (children) }));
+});
+const CommandGroup = /* @__PURE__ */ forwardRef(function CommandGroup({ heading, children, ...rest }, ref) {
+    const id = useId();
+    const { showsGroup } = useCommand();
+    return (_jsx(GroupContext.Provider, { value: id, children: _jsxs(YStack, { ref: ref, "data-slot": "command-group", 
+            // Never unmounted: the children must stay registered to stay ordered.
+            display: showsGroup(id) ? 'flex' : 'none', p: "$1", ...rest, children: [heading != null ? (_jsx(SizableText, { "data-slot": "command-group-heading", size: "$1", color: "$color11", fontWeight: "500", textTransform: "uppercase", letterSpacing: 0.6, px: "$2", py: "$1.5", children: heading })) : null, children] }) }));
+});
+const CommandSeparator = /* @__PURE__ */ forwardRef(function CommandSeparator({ alwaysRender, ...rest }, ref) {
+    const { search } = useCommand();
+    if (!alwaysRender && search)
+        return null;
+    return _jsx(Separator, { ref: ref, "data-slot": "command-separator", ...rest });
+});
+const CommandItem = /* @__PURE__ */ forwardRef(function CommandItem({ value, keywords, disabled, onSelect, children, ...rest }, ref) {
+    const id = useId();
+    const { register, touch, run, select, selected, shows, disablePointerSelection } = useCommand();
+    const group = useContext(GroupContext);
+    const self = value ?? textOf(children);
+    // A ref, not a snapshot — inline `keywords`/`onSelect` change identity every render.
+    const entry = useRef({ value: self, keywords, disabled, group, onSelect });
+    entry.current = { value: self, keywords, disabled, group, onSelect };
+    useEffect(() => register(id, entry), [id, register]);
+    // Only what the filter reads needs to re-derive the visible slice.
+    useEffect(touch, [touch, self, disabled, keywords?.join('')]);
+    const isSelected = !!self && selected === self;
+    return (_jsx(ListItem, { ref: ref, "data-slot": "command-item", "data-selected": isSelected, "data-disabled": !!disabled, display: shows(id) ? 'flex' : 'none', disabled: disabled, minH: TOUCH, gap: "$2", rounded: "$2", bg: isSelected ? '$backgroundFocus' : 'transparent', opacity: disabled ? 0.5 : 1, onPress: () => run(id), onPointerEnter: disabled || disablePointerSelection ? undefined : () => select(self), ...rest, children: children }));
+});
+const CommandShortcut = (props) => (_jsx(SizableText, { "data-slot": "command-shortcut", ml: "auto", size: "$1", color: "$color11", letterSpacing: 1.5, ...props }));
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.js.map

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

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

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

@@ -0,0 +1,49 @@
+'use client';"use strict";
+/**
+ * The Command palette's decisions, as pure functions over plain values.
+ *
+ * cmdk shipped its matcher and its cursor welded to a DOM store. They are neither
+ * DOM nor React: `score` answers "does this item survive the search", `step`
+ * answers "where does the cursor land". Keeping them here means they are testable
+ * in the node env (this module imports no @hanzo/gui runtime), and `command.tsx`
+ * is left holding only the view.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.step = exports.score = void 0;
+/** Exact › prefix › substring (earlier wins) › subsequence › no match. */
+const score = (value, search, keywords) => {
+    const needle = search.trim().toLowerCase();
+    if (!needle)
+        return 1;
+    const hay = (keywords?.length ? `${value} ${keywords.join(' ')}` : value).toLowerCase();
+    if (hay === needle)
+        return 1;
+    if (hay.startsWith(needle))
+        return 0.9;
+    const at = hay.indexOf(needle);
+    if (at > -1)
+        return 0.8 - at / (hay.length * 100);
+    let i = 0;
+    for (let j = 0; j < hay.length && i < needle.length; j++)
+        if (hay[j] === needle[i])
+            i++;
+    return i === needle.length ? 0.4 : 0;
+};
+exports.score = score;
+/**
+ * Where the cursor goes. `from` is -1 when nothing is selected yet; `count` is
+ * the number of REACHABLE (visible, enabled) items, so skipping disabled rows is
+ * the caller's filter rather than a second concept in here. Returns -1 for an
+ * empty list.
+ */
+const step = (count, from, delta, loop = false) => {
+    if (count <= 0)
+        return -1;
+    const next = from + delta;
+    if (next < 0)
+        return loop ? count - 1 : 0;
+    if (next >= count)
+        return loop ? 0 : count - 1;
+    return next;
+};
+exports.step = step;

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

@@ -0,0 +1,21 @@
+/**
+ * The Command palette's decisions, as pure functions over plain values.
+ *
+ * cmdk shipped its matcher and its cursor welded to a DOM store. They are neither
+ * DOM nor React: `score` answers "does this item survive the search", `step`
+ * answers "where does the cursor land". Keeping them here means they are testable
+ * in the node env (this module imports no @hanzo/gui runtime), and `command.tsx`
+ * is left holding only the view.
+ */
+/** `0` hides the item; anything higher keeps it and ranks it. */
+export type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
+/** Exact › prefix › substring (earlier wins) › subsequence › no match. */
+export declare const score: CommandFilter;
+/**
+ * Where the cursor goes. `from` is -1 when nothing is selected yet; `count` is
+ * the number of REACHABLE (visible, enabled) items, so skipping disabled rows is
+ * the caller's filter rather than a second concept in here. Returns -1 for an
+ * empty list.
+ */
+export declare const step: (count: number, from: number, delta: number, loop?: boolean) => number;
+//# sourceMappingURL=command.logic.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.logic.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/command.logic.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,iEAAiE;AACjE,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,CAAA;AAE1F,0EAA0E;AAC1E,eAAO,MAAM,KAAK,EAAE,aAWnB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,EAAE,OAAO,MAAM,EAAE,cAAY,KAAG,MAM/E,CAAA"}

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

@@ -0,0 +1,45 @@
+'use client';/**
+ * The Command palette's decisions, as pure functions over plain values.
+ *
+ * cmdk shipped its matcher and its cursor welded to a DOM store. They are neither
+ * DOM nor React: `score` answers "does this item survive the search", `step`
+ * answers "where does the cursor land". Keeping them here means they are testable
+ * in the node env (this module imports no @hanzo/gui runtime), and `command.tsx`
+ * is left holding only the view.
+ */
+/** Exact › prefix › substring (earlier wins) › subsequence › no match. */
+export const score = (value, search, keywords) => {
+    const needle = search.trim().toLowerCase();
+    if (!needle)
+        return 1;
+    const hay = (keywords?.length ? `${value} ${keywords.join(' ')}` : value).toLowerCase();
+    if (hay === needle)
+        return 1;
+    if (hay.startsWith(needle))
+        return 0.9;
+    const at = hay.indexOf(needle);
+    if (at > -1)
+        return 0.8 - at / (hay.length * 100);
+    let i = 0;
+    for (let j = 0; j < hay.length && i < needle.length; j++)
+        if (hay[j] === needle[i])
+            i++;
+    return i === needle.length ? 0.4 : 0;
+};
+/**
+ * Where the cursor goes. `from` is -1 when nothing is selected yet; `count` is
+ * the number of REACHABLE (visible, enabled) items, so skipping disabled rows is
+ * the caller's filter rather than a second concept in here. Returns -1 for an
+ * empty list.
+ */
+export const step = (count, from, delta, loop = false) => {
+    if (count <= 0)
+        return -1;
+    const next = from + delta;
+    if (next < 0)
+        return loop ? count - 1 : 0;
+    if (next >= count)
+        return loop ? 0 : count - 1;
+    return next;
+};
+//# sourceMappingURL=command.logic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.logic.js","sourceRoot":"","sources":["../../../src/backends/gui/command.logic.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,0EAA0E;AAC1E,MAAM,CAAC,MAAM,KAAK,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAC1C,IAAI,CAAC,MAAM;QAAE,OAAO,CAAC,CAAA;IACrB,MAAM,GAAG,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;IACvF,IAAI,GAAG,KAAK,MAAM;QAAE,OAAO,CAAC,CAAA;IAC5B,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;QAAE,OAAO,GAAG,CAAA;IACtC,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,GAAG,CAAC,CAAC;QAAE,OAAO,GAAG,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,CAAA;IACjD,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE;QAAE,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;YAAE,CAAC,EAAE,CAAA;IACvF,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AACtC,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,IAAY,EAAE,KAAa,EAAE,IAAI,GAAG,KAAK,EAAU,EAAE;IACvF,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC,CAAA;IACzB,MAAM,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IACzB,IAAI,IAAI,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,IAAI,IAAI,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;IAC9C,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/dist/backends/gui/dialog.cjs

@@ -0,0 +1,41 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Dialog — modal surface, flattened from @hanzogui/dialog's compound parts.
+ *
+ * `DialogContent` mounts its OWN portal + overlay (so callers never wrap it) and
+ * re-applies the trigger's resolved theme inside the portal via `PortalTheme` —
+ * gui portals re-root the subtree, so React theme context does not flow.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const PAD = 24;
+const Dialog = (p) => (0, jsx_runtime_1.jsx)(gui_1.Dialog, { modal: true, ...p });
+exports.Dialog = Dialog;
+const DialogTrigger = gui_1.Dialog.Trigger;
+exports.DialogTrigger = DialogTrigger;
+const DialogPortal = gui_1.Dialog.Portal;
+exports.DialogPortal = DialogPortal;
+const DialogClose = gui_1.Dialog.Close;
+exports.DialogClose = DialogClose;
+const DialogOverlay = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Dialog.Overlay, { ...(0, slot_1.slot)('dialog-overlay'), bg: "rgba(0,0,0,0.5)", opacity: 0.5, ...props }));
+exports.DialogOverlay = DialogOverlay;
+const DialogContent = ({ showCloseButton = true, children, ...props }) => {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    return ((0, jsx_runtime_1.jsx)(gui_1.Dialog.Portal, { children: (0, jsx_runtime_1.jsxs)(portal_theme_1.PortalTheme, { name: themeName, children: [(0, jsx_runtime_1.jsx)(DialogOverlay, {}), (0, jsx_runtime_1.jsxs)(gui_1.Dialog.Content, { ...(0, slot_1.slot)('dialog-content'), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...props, children: [children, showCloseButton ? ((0, jsx_runtime_1.jsx)(gui_1.Dialog.Close, { asChild: true, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('dialog-close'), position: "absolute", t: 16, r: 16, cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, ...(0, gesture_1.touch)(16), "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) }) })) : null] })] }) }));
+};
+exports.DialogContent = DialogContent;
+const DialogHeader = (props) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('dialog-header'), gap: "$2", ...props }));
+exports.DialogHeader = DialogHeader;
+const DialogFooter = (props) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...props }));
+exports.DialogFooter = DialogFooter;
+const DialogTitle = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Dialog.Title, { ...(0, slot_1.slot)('dialog-title'), size: "$5", fontWeight: "600", ...props }));
+exports.DialogTitle = DialogTitle;
+const DialogDescription = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Dialog.Description, { ...(0, slot_1.slot)('dialog-description'), size: "$2", color: "$color11", ...props }));
+exports.DialogDescription = DialogDescription;

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

@@ -0,0 +1,28 @@
+/**
+ * Dialog — modal surface, flattened from @hanzogui/dialog's compound parts.
+ *
+ * `DialogContent` mounts its OWN portal + overlay (so callers never wrap it) and
+ * re-applies the trigger's resolved theme inside the portal via `PortalTheme` —
+ * gui portals re-root the subtree, so React theme context does not flow.
+ */
+import { Dialog as GuiDialog, XStack, YStack } from '@hanzo/gui';
+import type { ComponentProps, ReactNode } from 'react';
+declare const Dialog: (p: ComponentProps<typeof GuiDialog>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTrigger: typeof GuiDialog.Trigger;
+declare const DialogPortal: typeof GuiDialog.Portal;
+declare const DialogClose: typeof GuiDialog.Close;
+export type DialogOverlayProps = ComponentProps<typeof GuiDialog.Overlay>;
+declare const DialogOverlay: (props: DialogOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export type DialogContentProps = ComponentProps<typeof GuiDialog.Content> & {
+    showCloseButton?: boolean;
+};
+declare const DialogContent: ({ showCloseButton, children, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export type DialogSectionProps = ComponentProps<typeof YStack> & {
+    children?: ReactNode;
+};
+declare const DialogHeader: (props: DialogSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogFooter: (props: ComponentProps<typeof XStack>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTitle: (props: ComponentProps<typeof GuiDialog.Title>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogDescription: (props: ComponentProps<typeof GuiDialog.Description>) => import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dialog.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtD,QAAA,MAAM,MAAM,GAAI,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,4CAA+B,CAAA;AAClF,QAAA,MAAM,aAAa,EAAE,OAAO,SAAS,CAAC,OAA2B,CAAA;AACjE,QAAA,MAAM,YAAY,EAAE,OAAO,SAAS,CAAC,MAAyB,CAAA;AAC9D,QAAA,MAAM,WAAW,EAAE,OAAO,SAAS,CAAC,KAAuB,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAO/C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,GAAG;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,yCAAgD,kBAAkB,4CAwCxF,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAA;AAEzF,QAAA,MAAM,YAAY,GAAI,OAAO,kBAAkB,4CAE9C,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,cAAc,CAAC,OAAO,MAAM,CAAC,4CAEzD,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,cAAc,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,4CAEjE,CAAA;AAED,QAAA,MAAM,iBAAiB,GAAI,OAAO,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,4CAE7E,CAAA;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/backends/gui/dialog.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Dialog — modal surface, flattened from @hanzogui/dialog's compound parts.
+ *
+ * `DialogContent` mounts its OWN portal + overlay (so callers never wrap it) and
+ * re-applies the trigger's resolved theme inside the portal via `PortalTheme` —
+ * gui portals re-root the subtree, so React theme context does not flow.
+ */
+import { Dialog as GuiDialog, XStack, YStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const PAD = 24;
+const Dialog = (p) => _jsx(GuiDialog, { modal: true, ...p });
+const DialogTrigger = GuiDialog.Trigger;
+const DialogPortal = GuiDialog.Portal;
+const DialogClose = GuiDialog.Close;
+const DialogOverlay = (props) => (_jsx(GuiDialog.Overlay, { ...slot('dialog-overlay'), bg: "rgba(0,0,0,0.5)", opacity: 0.5, ...props }));
+const DialogContent = ({ showCloseButton = true, children, ...props }) => {
+    const themeName = useThemeName();
+    return (_jsx(GuiDialog.Portal, { children: _jsxs(PortalTheme, { name: themeName, children: [_jsx(DialogOverlay, {}), _jsxs(GuiDialog.Content, { ...slot('dialog-content'), bg: "$background", borderWidth: 1, borderColor: "$borderColor", rounded: "$5", p: PAD, gap: "$4", width: "100%", maxW: 512, ...props, children: [children, showCloseButton ? (_jsx(GuiDialog.Close, { asChild: true, children: _jsx(XStack, { ...slot('dialog-close'), position: "absolute", t: 16, r: 16, cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, ...touch(16), "aria-label": "Close", children: _jsx(X, { size: 16 }) }) })) : null] })] }) }));
+};
+const DialogHeader = (props) => (_jsx(YStack, { ...slot('dialog-header'), gap: "$2", ...props }));
+const DialogFooter = (props) => (_jsx(XStack, { ...slot('dialog-footer'), gap: "$2", justify: "flex-end", items: "center", ...props }));
+const DialogTitle = (props) => (_jsx(GuiDialog.Title, { ...slot('dialog-title'), size: "$5", fontWeight: "600", ...props }));
+const DialogDescription = (props) => (_jsx(GuiDialog.Description, { ...slot('dialog-description'), size: "$2", color: "$color11", ...props }));
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.js.map

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

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

package/dist/backends/gui/dropdown-menu.cjs

@@ -0,0 +1,168 @@
+'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.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = void 0;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * DropdownMenu — the ONE compound menu, native to @hanzo/gui.
+ *
+ * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/
+ * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/
+ * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper
+ * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15
+ * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one
+ * menu component rather than two shapes of the same idea.
+ *
+ * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no
+ * DOM APIs. Rows are 32px tall (the design density) and `touch()` lifts the real
+ * tap target to 44px — on web and Tauri as well as native.
+ *
+ * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —
+ * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`
+ * (gui portals re-root the subtree, so React theme context does not flow).
+ */
+const React = __importStar(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 portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+// ── Geometry — literal px on the 8-grid; a 32px row expands to a 44px tap ──────
+const ROW_H = 32;
+const TAP_MIN = 44;
+const ROW_PX = 8;
+/** The one menu width floor — the spec form and the compound panel share it. */
+const MIN_W = 200;
+const INSET_PL = 32;
+const INDICATOR_SLOT = 14;
+const ICON = 16;
+const panel = {
+    bg: "$color2",
+    borderColor: "$borderColor",
+    borderWidth: 1,
+    rounded: "$4",
+    p: 4,
+    minW: MIN_W,
+    overflow: "hidden",
+    shadowColor: "rgba(0,0,0,0.45)",
+    shadowRadius: 20,
+    shadowOffset: { width: 0, height: 10 },
+};
+const row = {
+    items: "center",
+    gap: ROW_PX,
+    px: ROW_PX,
+    minH: ROW_H,
+    rounded: "$3",
+    select: "none",
+    cursor: "pointer",
+    ...(0, gesture_1.touch)(ROW_H, TAP_MIN, "y"),
+    hoverStyle: { bg: "$color5" },
+    focusStyle: { bg: "$color5" },
+    pressStyle: { bg: "$color6" },
+};
+/** Left indicator well shared by checkbox + radio rows. */
+const Indicator = ({ children }) => ((0, jsx_runtime_1.jsx)(gui_1.XStack, { position: "absolute", l: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(gui_1.Menu.ItemIndicator, { children: children }) }));
+// ── Root — owns popper geometry ─────────────────────────────────────────────────
+// 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__ */ React.createContext(null);
+const DEFAULT_OFFSET = 4;
+function DropdownMenu({ offset = DEFAULT_OFFSET, trigger, items, minWidth = MIN_W, maxHeight, children, ...props }) {
+    const [current, setOffset] = React.useState(offset);
+    React.useEffect(() => setOffset(offset), [offset]);
+    return ((0, jsx_runtime_1.jsx)(OffsetContext.Provider, { value: setOffset, children: (0, jsx_runtime_1.jsxs)(gui_1.Menu, { offset: current, ...props, children: [trigger ? ((0, jsx_runtime_1.jsx)(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? ((0, jsx_runtime_1.jsx)(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) })) : null, children] }) }));
+}
+/** One spec row -> the matching compound part. Never a second row renderer. */
+const renderSpec = (spec, i) => {
+    if (spec.type === "separator")
+        return (0, jsx_runtime_1.jsx)(DropdownMenuSeparator, {}, spec.key ?? `sep-${i}`);
+    if (spec.type === "label")
+        return ((0, jsx_runtime_1.jsx)(DropdownMenuLabel, { children: spec.label }, spec.key ?? `label-${i}`));
+    return ((0, jsx_runtime_1.jsxs)(DropdownMenuItem, { disabled: spec.disabled, variant: spec.destructive ? "destructive" : "default", onSelect: spec.onSelect, children: [spec.icon ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, children: spec.icon })) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, children: spec.label }), spec.description ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color11", numberOfLines: 1, children: spec.description })) : null] }), spec.shortcut ? ((0, jsx_runtime_1.jsx)(DropdownMenuShortcut, { children: spec.shortcut })) : null, spec.selected ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: ICON - 2, ml: "auto" }) : null, spec.hasSubmenu ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON - 2, ml: "auto", opacity: 0.6 })) : null] }, spec.key));
+};
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const DropdownMenuTrigger = gui_1.Menu.Trigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+const DropdownMenuGroup = gui_1.Menu.Group;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+const DropdownMenuPortal = gui_1.Menu.Portal;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+const DropdownMenuSub = gui_1.Menu.Sub;
+exports.DropdownMenuSub = DropdownMenuSub;
+const DropdownMenuRadioGroup = gui_1.Menu.RadioGroup;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    const setOffset = React.useContext(OffsetContext);
+    React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Portal, { children: (0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
+});
+exports.DropdownMenuContent = DropdownMenuContent;
+const DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Menu.SubContent, { ref: ref, "data-slot": "dropdown-menu-sub-content", ...panel, ...props }));
+});
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+const DropdownMenuItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuItem({ inset, variant = "default", disabled, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Item, { ref: ref, "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, disabled: disabled, ...row, pl: inset ? INSET_PL : ROW_PX, theme: variant === "destructive" ? "red" : undefined, opacity: disabled ? 0.5 : 1, cursor: disabled ? "default" : "pointer", ...props }));
+});
+exports.DropdownMenuItem = DropdownMenuItem;
+const DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Menu.CheckboxItem, { ref: ref, "data-slot": "dropdown-menu-checkbox-item", checked: checked, ...row, pl: INSET_PL, ...props, children: [(0, jsx_runtime_1.jsx)(Indicator, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: ICON }) }), children] }));
+});
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+const DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuRadioItem({ children, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Menu.RadioItem, { ref: ref, "data-slot": "dropdown-menu-radio-item", ...row, pl: INSET_PL, ...props, children: [(0, jsx_runtime_1.jsx)(Indicator, { children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Circle, { size: 8, fill: "currentColor" }) }), children] }));
+});
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+const DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.Menu.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const DropdownMenuLabel = /* @__PURE__ */ React.forwardRef(function DropdownMenuLabel({ inset, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Label, { ref: ref, "data-slot": "dropdown-menu-label", "data-inset": inset, px: ROW_PX, py: 4, pl: inset ? INSET_PL : ROW_PX, fontSize: "$2", fontWeight: "500", color: "$color12", select: "none", ...props }));
+});
+exports.DropdownMenuLabel = DropdownMenuLabel;
+const DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef(function DropdownMenuSeparator(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Menu.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
+});
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+function DropdownMenuShortcut(props) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Text, { "data-slot": "dropdown-menu-shortcut", ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$color11", ...props }));
+}