import type { OverlayOpenChangeDetail } from '../../core'; export type OreNavigationMenuEvents = { 'open-change': OverlayOpenChangeDetail & { value: string | null; }; select: NavigationMenuSelectDetail; }; export type NavigationMenuSelectDetail = { href: string; value: string; }; export type OreNavigationMenuItemProps = { disabled?: boolean; value: string; }; export type OreNavigationMenuProps = { /** Close after activating a panel link. */ 'close-on-select'?: boolean; columns?: number; 'default-open'?: string; disabled?: boolean; /** Accessible label for the trigger region. */ label?: string; open?: string; placement?: 'bottom-end' | 'bottom-start'; }; /** * A trigger for an associated navigation menu panel. * * @element ore-navigation-menu-item * * @attr {boolean} disabled - Disables panel activation * @attr {string} value - Unique value matched by a panel's `for` attribute * * @slot - Trigger label and optional icon */ export declare const NAVIGATION_MENU_ITEM_TAG: "ore-navigation-menu-item"; /** * An anchored navigation menu panel associated with an item. * * @element ore-navigation-menu-panel * * @attr {string} for - Value of the associated navigation menu item * * @slot - Panel content * @slot footer - Optional panel footer * * @part content - Grid container for panel content * @part footer - Container for optional footer content */ export declare const NAVIGATION_MENU_PANEL_TAG: "ore-navigation-menu-panel"; /** * A horizontal set of triggers with anchored, non-modal navigation panels. * * @element ore-navigation-menu * * @attr {string} open - Controlled active trigger value * @attr {string} default-open - Initial uncontrolled active trigger value * @attr {boolean} close-on-select - Closes after activating a panel link * @attr {number} columns - Number of panel content columns * @attr {boolean} disabled - Disables all triggers * @attr {string} label - Accessible navigation region label * @attr {'bottom-start'|'bottom-end'} placement - Panel placement relative to its trigger * * @slot - Navigation menu items and panels * * @event open-change - Requested active panel change * @event select - A panel link was activated * * @cssprop --navigation-menu-panel-width - Maximum panel width * @cssprop --navigation-menu-panel-columns - Fallback number of panel content columns * @cssprop --navigation-menu-backdrop-blur - Frosted panel backdrop blur */ export declare const NAVIGATION_MENU_TAG: "ore-navigation-menu"; //# sourceMappingURL=navigation-menu.d.ts.map