<!-- source-hash: 012df9d2854b351926910f02fe6af944 -->
A styled React menubar component system built on top of Radix UI primitives, providing a complete set of components for creating accessible desktop-style menu bars with dropdowns, submenus, and various item types.

## Key Components

- **Menubar** - Root container component with styled border and spacing
- **MenubarTrigger** - Clickable menu trigger buttons with hover/focus states
- **MenubarContent** - Dropdown menu container with animations and portal rendering
- **MenubarItem** - Basic menu items with focus states and disabled support
- **MenubarCheckboxItem** - Checkable menu items with check icon indicators
- **MenubarRadioItem** - Radio button menu items with circle indicators
- **MenubarSubTrigger/MenubarSubContent** - Nested submenu components with chevron icons
- **MenubarSeparator** - Visual dividers between menu sections
- **MenubarLabel** - Non-interactive section headers
- **MenubarShortcut** - Keyboard shortcut display component

## Usage Example

```typescript
import {
  Menubar,
  MenubarContent,
  MenubarItem,
  MenubarMenu,
  MenubarSeparator,
  MenubarShortcut,
  MenubarTrigger,
} from "./menubar"

function AppMenubar() {
  return (
    <Menubar>
      <MenubarMenu>
        <MenubarTrigger>File</MenubarTrigger>
        <MenubarContent>
          <MenubarItem>
            New Tab <MenubarShortcut>⌘T</MenubarShortcut>
          </MenubarItem>
          <MenubarItem>
            New Window <MenubarShortcut>⌘N</MenubarShortcut>
          </MenubarItem>
          <MenubarSeparator />
          <MenubarItem>Share</MenubarItem>
        </MenubarContent>
      </MenubarMenu>
    </Menubar>
  )
}
```