{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "context-menu",
"title": "Context Menu",
"description": "A menu of actions for an area of the page that opens on right click or long press, with checkbox and radio items, labels, shortcuts and submenus.",
"dependencies": [
"@radix-ui/react-context-menu",
"lucide-react"
],
"registryDependencies": [
"@corsair-ui/utils"
],
"files": [
{
"path": "registry/default/ui/context-menu.tsx",
"content": "\"use client\";\n\nimport * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"@/registry/default/lib/utils\";\n\n/**\n * A menu of actions for an area of the page, opened with a right click, a\n * long press on touch screens, or the keyboard's context menu key (or\n * Shift+F10) while something inside the trigger area has focus. Inside, the\n * arrow keys move between items, typing a letter jumps to the item that\n * starts with it, ArrowRight opens a submenu and ArrowLeft closes it, and\n * Escape closes the menu. Screen readers hear menu items, checkbox items and\n * radio items with their checked state. The menu is hidden until someone\n * asks for it, so every action in it should also be reachable another way\n * (a toolbar button or a DropdownMenu). With reduced motion it appears\n * without fading or zooming.\n *\n * @example\n * \n * Right click here\n * \n * \n * Copy\n * ⌘C\n * \n * \n * Delete\n * \n * \n */\nfunction ContextMenu(props: ComponentProps) {\n return ;\n}\n\n/**\n * The area that opens the menu on right click or long press. It renders a\n * ``; use `asChild` to make your own element the area. Keyboard users\n * reach the menu through a focusable element inside it.\n */\nfunction ContextMenuTrigger(props: ComponentProps) {\n return ;\n}\n\nfunction ContextMenuPortal(props: ComponentProps) {\n return ;\n}\n\n/**\n * The floating list, rendered in a portal at the pointer. It never grows\n * taller than the space the viewport leaves it and scrolls instead.\n */\nfunction ContextMenuContent({\n className,\n ...props\n}: ComponentProps) {\n return (\n \n \n \n );\n}\n\nfunction ContextMenuGroup(props: ComponentProps) {\n return ;\n}\n\ninterface ContextMenuLabelProps extends ComponentProps {\n /** Indents the label to line up with items that have an icon or indicator. */\n inset?: boolean;\n}\n\n/** A heading inside the menu. It is not focusable and cannot be selected. */\nfunction ContextMenuLabel({ className, inset, ...props }: ContextMenuLabelProps) {\n return (\n \n );\n}\n\ninterface ContextMenuItemProps extends ComponentProps {\n /** Indents the item to line up with items that have an icon or indicator. */\n inset?: boolean;\n /** `destructive` colours the item for actions that delete or cannot be undone. */\n variant?: \"default\" | \"destructive\";\n}\n\n/** An action. `onSelect` runs on click, Enter or Space and then the menu closes. */\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuItemProps) {\n return (\n \n );\n}\n\n/** An item that toggles on and off, announced with its checked state. */\nfunction ContextMenuCheckboxItem({\n className,\n children,\n ...props\n}: ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n );\n}\n\n/** Groups radio items so exactly one is checked. Controlled with `value` / `onValueChange`. */\nfunction ContextMenuRadioGroup(props: ComponentProps) {\n return ;\n}\n\n/** One option of a ContextMenuRadioGroup, announced with its checked state. */\nfunction ContextMenuRadioItem({\n className,\n children,\n ...props\n}: ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n );\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ComponentProps) {\n return (\n \n );\n}\n\n/**\n * The keyboard shortcut shown at the end of an item. It is only a hint: the\n * shortcut itself is yours to handle, and `aria-keyshortcuts` on the item\n * tells screen readers about it.\n */\nfunction ContextMenuShortcut({ className, ...props }: ComponentProps<\"span\">) {\n return (\n \n );\n}\n\n/** A nested menu: wraps a ContextMenuSubTrigger and a ContextMenuSubContent. */\nfunction ContextMenuSub(props: ComponentProps) {\n return ;\n}\n\ninterface ContextMenuSubTriggerProps extends ComponentProps<\n typeof ContextMenuPrimitive.SubTrigger\n> {\n /** Indents the item to line up with items that have an icon or indicator. */\n inset?: boolean;\n}\n\n/** The item that opens a submenu, on hover, Enter, Space or ArrowRight. */\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuSubTriggerProps) {\n return (\n \n {children}\n \n \n );\n}\n\n/** The submenu's list, rendered in a portal next to its trigger. */\nfunction ContextMenuSubContent({\n className,\n ...props\n}: ComponentProps) {\n return (\n \n \n \n );\n}\n\nexport {\n ContextMenu,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuPortal,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n type ContextMenuItemProps,\n type ContextMenuLabelProps,\n type ContextMenuSubTriggerProps,\n};\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}