@hanzo/ui 8.0.66 → 8.0.69

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

@@ -0,0 +1,189 @@
+'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.ContextMenuRadioGroup = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = exports.ContextMenuSub = exports.ContextMenuPortal = exports.ContextMenuGroup = exports.ContextMenuSeparator = exports.ContextMenuLabel = exports.ContextMenuRadioItem = exports.ContextMenuCheckboxItem = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = void 0;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ContextMenu — the right-click menu, native to @hanzo/gui.
+ *
+ * `@hanzogui/context-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 (`role="menu"`,
+ * `menuitem`/`menuitemcheckbox`/`menuitemradio` + `aria-checked`, `aria-expanded`
+ * on a SubTrigger), the roving arrow-key focus, the typeahead, the cursor
+ * anchoring and the dismiss behaviour. It IS `Menu` with an `onContextMenu` (and
+ * a 700ms long-press on touch) trigger instead of a click one. This file only
+ * FLATTENS `ContextMenu.X` into the 15 `ContextMenuX` names and dresses them in
+ * the Hanzo tokens, so there is one menu design rather than two shapes of it.
+ *
+ * NO RENAMES. The API is @radix-ui/react-context-menu's, prop for prop — a
+ * consumer migrates by changing the import and nothing else. The `side`/`align`/
+ * `sideOffset` hoist that Popover and HoverCard need does not arise here: a
+ * context menu is anchored at the cursor, so Radix never put those on its
+ * Content either (gui `Omit`s them for the same reason).
+ *
+ * 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.
+ *
+ * `ContextMenuContent` mounts its OWN `ContextMenu.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).
+ *
+ * The geometry below is the SAME 32px row, 8px gutter, 44px tap and panel
+ * treatment as `dropdown-menu.tsx` — two menu geometries would be two design
+ * systems. It is restated rather than imported only because those constants are
+ * module-private there; hoist both onto one module when the barrel is wired.
+ */
+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 ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.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 — shared with DropdownMenu. */
+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' },
+};
+/** Row text style — free-form children go through `ink()` so a bare string renders on native. */
+const label = { size: '$2', color: '$color12' };
+/** 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.ContextMenu.ItemIndicator, { children: children }) }));
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const ContextMenu = gui_1.ContextMenu;
+exports.ContextMenu = ContextMenu;
+const ContextMenuTrigger = gui_1.ContextMenu.Trigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+const ContextMenuGroup = gui_1.ContextMenu.Group;
+exports.ContextMenuGroup = ContextMenuGroup;
+const ContextMenuPortal = gui_1.ContextMenu.Portal;
+exports.ContextMenuPortal = ContextMenuPortal;
+const ContextMenuSub = gui_1.ContextMenu.Sub;
+exports.ContextMenuSub = ContextMenuSub;
+const ContextMenuRadioGroup = gui_1.ContextMenu.RadioGroup;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+/**
+ * Both Content forwardRefs carry an EXPLICIT type. `tsc --noEmit` is happy without
+ * one; the build is not (TS2742). Declaration emit has to name the inferred type,
+ * and gui's context-menu types resolve through `@hanzogui/context-menu`'s own
+ * `createNonNativeContextMenu` plus `react-native` — paths reachable from gui but
+ * not from this package's `dist/`, so the emitted `.d.ts` referenced files a
+ * consumer does not have. Naming the props type (which is exported, hence
+ * portable) is what keeps the declaration self-contained. Only these two hit it:
+ * the row components are declared through `ContextMenuItemProps`, which is already
+ * a named export.
+ */
+const ContextMenuContent = /* @__PURE__ */ React.forwardRef(function ContextMenuContent({ children, ...props }, ref) {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    return ((0, jsx_runtime_1.jsx)(gui_1.ContextMenu.Portal, { children: (0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.ContextMenu.Content, { ref: ref, ...(0, slot_1.slot)('context-menu-content'), ...panel, ...props, children: children }) }) }));
+});
+exports.ContextMenuContent = ContextMenuContent;
+const ContextMenuSubContent = /* @__PURE__ */ React.forwardRef(function ContextMenuSubContent(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.ContextMenu.SubContent, { ref: ref, ...(0, slot_1.slot)('context-menu-sub-content'), ...panel, ...props }));
+});
+exports.ContextMenuSubContent = ContextMenuSubContent;
+const ContextMenuItem = /* @__PURE__ */ React.forwardRef(function ContextMenuItem({ inset, variant = 'default', disabled, children, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.ContextMenu.Item, { ref: ref, ...(0, slot_1.slot)('context-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, children: (0, ink_1.ink)(children, undefined, label) }));
+});
+exports.ContextMenuItem = ContextMenuItem;
+const ContextMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function ContextMenuCheckboxItem({ children, checked, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.ContextMenu.CheckboxItem, { ref: ref, ...(0, slot_1.slot)('context-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 }) }), (0, ink_1.ink)(children, undefined, label)] }));
+});
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+const ContextMenuRadioItem = /* @__PURE__ */ React.forwardRef(function ContextMenuRadioItem({ children, value, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.ContextMenu.RadioItem, { ref: ref, ...(0, slot_1.slot)('context-menu-radio-item'), 
+        // Named rather than left to the spread: gui's native-menu wrapper types the
+        // part as a UNION of prop shapes, and a rest spread cannot prove the
+        // required `value` survived it.
+        value: value, ...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" }) }), (0, ink_1.ink)(children, undefined, label)] }));
+});
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+/**
+ * gui casts `SubTrigger` to a bare `React.FC` ("to avoid TS error", its words),
+ * which drops `ref` from the type while the runtime still forwards it. One cast,
+ * in one place, so the part keeps the ref every other row in this file has.
+ */
+const SubTriggerBase = gui_1.ContextMenu.SubTrigger;
+const ContextMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function ContextMenuSubTrigger({ inset, children, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(SubTriggerBase, { ref: ref, ...(0, slot_1.slot)('context-menu-sub-trigger'), "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [(0, ink_1.ink)(children, undefined, label), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const ContextMenuLabel = /* @__PURE__ */ React.forwardRef(function ContextMenuLabel({ inset, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.ContextMenu.Label, { ref: ref, ...(0, slot_1.slot)('context-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.ContextMenuLabel = ContextMenuLabel;
+const ContextMenuSeparator = /* @__PURE__ */ React.forwardRef(function ContextMenuSeparator(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.ContextMenu.Separator, { ref: ref, ...(0, slot_1.slot)('context-menu-separator'), height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
+});
+exports.ContextMenuSeparator = ContextMenuSeparator;
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+function ContextMenuShortcut(props) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.Text, { ...(0, slot_1.slot)('context-menu-shortcut'), ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$color11", ...props }));
+}

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

@@ -0,0 +1,116 @@
+/**
+ * ContextMenu — the right-click menu, native to @hanzo/gui.
+ *
+ * `@hanzogui/context-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 (`role="menu"`,
+ * `menuitem`/`menuitemcheckbox`/`menuitemradio` + `aria-checked`, `aria-expanded`
+ * on a SubTrigger), the roving arrow-key focus, the typeahead, the cursor
+ * anchoring and the dismiss behaviour. It IS `Menu` with an `onContextMenu` (and
+ * a 700ms long-press on touch) trigger instead of a click one. This file only
+ * FLATTENS `ContextMenu.X` into the 15 `ContextMenuX` names and dresses them in
+ * the Hanzo tokens, so there is one menu design rather than two shapes of it.
+ *
+ * NO RENAMES. The API is @radix-ui/react-context-menu's, prop for prop — a
+ * consumer migrates by changing the import and nothing else. The `side`/`align`/
+ * `sideOffset` hoist that Popover and HoverCard need does not arise here: a
+ * context menu is anchored at the cursor, so Radix never put those on its
+ * Content either (gui `Omit`s them for the same reason).
+ *
+ * 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.
+ *
+ * `ContextMenuContent` mounts its OWN `ContextMenu.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).
+ *
+ * The geometry below is the SAME 32px row, 8px gutter, 44px tap and panel
+ * treatment as `dropdown-menu.tsx` — two menu geometries would be two design
+ * systems. It is restated rather than imported only because those constants are
+ * module-private there; hoist both onto one module when the barrel is wired.
+ */
+import * as React from 'react';
+import { ContextMenu as GuiContextMenu, Text, type GuiElement } from '@hanzo/gui';
+declare const ContextMenu: typeof GuiContextMenu;
+declare const ContextMenuTrigger: typeof GuiContextMenu.Trigger;
+declare const ContextMenuGroup: typeof GuiContextMenu.Group;
+declare const ContextMenuPortal: typeof GuiContextMenu.Portal;
+declare const ContextMenuSub: typeof GuiContextMenu.Sub;
+declare const ContextMenuRadioGroup: typeof GuiContextMenu.RadioGroup;
+export type ContextMenuContentProps = React.ComponentProps<typeof GuiContextMenu.Content>;
+export type ContextMenuSubContentProps = React.ComponentProps<typeof GuiContextMenu.SubContent>;
+/**
+ * Both Content forwardRefs carry an EXPLICIT type. `tsc --noEmit` is happy without
+ * one; the build is not (TS2742). Declaration emit has to name the inferred type,
+ * and gui's context-menu types resolve through `@hanzogui/context-menu`'s own
+ * `createNonNativeContextMenu` plus `react-native` — paths reachable from gui but
+ * not from this package's `dist/`, so the emitted `.d.ts` referenced files a
+ * consumer does not have. Naming the props type (which is exported, hence
+ * portable) is what keeps the declaration self-contained. Only these two hit it:
+ * the row components are declared through `ContextMenuItemProps`, which is already
+ * a named export.
+ */
+declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<GuiElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<GuiElement>>;
+/**
+ * `inset` and `variant` are Radix's, and both are ALSO gui style props (`inset` is
+ * the CSS shorthand, `variant` a styled-component variant). Omitting them first is
+ * what makes `inset` a boolean flag again rather than an intersection with gui's
+ * type, under which the literal `true` does not typecheck.
+ */
+export type ContextMenuItemProps = Omit<React.ComponentProps<typeof GuiContextMenu.Item>, 'inset' | 'variant'> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+};
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuItemProps, "ref"> & React.RefAttributes<GuiElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, "scope" | keyof import("@hanzo/gui").MenuCheckboxItemProps> & import("@hanzo/gui").MenuCheckboxItemProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement>, "ref"> & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<Omit<import("@hanzo/gui").NativeMenuItemProps, "onSelect"> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    value?: "mixed" | "on" | "off" | boolean;
+    onValueChange?: (state: "mixed" | "on" | "off", prevState: "mixed" | "on" | "off") => void;
+    key: string;
+}, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuCheckboxItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<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>, "ref"> & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<any, "scope" | keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuRadioItemProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzo/gui").MenuSubTriggerProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement>, "ref"> & {
+    children: React.ReactNode;
+    textValue?: string;
+    onSelect?: (event?: Event) => void;
+} & {
+    disabled?: boolean;
+    hidden?: boolean;
+    destructive?: boolean;
+    key: string;
+} & {
+    key: string;
+}, "inset"> & {
+    inset?: boolean;
+} & React.RefAttributes<GuiElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}>, keyof import("@hanzo/gui").MenuLabelProps> & import("@hanzo/gui").MenuLabelProps & React.RefAttributes<import("@hanzogui/web").GuiTextElement> & Partial<Omit<import("@hanzo/gui").NativeMenuLabelProps, "color" | "elevation" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "letterSpacing" | "size" | "textAlign" | "lineHeight" | "textTransform" | "textShadowColor" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textShadowOffset" | "textShadowRadius" | "writingDirection" | "textAlignVertical" | "includeFontPadding" | "ellipsis" | "textDecorationDistance" | "textOverflow" | "whiteSpace" | "wordWrap" | "textShadow" | keyof React.RefAttributes<import("@hanzogui/web").GuiTextElement> | keyof import("@hanzo/gui").MenuLabelProps>>, "inset"> & {
+    inset?: boolean;
+}, "ref"> & React.RefAttributes<GuiElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, keyof import("@hanzo/gui").MenuSeparatorProps> & import("@hanzo/gui").MenuSeparatorProps & React.RefAttributes<GuiElement> & Partial<Omit<import("@hanzo/gui").NativeMenuSeparatorProps, keyof React.RefAttributes<GuiElement> | keyof import("@hanzo/gui").MenuSeparatorProps>>, "ref"> & React.RefAttributes<GuiElement>>;
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+declare function ContextMenuShortcut(props: React.ComponentProps<typeof Text>): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=context-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/context-menu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,IAAI,EAAU,KAAK,UAAU,EAAE,MAAM,YAAY,CAAA;AAgEzF,QAAA,MAAM,WAAW,EAAE,OAAO,cAA+B,CAAA;AACzD,QAAA,MAAM,kBAAkB,EAAE,OAAO,cAAc,CAAC,OAAgC,CAAA;AAChF,QAAA,MAAM,gBAAgB,EAAE,OAAO,cAAc,CAAC,KAA4B,CAAA;AAC1E,QAAA,MAAM,iBAAiB,EAAE,OAAO,cAAc,CAAC,MAA8B,CAAA;AAC7E,QAAA,MAAM,cAAc,EAAE,OAAO,cAAc,CAAC,GAAwB,CAAA;AACpE,QAAA,MAAM,qBAAqB,EAAE,OAAO,cAAc,CAAC,UAAsC,CAAA;AAGzF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AACzF,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/F;;;;;;;;;;GAUG;AACH,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,yBAAyB,CACvD,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAc1D,CAAA;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,yBAAyB,CAC1D,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAY7D,CAAA;AAGD;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAChD,OAAO,GAAG,SAAS,CACpB,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAA;CACpC,CAAA;AAED,QAAA,MAAM,eAAe,sGAoBpB,CAAA;AAED,QAAA,MAAM,uBAAuB;;;;;;;;;;;;kJAmB3B,CAAA;AAEF,QAAA,MAAM,oBAAoB;;;;;;oMAsBxB,CAAA;AAWF,QAAA,MAAM,qBAAqB;;;;;qBAyF0+yB,CAAC;;;;;;;;;YAvFl7yB,OAAO;oCAezF,CAAA;AAGF,QAAA,MAAM,gBAAgB;;;;YAEyD,OAAO;4CAiBpF,CAAA;AAEF,QAAA,MAAM,oBAAoB;;+TAexB,CAAA;AAEF,4FAA4F;AAC5F,iBAAS,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAWpE;AAED,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}

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

@@ -0,0 +1,140 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ContextMenu — the right-click menu, native to @hanzo/gui.
+ *
+ * `@hanzogui/context-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 (`role="menu"`,
+ * `menuitem`/`menuitemcheckbox`/`menuitemradio` + `aria-checked`, `aria-expanded`
+ * on a SubTrigger), the roving arrow-key focus, the typeahead, the cursor
+ * anchoring and the dismiss behaviour. It IS `Menu` with an `onContextMenu` (and
+ * a 700ms long-press on touch) trigger instead of a click one. This file only
+ * FLATTENS `ContextMenu.X` into the 15 `ContextMenuX` names and dresses them in
+ * the Hanzo tokens, so there is one menu design rather than two shapes of it.
+ *
+ * NO RENAMES. The API is @radix-ui/react-context-menu's, prop for prop — a
+ * consumer migrates by changing the import and nothing else. The `side`/`align`/
+ * `sideOffset` hoist that Popover and HoverCard need does not arise here: a
+ * context menu is anchored at the cursor, so Radix never put those on its
+ * Content either (gui `Omit`s them for the same reason).
+ *
+ * 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.
+ *
+ * `ContextMenuContent` mounts its OWN `ContextMenu.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).
+ *
+ * The geometry below is the SAME 32px row, 8px gutter, 44px tap and panel
+ * treatment as `dropdown-menu.tsx` — two menu geometries would be two design
+ * systems. It is restated rather than imported only because those constants are
+ * module-private there; hoist both onto one module when the barrel is wired.
+ */
+import * as React from 'react';
+import { ContextMenu as GuiContextMenu, Text, XStack } from '@hanzo/gui';
+import { Check, ChevronRight, Circle } from '@hanzogui/lucide-icons-2';
+import { touch } from './gesture.js';
+import { ink } from './ink.js';
+import { slot } from './slot.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 — shared with DropdownMenu. */
+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' },
+};
+/** Row text style — free-form children go through `ink()` so a bare string renders on native. */
+const label = { size: '$2', color: '$color12' };
+/** 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(GuiContextMenu.ItemIndicator, { children: children }) }));
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const ContextMenu = GuiContextMenu;
+const ContextMenuTrigger = GuiContextMenu.Trigger;
+const ContextMenuGroup = GuiContextMenu.Group;
+const ContextMenuPortal = GuiContextMenu.Portal;
+const ContextMenuSub = GuiContextMenu.Sub;
+const ContextMenuRadioGroup = GuiContextMenu.RadioGroup;
+/**
+ * Both Content forwardRefs carry an EXPLICIT type. `tsc --noEmit` is happy without
+ * one; the build is not (TS2742). Declaration emit has to name the inferred type,
+ * and gui's context-menu types resolve through `@hanzogui/context-menu`'s own
+ * `createNonNativeContextMenu` plus `react-native` — paths reachable from gui but
+ * not from this package's `dist/`, so the emitted `.d.ts` referenced files a
+ * consumer does not have. Naming the props type (which is exported, hence
+ * portable) is what keeps the declaration self-contained. Only these two hit it:
+ * the row components are declared through `ContextMenuItemProps`, which is already
+ * a named export.
+ */
+const ContextMenuContent = /* @__PURE__ */ React.forwardRef(function ContextMenuContent({ children, ...props }, ref) {
+    const themeName = useThemeName();
+    return (_jsx(GuiContextMenu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(GuiContextMenu.Content, { ref: ref, ...slot('context-menu-content'), ...panel, ...props, children: children }) }) }));
+});
+const ContextMenuSubContent = /* @__PURE__ */ React.forwardRef(function ContextMenuSubContent(props, ref) {
+    return (_jsx(GuiContextMenu.SubContent, { ref: ref, ...slot('context-menu-sub-content'), ...panel, ...props }));
+});
+const ContextMenuItem = /* @__PURE__ */ React.forwardRef(function ContextMenuItem({ inset, variant = 'default', disabled, children, ...props }, ref) {
+    return (_jsx(GuiContextMenu.Item, { ref: ref, ...slot('context-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, children: ink(children, undefined, label) }));
+});
+const ContextMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function ContextMenuCheckboxItem({ children, checked, ...props }, ref) {
+    return (_jsxs(GuiContextMenu.CheckboxItem, { ref: ref, ...slot('context-menu-checkbox-item'), checked: checked, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), ink(children, undefined, label)] }));
+});
+const ContextMenuRadioItem = /* @__PURE__ */ React.forwardRef(function ContextMenuRadioItem({ children, value, ...props }, ref) {
+    return (_jsxs(GuiContextMenu.RadioItem, { ref: ref, ...slot('context-menu-radio-item'), 
+        // Named rather than left to the spread: gui's native-menu wrapper types the
+        // part as a UNION of prop shapes, and a rest spread cannot prove the
+        // required `value` survived it.
+        value: value, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), ink(children, undefined, label)] }));
+});
+/**
+ * gui casts `SubTrigger` to a bare `React.FC` ("to avoid TS error", its words),
+ * which drops `ref` from the type while the runtime still forwards it. One cast,
+ * in one place, so the part keeps the ref every other row in this file has.
+ */
+const SubTriggerBase = GuiContextMenu.SubTrigger;
+const ContextMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function ContextMenuSubTrigger({ inset, children, ...props }, ref) {
+    return (_jsxs(SubTriggerBase, { ref: ref, ...slot('context-menu-sub-trigger'), "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [ink(children, undefined, label), _jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const ContextMenuLabel = /* @__PURE__ */ React.forwardRef(function ContextMenuLabel({ inset, ...props }, ref) {
+    return (_jsx(GuiContextMenu.Label, { ref: ref, ...slot('context-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 ContextMenuSeparator = /* @__PURE__ */ React.forwardRef(function ContextMenuSeparator(props, ref) {
+    return (_jsx(GuiContextMenu.Separator, { ref: ref, ...slot('context-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 ContextMenuShortcut(props) {
+    return (_jsx(Text, { ...slot('context-menu-shortcut'), ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$color11", ...props }));
+}
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=context-menu.js.map

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

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

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

@@ -87,7 +87,7 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<impor
 declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
     size?: import("@hanzogui/web").FontSizeTokens | undefined;
-}>, keyof import("@hanzo/gui").MenuLabelProps> & import("@hanzo/gui").MenuLabelProps & React.RefAttributes<import("@hanzogui/web").GuiTextElement> & Partial<Omit<import("@hanzo/gui").NativeMenuLabelProps, "color" | "elevation" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "letterSpacing" | "size" | "textAlign" | "lineHeight" | "textTransform" | "textShadowColor" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textShadowOffset" | "textShadowRadius" | "writingDirection" | "textAlignVertical" | "includeFontPadding" | "ellipsis" | "textDecorationDistance" | "textOverflow" | "whiteSpace" | "wordWrap" | "textShadow" | keyof import("@hanzo/gui").MenuLabelProps | keyof React.RefAttributes<import("@hanzogui/web").GuiTextElement>>> & {
+}>, keyof import("@hanzo/gui").MenuLabelProps> & import("@hanzo/gui").MenuLabelProps & React.RefAttributes<import("@hanzogui/web").GuiTextElement> & Partial<Omit<import("@hanzo/gui").NativeMenuLabelProps, "color" | "elevation" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "letterSpacing" | "size" | "textAlign" | "lineHeight" | "textTransform" | "textShadowColor" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textShadowOffset" | "textShadowRadius" | "writingDirection" | "textAlignVertical" | "includeFontPadding" | "ellipsis" | "textDecorationDistance" | "textOverflow" | "whiteSpace" | "wordWrap" | "textShadow" | keyof React.RefAttributes<import("@hanzogui/web").GuiTextElement> | keyof import("@hanzo/gui").MenuLabelProps>> & {
     inset?: boolean;
 }, "ref"> & React.RefAttributes<GuiElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {

package/dist/backends/gui/hover-card.cjs

@@ -0,0 +1,76 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverCardContent = exports.HoverCardTrigger = void 0;
+exports.HoverCard = HoverCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * HoverCard — the rich preview a pointer opens by resting on a trigger.
+ *
+ * gui ships no HoverCard primitive, but it ships the thing a hover card IS: a
+ * `Popover` in hover mode. `hoverable` puts floating-ui's `useHover` +
+ * `safePolygon` on the same popper the Popover already uses, so the cursor can
+ * travel the gap into the panel without it closing, and `useFocus` opens it from
+ * the keyboard. Nothing here re-implements hover timing, positioning or dismiss.
+ *
+ * TWO RENAMES, and they are the only two. Both are unavoidable — gui keeps on the
+ * popper ROOT what Radix put on the children — so both are absorbed HERE and the
+ * Radix call site is unchanged:
+ *
+ *   1. `openDelay` / `closeDelay` (root) -> one `hoverable={{ delay: {open, close} }}`.
+ *      Radix's own defaults (700 / 300) are kept.
+ *   2. `side` + `align` + `sideOffset` (Content) -> ONE `placement` and one
+ *      `offset` on the ROOT. Content still ACCEPTS all three and publishes them
+ *      up through a context — the same idiom `popover.tsx` uses for `sideOffset`
+ *      — so `<HoverCardContent side="left" align="start">` lands as
+ *      `placement="left-start"` instead of being silently dropped, which is what
+ *      `PopoverContent` does with `align` today. gui's popper and Radix agree on
+ *      the default here (`bottom`/`center`), so nothing has to be written out.
+ *
+ * One deliberate a11y deviation from Radix, in the safer direction. Radix's hover
+ * card is sighted-user-only: its Content carries no role and its Trigger no aria
+ * state. Riding gui's popper gives the trigger `aria-expanded` and the panel
+ * `role="dialog"`, opens on keyboard FOCUS as well as hover, and closes on
+ * Escape through the dismissable layer. That is strictly more reachable than the
+ * component it replaces, so it is kept rather than suppressed.
+ *
+ * Press is NOT a trigger (`disablePressTrigger`): Radix's hover card never
+ * toggled on click, and its trigger is usually a link whose click must navigate.
+ *
+ * `HoverCardContent` re-applies the trigger's resolved theme inside the portal
+ * via `PortalTheme` — gui portals re-root the subtree, so theme context does not
+ * flow. `GuiPopover.Content` portals itself, so there is no `HoverCardPortal`,
+ * exactly as there is no `PopoverPortal`.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const portal_theme_1 = require("../../product/menu/portal-theme.cjs");
+/** Radix's defaults, kept so a migrated call site behaves identically. */
+const OPEN_DELAY = 700;
+const CLOSE_DELAY = 300;
+const DEFAULT_OFFSET = 4;
+/** Radix/shadcn ship `w-64`. */
+const WIDTH = 256;
+/** Root-owned floating geometry. Content publishes into it; see rename 2 above. */
+const FloatContext = /* @__PURE__ */ (0, react_1.createContext)(null);
+function HoverCard({ openDelay = OPEN_DELAY, closeDelay = CLOSE_DELAY, ...props }) {
+    const [float, setFloat] = (0, react_1.useState)({
+        placement: 'bottom',
+        offset: DEFAULT_OFFSET,
+    });
+    // Identity-stable: an unchanged publish returns the same object, so Content's
+    // effect cannot drive a render loop.
+    const publish = (0, react_1.useCallback)((placement, offset) => setFloat((f) => (f.placement === placement && f.offset === offset ? f : { placement, offset })), []);
+    return ((0, jsx_runtime_1.jsx)(FloatContext.Provider, { value: publish, children: (0, jsx_runtime_1.jsx)(gui_1.Popover, { hoverable: { delay: { open: openDelay, close: closeDelay } }, placement: float.placement, offset: float.offset, ...props }) }));
+}
+const HoverCardTrigger = (props) => ((0, jsx_runtime_1.jsx)(gui_1.Popover.Trigger, { ...(0, slot_1.slot)('hover-card-trigger'), disablePressTrigger: true, ...props }));
+exports.HoverCardTrigger = HoverCardTrigger;
+const HoverCardContent = ({ side = 'bottom', align = 'center', sideOffset = DEFAULT_OFFSET, children, ...props }) => {
+    const themeName = (0, portal_theme_1.useThemeName)();
+    const publish = (0, react_1.useContext)(FloatContext);
+    (0, react_1.useEffect)(() => publish?.(align === 'center' ? side : `${side}-${align}`, sideOffset), [publish, side, align, sideOffset]);
+    return ((0, jsx_runtime_1.jsx)(portal_theme_1.PortalTheme, { name: themeName, children: (0, jsx_runtime_1.jsx)(gui_1.Popover.Content, { ...(0, slot_1.slot)('hover-card-content'), bg: "$color2", borderWidth: 1, borderColor: "$borderColor", rounded: "$4", p: "$4", width: WIDTH, ...props, children: (0, ink_1.ink)(children, undefined, { size: '$2' }) }) }));
+};
+exports.HoverCardContent = HoverCardContent;

package/dist/backends/gui/hover-card.d.ts

@@ -0,0 +1,57 @@
+/**
+ * HoverCard — the rich preview a pointer opens by resting on a trigger.
+ *
+ * gui ships no HoverCard primitive, but it ships the thing a hover card IS: a
+ * `Popover` in hover mode. `hoverable` puts floating-ui's `useHover` +
+ * `safePolygon` on the same popper the Popover already uses, so the cursor can
+ * travel the gap into the panel without it closing, and `useFocus` opens it from
+ * the keyboard. Nothing here re-implements hover timing, positioning or dismiss.
+ *
+ * TWO RENAMES, and they are the only two. Both are unavoidable — gui keeps on the
+ * popper ROOT what Radix put on the children — so both are absorbed HERE and the
+ * Radix call site is unchanged:
+ *
+ *   1. `openDelay` / `closeDelay` (root) -> one `hoverable={{ delay: {open, close} }}`.
+ *      Radix's own defaults (700 / 300) are kept.
+ *   2. `side` + `align` + `sideOffset` (Content) -> ONE `placement` and one
+ *      `offset` on the ROOT. Content still ACCEPTS all three and publishes them
+ *      up through a context — the same idiom `popover.tsx` uses for `sideOffset`
+ *      — so `<HoverCardContent side="left" align="start">` lands as
+ *      `placement="left-start"` instead of being silently dropped, which is what
+ *      `PopoverContent` does with `align` today. gui's popper and Radix agree on
+ *      the default here (`bottom`/`center`), so nothing has to be written out.
+ *
+ * One deliberate a11y deviation from Radix, in the safer direction. Radix's hover
+ * card is sighted-user-only: its Content carries no role and its Trigger no aria
+ * state. Riding gui's popper gives the trigger `aria-expanded` and the panel
+ * `role="dialog"`, opens on keyboard FOCUS as well as hover, and closes on
+ * Escape through the dismissable layer. That is strictly more reachable than the
+ * component it replaces, so it is kept rather than suppressed.
+ *
+ * Press is NOT a trigger (`disablePressTrigger`): Radix's hover card never
+ * toggled on click, and its trigger is usually a link whose click must navigate.
+ *
+ * `HoverCardContent` re-applies the trigger's resolved theme inside the portal
+ * via `PortalTheme` — gui portals re-root the subtree, so theme context does not
+ * flow. `GuiPopover.Content` portals itself, so there is no `HoverCardPortal`,
+ * exactly as there is no `PopoverPortal`.
+ */
+import { Popover as GuiPopover } from '@hanzo/gui';
+import { type ComponentProps } from 'react';
+type Side = 'top' | 'right' | 'bottom' | 'left';
+type Align = 'start' | 'center' | 'end';
+export type HoverCardProps = Omit<ComponentProps<typeof GuiPopover>, 'hoverable' | 'placement' | 'offset'> & {
+    openDelay?: number;
+    closeDelay?: number;
+};
+declare function HoverCard({ openDelay, closeDelay, ...props }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+export type HoverCardTriggerProps = ComponentProps<typeof GuiPopover.Trigger>;
+declare const HoverCardTrigger: (props: HoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type HoverCardContentProps = ComponentProps<typeof GuiPopover.Content> & {
+    side?: Side;
+    align?: Align;
+    sideOffset?: number;
+};
+declare const HoverCardContent: ({ side, align, sideOffset, children, ...props }: HoverCardContentProps) => import("react/jsx-runtime").JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/backends/gui/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/hover-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAA;AAcd,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAC/C,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAOvC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,CAAC,OAAO,UAAU,CAAC,EACjC,WAAW,GAAG,WAAW,GAAG,QAAQ,CACrC,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAsB,EACtB,UAAwB,EACxB,GAAG,KAAK,EACT,EAAE,cAAc,2CAsBhB;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAA;AAE7E,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAErD,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,iDAMvB,qBAAqB,4CAuBvB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}