@hanzo/ui 8.0.6 → 8.0.8

package/{types → dist}/product/HanzoMark.d.ts

@@ -10,4 +10,3 @@ export declare function HanzoMark({ size, color }: {
     size?: number;
     color?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=HanzoMark.d.ts.map

package/{types → dist}/product/Metric.d.ts

@@ -100,4 +100,3 @@ export declare function Panel({ title, right, children, minW, grow, }: {
     minW?: number;
     grow?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Metric.d.ts.map

package/{types → dist}/product/OrgSwitcher.d.ts

@@ -16,4 +16,3 @@ export type OrgSwitcherProps = {
     picker?: boolean;
 };
 export declare function OrgSwitcher({ scope, orgs, pageSize, create, picker }: OrgSwitcherProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=OrgSwitcher.d.ts.map

package/{types → dist}/product/PageHeader.d.ts

@@ -5,4 +5,3 @@ export declare function PageHeader({ title, subtitle, actions, }: {
     subtitle?: string;
     actions?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PageHeader.d.ts.map

package/{types → dist}/product/PrimaryButton.d.ts

@@ -10,4 +10,3 @@
 import type { ComponentProps } from 'react';
 import { Button } from '@hanzo/gui';
 export declare function PrimaryButton(props: ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PrimaryButton.d.ts.map

package/{types → dist}/product/ProductIcon.d.ts

@@ -5,4 +5,3 @@ export declare function ProductIcon({ icon: Icon, color, size, }: {
     color?: string;
     size?: number;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProductIcon.d.ts.map

package/{types → dist}/product/ProviderLogo.d.ts

@@ -10,4 +10,3 @@ export declare function GenericLogo({ size }: {
     size?: number;
 }): import("react/jsx-runtime").JSX.Element;
 export { Boxes as CustomModelMark };
-//# sourceMappingURL=ProviderLogo.d.ts.map

package/{types → dist}/product/Reorder.d.ts

@@ -33,4 +33,3 @@ export declare function Reorder<T>({ items, keyOf, rowHeight, onReorder, renderI
     onReorder: (from: number, to: number) => void;
     renderItem: (item: T, handle: DragHandle, dragging: boolean) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Reorder.d.ts.map

package/{types → dist}/product/SelectMenu.d.ts

@@ -1,9 +1,11 @@
 /**
- * SelectMenu — a compact, reusable dropdown select on @hanzo/gui Popover (the
- * console's proven dropdown idiom, same as OrgSwitcher/ScopeSwitcher). Renders a
- * labelled trigger ("All types", or the chosen option) and a popover list with a
- * check on the active option. Prop-driven + self-contained so it lifts into
- * `@hanzo/ui`. `value === null` is the "all"/unfiltered state.
+ * SelectMenu — a compact, reusable dropdown select. Renders a labelled trigger ("All
+ * types", or the chosen option) and a menu list with a check on the active option.
+ * Prop-driven + self-contained. `value === null` is the "all"/unfiltered state.
+ *
+ * A thin DropdownMenu (the ONE menu mechanism) so it is pixel-identical to every other
+ * menu and rides the same portal-theme-safe Portal path — no gui Popover, no Sheet
+ * re-root, works on gui-native hosts.
  */
 import type { ReactElement } from 'react';
 export type SelectOption<T extends string> = {
@@ -20,4 +22,3 @@ export declare function SelectMenu<T extends string>({ options, value, onChange,
     icon?: ReactElement;
     minWidth?: number;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SelectMenu.d.ts.map

package/{types → dist}/product/SlideOver.d.ts

@@ -45,4 +45,3 @@ export type SlideOverProps = {
 };
 export declare function SlideOver({ open, onClose, side, size, title, icon: Icon, iconColor, headerRight, ariaLabel, zIndex, children, }: SlideOverProps): import("react/jsx-runtime").JSX.Element;
 export { LG as SLIDEOVER_LG };
-//# sourceMappingURL=SlideOver.d.ts.map

package/{types → dist}/product/StatusTag.d.ts

@@ -1,4 +1,3 @@
 export declare function StatusTag({ status }: {
     status?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatusTag.d.ts.map

package/dist/product/ThemeToggle.d.ts

@@ -0,0 +1,21 @@
+export type ThemeMode = 'light' | 'dark';
+export type ThemeToggleProps = {
+    /** Controlled theme. Pair with `onToggle`/`onThemeChange` to fully control it. */
+    theme?: ThemeMode;
+    /** Seed for uncontrolled mode (default: read from the DOM `.dark` class, else 'dark'). */
+    defaultTheme?: ThemeMode;
+    /** Called with the next theme on toggle (alias of `onThemeChange`). */
+    onToggle?: (next: ThemeMode) => void;
+    /** Called with the next theme on toggle. */
+    onThemeChange?: (next: ThemeMode) => void;
+    /** @hanzo/gui Button size token (default "$2"). */
+    size?: string;
+    /** aria-label override. */
+    label?: string;
+};
+/**
+ * The framework-agnostic toggle button. Controlled when `theme` is provided; otherwise
+ * self-managed via the DOM `.dark` class. No framework dependency — safe on any host.
+ */
+export declare function AgnosticThemeToggle({ theme, defaultTheme, onToggle, onThemeChange, size, label, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeToggle(props: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/product/ThemeToggleNext.d.ts

@@ -0,0 +1,4 @@
+import { type ThemeToggleProps } from './ThemeToggle';
+declare function ThemeToggleNext({ size, label }: Pick<ThemeToggleProps, 'size' | 'label'>): import("react/jsx-runtime").JSX.Element;
+export default ThemeToggleNext;
+export { ThemeToggleNext };

package/{types → dist}/product/Toast.d.ts

@@ -30,4 +30,3 @@ export declare function ToastProvider({ children }: {
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useToast(): ToastApi;
 export {};
-//# sourceMappingURL=Toast.d.ts.map

package/{types → dist}/product/color.d.ts

@@ -15,4 +15,3 @@ export type IconLike = ComponentType<{
     size?: number;
     color?: IconColor;
 }>;
-//# sourceMappingURL=color.d.ts.map

package/{types → dist}/product/combobox/filter.d.ts

@@ -25,4 +25,3 @@ export type ComboOption = {
 export declare function filterOptions(options: ComboOption[], query: string): ComboOption[];
 /** True iff `value` exactly matches an option's `value` (case-sensitive). */
 export declare function isKnownOption(options: ComboOption[], value: string): boolean;
-//# sourceMappingURL=filter.d.ts.map

package/dist/product/index.cjs

@@ -0,0 +1,278 @@
+'use client';
+'use strict';
+
+var chunkHSPMQQVJ_cjs = require('../chunk-HSPMQQVJ.cjs');
+var chunkYBXVUV7P_cjs = require('../chunk-YBXVUV7P.cjs');
+
+
+
+Object.defineProperty(exports, "AppHeader", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.AppHeader; }
+});
+Object.defineProperty(exports, "BarChart", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.BarChart; }
+});
+Object.defineProperty(exports, "BarRows", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.BarRows; }
+});
+Object.defineProperty(exports, "BrandMark", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.BrandMark; }
+});
+Object.defineProperty(exports, "CHART_OTHER", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.CHART_OTHER; }
+});
+Object.defineProperty(exports, "CHART_PALETTE", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.CHART_PALETTE; }
+});
+Object.defineProperty(exports, "ComboBox", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.ComboBox; }
+});
+Object.defineProperty(exports, "ContextMenu", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.ContextMenu; }
+});
+Object.defineProperty(exports, "CustomModelMark", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Boxes; }
+});
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.DataTable; }
+});
+Object.defineProperty(exports, "Donut", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Donut; }
+});
+Object.defineProperty(exports, "DonutRing", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Donut2; }
+});
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.DropdownMenu; }
+});
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.EmptyState; }
+});
+Object.defineProperty(exports, "FadeIn", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FadeIn; }
+});
+Object.defineProperty(exports, "FieldRow", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldRow; }
+});
+Object.defineProperty(exports, "FieldSelect", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldSelect; }
+});
+Object.defineProperty(exports, "FieldSlider", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldSlider; }
+});
+Object.defineProperty(exports, "FieldSwitch", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldSwitch; }
+});
+Object.defineProperty(exports, "FieldText", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldText; }
+});
+Object.defineProperty(exports, "FieldTextArea", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FieldTextArea; }
+});
+Object.defineProperty(exports, "FloatingMenu", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.FloatingMenu; }
+});
+Object.defineProperty(exports, "GenericLogo", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.GenericLogo; }
+});
+Object.defineProperty(exports, "HanzoMark", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.HanzoMark; }
+});
+Object.defineProperty(exports, "HintButton", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.HintButton; }
+});
+Object.defineProperty(exports, "LegendDot", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.LegendDot; }
+});
+Object.defineProperty(exports, "LineChart", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.LineChart; }
+});
+Object.defineProperty(exports, "MenuItemView", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MenuItemView; }
+});
+Object.defineProperty(exports, "MenuLabelView", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MenuLabelView; }
+});
+Object.defineProperty(exports, "MenuPanel", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MenuPanel; }
+});
+Object.defineProperty(exports, "MenuSeparatorView", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MenuSeparatorView; }
+});
+Object.defineProperty(exports, "MetricCard", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MetricCard; }
+});
+Object.defineProperty(exports, "MetricSparkline", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Sparkline2; }
+});
+Object.defineProperty(exports, "MiniBars", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.MiniBars; }
+});
+Object.defineProperty(exports, "OrgSwitcher", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.OrgSwitcher; }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.PageHeader; }
+});
+Object.defineProperty(exports, "Panel", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Panel; }
+});
+Object.defineProperty(exports, "PortalTheme", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.PortalTheme; }
+});
+Object.defineProperty(exports, "PrimaryButton", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.PrimaryButton; }
+});
+Object.defineProperty(exports, "ProductIcon", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.ProductIcon; }
+});
+Object.defineProperty(exports, "ProviderLogo", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.ProviderLogo; }
+});
+Object.defineProperty(exports, "Reorder", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Reorder; }
+});
+Object.defineProperty(exports, "SERIES", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.SERIES; }
+});
+Object.defineProperty(exports, "SLIDEOVER_LG", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.LG; }
+});
+Object.defineProperty(exports, "SURFACES", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.SURFACES; }
+});
+Object.defineProperty(exports, "SelectMenu", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.SelectMenu; }
+});
+Object.defineProperty(exports, "SlideOver", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.SlideOver; }
+});
+Object.defineProperty(exports, "Sparkline", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.Sparkline; }
+});
+Object.defineProperty(exports, "StatusTag", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.StatusTag; }
+});
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.ToastProvider; }
+});
+Object.defineProperty(exports, "UtilBar", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.UtilBar; }
+});
+Object.defineProperty(exports, "asColor", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.asColor; }
+});
+Object.defineProperty(exports, "colorForIndex", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.colorForIndex; }
+});
+Object.defineProperty(exports, "filterOptions", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.filterOptions; }
+});
+Object.defineProperty(exports, "filterOrgs", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.filterOrgs; }
+});
+Object.defineProperty(exports, "isKnownOption", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.isKnownOption; }
+});
+Object.defineProperty(exports, "orgScope", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.orgScope; }
+});
+Object.defineProperty(exports, "otherSurfaces", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.otherSurfaces; }
+});
+Object.defineProperty(exports, "providerInitials", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.providerInitials; }
+});
+Object.defineProperty(exports, "renderMenuItems", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.renderMenuItems; }
+});
+Object.defineProperty(exports, "rowShift", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.rowShift; }
+});
+Object.defineProperty(exports, "targetIndex", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.targetIndex; }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.useToast; }
+});
+Object.defineProperty(exports, "utilColor", {
+  enumerable: true,
+  get: function () { return chunkHSPMQQVJ_cjs.utilColor; }
+});
+Object.defineProperty(exports, "AgnosticThemeToggle", {
+  enumerable: true,
+  get: function () { return chunkYBXVUV7P_cjs.AgnosticThemeToggle; }
+});
+Object.defineProperty(exports, "ThemeToggle", {
+  enumerable: true,
+  get: function () { return chunkYBXVUV7P_cjs.ThemeToggle; }
+});
+Object.defineProperty(exports, "ThemeToggleNext", {
+  enumerable: true,
+  get: function () { return chunkYBXVUV7P_cjs.ThemeToggleNext; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/product/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/{types → dist}/product/index.d.ts

@@ -8,6 +8,7 @@ export * from './AppHeader';
 export * from './BrandMark';
 export * from './OrgSwitcher';
 export * from './scope';
+export * from './menu';
 export * from './DataTable';
 export * from './EmptyState';
 export * from './FadeIn';
@@ -22,6 +23,6 @@ export * from './SelectMenu';
 export * from './SlideOver';
 export * from './StatusTag';
 export * from './ThemeToggle';
+export { ThemeToggleNext } from './ThemeToggleNext';
 export * from './Toast';
 export * from './color';
-//# sourceMappingURL=index.d.ts.map

package/dist/product/index.js

@@ -0,0 +1,5 @@
+'use client';
+export { AppHeader, BarChart, BarRows, BrandMark, CHART_OTHER, CHART_PALETTE, ComboBox, ContextMenu, Boxes as CustomModelMark, DataTable, Donut, Donut2 as DonutRing, DropdownMenu, EmptyState, FadeIn, FieldRow, FieldSelect, FieldSlider, FieldSwitch, FieldText, FieldTextArea, FloatingMenu, GenericLogo, HanzoMark, HintButton, LegendDot, LineChart, MenuItemView, MenuLabelView, MenuPanel, MenuSeparatorView, MetricCard, Sparkline2 as MetricSparkline, MiniBars, OrgSwitcher, PageHeader, Panel, PortalTheme, PrimaryButton, ProductIcon, ProviderLogo, Reorder, SERIES, LG as SLIDEOVER_LG, SURFACES, SelectMenu, SlideOver, Sparkline, StatusTag, ToastProvider, UtilBar, asColor, colorForIndex, filterOptions, filterOrgs, isKnownOption, orgScope, otherSurfaces, providerInitials, renderMenuItems, rowShift, targetIndex, useToast, utilColor } from '../chunk-GDGVXU7W.js';
+export { AgnosticThemeToggle, ThemeToggle, ThemeToggleNext } from '../chunk-42CU5GSF.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/product/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/product/menu/ContextMenu.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ContextMenu — a right-click menu that renders the SAME shared item spec as DropdownMenu,
+ * so every menu in the fleet is identical. Built on FloatingMenu (gui Portal), anchored to
+ * the cursor point. Web/desktop right-click (`onContextMenu`); on native — which has no
+ * right-click — the wrapped child renders untouched.
+ *
+ *   <ContextMenu items={[{ key:'copy', label:'Copy', icon:<Copy size={16}/>, onSelect:copy }]}>
+ *     <YStack>right-click me</YStack>
+ *   </ContextMenu>
+ */
+import type { ReactElement } from 'react';
+import { type MenuItemSpec } from './items';
+export type ContextMenuProps = {
+    /** The right-clickable target. Its `onContextMenu` is composed, not replaced. */
+    children: ReactElement;
+    items: MenuItemSpec[];
+    disabled?: boolean;
+    minWidth?: number;
+    maxHeight?: number;
+};
+export declare function ContextMenu({ children, items, disabled, minWidth, maxHeight }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/product/menu/DropdownMenu.d.ts

@@ -0,0 +1,29 @@
+/**
+ * DropdownMenu — a portal-theme-safe click menu. Declarative `items` rendered through the
+ * ONE shared menu-item spec, so it is pixel-identical to ContextMenu/SelectMenu/ComboBox.
+ * Built on FloatingMenu (gui Portal), NOT the gui Popover — so it mounts without the
+ * Sheet re-root that loses theme context on gui-native hosts (react-native-web-lite).
+ *
+ *   <DropdownMenu
+ *     trigger={<Button>Actions</Button>}
+ *     items={[
+ *       { key: 'rename', label: 'Rename', icon: <Pencil size={16} />, onSelect: rename },
+ *       { type: 'separator' },
+ *       { key: 'del', label: 'Delete', destructive: true, onSelect: del },
+ *     ]}
+ *   />
+ */
+import type { ReactElement } from 'react';
+import { type MenuItemSpec } from './items';
+export type DropdownMenuProps = {
+    /** The clickable element. Wrapped so any element opens the menu on press. */
+    trigger: ReactElement;
+    items: MenuItemSpec[];
+    /** Controlled open state. Omit for uncontrolled. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    minWidth?: number;
+    maxHeight?: number;
+};
+export declare function DropdownMenu({ trigger, items, open, defaultOpen, onOpenChange, minWidth, maxHeight, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/product/menu/FloatingMenu.d.ts

@@ -0,0 +1,36 @@
+/**
+ * FloatingMenu — the ONE floating-panel mechanism for every menu. Renders the shared
+ * MenuPanel through the @hanzo/gui Portal, positioned at an anchor (a trigger rect or a
+ * cursor point), theme-forwarded via PortalTheme, edge-flipped, dismiss-wired and
+ * keyboard-navigable.
+ *
+ * Why Portal, not gui Popover: gui's Popover pulls in a SheetController that re-roots the
+ * trigger subtree and reads the theme from React context — on gui-native hosts
+ * (react-native-web-lite, theme in context, no CSS-class fallback) that throws
+ * "Missing theme" AT MOUNT. The raw Portal does not re-root, so DropdownMenu, ContextMenu,
+ * SelectMenu and ComboBox all ride this ONE working path.
+ */
+import type { ReactNode } from 'react';
+export type RectLike = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export declare function FloatingMenu({ open, onClose, anchorRect, anchorEl, gap, minWidth, maxHeight, autoFocus, children, }: {
+    open: boolean;
+    onClose: () => void;
+    /** Anchor in viewport coords — a trigger's rect, or a zero-size rect at a cursor point. */
+    anchorRect: () => RectLike | null | undefined;
+    /** Element excluded from outside-dismiss (the trigger / input row). */
+    anchorEl?: () => HTMLElement | null | undefined;
+    /** Space between the anchor's bottom and the panel (0 for a cursor menu). */
+    gap?: number;
+    minWidth?: number;
+    maxHeight?: number;
+    /** Focus the panel on open (for roving keys). ComboBox keeps focus in its input. */
+    autoFocus?: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/product/menu/index.d.ts

@@ -0,0 +1,5 @@
+export { DropdownMenu, type DropdownMenuProps } from './DropdownMenu';
+export { ContextMenu, type ContextMenuProps } from './ContextMenu';
+export { FloatingMenu, type RectLike } from './FloatingMenu';
+export { MenuPanel, MenuItemView, MenuSeparatorView, MenuLabelView, renderMenuItems, type MenuItemSpec, } from './items';
+export { PortalTheme } from './portal-theme';

package/dist/product/menu/items.d.ts

@@ -0,0 +1,68 @@
+/**
+ * The ONE menu-item spec — every menu across the fleet renders through these
+ * presentational primitives, so DropdownMenu, ContextMenu, SelectMenu and ComboBox
+ * are pixel-identical. Geometry is literal px on a strict 8-grid (never random);
+ * colour is theme-adaptive tokens ($color2/$color11/$color12/$borderColor) so light
+ * and dark both work, with the single purple accent supplied by the brand CSS vars.
+ *
+ * Style props use the @hanzo/gui config shorthands (bg/items/justify/px/py/p/mx/my/
+ * minW/maxH/rounded/select/shrink) — the config omits the longhand aliases.
+ *
+ * Panel   — bg $color2 (#111 dark), hairline border, radius 12, inner pad 4, subtle
+ *           border+ambient elevation.
+ * Item    — height 30 (28–32 band), px 8, gap 8, radius 7; icon in a fixed 16px slot
+ *           on the left; label 13px $color12; right affordance (shortcut / check /
+ *           chevron) right-aligned. States: hover/active/focus → accent-soft, focus
+ *           visible; selected → check + purple; disabled → muted, no hover.
+ * Separator — 1px hairline, 4px vertical margin.
+ * Label     — 11px uppercase muted section header, px 8.
+ */
+import type { ReactNode, KeyboardEvent } from 'react';
+export declare const PANEL_RADIUS = 12;
+export declare const PANEL_PAD = 4;
+export type MenuItemSpec = {
+    type?: 'item';
+    /** Stable key. */
+    key: string;
+    label: string;
+    /** Leading Lucide icon (16px, unfilled) in the fixed left slot. */
+    icon?: ReactNode;
+    /** Second muted line under the label (e.g. an id or hint). */
+    description?: string;
+    /** Right-aligned shortcut / hint text (e.g. "⌘K"). */
+    shortcut?: string;
+    /** Renders a right check + purple tint. */
+    selected?: boolean;
+    disabled?: boolean;
+    /** Danger styling (red label/icon). */
+    destructive?: boolean;
+    /** Renders a right chevron (submenu / drill-in affordance). */
+    hasSubmenu?: boolean;
+    onSelect: () => void;
+    /** Keep the menu open after selecting (default: close). */
+    closeOnSelect?: boolean;
+} | {
+    type: 'separator';
+    key?: string;
+} | {
+    type: 'label';
+    key?: string;
+    label: string;
+};
+export declare function MenuPanel({ children, minWidth, maxHeight, onKeyDown, panelRef, ...rest }: {
+    children: ReactNode;
+    minWidth?: number;
+    maxHeight?: number;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    /** Web DOM node of the panel (for measuring / edge-flip). */
+    panelRef?: (node: HTMLElement | null) => void;
+    [key: string]: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItemView({ icon, label, description, shortcut, selected, disabled, destructive, hasSubmenu, onSelect, }: Omit<Extract<MenuItemSpec, {
+    type?: 'item';
+}>, 'key' | 'type' | 'closeOnSelect'>): import("react/jsx-runtime").JSX.Element;
+export declare function MenuSeparatorView(): import("react/jsx-runtime").JSX.Element;
+export declare function MenuLabelView({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function renderMenuItems(items: MenuItemSpec[], close?: () => void): ReactNode;

package/dist/product/menu/portal-theme.d.ts

@@ -0,0 +1,28 @@
+/**
+ * PortalTheme — the ONE fix for "themed content escapes its theme through a portal".
+ *
+ * @hanzo/gui's `Popover.Content` and `Portal` render their children in a SEPARATE
+ * React subtree (a Gorhom-style portal host mounted at the app root), NOT via
+ * `ReactDOM.createPortal`. React context therefore does NOT flow from the trigger's
+ * location to the host. Under a nested `<Theme name="dark">` the portaled content
+ * lands OUTSIDE that theme context and Tamagui throws "Missing theme" (or renders
+ * unthemed).
+ *
+ * The fix is two-part and must stay two-part:
+ *   1. At the TRIGGER site (theme context still available) capture the resolved
+ *      theme name with `useThemeName()`.
+ *   2. INSIDE the portaled content re-apply it: `<PortalTheme name={captured}>`.
+ *
+ * Every portal-backed menu in this package (DropdownMenu, ContextMenu, SelectMenu,
+ * ComboBox) uses this so a menu renders identically whether it is opened under the
+ * root theme or under any nested `<Theme>`, light or dark.
+ */
+import type { ReactNode } from 'react';
+import { useThemeName } from '@hanzo/gui';
+/** Capture the current resolved theme name at the trigger site. Re-exported so the
+ *  capture + re-apply pair reads from one module. */
+export { useThemeName };
+export declare function PortalTheme({ name, children }: {
+    name: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/product/menu/roving.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Roving keyboard focus for a menu panel — ArrowUp/Down move focus between enabled
+ * `[role="menuitem"]` children, Home/End jump to ends, Escape closes. Web/desktop
+ * only (guards on `document`); native menus have no pointer-keyboard nav. Shared by
+ * DropdownMenu and ContextMenu so navigation is identical.
+ */
+import type { KeyboardEvent } from 'react';
+export declare function menuKeyDown(e: KeyboardEvent, onClose?: () => void): void;

package/{types → dist}/product/scope.d.ts

@@ -53,4 +53,3 @@ export type OrgScope = {
 export declare function orgScope(config: OrgScopeConfig): OrgScope;
 /** Case-insensitive filter over org name + display name (the switcher search). */
 export declare function filterOrgs<T extends Org>(orgs: T[], query: string): T[];
-//# sourceMappingURL=scope.d.ts.map

package/{types → dist}/product/surfaces.data.d.ts

@@ -14,4 +14,3 @@ export type Surface = {
 export declare const SURFACES: Surface[];
 /** Every surface except `current` — a launcher never links to itself. */
 export declare function otherSurfaces(current?: SurfaceId): Surface[];
-//# sourceMappingURL=surfaces.data.d.ts.map