{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "context-menu-tailwind",
"type": "registry:item",
"title": "Context Menu (Tailwind)",
"description": "A menu component triggered by right-click or long press.",
"files": [
{
"path": "registry/brook/tailwind/ui/context-menu.tsx",
"content": "\"use client\";\n\nimport { ContextMenu } from \"@base-ui/react/context-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport type React from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ContextMenuRoot({ ...props }: ContextMenu.Root.Props) {\n return ;\n}\n\nfunction ContextMenuTrigger({ className, ...props }: ContextMenu.Trigger.Props) {\n return (\n \n );\n}\n\nconst ContextMenuPortal = ContextMenu.Portal;\n\nfunction ContextMenuBackdrop({ className, ...props }: ContextMenu.Backdrop.Props) {\n return (\n \n );\n}\n\nfunction ContextMenuPositioner({ className, ...props }: ContextMenu.Positioner.Props) {\n return (\n \n );\n}\n\nfunction ContextMenuPopup({ className, ...props }: ContextMenu.Popup.Props) {\n return (\n \n );\n}\n\nfunction ContextMenuArrow({ className, ...props }: ContextMenu.Arrow.Props) {\n return (\n \n );\n}\n\ninterface ContextMenuItemProps extends ContextMenu.Item.Props {\n icon?: ReactNode;\n inset?: boolean;\n className?: string;\n children?: ReactNode;\n variant?: \"default\" | \"destructive\";\n}\n\nfunction ContextMenuItem({\n className,\n icon,\n children,\n inset = false,\n variant = \"default\",\n ...props\n}: ContextMenuItemProps) {\n return (\n \n {icon && (\n {icon}\n )}\n {children}\n \n );\n}\n\nfunction ContextMenuCheckboxItem({ className, children, ...props }: ContextMenu.CheckboxItem.Props) {\n return (\n \n \n \n \n {children}\n \n );\n}\n\nfunction ContextMenuRadioItem({ className, children, ...props }: ContextMenu.RadioItem.Props) {\n return (\n \n \n \n \n {children}\n \n );\n}\n\nfunction ContextMenuRadioGroup({ className, ...props }: ContextMenu.RadioGroup.Props) {\n return ;\n}\n\nfunction ContextMenuLabel({\n className,\n inset = false,\n ...props\n}: React.HTMLAttributes & { inset?: boolean }) {\n return (\n \n );\n}\n\nfunction ContextMenuSeparator({ className, ...props }: ContextMenu.Separator.Props) {\n return (\n \n \n
\n );\n}\n\nfunction ContextMenuSubmenuRoot({ ...props }: ContextMenu.SubmenuRoot.Props) {\n return ;\n}\n\nfunction ContextMenuSubmenuTrigger({\n className,\n inset = false,\n children,\n ...props\n}: ContextMenu.SubmenuTrigger.Props & {\n inset?: boolean;\n}) {\n return (\n svg]:text-secondary-foreground [&>svg]:text-muted-foreground\",\n inset && \"pl-8\",\n \"max-sm:min-h-11 max-sm:px-2.5 max-sm:py-2.5 max-sm:text-[0.9375rem]\",\n className\n )}\n data-slot=\"contextmenu-submenutrigger\"\n {...props}\n >\n {children}\n \n \n );\n}\n\nfunction ContextMenuGroup({ className, ...props }: ContextMenu.Group.Props) {\n return ;\n}\n\nfunction ContextMenuShortcut({ className, ...props }: React.HTMLAttributes) {\n return (\n \n );\n}\n\nfunction ContextMenuSpacer() {\n return ;\n}\n\nexport {\n ContextMenuRoot as ContextMenu,\n ContextMenuArrow,\n ContextMenuBackdrop,\n ContextMenuCheckboxItem,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuPopup,\n ContextMenuPortal,\n ContextMenuPositioner,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSpacer,\n ContextMenuSubmenuRoot,\n ContextMenuSubmenuTrigger,\n ContextMenuTrigger,\n};\n",
"type": "registry:file",
"target": "~/components/ui/context-menu/context-menu.tsx"
}
]
}