@hanzo/ui 8.29.7 → 8.29.8

package/dist/product/CommandMenu.cjs

@@ -5,41 +5,53 @@ exports.COMMAND = void 0;
 exports.CommandMenu = CommandMenu;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /**
- * CommandMenu — the palette as a side-panel page (the record kit's command menu
- * frame, MIT, NOTICE): the search field IS the top bar, and the commands are
- * grouped rows under it.
+ * CommandMenu — the palette: a field over grouped rows, on ONE surface.
  *
- *   const pane = useDetailPane()
- *   useCommandK(() => pane.open({ title: 'Command menu', bare: true, content: <CommandMenu groups={groups} /> }))
+ *   <DialogContent p={0} showCloseButton={false}>
+ *     <CommandMenu groups={groups} onClose={close} />
+ *   </DialogContent>
  *
- * Layout: the 48px pane bar holds a borderless 24px field ("Type anything…");
- * each group opens on a 32px header row (a 24px icon slot, the label in medium
- * ink, a hairline under it); rows are the record menu row — 32 high, a 16px
- * icon in its well, contextual text, keycaps for the command's shortcut ("G
- * then P"), a chevron when it opens a page — 2 apart, groups 12 apart. A query
- * that matches nothing says so in a 64px status line.
+ * It paints no ground of its own, so the field and the list stand on whatever
+ * holds them, a dialog or a pane, and one hairline parts them. The field has
+ * no box and no ring: the surface is the focus context and the caret is the
+ * focus. At its end a quiet `esc` says how to leave and closes on a press (a
+ * phone, with no Escape key, reads Cancel).
  *
- * The decisions are the palette's own (`command.logic`): `score` keeps and
- * ranks a row against the query, `step` moves the cursor. The view is drawn
- * here as the ARIA combobox it is — the field owns focus and names the active
- * option, the rows are options in grouped listboxes — so a screen reader hears
- * the row the arrows land on while the caret stays in the field.
+ * One grid, so the eye reads straight down: the field's glyph and every row's
+ * icon stand in one 16px column, and the field's text, every group's heading
+ * and every row's label start on one edge after it (`COMMAND.text`). Icons are
+ * bare and muted; the active row is a subtle fill; a row's shortcut is keycaps
+ * (not on a phone, which has no keys) and a row that opens a page ends in a
+ * chevron. Rows are 36 high, 44 on a
+ * phone. The list is as tall as its rows, so a short answer is a short palette,
+ * up to whatever bounds the holder, and scrolls past that.
+ *
+ * The decisions are the palette's own (`command.logic`): `score` keeps a row
+ * against the query, `step` moves the cursor. It is drawn as the ARIA combobox
+ * it is — the field owns focus and names the active option, the rows are
+ * options in grouped listboxes — so a screen reader hears the row the arrows
+ * land on while the caret stays in the field.
  *
  * Keys, from the field: ArrowDown/ArrowUp move (wrapping), Enter runs the
- * active row, Escape clears a query (and on an empty one lets the pane close),
- * Backspace on an empty query goes back a page.
+ * active row, Escape closes (in a pane the pane closes itself), Backspace on an
+ * empty query goes back a page.
  */
 const react_1 = require("react");
 const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
 const command_logic_1 = require("../backends/gui/command.logic.cjs");
+const kbd_1 = require("../backends/gui/kbd.cjs");
 const shortcut_1 = require("../backends/gui/shortcut.cjs");
 const slot_1 = require("../backends/gui/slot.cjs");
-const gesture_1 = require("../backends/gui/gesture.cjs");
-const MenuRow_1 = require("./MenuRow.cjs");
 const DetailPane_1 = require("./DetailPane.cjs");
-/** The frame's measures (the record kit's command menu, MIT). */
-exports.COMMAND = { field: 24, header: 32, icon: 24, row: 32, rows: 2, groups: 12, empty: 64, margin: 48 };
-function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No results found', label = 'Commands', query: controlled, onQueryChange, onBack, onClose, autoFocus = true, }) {
+/**
+ * The grid. `pad` is the list's inset, `inset` a row's own; the icon column
+ * sits at `pad + inset` from the edge and the text at `text`, the field's and
+ * the headings' as much as the rows'.
+ */
+exports.COMMAND = { bar: 52, pad: 8, inset: 8, icon: 16, gap: 12, header: 28, row: 36, phone: 44, empty: 64 };
+const TEXT = exports.COMMAND.inset + exports.COMMAND.icon + exports.COMMAND.gap;
+function CommandMenu({ groups, placeholder = 'Search or jump to…', empty = 'No results found', label = 'Commands', query: controlled, onQueryChange, onBack, onClose, autoFocus = true, }) {
     const pane = (0, DetailPane_1.usePane)();
     const base = (0, react_1.useId)();
     const [own, setOwn] = (0, react_1.useState)('');
@@ -49,6 +61,7 @@ function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No res
             setOwn(q);
         onQueryChange?.(q);
     };
