{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "context-menu",
"title": "Context Menu",
"description": "The menu that appears on right-click or Control-click.",
"dependencies": [
"lucide-react",
"@base-ui/react"
],
"registryDependencies": [
"@cupertinoui/macos-theme"
],
"files": [
{
"path": "registry/macos/ui/context-menu.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/lib/utils\"\n\n// The menu a right-click opens, where the pointer is.\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return \n}\n\nfunction ContextMenuTrigger({ ...props }: ContextMenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 2,\n side = \"right\",\n sideOffset = 2,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return \n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props) {\n return \n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\n// A section heading. Unlike Base UI's GroupLabel it works outside a\n// group too.\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<\"div\"> & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\n// A capsule on the right of an item, e.g. \"2 updates\".\nfunction ContextMenuBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n align = \"start\",\n alignOffset = -5,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick) {\n return (\n \n \n \n \n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuBadge,\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}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}