@hanzo/ui 8.29.6 → 8.29.8

package/dist/gui-config.cjs

@@ -365,7 +365,7 @@ const STATE = { bad: 'var(--state-error, #ef4444)', good: 'var(--state-success,
  * `$quiet` is #cccccc on dark and #242424 on light, so a "secondary" line drawn
  * with it is ink on a light page. Design's ranks are the ink at a share, so they
  * keep their distance from the ink in either scheme; the record kit's secondary,
- * tertiary and light text (twenty-ui's three ranks) read these. The literals are
+ * tertiary and light text (the source kit's three ranks) read these. The literals are
  * design's, per scheme, for a host that mounts no token layer.
  */
 const RANK = {

package/dist/gui-config.js

@@ -361,7 +361,7 @@ const STATE = { bad: 'var(--state-error, #ef4444)', good: 'var(--state-success,
  * `$quiet` is #cccccc on dark and #242424 on light, so a "secondary" line drawn
  * with it is ink on a light page. Design's ranks are the ink at a share, so they
  * keep their distance from the ink in either scheme; the record kit's secondary,
- * tertiary and light text (twenty-ui's three ranks) read these. The literals are
+ * tertiary and light text (the source kit's three ranks) read these. The literals are
  * design's, per scheme, for a host that mounts no token layer.
  */
 const RANK = {

package/dist/index.cjs

@@ -457,7 +457,7 @@ Object.defineProperty(exports, "Timeline", { enumerable: true, get: function ()
 Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return gui_3.Toggle; } });
 Object.defineProperty(exports, "MediaPlayer", { enumerable: true, get: function () { return gui_3.MediaPlayer; } });
 // The record kit (the backend's last block): the parts a CRM, a data table and a
-// settings page are drawn from, merged from twenty-ui's MIT packages (NOTICE).
+// settings page are drawn from, merged from MIT packages (NOTICE).
 var gui_4 = require("./backends/gui/index.cjs");
 Object.defineProperty(exports, "Density", { enumerable: true, get: function () { return gui_4.Density; } });
 Object.defineProperty(exports, "useDensity", { enumerable: true, get: function () { return gui_4.useDensity; } });

package/dist/index.js

@@ -55,7 +55,7 @@ export { Anchor, } from './backends/gui/index.js';
 // names each module and this mirrors it, as the block above does.
 export { Card3D, Card3DContent, Card3DDescription, Card3DFooter, Card3DHeader, Card3DTitle, Marquee3D, Marquee3DFloating, Marquee3DPreset, Pin3D, AdvancedChart, Alert, AlertDescription, AlertTitle, Android, AnimatedBeam, AnimatedCursor, AnimatedTestimonials, AnimatedTooltip, Announcement, AppleCardsCarousel, gradientPresets, AppleHelloEffect, Banner, Calendar, Choicebox, ChoiceCard, ChoiceGroup, RadioCircle, Stepper, CodeBlock, CodeEditor, checkJson, formatJson, JsonTree, Grip, useSpan, CodeTabs, ColorPicker, Combobox, ComboboxWithIcons, CompanyProfile, Comparison, CreditCard, MarketOverview, CryptoScreener, Cursor, DataTable, DataTableColumnHeader, DatePicker, Desktop, useDesktopSettings, useKeyboardShortcuts, useOverlayManager, useWindowManager, Spotlight, DesktopWindow, DesktopWindowControls, DialogStack, Dock, DockItem, DockSeparator, Dropzone, Editor, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Financials, ForexMarket, ForexScreener, Gantt, Glimpse, GlimpseContent, GlimpseDescription, GlimpseImage, GlimpseTitle, GlimpseTrigger, GridPattern, GridPatternPresets, ImageCrop, ImageZoom, InteractiveGridPattern, IPhone15Pro, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, KanbanBoard, Kbd, KbdGroup, LimelightNav, List, ListItem, MacosDock, MacosDockItem, Magnetic, Marquee, MenuDock, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageDock, MiniCalendar, MinimalTiptap, MotionHighlight, NavigationBar, NewsTimeline, OrderEntry, OrdersHistory, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Particles, ParticlesBackground, Pill, pillVariants, PinList, PixelImage, PositionsList, QRCode, encodeQr, RelativeTime, Safari, InlineCode, Snippet, StarsScrollingWheel, Status, StockMarket, StockScreener, SymbolInfo, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tags, TechnicalAnalysis, Terminal, Ticker, Timeline, Toggle, MediaPlayer, } from './backends/gui/index.js';
 // The record kit (the backend's last block): the parts a CRM, a data table and a
-// settings page are drawn from, merged from twenty-ui's MIT packages (NOTICE).
+// settings page are drawn from, merged from MIT packages (NOTICE).
 export { Density, useDensity, fieldSize, InputGroup, Tag, Chip, TruncatedText, TruncatedTextProvider, initialOf, AvatarGroup, Shortcut, formatShortcut, speakShortcut, OverflowingList, STATUS_HUE, IconTile, tileTones, ColorSample, StackIcon, useField, } from './backends/gui/index.js';
 // The record kit's compound controls: grouped buttons, the number field and the
 // pickers that sit at the start of a field.

package/dist/index.js.map

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

package/dist/index.node.cjs

@@ -457,7 +457,7 @@ Object.defineProperty(exports, "Timeline", { enumerable: true, get: function ()
 Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return gui_3.Toggle; } });
 Object.defineProperty(exports, "MediaPlayer", { enumerable: true, get: function () { return gui_3.MediaPlayer; } });
 // The record kit (the backend's last block): the parts a CRM, a data table and a
-// settings page are drawn from, merged from twenty-ui's MIT packages (NOTICE).
+// settings page are drawn from, merged from MIT packages (NOTICE).
 var gui_4 = require("./backends/gui/index.cjs");
 Object.defineProperty(exports, "Density", { enumerable: true, get: function () { return gui_4.Density; } });
 Object.defineProperty(exports, "useDensity", { enumerable: true, get: function () { return gui_4.useDensity; } });

package/dist/index.node.js

@@ -55,7 +55,7 @@ export { Anchor, } from './backends/gui/index.js';
 // names each module and this mirrors it, as the block above does.
 export { Card3D, Card3DContent, Card3DDescription, Card3DFooter, Card3DHeader, Card3DTitle, Marquee3D, Marquee3DFloating, Marquee3DPreset, Pin3D, AdvancedChart, Alert, AlertDescription, AlertTitle, Android, AnimatedBeam, AnimatedCursor, AnimatedTestimonials, AnimatedTooltip, Announcement, AppleCardsCarousel, gradientPresets, AppleHelloEffect, Banner, Calendar, Choicebox, ChoiceCard, ChoiceGroup, RadioCircle, Stepper, CodeBlock, CodeEditor, checkJson, formatJson, JsonTree, Grip, useSpan, CodeTabs, ColorPicker, Combobox, ComboboxWithIcons, CompanyProfile, Comparison, CreditCard, MarketOverview, CryptoScreener, Cursor, DataTable, DataTableColumnHeader, DatePicker, Desktop, useDesktopSettings, useKeyboardShortcuts, useOverlayManager, useWindowManager, Spotlight, DesktopWindow, DesktopWindowControls, DialogStack, Dock, DockItem, DockSeparator, Dropzone, Editor, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Financials, ForexMarket, ForexScreener, Gantt, Glimpse, GlimpseContent, GlimpseDescription, GlimpseImage, GlimpseTitle, GlimpseTrigger, GridPattern, GridPatternPresets, ImageCrop, ImageZoom, InteractiveGridPattern, IPhone15Pro, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, KanbanBoard, Kbd, KbdGroup, LimelightNav, List, ListItem, MacosDock, MacosDockItem, Magnetic, Marquee, MenuDock, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageDock, MiniCalendar, MinimalTiptap, MotionHighlight, NavigationBar, NewsTimeline, OrderEntry, OrdersHistory, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Particles, ParticlesBackground, Pill, pillVariants, PinList, PixelImage, PositionsList, QRCode, encodeQr, RelativeTime, Safari, InlineCode, Snippet, StarsScrollingWheel, Status, StockMarket, StockScreener, SymbolInfo, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tags, TechnicalAnalysis, Terminal, Ticker, Timeline, Toggle, MediaPlayer, } from './backends/gui/index.js';
 // The record kit (the backend's last block): the parts a CRM, a data table and a
-// settings page are drawn from, merged from twenty-ui's MIT packages (NOTICE).
+// settings page are drawn from, merged from MIT packages (NOTICE).
 export { Density, useDensity, fieldSize, InputGroup, Tag, Chip, TruncatedText, TruncatedTextProvider, initialOf, AvatarGroup, Shortcut, formatShortcut, speakShortcut, OverflowingList, STATUS_HUE, IconTile, tileTones, ColorSample, StackIcon, useField, } from './backends/gui/index.js';
 // The record kit's compound controls: grouped buttons, the number field and the
 // pickers that sit at the start of a field.

package/dist/motion.cjs

@@ -22,7 +22,7 @@ exports.Caret = Caret;
  * Two icons in one 14px place, swapped by a scale-and-fade: the pencil that
  * becomes an X, the heart that fills. The hidden one sits at 0 opacity and 85%
  * scale; both move over the fast duration. Reduced motion stops the move, not
- * the swap, by design's own rule. (twenty-ui's AnimatedIconCrossfade, MIT, see
+ * the swap, by design's own rule. (the source kit's AnimatedIconCrossfade, MIT, see
  * NOTICE.)
  */
 const Crossfade = ({ activeIcon, inactiveIcon, isActive, ...props }) => {

package/dist/motion.d.ts

@@ -25,7 +25,7 @@ export type CrossfadeProps = Omit<ComponentProps<typeof View>, 'children'> & {
  * Two icons in one 14px place, swapped by a scale-and-fade: the pencil that
  * becomes an X, the heart that fills. The hidden one sits at 0 opacity and 85%
  * scale; both move over the fast duration. Reduced motion stops the move, not
- * the swap, by design's own rule. (twenty-ui's AnimatedIconCrossfade, MIT, see
+ * the swap, by design's own rule. (the source kit's AnimatedIconCrossfade, MIT, see
  * NOTICE.)
  */
 export declare const Crossfade: ({ activeIcon, inactiveIcon, isActive, ...props }: CrossfadeProps) => import("react").JSX.Element;

package/dist/motion.js

@@ -17,7 +17,7 @@ export const Caret = (props) => (_jsx(View, { "data-motion": "blink", width: 1,
  * Two icons in one 14px place, swapped by a scale-and-fade: the pencil that
  * becomes an X, the heart that fills. The hidden one sits at 0 opacity and 85%
  * scale; both move over the fast duration. Reduced motion stops the move, not
- * the swap, by design's own rule. (twenty-ui's AnimatedIconCrossfade, MIT, see
+ * the swap, by design's own rule. (the source kit's AnimatedIconCrossfade, MIT, see
  * NOTICE.)
  */
 export const Crossfade = ({ activeIcon, inactiveIcon, isActive, ...props }) => {

package/dist/product/ComboBox.cjs

@@ -15,7 +15,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * the panel does NOT steal focus, so typing keeps filtering.
  *
  * Under `<Density value="compact">` it is the record kit's Autocomplete
- * (twenty-ui's, MIT, NOTICE): one 32px field box, the chevron a quiet icon
+ * (MIT, NOTICE): one 32px field box, the chevron a quiet icon
  * button inside its end rather than a control beside it. `limit` caps how many
  * live options the list shows. A regular surface draws the row it always has.
  */

package/dist/product/ComboBox.js

@@ -12,7 +12,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * the panel does NOT steal focus, so typing keeps filtering.
  *
  * Under `<Density value="compact">` it is the record kit's Autocomplete
- * (twenty-ui's, MIT, NOTICE): one 32px field box, the chevron a quiet icon
+ * (MIT, NOTICE): one 32px field box, the chevron a quiet icon
  * button inside its end rather than a control beside it. `limit` caps how many
  * live options the list shows. A regular surface draws the row it always has.
  */

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 (twenty-ui'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 (twenty-ui'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 (twenty-ui'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 (twenty-ui'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,4DAA4D;AAC5D,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"}