+    const close = pane ? pane.close : onClose;
     // The rows that survive the query, grouped, in source order.
     const shown = (0, react_1.useMemo)(() => groups
         .map((g) => ({
@@ -62,14 +75,13 @@ function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No res
     const optionId = (id) => `${base}-option-${id}`;
     const listId = `${base}-list`;
     // A cursor the arrows moved is brought into view; the first row of a group
-    // carries a scroll margin, so its header comes with it.
+    // carries a scroll margin, so its heading comes with it.
     const moved = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(() => {
         if (!moved.current || !current || typeof document === 'undefined')
             return;
         moved.current = false;
-        const el = document.getElementById(optionId(current.id));
-        el?.scrollIntoView?.({ block: 'nearest' });
+        document.getElementById(optionId(current.id))?.scrollIntoView?.({ block: 'nearest' });
     });
     const field = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -95,13 +107,7 @@ function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No res
             current.onSelect();
         }
         else if (e.key === 'Escape') {
-            if (query) {
-                // Clearing the query is this key's whole job: it must not reach the pane.
-                e.preventDefault();
-                e.stopPropagation();
-                setQuery('');
-            }
-            else if (!pane && onClose) {
+            if (!pane && onClose) {
                 e.preventDefault();
                 onClose();
             }
@@ -114,24 +120,23 @@ function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No res
             }
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu'), flex: 1, minH: 0, children: [(0, jsx_runtime_1.jsx)(DetailPane_1.PaneBar, { children: (0, jsx_runtime_1.jsx)(gui_1.Input, { ref: field, ...(0, slot_1.slot)('command-menu-input'), ...{
-                        role: 'combobox',
-                        'aria-expanded': true,
-                        'aria-controls': listId,
-                        'aria-autocomplete': 'list',
-                        'aria-activedescendant': current ? optionId(current.id) : undefined,
-                        'aria-label': label,
-                    }, flex: 1, minW: 0, height: exports.COMMAND.field, px: 0, borderWidth: 0, rounded: 0, bg: "transparent", color: "$ink", fontSize: "$2", placeholder: placeholder, placeholderTextColor: "$hush", value: query, onChangeText: (t) => {
-                        setQuery(t);
-                        setActive(undefined);
-                    }, onKeyDown: onKey, 
-                    // The bar is the field; its caret is the focus, so the field draws no
-                    // ring of its own (inline, to outrank design's :focus-visible rule).
-                    style: { outlineStyle: 'none' } }) }), (0, jsx_runtime_1.jsx)(DetailPane_1.PaneBody, { padded: false, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { id: listId, ...(0, slot_1.slot)('command-menu-list'), px: "$2", pt: "$2", pb: "$2", gap: exports.COMMAND.groups, children: [shown.map((g) => {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu'), shrink: 1, minH: 0, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('command-menu-bar'), height: exports.COMMAND.bar, shrink: 0, items: "center", gap: exports.COMMAND.gap, px: exports.COMMAND.pad + exports.COMMAND.inset, borderBottomWidth: 1, borderColor: "$borderColor", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: exports.COMMAND.icon, color: "$hint", "aria-hidden": true }), (0, jsx_runtime_1.jsx)(gui_1.Input, { ref: field, ...(0, slot_1.slot)('command-menu-input'), ...{
+                            role: 'combobox',
+                            'aria-expanded': true,
+                            'aria-controls': listId,
+                            'aria-autocomplete': 'list',
+                            'aria-activedescendant': current ? optionId(current.id) : undefined,
+                            'aria-label': label,
+                        }, flex: 1, minW: 0, height: exports.COMMAND.bar - 2, px: 0, borderWidth: 0, rounded: 0, bg: "transparent", 
+                        // The surface is the focus context: no ring, no edge, no hover fill.
+                        outlineWidth: 0, hoverStyle: { bg: 'transparent' }, focusStyle: { outlineWidth: 0 }, focusVisibleStyle: { outlineWidth: 0 }, color: "$ink", fontSize: "$4", "$max-md": { fontSize: 16 }, placeholder: placeholder, placeholderTextColor: "$hint", value: query, onChangeText: (t) => {
+                            setQuery(t);
+                            setActive(undefined);
+                        }, onKeyDown: onKey }), close ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "button", "aria-label": "Close", onPress: close, shrink: 0, items: "center", justify: "center", cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { "$max-md": { display: 'none' }, children: (0, jsx_runtime_1.jsx)(kbd_1.Kbd, { children: "esc" }) }), (0, jsx_runtime_1.jsx)(gui_1.Text, { display: "none", "$max-md": { display: 'flex' }, fontSize: "$4", color: "$ink", children: "Cancel" })] })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('command-menu-scroll'), shrink: 1, minH: 0, style: { overscrollBehavior: 'contain' }, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { id: listId, ...(0, slot_1.slot)('command-menu-list'), p: exports.COMMAND.pad, gap: exports.COMMAND.pad, children: [shown.map((g) => {
                             const head = `${base}-group-${g.id}`;
-                            return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu-group'), gap: exports.COMMAND.rows, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { id: head, ...(0, slot_1.slot)('command-menu-heading'), height: exports.COMMAND.header, items: "center", gap: "$1", pl: "$1", borderBottomWidth: 1, borderColor: "$borderColor", children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: exports.COMMAND.icon, height: exports.COMMAND.icon, items: "center", justify: "center", shrink: 0, children: g.icon }), (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", fontWeight: "500", color: "$ink", numberOfLines: 1, children: g.label })] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listbox", "aria-labelledby": head, gap: exports.COMMAND.rows, children: g.items.map((it, i) => {
+                            return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu-group'), children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { id: head, ...(0, slot_1.slot)('command-menu-heading'), height: exports.COMMAND.header, items: "center", pl: TEXT, children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", fontWeight: "500", color: "$hint", numberOfLines: 1, children: g.label }) }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "listbox", "aria-labelledby": head, children: g.items.map((it, i) => {
                                             const on = current?.id === it.id;
-                                            return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { id: optionId(it.id), ...(0, slot_1.slot)('command-menu-item'), ...{ role: 'option', 'aria-selected': on, 'aria-disabled': it.disabled || undefined }, "data-active": on ? '' : undefined, items: "center", gap: "$2", px: "$1", minH: exports.COMMAND.row, rounded: "$xs", cursor: it.disabled ? 'default' : 'pointer', opacity: it.disabled ? 0.5 : 1, bg: on ? '$hover' : 'transparent', hoverStyle: it.disabled ? undefined : { bg: '$hover' }, ...(0, gesture_1.touch)(exports.COMMAND.row, 44, 'y'), onHoverIn: it.disabled ? undefined : () => setActive(it.id), onPress: it.disabled ? undefined : it.onSelect, style: i === 0 ? { scrollMarginTop: exports.COMMAND.margin } : undefined, children: (0, jsx_runtime_1.jsx)(MenuRow_1.MenuRowContent, { label: it.label, icon: it.icon, iconContainer: it.icon != null, contextual: it.contextual, shortcut: it.shortcut ? (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: it.shortcut }) : undefined, submenu: it.submenu, quiet: true }) }, it.id));
+                                            return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { id: optionId(it.id), ...(0, slot_1.slot)('command-menu-item'), ...{ role: 'option', 'aria-selected': on, 'aria-disabled': it.disabled || undefined }, "data-active": on ? '' : undefined, items: "center", gap: exports.COMMAND.gap, px: exports.COMMAND.inset, minH: exports.COMMAND.row, "$max-md": { minH: exports.COMMAND.phone }, rounded: "$3", cursor: it.disabled ? 'default' : 'pointer', opacity: it.disabled ? 0.5 : 1, bg: on ? '$hover' : 'transparent', onHoverIn: it.disabled ? undefined : () => setActive(it.id), onPress: it.disabled ? undefined : it.onSelect, style: i === 0 ? { scrollMarginTop: exports.COMMAND.header + exports.COMMAND.pad } : undefined, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: exports.COMMAND.icon, shrink: 0, items: "center", justify: "center", opacity: 0.6, "aria-hidden": true, children: it.icon }), (0, jsx_runtime_1.jsxs)(gui_1.Text, { flex: 1, minW: 0, fontSize: "$3", color: "$ink", numberOfLines: 1, children: [it.label, it.contextual ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$hint", pl: 8, children: it.contextual })) : null] }), it.shortcut ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { "$max-md": { display: 'none' }, children: (0, jsx_runtime_1.jsx)(shortcut_1.Shortcut, { keys: it.shortcut }) })) : null, it.submenu ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 14, color: "$hint" }) : null] }, it.id));
                                         }) })] }, g.id));
