@hanzo/ui 8.0.27 → 8.0.31

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

@@ -18,3 +18,4 @@ export declare const score: CommandFilter;
  * 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

@@ -25,3 +25,4 @@ declare const DialogFooter: (props: ComponentProps<typeof XStack>) => import("re
 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 }));
+}

package/dist/backends/gui/dropdown-menu.d.ts

@@ -9,8 +9,8 @@
  * 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) with a 6px vertical `hitSlop`
- * so the real tap target is 44px on touch hosts.
+ * 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`
@@ -18,7 +18,7 @@
  */
 import * as React from "react";
 import { Menu, Text, type GuiElement } from "@hanzo/gui";
-import type { MenuItemSpec } from "../../product/menu/items";
+import type { MenuItemSpec } from "../../product/menu/items.js";
 export type DropdownMenuProps = Omit<React.ComponentProps<typeof Menu>, "offset"> & {
     offset?: number;
     /**
@@ -60,14 +60,14 @@ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omi
     value?: "mixed" | "on" | "off" | boolean;
     onValueChange?: (state: "mixed" | "on" | "off", prevState: "mixed" | "on" | "off") => void;
     key: string;
-}, keyof React.RefAttributes<GuiElement> | "scope" | keyof import("@hanzo/gui").MenuCheckboxItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuCheckboxItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
 declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     unstyled?: boolean | undefined;
 }>, "scope" | keyof import("@hanzo/gui").MenuRadioItemProps> & import("@hanzo/gui").MenuRadioItemProps & {
     scope?: string;
 } & React.RefAttributes<GuiElement> & Partial<Omit<{
     children: React.ReactNode;
-}, keyof React.RefAttributes<GuiElement> | "scope" | keyof import("@hanzo/gui").MenuRadioItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuRadioItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubTriggerProps & {
     scope?: string;
 } & React.RefAttributes<GuiElement> & Partial<Omit<{
@@ -81,7 +81,7 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<impor
     key: string;
 } & {
     key: string;
-}, keyof React.RefAttributes<GuiElement> | "scope" | keyof import("@hanzo/gui").MenuSubTriggerProps>> & {
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuSubTriggerProps>> & {
     inset?: boolean;
 }, "ref"> & React.RefAttributes<GuiElement>>;
 declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
@@ -96,3 +96,4 @@ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<i
 /** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
 declare function DropdownMenuShortcut(props: React.ComponentProps<typeof Text>): import("react/jsx-runtime").JSX.Element;
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/backends/gui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AA+D5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,MAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkBnB;AAoDD,QAAA,MAAM,mBAAmB,EAAE,OAAO,IAAI,CAAC,OAAsB,CAAA;AAC7D,QAAA,MAAM,iBAAiB,EAAE,OAAO,IAAI,CAAC,KAAkB,CAAA;AACvD,QAAA,MAAM,kBAAkB,EAAE,OAAO,IAAI,CAAC,MAAoB,CAAA;AAC1D,QAAA,MAAM,eAAe,EAAE,OAAO,IAAI,CAAC,GAAc,CAAA;AACjD,QAAA,MAAM,sBAAsB,EAAE,OAAO,IAAI,CAAC,UAA4B,CAAA;AAGtE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,mBAAmB,8FAwBvB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;sOAY1B,CAAA;AAGF,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,gBAAgB,2FAsBpB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;;;;;;;;;kJAmB5B,CAAA;AAEF,QAAA,MAAM,qBAAqB;;;;;;+IAkBzB,CAAA;AAEF,QAAA,MAAM,sBAAsB;;;;;qBAyFkyW,CAAC;;;;;;;;;YAvFpwW,OAAO;4CAehE,CAAA;AAGF,QAAA,MAAM,iBAAiB;;;;YAE+B,OAAO;4CAiB3D,CAAA;AAEF,QAAA,MAAM,qBAAqB;;+TAezB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWrE;AAED,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

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

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "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).
+ */
+import * as React from "react";
+import { Menu, Text, XStack, YStack } from "@hanzo/gui";
+import { Check, ChevronRight, Circle } from "@hanzogui/lucide-icons-2";
+import { touch } from "./gesture.js";
+import { PortalTheme, useThemeName } from "../../product/menu/portal-theme.js";
+// ── 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",
+    ...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 }) => (_jsx(XStack, { position: "absolute", l: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: _jsx(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 (_jsx(OffsetContext.Provider, { value: setOffset, children: _jsxs(Menu, { offset: current, ...props, children: [trigger ? (_jsx(DropdownMenuTrigger, { asChild: true, children: trigger })) : null, items ? (_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 _jsx(DropdownMenuSeparator, {}, spec.key ?? `sep-${i}`);
+    if (spec.type === "label")
+        return (_jsx(DropdownMenuLabel, { children: spec.label }, spec.key ?? `label-${i}`));
+    return (_jsxs(DropdownMenuItem, { disabled: spec.disabled, variant: spec.destructive ? "destructive" : "default", onSelect: spec.onSelect, children: [spec.icon ? (_jsx(XStack, { width: ICON, height: ICON, items: "center", justify: "center", shrink: 0, children: spec.icon })) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, children: spec.label }), spec.description ? (_jsx(Text, { fontSize: "$1", color: "$color11", numberOfLines: 1, children: spec.description })) : null] }), spec.shortcut ? (_jsx(DropdownMenuShortcut, { children: spec.shortcut })) : null, spec.selected ? _jsx(Check, { size: ICON - 2, ml: "auto" }) : null, spec.hasSubmenu ? (_jsx(ChevronRight, { size: ICON - 2, ml: "auto", opacity: 0.6 })) : null] }, spec.key));
+};
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const DropdownMenuTrigger = Menu.Trigger;
+const DropdownMenuGroup = Menu.Group;
+const DropdownMenuPortal = Menu.Portal;
+const DropdownMenuSub = Menu.Sub;
+const DropdownMenuRadioGroup = Menu.RadioGroup;
+const DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+    const themeName = useThemeName();
+    const setOffset = React.useContext(OffsetContext);
+    React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    return (_jsx(Menu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(Menu.Content, { ref: ref, "data-slot": "dropdown-menu-content", ...panel, ...props, children: children }) }) }));
+});
+const DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent(props, ref) {
+    return (_jsx(Menu.SubContent, { ref: ref, "data-slot": "dropdown-menu-sub-content", ...panel, ...props }));
+});
+const DropdownMenuItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuItem({ inset, variant = "default", disabled, ...props }, ref) {
+    return (_jsx(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 }));
+});
+const DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {
+    return (_jsxs(Menu.CheckboxItem, { ref: ref, "data-slot": "dropdown-menu-checkbox-item", checked: checked, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), children] }));
+});
+const DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuRadioItem({ children, ...props }, ref) {
+    return (_jsxs(Menu.RadioItem, { ref: ref, "data-slot": "dropdown-menu-radio-item", ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), children] }));
+});
+const DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {
+    return (_jsxs(Menu.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [children, _jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const DropdownMenuLabel = /* @__PURE__ */ React.forwardRef(function DropdownMenuLabel({ inset, ...props }, ref) {
+    return (_jsx(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 }));
+});
+const DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef(function DropdownMenuSeparator(props, ref) {
+    return (_jsx(Menu.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
+});
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+function DropdownMenuShortcut(props) {
+    return (_jsx(Text, { "data-slot": "dropdown-menu-shortcut", ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$color11", ...props }));
+}
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/backends/gui/dropdown-menu.js.map

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