@neynar/ui 0.4.0 → 1.0.0

package/dist/components/ui/menubar.d.ts

@@ -1,548 +1,87 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
+import { MenuItemVariant } from '../../lib/variants';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu';
 import * as React from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-/**
- * A visually persistent menu common in desktop applications that provides access to a consistent set of commands.
- *
- * Menubar provides a horizontal navigation structure similar to desktop application menus
- * like those found in VS Code, Figma, or native applications. Each menu contains dropdown
- * content with actions, checkboxes, radio groups, and nested submenus.
- *
- * Built on top of Radix UI Menubar primitive with full keyboard navigation and accessibility support.
- *
- * @example
- * ```tsx
- * // Basic application menubar
- * <Menubar>
- *   <MenubarMenu>
- *     <MenubarTrigger>File</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarItem>New File <MenubarShortcut>⌘N</MenubarShortcut></MenubarItem>
- *       <MenubarItem>Open <MenubarShortcut>⌘O</MenubarShortcut></MenubarItem>
- *       <MenubarSeparator />
- *       <MenubarItem>Exit</MenubarItem>
- *     </MenubarContent>
- *   </MenubarMenu>
- *   <MenubarMenu>
- *     <MenubarTrigger>Edit</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarItem>Undo <MenubarShortcut>⌘Z</MenubarShortcut></MenubarItem>
- *       <MenubarItem>Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut></MenubarItem>
- *     </MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- *
- * @example
- * ```tsx
- * // With checkboxes and submenus
- * <Menubar>
- *   <MenubarMenu>
- *     <MenubarTrigger>View</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
- *         Show Toolbar
- *       </MenubarCheckboxItem>
- *       <MenubarSeparator />
- *       <MenubarSub>
- *         <MenubarSubTrigger>Panels</MenubarSubTrigger>
- *         <MenubarSubContent>
- *           <MenubarItem>Explorer</MenubarItem>
- *           <MenubarItem>Terminal</MenubarItem>
- *         </MenubarSubContent>
- *       </MenubarSub>
- *     </MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- *
- * @example
- * ```tsx
- * // With radio groups for exclusive selections
- * <Menubar>
- *   <MenubarMenu>
- *     <MenubarTrigger>Theme</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarRadioGroup value={theme} onValueChange={setTheme}>
- *         <MenubarRadioItem value="light">Light</MenubarRadioItem>
- *         <MenubarRadioItem value="dark">Dark</MenubarRadioItem>
- *         <MenubarRadioItem value="system">System</MenubarRadioItem>
- *       </MenubarRadioGroup>
- *     </MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- *
- * @accessibility
- * - Follows WAI-ARIA menubar pattern
- * - Left/Right arrow keys navigate between menu triggers
- * - Up/Down arrow keys navigate within menu content
- * - Enter or Space activates menu items
- * - Escape closes open menus
- * - Tab moves focus to next focusable element outside menubar
- * - Full keyboard navigation with arrow keys, Enter, and Escape
- * - Screen reader support with proper ARIA labels and roles
- *
- * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/menubar/} ARIA Menubar Pattern
- * @see {@link https://ui.shadcn.com/docs/components/menubar} shadcn/ui Menubar Documentation
- * @since 1.0.0
- */
-/**
- * Root container for the menubar component.
- *
- * Creates a persistent horizontal menu bar that provides access to application commands.
- * Supports keyboard navigation, controlled and uncontrolled states, and directional reading.
- *
- * @param className - Additional CSS classes to apply to the menubar container
- * @param defaultValue - The value of the menu that should be open when initially rendered. Use when you do not need to control the state
- * @param value - The controlled value of the menu to open. Should be used in conjunction with onValueChange
- * @param onValueChange - Event handler called when the value changes
- * @param dir - The reading direction of the menubar. If omitted, inherits globally from DirectionProvider or assumes LTR
- * @param loop - Whether keyboard navigation should loop from last item to first, and vice versa
- * @param props - Additional props from Radix UI Menubar Root
- *
- * @example
- * ```tsx
- * // Controlled menubar
- * <Menubar value={activeMenu} onValueChange={setActiveMenu}>
- *   <MenubarMenu value="file">
- *     <MenubarTrigger>File</MenubarTrigger>
- *     <MenubarContent>...</MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- */
-declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-/**
- * Container for a single menu within the menubar.
- *
- * Each MenubarMenu represents one dropdown menu that can be triggered
- * by its corresponding MenubarTrigger. Must be used within a Menubar root.
- *
- * @param value - The unique value of the menu for controlled state management
- * @param props - Additional props from Radix UI Menubar Menu
- *
- * @example
- * ```tsx
- * <MenubarMenu value="edit">
- *   <MenubarTrigger>Edit</MenubarTrigger>
- *   <MenubarContent>...</MenubarContent>
- * </MenubarMenu>
- * ```
- */
-declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
-/**
- * Groups related menu items together within MenubarContent.
- *
- * Used to create logical groupings of menu items, often separated
- * by MenubarSeparator components. Helps organize complex menus.
- *
- * @param props - All props from Radix UI Menubar Group
- *
- * @example
- * ```tsx
- * <MenubarContent>
- *   <MenubarGroup>
- *     <MenubarItem>Cut</MenubarItem>
- *     <MenubarItem>Copy</MenubarItem>
- *     <MenubarItem>Paste</MenubarItem>
- *   </MenubarGroup>
- *   <MenubarSeparator />
- *   <MenubarGroup>
- *     <MenubarItem>Find</MenubarItem>
- *     <MenubarItem>Replace</MenubarItem>
- *   </MenubarGroup>
- * </MenubarContent>
- * ```
- */
-declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-/**
- * Portal for rendering menu content outside the DOM hierarchy.
- *
- * Automatically used by MenubarContent to ensure proper layering
- * and positioning of dropdown menus. Prevents z-index conflicts.
- *
- * @param forceMount - Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries
- * @param container - Specify a container element to portal the content into
- * @param props - Additional props from Radix UI Menubar Portal
- *
- * @example
- * ```tsx
- * // Usually used automatically by MenubarContent
- * <MenubarPortal container={customContainer}>
- *   <MenubarPrimitive.Content>...</MenubarPrimitive.Content>
- * </MenubarPortal>
- * ```
- */
-declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-/**
- * Container for mutually exclusive radio items.
- *
- * Use for single-selection scenarios like theme selection,
- * view modes, or other settings where only one option can be active.
- * Only one RadioItem can be selected at a time within the group.
- *
- * @param value - The controlled value of the radio item to check. Should be used in conjunction with onValueChange
- * @param onValueChange - Event handler called when the value changes
- * @param props - Additional props from Radix UI Menubar RadioGroup
- *
- * @example
- * ```tsx
- * <MenubarRadioGroup value={theme} onValueChange={setTheme}>
- *   <MenubarRadioItem value="light">Light</MenubarRadioItem>
- *   <MenubarRadioItem value="dark">Dark</MenubarRadioItem>
- *   <MenubarRadioItem value="system">System</MenubarRadioItem>
- * </MenubarRadioGroup>
- * ```
- */
-declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-/**
- * Button that opens a dropdown menu.
- *
- * The trigger text should be concise and descriptive of the menu contents.
- * Common patterns include "File", "Edit", "View", "Tools", "Help".
- * Automatically receives focus management and keyboard navigation.
- *
- * @param className - Additional CSS classes to apply to the trigger button
- * @param asChild - Change the default rendered element for the one passed as a child, merging their props and behavior
- * @param props - Additional props from Radix UI Menubar Trigger
- *
- * @accessibility
- * - Receives focus with Tab key
- * - Opens menu with Enter, Space, or Arrow Down
- * - Left/Right arrows navigate between triggers
- * - Includes proper ARIA attributes for screen readers
- *
- * @example
- * ```tsx
- * <MenubarTrigger>
- *   File
- * </MenubarTrigger>
- * ```
- */
-declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-/**
- * Dropdown content container for menu items.
- *
- * Contains the actual menu items, separators, and submenus that appear
- * when a MenubarTrigger is activated. Automatically portaled and positioned.
- *
- * @param className - Additional CSS classes to apply to the content container
- * @param align - The preferred alignment against the trigger. May change when collisions occur
- * @param alignOffset - An offset in pixels from the "start" or "end" alignment options
- * @param sideOffset - The distance in pixels from the trigger
- * @param side - The preferred side of the trigger to render against when open
- * @param avoidCollisions - When true, overrides the side and align preferences to prevent collisions with viewport edges
- * @param collisionBoundary - The element used as the collision boundary for positioning
- * @param loop - Whether keyboard navigation should loop from last item to first, and vice versa
- * @param onEscapeKeyDown - Event handler called when the escape key is down
- * @param onPointerDownOutside - Event handler called when a pointerdown event happens outside of the component
- * @param onFocusOutside - Event handler called when focus moves outside of the component
- * @param onInteractOutside - Event handler called when an interaction happens outside the component
- * @param props - Additional props from Radix UI Menubar Content
- *
- * @accessibility
- * - Focus is automatically managed within the content
- * - Arrow keys navigate between items
- * - Escape key closes the menu
- * - Click outside closes the menu
- *
- * @example
- * ```tsx
- * <MenubarContent align="center" sideOffset={12}>
- *   <MenubarItem>New File</MenubarItem>
- *   <MenubarItem>Open File</MenubarItem>
- *   <MenubarSeparator />
- *   <MenubarItem>Exit</MenubarItem>
- * </MenubarContent>
- * ```
- */
-declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-/**
- * A selectable menu item within MenubarContent.
- *
- * Can be enhanced with icons, keyboard shortcuts, and supports
- * different variants including destructive actions. Automatically
- * handles selection events and keyboard navigation.
- *
- * @param className - Additional CSS classes to apply to the menu item
- * @param inset - Whether to add left padding for alignment with items that have icons
- * @param variant - Visual variant of the menu item
- * @param disabled - When true, prevents the user from interacting with the item
- * @param onSelect - Event handler called when the user selects an item (via mouse or keyboard)
- * @param textValue - Optional text used for typeahead purposes when content is complex
- * @param props - Additional props from Radix UI Menubar Item
- *
- * @variant default - Standard menu item appearance with neutral colors
- * @variant destructive - Red-tinted appearance for dangerous actions like delete or remove
- *
- * @accessibility
- * - Focusable with keyboard navigation
- * - Activatable with Enter or Space keys
- * - Supports typeahead search within menu
- * - Properly labeled for screen readers
- *
- * @example
- * ```tsx
- * <MenubarItem onSelect={() => deleteFile()} variant="destructive">
- *   Delete File
- *   <MenubarShortcut>⌫</MenubarShortcut>
- * </MenubarItem>
- * ```
- */
-declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+type MenubarProps = MenubarPrimitive.Props;
+/**
+ * Horizontal menubar for application-level navigation and actions.
+ * Typically used at the top of an application with File, Edit, View, Help menus.
+ */
+declare function Menubar({ className, ...props }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+type MenubarMenuProps = React.ComponentProps<typeof DropdownMenu>;
+/** Individual menu within the menubar. Manages open/close state for a single menu. */
+declare function MenubarMenu({ ...props }: MenubarMenuProps): import("react/jsx-runtime").JSX.Element;
+type MenubarGroupProps = React.ComponentProps<typeof DropdownMenuGroup>;
+/** Groups related menu items together with optional label. */
+declare function MenubarGroup({ ...props }: MenubarGroupProps): import("react/jsx-runtime").JSX.Element;
+type MenubarPortalProps = React.ComponentProps<typeof DropdownMenuPortal>;
+/** Renders menu content in a portal. Automatically used by MenubarContent. */
+declare function MenubarPortal({ ...props }: MenubarPortalProps): import("react/jsx-runtime").JSX.Element;
+type MenubarTriggerProps = React.ComponentProps<typeof DropdownMenuTrigger>;
+/** Button that opens a menu. Use `render` prop to customize. */
+declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): import("react/jsx-runtime").JSX.Element;
+type MenubarContentProps = React.ComponentProps<typeof DropdownMenuContent>;
+/**
+ * Menu content container with automatic portal rendering.
+ * Includes backdrop blur (frosted glass effect) and smooth animations.
+ */
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
+type MenubarItemProps = MenuPrimitive.Item.Props & {
+    /** Adds left padding for items in menus with leading icons/checkboxes. */
     inset?: boolean;
-    variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * A menu item that can be checked/unchecked.
- *
- * Perfect for toggle options like "Show Toolbar", "Enable Feature",
- * or any binary setting that can be turned on/off. Displays a
- * checkmark icon when checked.
- *
- * @param className - Additional CSS classes to apply to the checkbox item
- * @param children - The content of the checkbox item
- * @param checked - The controlled checked state of the item. Must be used in conjunction with onCheckedChange
- * @param onCheckedChange - Event handler called when the checked state changes
- * @param disabled - When true, prevents the user from interacting with the item
- * @param onSelect - Event handler called when the user selects an item (via mouse or keyboard)
- * @param textValue - Optional text used for typeahead purposes when content is complex
- * @param props - Additional props from Radix UI Menubar CheckboxItem
- *
- * @accessibility
- * - Proper ARIA checkbox role and state
- * - Keyboard activatable with Enter or Space
- * - Visual indicator shows checked/unchecked state
- * - Screen reader announces state changes
- *
- * @example
- * ```tsx
- * <MenubarCheckboxItem
- *   checked={showLineNumbers}
- *   onCheckedChange={setShowLineNumbers}
- * >
- *   Show Line Numbers
- * </MenubarCheckboxItem>
- * ```
- */
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-/**
- * A menu item for single selection within a MenubarRadioGroup.
- *
- * Use within MenubarRadioGroup for mutually exclusive options.
- * Only one radio item can be selected at a time within the group.
- * Displays a filled circle icon when selected.
- *
- * @param className - Additional CSS classes to apply to the radio item
- * @param children - The content of the radio item
- * @param value - The unique value of the item (required)
- * @param disabled - When true, prevents the user from interacting with the item
- * @param onSelect - Event handler called when the user selects an item (via mouse or keyboard)
- * @param textValue - Optional text used for typeahead purposes when content is complex
- * @param props - Additional props from Radix UI Menubar RadioItem
- *
- * @accessibility
- * - Proper ARIA radio role and state
- * - Keyboard activatable with Enter or Space
- * - Visual indicator shows selected state
- * - Screen reader announces selection changes
- *
- * @example
- * ```tsx
- * <MenubarRadioGroup value={theme} onValueChange={setTheme}>
- *   <MenubarRadioItem value="light">Light Theme</MenubarRadioItem>
- *   <MenubarRadioItem value="dark">Dark Theme</MenubarRadioItem>
- *   <MenubarRadioItem value="system">System Theme</MenubarRadioItem>
- * </MenubarRadioGroup>
- * ```
- */
-declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-/**
- * A non-interactive label for grouping menu items.
- *
- * Used to provide section headings within menu content,
- * helping users understand the organization of menu items.
- * Cannot be focused or selected.
- *
- * @param className - Additional CSS classes to apply to the label
- * @param inset - Whether to add left padding for alignment with items that have icons
- * @param props - Additional props from Radix UI Menubar Label
- *
- * @accessibility
- * - Not focusable via keyboard navigation
- * - Provides semantic grouping information
- * - Screen readers announce as a label
- *
- * @example
- * ```tsx
- * <MenubarContent>
- *   <MenubarLabel>Recent Files</MenubarLabel>
- *   <MenubarSeparator />
- *   <MenubarItem>document.txt</MenubarItem>
- *   <MenubarItem>photo.jpg</MenubarItem>
- * </MenubarContent>
- * ```
- */
-declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    /** Visual variant for different action types. @default "default" */
+    variant?: MenuItemVariant;
+};
+/**
+ * Interactive menu item. Supports variants (default, destructive, success, warning, info).
+ * Use `inset` for items in menus with icons/checkboxes.
+ */
+declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): import("react/jsx-runtime").JSX.Element;
+type MenubarCheckboxItemProps = MenuPrimitive.CheckboxItem.Props;
+/**
+ * Menu item with checkbox for toggling independent boolean options.
+ * Displays checkmark when checked. Use for multiple toggleable settings.
+ */
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: MenubarCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+type MenubarRadioGroupProps = React.ComponentProps<typeof DropdownMenuRadioGroup>;
+/** Container for radio items. Manages single selection from mutually exclusive options. */
+declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props;
+/**
+ * Menu item with radio button for selecting one option from a group.
+ * Must be wrapped in MenubarRadioGroup. Displays checkmark when selected.
+ */
+declare function MenubarRadioItem({ className, children, ...props }: MenubarRadioItemProps): import("react/jsx-runtime").JSX.Element;
+type MenubarLabelProps = React.ComponentProps<typeof DropdownMenuLabel>;
+/** Non-interactive label for grouping menu items. Use inside MenubarGroup. */
+declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): import("react/jsx-runtime").JSX.Element;
+type MenubarSeparatorProps = React.ComponentProps<typeof DropdownMenuSeparator>;
+/** Visual separator between menu items or groups. */
+declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): import("react/jsx-runtime").JSX.Element;
+type MenubarShortcutProps = React.ComponentProps<typeof DropdownMenuShortcut>;
+/**
+ * Keyboard shortcut hint displayed on the right side of menu items.
+ * Shows in muted color, highlights on focus. For display only, doesn't bind keys.
+ */
+declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): import("react/jsx-runtime").JSX.Element;
+type MenubarSubProps = React.ComponentProps<typeof DropdownMenuSub>;
+/** Container for nested submenu. Manages open/close state for the submenu. */
+declare function MenubarSub({ ...props }: MenubarSubProps): import("react/jsx-runtime").JSX.Element;
+type MenubarSubTriggerProps = React.ComponentProps<typeof DropdownMenuSubTrigger> & {
+    /** Adds left padding for alignment with items that have icons/checkboxes. */
     inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
 /**
- * A visual divider between menu items.
- *
- * Use to create logical groupings and improve visual hierarchy
- * within menu content. Creates clear sections for related items.
- *
- * @param className - Additional CSS classes to apply to the separator
- * @param props - Additional props from Radix UI Menubar Separator
- *
- * @accessibility
- * - Not focusable via keyboard navigation
- * - Provides visual separation for screen reader users
- * - Helps organize menu content logically
- *
- * @example
- * ```tsx
- * <MenubarContent>
- *   <MenubarItem>New</MenubarItem>
- *   <MenubarItem>Open</MenubarItem>
- *   <MenubarSeparator />
- *   <MenubarItem>Save</MenubarItem>
- *   <MenubarItem>Save As</MenubarItem>
- * </MenubarContent>
- * ```
+ * Menu item that opens a submenu on hover or click.
+ * Displays chevron icon automatically. Use inside MenubarSub.
  */
-declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-/**
- * Displays keyboard shortcut for a menu item.
- *
- * Shows keyboard shortcuts aligned to the right of menu items.
- * Use standard platform conventions (⌘ for Mac, Ctrl+ for Windows/Linux).
- * Purely visual - does not implement the actual keyboard functionality.
- *
- * @param className - Additional CSS classes to apply to the shortcut text
- * @param props - Additional props from HTML span element
- *
- * @accessibility
- * - Provides keyboard shortcut information to all users
- * - Screen readers announce shortcut along with menu item
- * - Does not interfere with keyboard navigation
- *
- * @example
- * ```tsx
- * <MenubarItem onSelect={() => save()}>
- *   Save File
- *   <MenubarShortcut>⌘S</MenubarShortcut>
- * </MenubarItem>
- *
- * // Platform-specific shortcuts
- * <MenubarItem>
- *   Copy
- *   <MenubarShortcut>{isMac ? '⌘C' : 'Ctrl+C'}</MenubarShortcut>
- * </MenubarItem>
- * ```
- */
-declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-/**
- * Container for a submenu.
- *
- * Wraps MenubarSubTrigger and MenubarSubContent to create
- * nested menu structures. Supports controlled and uncontrolled states.
- *
- * @param open - The controlled open state of the sub menu. Must be used in conjunction with onOpenChange
- * @param defaultOpen - The open state of the submenu when it is initially rendered. Use when you do not need to control its open state
- * @param onOpenChange - Event handler called when the open state of the submenu changes
- * @param props - Additional props from Radix UI Menubar Sub
- *
- * @accessibility
- * - Right arrow key opens submenu from trigger
- * - Left arrow key closes submenu and returns focus to trigger
- * - Focus is managed automatically between parent and child menus
- *
- * @example
- * ```tsx
- * <MenubarSub>
- *   <MenubarSubTrigger>Export</MenubarSubTrigger>
- *   <MenubarSubContent>
- *     <MenubarItem>Export as PDF</MenubarItem>
- *     <MenubarItem>Export as CSV</MenubarItem>
- *     <MenubarItem>Export as JSON</MenubarItem>
- *   </MenubarSubContent>
- * </MenubarSub>
- *
- * // Controlled submenu
- * <MenubarSub open={exportOpen} onOpenChange={setExportOpen}>
- *   <MenubarSubTrigger>Export</MenubarSubTrigger>
- *   <MenubarSubContent>...</MenubarSubContent>
- * </MenubarSub>
- * ```
- */
-declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-/**
- * Menu item that opens a submenu.
- *
- * Automatically includes a right arrow indicator to show
- * that it opens a submenu when hovered or focused.
- * Opens submenu on hover or right arrow key press.
- *
- * @param className - Additional CSS classes to apply to the sub-trigger
- * @param inset - Whether to add left padding for alignment with items that have icons
- * @param children - The content of the sub-trigger
- * @param disabled - When true, prevents the user from interacting with the item
- * @param textValue - Optional text used for typeahead purposes when content is complex
- * @param props - Additional props from Radix UI Menubar SubTrigger
- *
- * @accessibility
- * - Right arrow key opens the submenu
- * - Enter or Space also opens the submenu
- * - Focus moves to first item in submenu when opened
- * - Visual arrow indicator shows submenu availability
- *
- * @example
- * ```tsx
- * <MenubarSubTrigger>
- *   Recent Files
- * </MenubarSubTrigger>
- * ```
- */
-declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, ...props }: MenubarSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+type MenubarSubContentProps = React.ComponentProps<typeof DropdownMenuSubContent>;
 /**
- * Content container for a submenu.
- *
- * Contains the menu items that appear when a MenubarSubTrigger
- * is hovered or focused. Supports all the same content as MenubarContent.
- * Automatically positioned to avoid viewport collisions.
- *
- * @param className - Additional CSS classes to apply to the sub-content container
- * @param align - The preferred alignment against the trigger. May change when collisions occur
- * @param alignOffset - An offset in pixels from the "start" or "end" alignment options
- * @param sideOffset - The distance in pixels from the trigger
- * @param side - The preferred side of the trigger to render against when open
- * @param avoidCollisions - When true, overrides the side and align preferences to prevent collisions with viewport edges
- * @param collisionBoundary - The element used as the collision boundary for positioning
- * @param loop - Whether keyboard navigation should loop from last item to first, and vice versa
- * @param onEscapeKeyDown - Event handler called when the escape key is down
- * @param onPointerDownOutside - Event handler called when a pointerdown event happens outside of the component
- * @param onFocusOutside - Event handler called when focus moves outside of the component
- * @param onInteractOutside - Event handler called when an interaction happens outside the component
- * @param props - Additional props from Radix UI Menubar SubContent
- *
- * @accessibility
- * - Left arrow key closes submenu and returns focus to trigger
- * - Arrow keys navigate within submenu items
- * - Escape key closes entire menu hierarchy
- * - Focus is trapped within submenu when open
- *
- * @example
- * ```tsx
- * <MenubarSubContent>
- *   <MenubarItem>document1.txt</MenubarItem>
- *   <MenubarItem>document2.txt</MenubarItem>
- *   <MenubarItem>document3.txt</MenubarItem>
- * </MenubarSubContent>
- * ```
+ * Content container for submenu items.
+ * Positioned relative to trigger, includes backdrop blur and animations.
  */
-declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
+declare function MenubarSubContent({ className, ...props }: MenubarSubContentProps): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, type MenubarProps, type MenubarPortalProps, type MenubarMenuProps, type MenubarTriggerProps, type MenubarContentProps, type MenubarGroupProps, type MenubarSeparatorProps, type MenubarLabelProps, type MenubarItemProps, type MenubarShortcutProps, type MenubarCheckboxItemProps, type MenubarRadioGroupProps, type MenubarRadioItemProps, type MenubarSubProps, type MenubarSubTriggerProps, type MenubarSubContentProps, };
 //# sourceMappingURL=menubar.d.ts.map

package/dist/components/ui/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,+BAA+B,CAAC;AAGvC,KAAK,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3C;;;GAGG;AACH,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAWrD;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAElE,sFAAsF;AACtF,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAExE,8DAA8D;AAC9D,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEpD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1E,8EAA8E;AAC9E,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEtD;AAED,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5E,gEAAgE;AAChE,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAWnE;AAED,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAE5E;;;GAGG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAe,EACf,WAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAcrB;AAED,KAAK,gBAAgB,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG;IACjD,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,KAAa,EACb,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAYlB;AAED,KAAK,wBAAwB,GAAG,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC;AAEjE;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAmB1B;AAED,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,sBAAsB,CAC9B,CAAC;AAEF,2FAA2F;AAC3F,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAE9D;AAED,KAAK,qBAAqB,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC;AAE3D;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkBvB;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAExE,8EAA8E;AAC9E,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYtE;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEhF,qDAAqD;AACrD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAQvE;AAED,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE9E;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAWrE;AAED,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEpE,8EAA8E;AAC9E,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAEhD;AAED,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,sBAAsB,CAC9B,GAAG;IACF,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAYxB;AAED,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,sBAAsB,CAC9B,CAAC;AAEF;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWzE;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,WAAW,EACX,cAAc,EACd,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,GAC5B,CAAC"}