-                        }), shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu-empty'), role: "status", "aria-live": "polite", height: exports.COMMAND.empty, items: "center", justify: "center", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$hush", children: empty })) : (empty) })) : null] }) })] }));
+                        }), shown.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('command-menu-empty'), role: "status", "aria-live": "polite", height: exports.COMMAND.empty, items: "center", justify: "center", children: typeof empty === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$hint", children: empty })) : (empty) })) : null] }) })] }));
 }

package/dist/product/CommandMenu.d.ts

@@ -1,27 +1,34 @@
 /**
- * CommandMenu — the palette as a side-panel page (the record kit's command menu
- * frame, MIT, NOTICE): the search field IS the top bar, and the commands are
- * grouped rows under it.
+ * CommandMenu — the palette: a field over grouped rows, on ONE surface.
  *
- *   const pane = useDetailPane()
- *   useCommandK(() => pane.open({ title: 'Command menu', bare: true, content: <CommandMenu groups={groups} /> }))
+ *   <DialogContent p={0} showCloseButton={false}>
+ *     <CommandMenu groups={groups} onClose={close} />
+ *   </DialogContent>
  *
- * Layout: the 48px pane bar holds a borderless 24px field ("Type anything…");
- * each group opens on a 32px header row (a 24px icon slot, the label in medium
- * ink, a hairline under it); rows are the record menu row — 32 high, a 16px
- * icon in its well, contextual text, keycaps for the command's shortcut ("G
- * then P"), a chevron when it opens a page — 2 apart, groups 12 apart. A query
- * that matches nothing says so in a 64px status line.
+ * It paints no ground of its own, so the field and the list stand on whatever
+ * holds them, a dialog or a pane, and one hairline parts them. The field has
+ * no box and no ring: the surface is the focus context and the caret is the
+ * focus. At its end a quiet `esc` says how to leave and closes on a press (a
+ * phone, with no Escape key, reads Cancel).
  *
- * The decisions are the palette's own (`command.logic`): `score` keeps and
- * ranks a row against the query, `step` moves the cursor. The view is drawn
- * here as the ARIA combobox it is — the field owns focus and names the active
- * option, the rows are options in grouped listboxes — so a screen reader hears
- * the row the arrows land on while the caret stays in the field.
+ * One grid, so the eye reads straight down: the field's glyph and every row's
+ * icon stand in one 16px column, and the field's text, every group's heading
+ * and every row's label start on one edge after it (`COMMAND.text`). Icons are
+ * bare and muted; the active row is a subtle fill; a row's shortcut is keycaps
+ * (not on a phone, which has no keys) and a row that opens a page ends in a
+ * chevron. Rows are 36 high, 44 on a
+ * phone. The list is as tall as its rows, so a short answer is a short palette,
+ * up to whatever bounds the holder, and scrolls past that.
+ *
+ * The decisions are the palette's own (`command.logic`): `score` keeps a row
+ * against the query, `step` moves the cursor. It is drawn as the ARIA combobox
+ * it is — the field owns focus and names the active option, the rows are
+ * options in grouped listboxes — so a screen reader hears the row the arrows
+ * land on while the caret stays in the field.
  *
  * Keys, from the field: ArrowDown/ArrowUp move (wrapping), Enter runs the
- * active row, Escape clears a query (and on an empty one lets the pane close),
- * Backspace on an empty query goes back a page.
+ * active row, Escape closes (in a pane the pane closes itself), Backspace on an
+ * empty query goes back a page.
  */
 import { type ReactNode } from 'react';
 import { type ShortcutKeys } from '../backends/gui/shortcut.js';
