import { default as React } from 'react';
export type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
export interface PopoverProps {
    /** Trigger element */
    trigger: React.ReactElement;
    /** Popover content */
    children: React.ReactNode;
    /** Placement relative to trigger */
    placement?: PopoverPlacement;
    /** Open on hover instead of click */
    hover?: boolean;
    /** Controlled open state */
    open?: boolean;
    /** Controlled open change */
    onOpenChange?: (open: boolean) => void;
    /** Close on content click */
    closeOnClick?: boolean;
    /** Width: 'trigger' matches trigger width, number for px, 'auto' */
    width?: "trigger" | "auto" | number;
    /** Custom style for popover panel */
    style?: React.CSSProperties;
}
export declare const Popover: React.NamedExoticComponent<PopoverProps>;
export interface MenuProps {
    children: React.ReactNode;
    style?: React.CSSProperties;
}
declare const MenuRoot: React.NamedExoticComponent<MenuProps>;
export interface MenuItemProps {
    /** Click handler */
    onClick?: () => void;
    /** Icon (ReactNode or IconName string) */
    icon?: React.ReactNode;
    /** Label text */
    children: React.ReactNode;
    /** Disabled state */
    disabled?: boolean;
    /** Destructive action (red text) */
    destructive?: boolean;
    /** Keyboard shortcut hint */
    shortcut?: string;
}
declare const MenuItem: React.NamedExoticComponent<MenuItemProps>;
declare const MenuDivider: React.NamedExoticComponent<object>;
declare const MenuLabel: React.NamedExoticComponent<{
    children: React.ReactNode;
}>;
type MenuComponent = typeof MenuRoot & {
    Item: typeof MenuItem;
    Divider: typeof MenuDivider;
    Label: typeof MenuLabel;
};
export declare const Menu: MenuComponent;
export default Popover;