{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "context-menu",
  "type": "registry:ui",
  "title": "Context Menu",
  "files": [
    {
      "path": "ui/context-menu.tsrx",
      "type": "registry:ui",
      "target": "components/ui/context-menu.tsrx",
      "content": "// Base UI base context-menu — runs on @octanejs/base-ui's `ContextMenu`. Class strings from the\n// maintainer-supplied radix source; every difference below was checked against rendered DOM.\n//\n// This is dropdown-menu's sibling and inherits its findings, WITH ONE IMPROVEMENT: `ContextMenu`\n// ships a real `Separator` part, which `Menu` does not, so the separator is the primitive here\n// rather than a plain host element. It emits `role=\"separator\"`, `aria-orientation` and\n// `data-orientation`.\n//\n// CARRIED OVER FROM dropdown-menu, all re-verified against this primitive:\n//   - Two CSS variables are renamed. Radix publishes per-component names; Base UI's Positioner\n//     publishes generic ones, and a utility naming a variable nothing sets does nothing, silently:\n//         --radix-context-menu-content-available-height  ->  --available-height\n//         --radix-context-menu-content-transform-origin  ->  --transform-origin\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` would leave an open submenu's parent row unstyled.\n//   - `Label` stays a plain `<div>`: `ContextMenu.GroupLabel` requires a `ContextMenu.Group`\n//     ancestor and throws without one, while shadcn's label is used standalone.\n//   - Radix's `focus:` item utilities carry over unchanged, because Base UI moves real DOM focus\n//     onto the highlighted item as well as publishing `data-highlighted`.\n//\n// POSITIONING PROPS GO TO THE POSITIONER, NOT THE POPUP. Radix has one `Content` element that takes\n// them all; Base UI splits positioning into its own layer, so anything swept onto `Popup` by a rest\n// spread is inert — `side=\"top\"` would silently leave the menu on its default side and also land on\n// the DOM as an invalid attribute. They are destructured and forwarded explicitly.\nimport { type OctaneNode } from 'octane';\nimport { ContextMenu as ContextMenuPrimitive } from '@octanejs/base-ui/context-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 ContextMenu(props: Record<string, unknown>) @{\n\t<ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\nexport function ContextMenuTrigger({ className, ...props }: Props) @{\n\t<ContextMenuPrimitive.Trigger\n\t\tdata-slot=\"context-menu-trigger\"\n\t\tclassName={cn('select-none', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function ContextMenuGroup(props: Record<string, unknown>) @{\n\t<ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n}\n\nexport function ContextMenuPortal(props: Record<string, unknown>) @{\n\t<ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n}\n\nexport function ContextMenuSub(props: Record<string, unknown>) @{\n\t<ContextMenuPrimitive.SubmenuRoot data-slot=\"context-menu-sub\" {...props} />\n}\n\nexport function ContextMenuRadioGroup(props: Record<string, unknown>) @{\n\t<ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />\n}\n\nexport function ContextMenuContent({\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<ContextMenuPrimitive.Portal>\n\t\t<ContextMenuPrimitive.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<ContextMenuPrimitive.Popup\n\t\t\t\tdata-slot=\"context-menu-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto 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 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</ContextMenuPrimitive.Positioner>\n\t</ContextMenuPrimitive.Portal>\n}\n\nexport function ContextMenuItem({ className, inset, variant = 'default', ...props }: Props & {\n\tinset?: boolean;\n\tvariant?: 'default' | 'destructive';\n}) @{\n\t<ContextMenuPrimitive.Item\n\t\tdata-slot=\"context-menu-item\"\n\t\tdata-inset={inset}\n\t\tdata-variant={variant}\n\t\tclassName={cn(\n\t\t\t'group/context-menu-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 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 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function ContextMenuSubTrigger(props: Props & { inset?: boolean }) @{\n\tconst { className, children: _children, inset, ...rest } = props;\n\n\t<ContextMenuPrimitive.SubmenuTrigger\n\t\tdata-slot=\"context-menu-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-hidden 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]: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{props.children}\n\t\t<ChevronRightIcon className=\"cn-rtl-flip ml-auto\" />\n\t</ContextMenuPrimitive.SubmenuTrigger>\n}\n\nexport function ContextMenuSubContent({\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<ContextMenuPrimitive.Portal>\n\t\t<ContextMenuPrimitive.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<ContextMenuPrimitive.Popup\n\t\t\t\tdata-slot=\"context-menu-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 border bg-popover p-1 text-popover-foreground shadow-lg 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</ContextMenuPrimitive.Positioner>\n\t</ContextMenuPrimitive.Portal>\n}\n\nexport function ContextMenuCheckboxItem(props: Props & {\n\tchecked?: boolean;\n\tinset?: boolean;\n}) @{\n\tconst { className, children: _children, checked, inset, ...rest } = props;\n\n\t<ContextMenuPrimitive.CheckboxItem\n\t\tdata-slot=\"context-menu-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-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent 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\tchecked={checked}\n\t\t{...rest}\n\t>\n\t\t<span\n\t\t\tclassName=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n\t\t\tdata-slot=\"context-menu-checkbox-item-indicator\"\n\t\t>\n\t\t\t<ContextMenuPrimitive.CheckboxItemIndicator>\n\t\t\t\t<CheckIcon />\n\t\t\t</ContextMenuPrimitive.CheckboxItemIndicator>\n\t\t</span>\n\t\t{props.children}\n\t</ContextMenuPrimitive.CheckboxItem>\n}\n\nexport function ContextMenuRadioItem(props: Props & { inset?: boolean }) @{\n\tconst { className, children: _children, inset, ...rest } = props;\n\n\t<ContextMenuPrimitive.RadioItem\n\t\tdata-slot=\"context-menu-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-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent 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 right-2 flex items-center justify-center\"\n\t\t\tdata-slot=\"context-menu-radio-item-indicator\"\n\t\t>\n\t\t\t<ContextMenuPrimitive.RadioItemIndicator>\n\t\t\t\t<CheckIcon />\n\t\t\t</ContextMenuPrimitive.RadioItemIndicator>\n\t\t</span>\n\t\t{props.children}\n\t</ContextMenuPrimitive.RadioItem>\n}\n\nexport function ContextMenuLabel({ className, inset, ...props }: Props & { inset?: boolean }) @{\n\t<div\n\t\tdata-slot=\"context-menu-label\"\n\t\tdata-inset={inset}\n\t\tclassName={cn(\n\t\t\t'px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n\nexport function ContextMenuSeparator({ className, ...props }: Props) @{\n\t<ContextMenuPrimitive.Separator\n\t\tdata-slot=\"context-menu-separator\"\n\t\tclassName={cn('-mx-1 my-1 h-px bg-border', className)}\n\t\t{...props}\n\t/>\n}\n\nexport function ContextMenuShortcut({ className, ...props }: Props) @{\n\t<span\n\t\tdata-slot=\"context-menu-shortcut\"\n\t\tclassName={cn(\n\t\t\t'ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n}\n"
    }
  ],
  "dependencies": [
    "@octanejs/base-ui@0.1.33",
    "@octanejs/lucide@0.1.30"
  ],
  "registryDependencies": [
    "@octane/utils"
  ]
}