@@ -29,7 +36,7 @@ export type CommandMenuItem = {
     id: string;
     label: string;
     icon?: ReactNode;
-    /** Dimmed text after the label: an object's name, a count. */
+    /** Dimmed text after the label: where it lives, a count. */
     contextual?: string;
     /** More words the query matches it by. */
     keywords?: string[];
@@ -43,7 +50,6 @@ export type CommandMenuItem = {
 export type CommandMenuGroup = {
     id: string;
     label: string;
-    icon?: ReactNode;
     items: CommandMenuItem[];
 };
 export type CommandMenuProps = {
@@ -58,20 +64,25 @@ export type CommandMenuProps = {
     onQueryChange?: (query: string) => void;
     /** Backspace on an empty query. Default: the pane's `back`, when there is a page under this one. */
     onBack?: () => void;
-    /** Escape on an empty query, outside a pane (inside one, the pane closes itself). */
+    /** Escape, or a press on `esc`, outside a pane (inside one, the pane closes itself). */
     onClose?: () => void;
     autoFocus?: boolean;
 };
-/** The frame's measures (the record kit's command menu, MIT). */
+/**
+ * The grid. `pad` is the list's inset, `inset` a row's own; the icon column
+ * sits at `pad + inset` from the edge and the text at `text`, the field's and
+ * the headings' as much as the rows'.
+ */
 export declare const COMMAND: {
-    readonly field: 24;
-    readonly header: 32;
-    readonly icon: 24;
-    readonly row: 32;
-    readonly rows: 2;
-    readonly groups: 12;
+    readonly bar: 52;
+    readonly pad: 8;
+    readonly inset: 8;
+    readonly icon: 16;
+    readonly gap: 12;
+    readonly header: 28;
+    readonly row: 36;
+    readonly phone: 44;
     readonly empty: 64;
-    readonly margin: 48;
 };
 export declare function CommandMenu({ groups, placeholder, empty, label, query: controlled, onQueryChange, onBack, onClose, autoFocus, }: CommandMenuProps): import("react").JSX.Element;
 //# sourceMappingURL=CommandMenu.d.ts.map

package/dist/product/CommandMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../src/product/CommandMenu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAInF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMtE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oGAAoG;IACpG,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,iEAAiE;AACjE,eAAO,MAAM,OAAO;aAAK,KAAK,EAAE,EAAE;aAAE,MAAM,EAAE,EAAE;aAAE,IAAI,EAAE,EAAE;aAAE,GAAG,EAAE,EAAE;aAAE,IAAI,EAAE,CAAC;aAAE,MAAM,EAAE,EAAE;aAAE,KAAK,EAAE,EAAE;aAAE,MAAM,EAAE,EAAE;CAAW,CAAA;AAIxH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAA8B,EAC9B,KAA0B,EAC1B,KAAkB,EAClB,KAAK,EAAE,UAAU,EACjB,aAAa,EACb,MAAM,EACN,OAAO,EACP,SAAgB,GACjB,EAAE,gBAAgB,+BAgMlB"}
+{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../src/product/CommandMenu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMnF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAItE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,eAAe,EAAE,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,gBAAgB,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oGAAoG;IACpG,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO;aAAK,GAAG,EAAE,EAAE;aAAE,GAAG,EAAE,CAAC;aAAE,KAAK,EAAE,CAAC;aAAE,IAAI,EAAE,EAAE;aAAE,GAAG,EAAE,EAAE;aAAE,MAAM,EAAE,EAAE;aAAE,GAAG,EAAE,EAAE;aAAE,KAAK,EAAE,EAAE;aAAE,KAAK,EAAE,EAAE;CAAW,CAAA;AAK3H,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAAkC,EAClC,KAA0B,EAC1B,KAAkB,EAClB,KAAK,EAAE,UAAU,EACjB,aAAa,EACb,MAAM,EACN,OAAO,EACP,SAAgB,GACjB,EAAE,gBAAgB,+BA+MlB"}

package/dist/product/CommandMenu.js

@@ -1,41 +1,53 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * CommandMenu — the palette as a side-panel page (the record kit's command menu
- * frame, MIT, NOTICE): the search field IS the top bar, and the commands are
- * grouped rows under it.
+ * CommandMenu — the palette: a field over grouped rows, on ONE surface.
  *
- *   const pane = useDetailPane()
- *   useCommandK(() => pane.open({ title: 'Command menu', bare: true, content: <CommandMenu groups={groups} /> }))
+ *   <DialogContent p={0} showCloseButton={false}>
+ *     <CommandMenu groups={groups} onClose={close} />
+ *   </DialogContent>
  *
- * Layout: the 48px pane bar holds a borderless 24px field ("Type anything…");
- * each group opens on a 32px header row (a 24px icon slot, the label in medium
- * ink, a hairline under it); rows are the record menu row — 32 high, a 16px
- * icon in its well, contextual text, keycaps for the command's shortcut ("G
- * then P"), a chevron when it opens a page — 2 apart, groups 12 apart. A query
- * that matches nothing says so in a 64px status line.
+ * It paints no ground of its own, so the field and the list stand on whatever
+ * holds them, a dialog or a pane, and one hairline parts them. The field has
+ * no box and no ring: the surface is the focus context and the caret is the
+ * focus. At its end a quiet `esc` says how to leave and closes on a press (a
+ * phone, with no Escape key, reads Cancel).
  *
- * The decisions are the palette's own (`command.logic`): `score` keeps and
- * ranks a row against the query, `step` moves the cursor. The view is drawn
- * here as the ARIA combobox it is — the field owns focus and names the active
- * option, the rows are options in grouped listboxes — so a screen reader hears
- * the row the arrows land on while the caret stays in the field.
+ * One grid, so the eye reads straight down: the field's glyph and every row's
+ * icon stand in one 16px column, and the field's text, every group's heading
+ * and every row's label start on one edge after it (`COMMAND.text`). Icons are
+ * bare and muted; the active row is a subtle fill; a row's shortcut is keycaps
+ * (not on a phone, which has no keys) and a row that opens a page ends in a
+ * chevron. Rows are 36 high, 44 on a
+ * phone. The list is as tall as its rows, so a short answer is a short palette,
+ * up to whatever bounds the holder, and scrolls past that.
+ *
+ * The decisions are the palette's own (`command.logic`): `score` keeps a row
+ * against the query, `step` moves the cursor. It is drawn as the ARIA combobox
+ * it is — the field owns focus and names the active option, the rows are
+ * options in grouped listboxes — so a screen reader hears the row the arrows
+ * land on while the caret stays in the field.
  *
  * Keys, from the field: ArrowDown/ArrowUp move (wrapping), Enter runs the
- * active row, Escape clears a query (and on an empty one lets the pane close),
- * Backspace on an empty query goes back a page.
+ * active row, Escape closes (in a pane the pane closes itself), Backspace on an
+ * empty query goes back a page.
  */
 import { useEffect, useId, useMemo, useRef, useState } from 'react';
-import { Input, Text, XStack, YStack } from '@hanzo/gui';
+import { Input, ScrollView, Text, XStack, YStack } from '@hanzo/gui';
+import { ChevronRight, Search } from '@hanzogui/lucide-icons-2';
 import { score, step } from '../backends/gui/command.logic.js';
+import { Kbd } from '../backends/gui/kbd.js';
 import { Shortcut } from '../backends/gui/shortcut.js';
 import { slot } from '../backends/gui/slot.js';
-import { touch } from '../backends/gui/gesture.js';
-import { MenuRowContent } from './MenuRow.js';
-import { PaneBar, PaneBody, usePane } from './DetailPane.js';
-/** The frame's measures (the record kit's command menu, MIT). */
-export const COMMAND = { field: 24, header: 32, icon: 24, row: 32, rows: 2, groups: 12, empty: 64, margin: 48 };
-export function CommandMenu({ groups, placeholder = 'Type anything…', empty = 'No results found', label = 'Commands', query: controlled, onQueryChange, onBack, onClose, autoFocus = true, }) {
+import { usePane } from './DetailPane.js';
+/**
+ * The grid. `pad` is the list's inset, `inset` a row's own; the icon column
+ * sits at `pad + inset` from the edge and the text at `text`, the field's and
+ * the headings' as much as the rows'.
+ */
+export const COMMAND = { bar: 52, pad: 8, inset: 8, icon: 16, gap: 12, header: 28, row: 36, phone: 44, empty: 64 };
+const TEXT = COMMAND.inset + COMMAND.icon + COMMAND.gap;
+export function CommandMenu({ groups, placeholder = 'Search or jump to…', empty = 'No results found', label = 'Commands', query: controlled, onQueryChange, onBack, onClose, autoFocus = true, }) {
     const pane = usePane();
     const base = useId();
     const [own, setOwn] = useState('');
@@ -45,6 +57,7 @@ export function CommandMenu({ groups, placeholder = 'Type anything…', empty =
             setOwn(q);
         onQueryChange?.(q);
     };
+    const close = pane ? pane.close : onClose;
     // The rows that survive the query, grouped, in source order.
     const shown = useMemo(() => groups
         .map((g) => ({
@@ -58,14 +71,13 @@ export function CommandMenu({ groups, placeholder = 'Type anything…', empty =
     const optionId = (id) => `${base}-option-${id}`;
     const listId = `${base}-list`;
     // A cursor the arrows moved is brought into view; the first row of a group
-    // carries a scroll margin, so its header comes with it.
+    // carries a scroll margin, so its heading comes with it.
     const moved = useRef(false);
     useEffect(() => {
         if (!moved.current || !current || typeof document === 'undefined')
             return;
         moved.current = false;
-        const el = document.getElementById(optionId(current.id));
-        el?.scrollIntoView?.({ block: 'nearest' });
+        document.getElementById(optionId(current.id))?.scrollIntoView?.({ block: 'nearest' });
     });
     const field = useRef(null);
     useEffect(() => {
@@ -91,13 +103,7 @@ export function CommandMenu({ groups, placeholder = 'Type anything…', empty =
             current.onSelect();
         }
         else if (e.key === 'Escape') {
-            if (query) {
-                // Clearing the query is this key's whole job: it must not reach the pane.
-                e.preventDefault();
-                e.stopPropagation();
-                setQuery('');
-            }
-            else if (!pane && onClose) {
+            if (!pane && onClose) {
                 e.preventDefault();
                 onClose();
             }
@@ -110,25 +116,24 @@ export function CommandMenu({ groups, placeholder = 'Type anything…', empty =
             }
         }
     };
-    return (_jsxs(YStack, { ...slot('command-menu'), flex: 1, minH: 0, children: [_jsx(PaneBar, { children: _jsx(Input, { ref: field, ...slot('command-menu-input'), ...{
-                        role: 'combobox',
-                        'aria-expanded': true,
-                        'aria-controls': listId,
-                        'aria-autocomplete': 'list',
-                        'aria-activedescendant': current ? optionId(current.id) : undefined,
-                        'aria-label': label,
-                    }, flex: 1, minW: 0, height: COMMAND.field, px: 0, borderWidth: 0, rounded: 0, bg: "transparent", color: "$ink", fontSize: "$2", placeholder: placeholder, placeholderTextColor: "$hush", value: query, onChangeText: (t) => {
-                        setQuery(t);
-                        setActive(undefined);
-                    }, onKeyDown: onKey, 
-                    // The bar is the field; its caret is the focus, so the field draws no
-                    // ring of its own (inline, to outrank design's :focus-visible rule).
-                    style: { outlineStyle: 'none' } }) }), _jsx(PaneBody, { padded: false, children: _jsxs(YStack, { id: listId, ...slot('command-menu-list'), px: "$2", pt: "$2", pb: "$2", gap: COMMAND.groups, children: [shown.map((g) => {
+    return (_jsxs(YStack, { ...slot('command-menu'), shrink: 1, minH: 0, children: [_jsxs(XStack, { ...slot('command-menu-bar'), height: COMMAND.bar, shrink: 0, items: "center", gap: COMMAND.gap, px: COMMAND.pad + COMMAND.inset, borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(Search, { size: COMMAND.icon, color: "$hint", "aria-hidden": true }), _jsx(Input, { ref: field, ...slot('command-menu-input'), ...{
+                            role: 'combobox',
+                            'aria-expanded': true,
+                            'aria-controls': listId,
+                            'aria-autocomplete': 'list',
+                            'aria-activedescendant': current ? optionId(current.id) : undefined,
+                            'aria-label': label,
+                        }, flex: 1, minW: 0, height: COMMAND.bar - 2, px: 0, borderWidth: 0, rounded: 0, bg: "transparent", 
+                        // The surface is the focus context: no ring, no edge, no hover fill.
+                        outlineWidth: 0, hoverStyle: { bg: 'transparent' }, focusStyle: { outlineWidth: 0 }, focusVisibleStyle: { outlineWidth: 0 }, color: "$ink", fontSize: "$4", "$max-md": { fontSize: 16 }, placeholder: placeholder, placeholderTextColor: "$hint", value: query, onChangeText: (t) => {
+                            setQuery(t);
+                            setActive(undefined);
+                        }, onKeyDown: onKey }), close ? (_jsxs(XStack, { render: "button", "aria-label": "Close", onPress: close, shrink: 0, items: "center", justify: "center", cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1 }, children: [_jsx(XStack, { "$max-md": { display: 'none' }, children: _jsx(Kbd, { children: "esc" }) }), _jsx(Text, { display: "none", "$max-md": { display: 'flex' }, fontSize: "$4", color: "$ink", children: "Cancel" })] })) : null] }), _jsx(ScrollView, { ...slot('command-menu-scroll'), shrink: 1, minH: 0, style: { overscrollBehavior: 'contain' }, children: _jsxs(YStack, { id: listId, ...slot('command-menu-list'), p: COMMAND.pad, gap: COMMAND.pad, children: [shown.map((g) => {
                             const head = `${base}-group-${g.id}`;
-                            return (_jsxs(YStack, { ...slot('command-menu-group'), gap: COMMAND.rows, children: [_jsxs(XStack, { id: head, ...slot('command-menu-heading'), height: COMMAND.header, items: "center", gap: "$1", pl: "$1", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsx(XStack, { width: COMMAND.icon, height: COMMAND.icon, items: "center", justify: "center", shrink: 0, children: g.icon }), _jsx(Text, { fontSize: "$2", fontWeight: "500", color: "$ink", numberOfLines: 1, children: g.label })] }), _jsx(YStack, { role: "listbox", "aria-labelledby": head, gap: COMMAND.rows, children: g.items.map((it, i) => {
+                            return (_jsxs(YStack, { ...slot('command-menu-group'), children: [_jsx(XStack, { id: head, ...slot('command-menu-heading'), height: COMMAND.header, items: "center", pl: TEXT, children: _jsx(Text, { fontSize: "$1", fontWeight: "500", color: "$hint", numberOfLines: 1, children: g.label }) }), _jsx(YStack, { role: "listbox", "aria-labelledby": head, children: g.items.map((it, i) => {
                                             const on = current?.id === it.id;
-                                            return (_jsx(XStack, { id: optionId(it.id), ...slot('command-menu-item'), ...{ role: 'option', 'aria-selected': on, 'aria-disabled': it.disabled || undefined }, "data-active": on ? '' : undefined, items: "center", gap: "$2", px: "$1", minH: COMMAND.row, rounded: "$xs", cursor: it.disabled ? 'default' : 'pointer', opacity: it.disabled ? 0.5 : 1, bg: on ? '$hover' : 'transparent', hoverStyle: it.disabled ? undefined : { bg: '$hover' }, ...touch(COMMAND.row, 44, 'y'), onHoverIn: it.disabled ? undefined : () => setActive(it.id), onPress: it.disabled ? undefined : it.onSelect, style: i === 0 ? { scrollMarginTop: COMMAND.margin } : undefined, children: _jsx(MenuRowContent, { label: it.label, icon: it.icon, iconContainer: it.icon != null, contextual: it.contextual, shortcut: it.shortcut ? _jsx(Shortcut, { keys: it.shortcut }) : undefined, submenu: it.submenu, quiet: true }) }, it.id));
+                                            return (_jsxs(XStack, { id: optionId(it.id), ...slot('command-menu-item'), ...{ role: 'option', 'aria-selected': on, 'aria-disabled': it.disabled || undefined }, "data-active": on ? '' : undefined, items: "center", gap: COMMAND.gap, px: COMMAND.inset, minH: COMMAND.row, "$max-md": { minH: COMMAND.phone }, rounded: "$3", cursor: it.disabled ? 'default' : 'pointer', opacity: it.disabled ? 0.5 : 1, bg: on ? '$hover' : 'transparent', onHoverIn: it.disabled ? undefined : () => setActive(it.id), onPress: it.disabled ? undefined : it.onSelect, style: i === 0 ? { scrollMarginTop: COMMAND.header + COMMAND.pad } : undefined, children: [_jsx(XStack, { width: COMMAND.icon, shrink: 0, items: "center", justify: "center", opacity: 0.6, "aria-hidden": true, children: it.icon }), _jsxs(Text, { flex: 1, minW: 0, fontSize: "$3", color: "$ink", numberOfLines: 1, children: [it.label, it.contextual ? (_jsx(Text, { fontSize: "$3", color: "$hint", pl: 8, children: it.contextual })) : null] }), it.shortcut ? (_jsx(XStack, { "$max-md": { display: 'none' }, children: _jsx(Shortcut, { keys: it.shortcut }) })) : null, it.submenu ? _jsx(ChevronRight, { size: 14, color: "$hint" }) : null] }, it.id));
                                         }) })] }, g.id));
-                        }), shown.length === 0 ? (_jsx(YStack, { ...slot('command-menu-empty'), role: "status", "aria-live": "polite", height: COMMAND.empty, items: "center", justify: "center", children: typeof empty === 'string' ? (_jsx(Text, { fontSize: "$2", color: "$hush", children: empty })) : (empty) })) : null] }) })] }));
+                        }), shown.length === 0 ? (_jsx(YStack, { ...slot('command-menu-empty'), role: "status", "aria-live": "polite", height: COMMAND.empty, items: "center", justify: "center", children: typeof empty === 'string' ? (_jsx(Text, { fontSize: "$3", color: "$hint", children: empty })) : (empty) })) : null] }) })] }));
 }
 //# sourceMappingURL=CommandMenu.js.map

package/dist/product/CommandMenu.js.map

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

package/dist/product/index.cjs

@@ -158,7 +158,7 @@ __exportStar(require("./SlideOver.cjs"), exports);
 // `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
 // item view: a caller writes `{ title, content, footer? }`, never a drawer.
 __exportStar(require("./DetailPane.cjs"), exports);
-// `CommandMenu` is the palette as a pane page: the search is the pane's bar.
+// `CommandMenu` is the palette: a field over grouped rows, on the surface that holds it.
 __exportStar(require("./CommandMenu.cjs"), exports);
 __exportStar(require("./StatusTag.cjs"), exports);
 __exportStar(require("./Split.cjs"), exports);

package/dist/product/index.js

@@ -114,7 +114,7 @@ export * from './SlideOver.js';
 // `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
 // item view: a caller writes `{ title, content, footer? }`, never a drawer.
 export * from './DetailPane.js';
-// `CommandMenu` is the palette as a pane page: the search is the pane's bar.
+// `CommandMenu` is the palette: a field over grouped rows, on the surface that holds it.
 export * from './CommandMenu.js';
 export * from './StatusTag.js';
 export * from './Split.js';

package/dist/product/index.js.map

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

package/dist/styles.css

@@ -4398,6 +4398,7 @@ a svg,
 :root ._fd-row{flex-direction:row;}
 :root ._ff-f-family{font-family:var(--f-family);}
 :root ._fontVariant-tabular-num115{font-variant:tabular-nums;}
+@media (max-width: 767.98px){:root:root:root:root:root:root:root ._fs-_maxmd_16px{font-size:16px;}}
 :root ._fs-f-size-1{font-size:var(--f-size-1);}
 :root ._fs-f-size-10{font-size:var(--f-size-10);}
 :root ._fs-f-size-11{font-size:var(--f-size-11);}
@@ -4491,6 +4492,8 @@ a svg,
 :root ._height-44px{height:44px;}
 :root ._height-48px{height:48px;}
 :root ._height-4px{height:4px;}
+:root ._height-50px{height:50px;}
+:root ._height-52px{height:52px;}
 :root ._height-5px{height:5px;}
 :root ._height-64px{height:64px;}
 :root ._height-66px{height:66px;}
@@ -4628,6 +4631,7 @@ a svg,
 :root ._minH-560px{min-height:560px;}
 :root ._minH-56px{min-height:56px;}
 :root ._minH-64px{min-height:64px;}
+@media (max-width: 767.98px){:root:root:root:root:root:root:root ._minH-_maxmd_44px{min-height:44px;}}
 @media (pointer: coarse){:root:root ._minH-_touchable_44px{min-height:44px;}}
 :root ._minH-auto{min-height:auto;}
 :root ._minH-c-size-1{min-height:var(--c-size-1);}
@@ -4746,6 +4750,7 @@ a svg,
 :root ._pl-24px{padding-left:24px;}
 :root ._pl-2px{padding-left:2px;}
 :root ._pl-32px{padding-left:32px;}
+:root ._pl-36px{padding-left:36px;}
 :root ._pl-3px{padding-left:3px;}
 :root ._pl-4px{padding-left:4px;}
 :root ._pl-64px{padding-left:64px;}