import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
export { DROPDOWN_MENU_CONTENT_SURFACE_CLASS, PRODUCT_SWITCHER_MENU_SURFACE_CLASS, SHELL_IDENTITY_MENU_SURFACE_CLASS } from '../../lib/dropdown-menu-surface.js';

declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuTrigger({ asChild, className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
/**
 * A highlighted row repaints its descendants' text, except where a descendant
 * owns its own ink.
 *
 * The sweep exists because a row's secondary text sets `text-muted-foreground`
 * on itself, and muted grey on the accent fill is the one combination in the
 * menu that fails to read. Forcing every descendant to `accent-foreground` fixes
 * that and breaks anything painted on a colour of its own: a product tile is a
 * saturated brand square whose mark is white by contract, and a filled
 * `StatusBadge` is a fill and an ink chosen as a pair. Both went to near-black
 * ink on hover, on backgrounds picked for white.
 *
 * `[data-fixed-ink]` is the opt-out, and it covers the element's subtree, since
 * what needs protecting is usually the glyph or label inside the coloured
 * surface rather than the surface itself.
 */
declare function DropdownMenuItem({ className, inset, variant, shortcut, children, asChild, ...props }: React.ComponentProps<typeof DropdownMenu$1.Item> & {
    inset?: boolean;
    variant?: "default" | "destructive";
    /** Visual keyboard-shortcut hint shown on the right of the item (e.g. "⌘E", "F2").
     *  Purely cosmetic — to actually bind the key, render a sibling `<Shortcut keys={…} onInvoke={…} />`
     *  in a parent that stays mounted (menu items unmount when the menu closes). */
    shortcut?: string;
}): react_jsx_runtime.JSX.Element;
/** Invisible component that binds a keyboard shortcut globally while mounted.
 *  Pair with `DropdownMenuItem shortcut="⌘E"` for the visual hint. */
declare function Shortcut({ keys, onInvoke, disabled, }: {
    keys: string;
    onInvoke: (e: KeyboardEvent) => void;
    disabled?: boolean;
}): null;
declare function useShortcut(keys: string, onInvoke: (e: KeyboardEvent) => void, disabled?: boolean): void;
declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
    inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
    inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenu$1.Label> & {
    inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
    inset?: boolean;
}): react_jsx_runtime.JSX.Element;
declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;

export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Shortcut, useShortcut };