{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "menubar",
  "type": "registry:ui",
  "title": "Menubar",
  "files": [
    {
      "path": "ui/menubar.tsrx",
      "type": "registry:ui",
      "target": "components/ui/menubar.tsrx",
      "content": "// Base UI base menubar — the bar runs on @octanejs/base-ui's `Menubar`, and every menu inside it\n// runs on `Menu`, the same primitive `dropdown-menu` uses. Class strings from the maintainer-supplied\n// radix source.\n//\n// PART MAPPING. Radix nests the whole family under one `Menubar` namespace; Base UI has a `Menubar`\n// component for the bar ONLY, and the menus are ordinary `Menu` parts:\n//\n//     radix     Menubar.Root / .Menu / .Trigger / .Content / .Item / .Sub / …\n//     Base UI   Menubar   +   Menu.Root / .Trigger / .Portal > .Positioner > .Popup / .Item / …\n//\n// CARRIED OVER FROM dropdown-menu, re-verified against this composition:\n//   - `--radix-menubar-content-transform-origin` -> `--transform-origin`. A utility naming a\n//     variable nothing sets does nothing, silently.\n//   - The SUBMENU trigger marks itself open with `data-popup-open`, not the `data-open` the popup\n//     carries, so radix's `data-open:bg-accent` there would never match.\n//   - `Label` and `Separator` are plain host elements: `Menu.GroupLabel` throws outside a\n//     `Menu.Group` while shadcn's label is standalone, and the `Menu` namespace ships no Separator\n//     part at all (its sibling `ContextMenu` does).\n//   - Radix's `focus:` item utilities carry over, because Base UI moves real DOM focus onto the\n//     highlighted item.\n//   - Positioning props are routed to the Positioner, not swept onto the Popup where they are inert.\n//\n// THE BAR TRIGGER IS THE ONE PLACE THIS FAMILY DIFFERS from the dropdown. Its radix class keys off\n// `aria-expanded:bg-muted` rather than a data attribute, and that carries over UNCHANGED — Base UI's\n// trigger publishes `aria-expanded=\"true\"` when its menu is open (verified by rendering). So the\n// `data-popup-open` rewrite above applies only to the submenu trigger, not to this one.\nimport { type OctaneNode } from 'octane';\nimport { Menubar as MenubarPrimitive } from '@octanejs/base-ui/menubar';\nimport { Menu as MenuPrimitive } from '@octanejs/base-ui/menu';\nimport { CheckIcon, ChevronRightIcon } from '@octanejs/lucide';\n\nimport { cn } from '@/lib/utils';\n\ntype Props = { className?: string; children?: OctaneNode } & Record<string, unknown>;\n\nexport interface BaseUiPositioningProps {\n\t/** Forwarded to the Positioner; see the note at the top of this file. */\n\tside?: 'top' | 'right' | 'bottom' | 'left';\n\tsideOffset?: number;\n\talign?: 'start' | 'center' | 'end';\n\talignOffset?: number;\n\tanchor?: unknown;\n\tpositionMethod?: 'absolute' | 'fixed';\n\tcollisionBoundary?: unknown;\n\tcollisionPadding?: unknown;\n\tcollisionAvoidance?: unknown;\n\tarrowPadding?: number;\n\tsticky?: boolean;\n\tdisableAnchorTracking?: boolean;\n}\n\nexport function Menubar({ className, ...props }: Props) @{\n\t<MenubarPrimitive\n\t\tdata-slot=\"menubar\"\n\t\tclassName={cn('flex h-8 items-center gap-0.5 rounded-lg border p-[3px]', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarMenu(props: Record<string, unknown>) @{\n\t<MenuPrimitive.Root data-slot=\"menubar-menu\" {...props} />\n}\n\nexport function MenubarGroup(props: Record<string, unknown>) @{\n\t<MenuPrimitive.Group data-slot=\"menubar-group\" {...props} />\n}\n\nexport function MenubarPortal(props: Record<string, unknown>) @{\n\t<MenuPrimitive.Portal data-slot=\"menubar-portal\" {...props} />\n}\n\nexport function MenubarRadioGroup(props: Record<string, unknown>) @{\n\t<MenuPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nexport function MenubarTrigger({ className, ...props }: Props) @{\n\t<MenuPrimitive.Trigger\n\t\tdata-slot=\"menubar-trigger\"\n\t\tclassName={cn(\n\t\t\t'flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarContent({\n\tclassName,\n\talign = 'start',\n\talignOffset = -4,\n\tsideOffset = 8,\n\tside,\n\tanchor,\n\tpositionMethod,\n\tcollisionBoundary,\n\tcollisionPadding,\n\tcollisionAvoidance,\n\tarrowPadding,\n\tsticky,\n\tdisableAnchorTracking,\n\t...props\n}: Props & BaseUiPositioningProps) @{\n\t<MenuPrimitive.Portal>\n\t\t<MenuPrimitive.Positioner\n\t\t\talign={align}\n\t\t\talignOffset={alignOffset}\n\t\t\tsideOffset={sideOffset}\n\t\t\tside={side}\n\t\t\tanchor={anchor}\n\t\t\tpositionMethod={positionMethod}\n\t\t\tcollisionBoundary={collisionBoundary}\n\t\t\tcollisionPadding={collisionPadding}\n\t\t\tcollisionAvoidance={collisionAvoidance}\n\t\t\tarrowPadding={arrowPadding}\n\t\t\tsticky={sticky}\n\t\t\tdisableAnchorTracking={disableAnchorTracking}\n\t\t>\n\t\t\t<MenuPrimitive.Popup\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'z-50 min-w-36 origin-(--transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenuPrimitive.Positioner>\n\t</MenuPrimitive.Portal>\n}\n\nexport function MenubarItem({ className, inset, variant = 'default', ...props }: Props & {\n\tinset?: boolean;\n\tvariant?: 'default' | 'destructive';\n}) @{\n\t<MenuPrimitive.Item\n\t\tdata-slot=\"menubar-item\"\n\t\tdata-inset={inset}\n\t\tdata-variant={variant}\n\t\tclassName={cn(\n\t\t\t'group/menubar-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarCheckboxItem(props: Props & {\n\tchecked?: boolean;\n\tinset?: boolean;\n}) @{\n\tconst { className, children: _children, checked, inset, ...rest } = props;\n\n\t<MenuPrimitive.CheckboxItem\n\t\tdata-slot=\"menubar-checkbox-item\"\n\t\tdata-inset={inset}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0',\n\t\t\tclassName,\n\t\t)}\n\t\tchecked={checked}\n\t\t{...rest}\n\t>\n\t\t<span\n\t\t\tclassName=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\"\n\t\t>\n\t\t\t<MenuPrimitive.CheckboxItemIndicator>\n\t\t\t\t<CheckIcon />\n\t\t\t</MenuPrimitive.CheckboxItemIndicator>\n\t\t</span>\n\t\t{props.children}\n\t</MenuPrimitive.CheckboxItem>\n}\n\nexport function MenubarRadioItem(props: Props & { inset?: boolean }) @{\n\tconst { className, children: _children, inset, ...rest } = props;\n\n\t<MenuPrimitive.RadioItem\n\t\tdata-slot=\"menubar-radio-item\"\n\t\tdata-inset={inset}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4',\n\t\t\tclassName,\n\t\t)}\n\t\t{...rest}\n\t>\n\t\t<span\n\t\t\tclassName=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\"\n\t\t>\n\t\t\t<MenuPrimitive.RadioItemIndicator>\n\t\t\t\t<CheckIcon />\n\t\t\t</MenuPrimitive.RadioItemIndicator>\n\t\t</span>\n\t\t{props.children}\n\t</MenuPrimitive.RadioItem>\n}\n\nexport function MenubarLabel({ className, inset, ...props }: Props & { inset?: boolean }) @{\n\t<div\n\t\tdata-slot=\"menubar-label\"\n\t\tdata-inset={inset}\n\t\tclassName={cn('px-1.5 py-1 text-sm font-medium data-inset:pl-7', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarSeparator({ className, ...props }: Props) @{\n\t<div\n\t\trole=\"separator\"\n\t\taria-orientation=\"horizontal\"\n\t\tdata-slot=\"menubar-separator\"\n\t\tclassName={cn('-mx-1 my-1 h-px bg-border', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarShortcut({ className, ...props }: Props) @{\n\t<span\n\t\tdata-slot=\"menubar-shortcut\"\n\t\tclassName={cn(\n\t\t\t'ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function MenubarSub(props: Record<string, unknown>) @{\n\t<MenuPrimitive.SubmenuRoot data-slot=\"menubar-sub\" {...props} />\n}\n\nexport function MenubarSubTrigger(props: Props & { inset?: boolean }) @{\n\tconst { className, children: _children, inset, ...rest } = props;\n\n\t<MenuPrimitive.SubmenuTrigger\n\t\tdata-slot=\"menubar-sub-trigger\"\n\t\tdata-inset={inset}\n\t\tclassName={cn(\n\t\t\t'flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground [&_svg:not([class*=\\'size-\\'])]:size-4',\n\t\t\tclassName,\n\t\t)}\n\t\t{...rest}\n\t>\n\t\t{props.children}\n\t\t<ChevronRightIcon className=\"cn-rtl-flip ml-auto\" />\n\t</MenuPrimitive.SubmenuTrigger>\n}\n\nexport function MenubarSubContent({\n\tclassName,\n\tside,\n\tsideOffset,\n\talign,\n\talignOffset,\n\tanchor,\n\tpositionMethod,\n\tcollisionBoundary,\n\tcollisionPadding,\n\tcollisionAvoidance,\n\tarrowPadding,\n\tsticky,\n\tdisableAnchorTracking,\n\t...props\n}: Props & BaseUiPositioningProps) @{\n\t<MenuPrimitive.Portal>\n\t\t<MenuPrimitive.Positioner\n\t\t\tside={side}\n\t\t\tsideOffset={sideOffset}\n\t\t\talign={align}\n\t\t\talignOffset={alignOffset}\n\t\t\tanchor={anchor}\n\t\t\tpositionMethod={positionMethod}\n\t\t\tcollisionBoundary={collisionBoundary}\n\t\t\tcollisionPadding={collisionPadding}\n\t\t\tcollisionAvoidance={collisionAvoidance}\n\t\t\tarrowPadding={arrowPadding}\n\t\t\tsticky={sticky}\n\t\t\tdisableAnchorTracking={disableAnchorTracking}\n\t\t>\n\t\t\t<MenuPrimitive.Popup\n\t\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenuPrimitive.Positioner>\n\t</MenuPrimitive.Portal>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/base-ui@0.1.36",
    "@octanejs/lucide@0.1.33"
  ],
  "registryDependencies": [
    "@octane/utils"
  ]
}