{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "context-menu",
  "title": "Context Menu",
  "description": "Terminal-style right-click context menu: selection inversion, ✓/● indicators, ▸ submenu glyph, no hover/radius/shadow. Includes checkbox, radio, sub-menu, shortcut, separator.",
  "dependencies": [
    "@radix-ui/react-context-menu"
  ],
  "registryDependencies": [
    "utils",
    "theme-catppuccin-mocha",
    "font-jetbrains-mono"
  ],
  "files": [
    {
      "path": "registry/ui/context-menu.tsx",
      "content": "import * as React from \"react\";\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ContextMenu({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n\treturn <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Trigger\n\t\t\tdata-slot=\"context-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuPortal({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal\n\t\t\tdata-slot=\"context-menu-portal\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n\treturn (\n\t\t<ContextMenuPortal>\n\t\t\t<ContextMenuPrimitive.Content\n\t\t\t\tdata-slot=\"context-menu-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"z-50 min-w-[8rem] overflow-hidden border border-border bg-card font-mono text-foreground\",\n\t\t\t\t\t\"animate-[termcn-fade_150ms_ease-out]\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ContextMenuPortal>\n\t);\n}\n\nfunction ContextMenuItem({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Item\n\t\t\tdata-slot=\"context-menu-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex cursor-default select-none items-center gap-2 px-3 py-1 text-sm text-foreground outline-none\",\n\t\t\t\t\"data-[highlighted]:bg-foreground data-[highlighted]:text-background\",\n\t\t\t\t\"data-[disabled]:text-foreground2 data-[disabled]:cursor-not-allowed\",\n\t\t\t\t\"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n\t\t\t\tinset && \"pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tchecked,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"context-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex cursor-default select-none items-center gap-2 py-1 pr-3 pl-8 text-sm text-foreground outline-none\",\n\t\t\t\t\"data-[highlighted]:bg-foreground data-[highlighted]:text-background\",\n\t\t\t\t\"data-[disabled]:text-foreground2 data-[disabled]:cursor-not-allowed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tchecked={checked}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"absolute left-3 flex size-3.5 items-center justify-center font-mono text-xs text-primary\">\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t✓\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction ContextMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"context-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"context-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex cursor-default select-none items-center gap-2 py-1 pr-3 pl-8 text-sm text-foreground outline-none\",\n\t\t\t\t\"data-[highlighted]:bg-foreground data-[highlighted]:text-background\",\n\t\t\t\t\"data-[disabled]:text-foreground2 data-[disabled]:cursor-not-allowed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"absolute left-3 flex size-3.5 items-center justify-center font-mono text-xs text-primary\">\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t●\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction ContextMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Label\n\t\t\tdata-slot=\"context-menu-label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1 text-xs font-medium text-foreground2 uppercase tracking-wider\",\n\t\t\t\tinset && \"pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Separator\n\t\t\tdata-slot=\"context-menu-separator\"\n\t\t\tclassName={cn(\"-mx-0 my-1 border-t border-border\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"context-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"ml-auto pl-4 text-xs tracking-widest text-foreground2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Group\n\t\t\tdata-slot=\"context-menu-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSub({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n\t);\n}\n\nfunction ContextMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"context-menu-sub-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default select-none items-center gap-2 px-3 py-1 text-sm text-foreground outline-none\",\n\t\t\t\t\"data-[state=open]:bg-foreground data-[state=open]:text-background\",\n\t\t\t\t\"data-[highlighted]:bg-foreground data-[highlighted]:text-background\",\n\t\t\t\tinset && \"pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<span className=\"ml-auto font-mono text-xs text-foreground2\">▸</span>\n\t\t</ContextMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction ContextMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubContent\n\t\t\tdata-slot=\"context-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50 min-w-[8rem] overflow-hidden border border-border bg-card font-mono text-foreground\",\n\t\t\t\t\"animate-[termcn-fade_150ms_ease-out]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuPortal,\n\tContextMenuContent,\n\tContextMenuItem,\n\tContextMenuCheckboxItem,\n\tContextMenuRadioGroup,\n\tContextMenuRadioItem,\n\tContextMenuLabel,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuGroup,\n\tContextMenuSub,\n\tContextMenuSubTrigger,\n\tContextMenuSubContent,\n};\n",
      "type": "registry:ui"
    }
  ],
  "css": {
    "@keyframes termcn-fade": {
      "from": {
        "opacity": "0"
      },
      "to": {
        "opacity": "1"
      }
    },
    "@keyframes termcn-fade-out": {
      "from": {
        "opacity": "1"
      },
      "to": {
        "opacity": "0"
      }
    }
  },
  "type": "registry:ui"
}