{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-context-menu",
	"description": "A Base UI context menu component",
	"dependencies": ["@base-ui/react"],
	"registryDependencies": ["@craftdotui/utils", "@craftdotui/baseui-arrow"],
	"files": [
		{
			"path": "packages/baseui/components/context-menu/index.tsx",
			"content": "\"use client\";\n\nimport type * as React from \"react\";\nimport { Check, ChevronRight, Dot } from \"lucide-react\";\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\";\n\nimport { cn } from \"@/lib/utils\";\nimport { ARROW_STYLES, BaseArrow } from \"@/components/baseui/components/arrow\";\n\n/* -------------------------------------------------------------------------- */\n/* Root                                                                       */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenu(props: ContextMenuPrimitive.Root.Props) {\n\treturn <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Trigger                                                                    */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuTrigger({\n\tclassName,\n\t...props\n}: ContextMenuPrimitive.Trigger.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.Trigger\n\t\t\tdata-slot=\"context-menu-trigger\"\n\t\t\tclassName={cn(\"cursor-context-menu select-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Portal                                                                     */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuPortal(props: ContextMenuPrimitive.Portal.Props) {\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\n/* -------------------------------------------------------------------------- */\n/* Positioner                                                                 */\n/* -------------------------------------------------------------------------- */\n\ninterface ContextMenuPositionerProps\n\textends ContextMenuPrimitive.Positioner.Props {\n\tsideOffset?: number;\n}\n\nfunction ContextMenuPositioner({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: ContextMenuPositionerProps) {\n\treturn (\n\t\t<ContextMenuPrimitive.Positioner\n\t\t\tdata-slot=\"context-menu-positioner\"\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\"z-50\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Popup                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuPopup({\n\tclassName,\n\t...props\n}: ContextMenuPrimitive.Popup.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.Popup\n\t\t\tdata-slot=\"context-menu-popup\"\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50 min-w-64 p-1 rounded border border-border bg-popover text-popover-foreground shadow-md\",\n\t\t\t\t\"overflow-x-hidden overflow-y-auto outline-none\",\n\t\t\t\t\"data-open:animate-in data-closed:animate-out\",\n\t\t\t\t\"data-open:fade-in-0 data-closed:fade-out-0\",\n\t\t\t\t\"data-open:zoom-in-95 data-closed:zoom-out-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Arrow                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuArrow({\n\tclassName,\n\t...props\n}: ContextMenuPrimitive.Arrow.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.Arrow\n\t\t\tdata-slot=\"context-menu-arrow\"\n\t\t\tclassName={cn(ARROW_STYLES, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<BaseArrow title=\"Context Menu Arrow\" className=\"fill-popover\" />\n\t\t</ContextMenuPrimitive.Arrow>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Item                                                                       */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuItem({\n\tclassName,\n\tinset,\n\t...props\n}: ContextMenuPrimitive.Item.Props & { inset?: boolean }) {\n\treturn (\n\t\t<ContextMenuPrimitive.Item\n\t\t\tdata-slot=\"context-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative px-2 py-1.5 flex items-center cursor-default select-none text-sm rounded\",\n\t\t\t\t\"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n\t\t\t\t\"data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-inset:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Submenu Root                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubmenu(props: ContextMenuPrimitive.SubmenuRoot.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubmenuRoot\n\t\t\tdata-slot=\"context-menu-submenu\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Submenu Trigger                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuSubmenuTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubmenuTrigger\n\t\t\tdata-slot=\"context-menu-submenu-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-full cursor-default items-center justify-between rounded-sm px-2 py-1.5 text-sm\",\n\t\t\t\t\"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n\t\t\t\t\"data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-inset: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 opacity-60\">\n\t\t\t\t<ChevronRight className=\"size-4\" />\n\t\t\t</span>\n\t\t</ContextMenuPrimitive.SubmenuTrigger>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Group                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuGroup({\n\tclassName,\n\t...props\n}: ContextMenuPrimitive.Group.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.Group\n\t\t\tdata-slot=\"context-menu-group\"\n\t\t\tclassName={className}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Group Label                                                                */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuGroupLabel({\n\tclassName,\n\tinset,\n\t...props\n}: ContextMenuPrimitive.GroupLabel.Props & { inset?: boolean }) {\n\treturn (\n\t\t<ContextMenuPrimitive.GroupLabel\n\t\t\tdata-slot=\"context-menu-group-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1 text-xs font-medium text-muted-foreground\",\n\t\t\t\t\"data-inset:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Radio Group                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioGroup(props: ContextMenuPrimitive.RadioGroup.Props) {\n\treturn <ContextMenuPrimitive.RadioGroup {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Radio Item                                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioItem({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: ContextMenuPrimitive.RadioItem.Props & { inset?: boolean }) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"context-menu-radio-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm\",\n\t\t\t\t\"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n\t\t\t\t\"data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-inset:pl-8\",\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-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t\t<ContextMenuRadioItemIndicator />\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.RadioItem>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Radio Item Indicator                                                       */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuRadioItemIndicator(\n\tprops: ContextMenuPrimitive.RadioItemIndicator.Props,\n) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItemIndicator {...props}>\n\t\t\t<Dot className=\"h-10 w-10\" />\n\t\t</ContextMenuPrimitive.RadioItemIndicator>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Checkbox Item                                                              */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuCheckboxItem({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: ContextMenuPrimitive.CheckboxItem.Props & { inset?: boolean }) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"context-menu-checkbox-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm\",\n\t\t\t\t\"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n\t\t\t\t\"data-disabled:pointer-events-none data-disabled:opacity-50\",\n\t\t\t\t\"data-inset:pl-8\",\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-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t\t<ContextMenuCheckboxItemIndicator />\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.CheckboxItem>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Checkbox Item Indicator                                                    */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuCheckboxItemIndicator(\n\tprops: ContextMenuPrimitive.CheckboxItemIndicator.Props,\n) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItemIndicator {...props}>\n\t\t\t<Check className=\"h-3.5 w-3.5\" />\n\t\t</ContextMenuPrimitive.CheckboxItemIndicator>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Separator                                                                  */\n/* -------------------------------------------------------------------------- */\n\nfunction ContextMenuSeparator({\n\tclassName,\n\t...props\n}: ContextMenuPrimitive.Separator.Props) {\n\treturn (\n\t\t<ContextMenuPrimitive.Separator\n\t\t\tdata-slot=\"context-menu-separator\"\n\t\t\tclassName={cn(\"my-1 h-px bg-border\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Shortcut                                                                  */\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 text-xs tracking-widest text-muted-foreground\",\n\t\t\t\t\"group-focus/context-menu-item:text-accent-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Exports                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuPortal,\n\tContextMenuPositioner,\n\tContextMenuPopup,\n\tContextMenuItem,\n\tContextMenuShortcut,\n\tContextMenuArrow,\n\tContextMenuSeparator,\n\t// submenu\n\tContextMenuSubmenu,\n\tContextMenuSubmenuTrigger,\n\t// group\n\tContextMenuGroup,\n\tContextMenuGroupLabel,\n\t// radio\n\tContextMenuRadioGroup,\n\tContextMenuRadioItem,\n\tContextMenuRadioItemIndicator,\n\t// checkbox\n\tContextMenuCheckboxItem,\n\tContextMenuCheckboxItemIndicator,\n};\n",
			"type": "registry:component",
			"target": "components/baseui/components/context-menu.tsx"
		}
	],
	"type": "registry:component"
}