{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-menu",
	"description": "A Base UI menu component",
	"dependencies": ["@base-ui/react"],
	"registryDependencies": ["@craftdotui/utils", "@craftdotui/baseui-arrow"],
	"files": [
		{
			"path": "packages/baseui/components/menu/index.tsx",
			"content": "\"use client\";\n\nimport type * as React from \"react\";\nimport { Check, ChevronRight, Dot } from \"lucide-react\";\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\n\nimport { cn } from \"@/lib/utils\";\nimport { ARROW_STYLES, BaseArrow } from \"@/components/baseui/components/arrow\";\n\n/* -------------------------------------------------------------------------- */\n/* Menu Root                                                                  */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuRoot(props: MenuPrimitive.Root.Props) {\n\treturn <MenuPrimitive.Root data-slot=\"menu-root\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Trigger                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuTrigger({ className, ...props }: MenuPrimitive.Trigger.Props) {\n\treturn <MenuPrimitive.Trigger data-slot=\"menu-trigger\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Portal                                                                */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuPortal(props: MenuPrimitive.Portal.Props) {\n\treturn <MenuPrimitive.Portal data-slot=\"menu-portal\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Backdrop                                                              */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuBackdrop({ className, ...props }: MenuPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<MenuPrimitive.Backdrop\n\t\t\tdata-slot=\"menu-backdrop\"\n\t\t\tclassName={cn(\"fixed inset-0 z-50 bg-black/20\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Positioner                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuPositioner({\n\tclassName,\n\tsideOffset = 10,\n\t...props\n}: MenuPrimitive.Positioner.Props) {\n\treturn (\n\t\t<MenuPrimitive.Positioner\n\t\t\tdata-slot=\"menu-positioner\"\n\t\t\tclassName={cn(\"z-50\", className)}\n\t\t\tsideOffset={sideOffset}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Popup                                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuPopup({ className, ...props }: MenuPrimitive.Popup.Props) {\n\treturn (\n\t\t<MenuPrimitive.Popup\n\t\t\tdata-slot=\"menu-popup\"\n\t\t\tclassName={cn(\n\t\t\t\t\"z-50\",\n\t\t\t\t\"w-48 p-1\",\n\t\t\t\t\"overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md outline-none\",\n\t\t\t\t\"data-open:animate-in data-closed:animate-out\",\n\t\t\t\t\"data-open:fade-in data-closed:fade-out\",\n\t\t\t\t\"data-open:zoom-in-95 data-closed:zoom-out-95\",\n\t\t\t\t\"data-starting-style:opacity-0 data-starting-style:scale-95\",\n\t\t\t\t\"data-ending-style:opacity-0 data-ending-style:scale-95\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Arrow                                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuArrow({ className, ...props }: MenuPrimitive.Arrow.Props) {\n\treturn (\n\t\t<MenuPrimitive.Arrow\n\t\t\tdata-slot=\"menu-arrow\"\n\t\t\tclassName={cn(ARROW_STYLES, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<BaseArrow title=\"Menu Arrow\" className=\"fill-popover\" />\n\t\t</MenuPrimitive.Arrow>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Item                                                                  */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuItem({\n\tclassName,\n\tinset,\n\t...props\n}: MenuPrimitive.Item.Props & { inset?: boolean }) {\n\treturn (\n\t\t<MenuPrimitive.Item\n\t\t\tdata-slot=\"menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative\",\n\t\t\t\t\"px-2 py-1.5 flex cursor-pointer select-none items-center gap-2\",\n\t\t\t\t\"rounded-sm text-sm outline-none transition-colors\",\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/* Menu Checkbox Item                                                         */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuCheckboxItem({\n\tclassName,\n\tchildren,\n\tinset,\n\t...props\n}: MenuPrimitive.CheckboxItem.Props & { inset?: boolean }) {\n\treturn (\n\t\t<MenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menu-checkbox-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative\",\n\t\t\t\t\"py-1.5 pl-8 pr-2 flex cursor-pointer select-none items-center gap-2\",\n\t\t\t\t\"rounded-sm text-sm outline-none transition-colors\",\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\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<MenuCheckboxItemIndicator />\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenuCheckboxItemIndicator(\n\tprops: MenuPrimitive.CheckboxItemIndicator.Props,\n) {\n\treturn (\n\t\t<MenuPrimitive.CheckboxItemIndicator\n\t\t\tdata-slot=\"menu-checkbox-indicator\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<Check className=\"size-4\" />\n\t\t</MenuPrimitive.CheckboxItemIndicator>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Radio Item                                                            */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuRadioItem({\n\tclassName,\n\tchildren,\n\tinset,\n\t...props\n}: MenuPrimitive.RadioItem.Props & { inset?: boolean }) {\n\treturn (\n\t\t<MenuPrimitive.RadioItem\n\t\t\tdata-slot=\"menu-radio-item\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative\",\n\t\t\t\t\"py-1.5 pl-8 pr-2 flex cursor-pointer select-none items-center gap-2\",\n\t\t\t\t\"rounded-sm text-sm outline-none transition-colors\",\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\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<MenuRadioItemIndicator />\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenuPrimitive.RadioItem>\n\t);\n}\n\nfunction MenuRadioItemIndicator(props: MenuPrimitive.RadioItemIndicator.Props) {\n\treturn (\n\t\t<MenuPrimitive.RadioItemIndicator\n\t\t\tdata-slot=\"menu-radio-indicator\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<Dot className=\"size-10\" />\n\t\t</MenuPrimitive.RadioItemIndicator>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Radio Group                                                           */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuRadioGroup(props: MenuPrimitive.RadioGroup.Props) {\n\treturn <MenuPrimitive.RadioGroup data-slot=\"menu-radio-group\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Submenu                                                               */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuSubmenuRoot(props: MenuPrimitive.SubmenuRoot.Props) {\n\treturn <MenuPrimitive.SubmenuRoot data-slot=\"menu-submenu\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Submenu Trigger                                                       */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuSubmenuTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: MenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }) {\n\treturn (\n\t\t<MenuPrimitive.SubmenuTrigger\n\t\t\tdata-slot=\"menu-submenu-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1.5 flex items-center\",\n\t\t\t\t\"cursor-pointer select-none rounded-sm text-sm outline-none transition-colors\",\n\t\t\t\t\"data-highlighted:bg-accent data-highlighted:text-accent-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\t\t{children}\n\t\t\t<ChevronRight className=\"ml-auto size-4\" />\n\t\t</MenuPrimitive.SubmenuTrigger>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Group                                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuGroup(props: MenuPrimitive.Group.Props) {\n\treturn <MenuPrimitive.Group data-slot=\"menu-group\" {...props} />;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Group Label                                                           */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuGroupLabel({\n\tclassName,\n\tinset,\n\t...props\n}: MenuPrimitive.GroupLabel.Props & { inset?: boolean }) {\n\treturn (\n\t\t<MenuPrimitive.GroupLabel\n\t\t\tdata-slot=\"menu-group-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1.5 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/* Menu Separator                                                             */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props) {\n\treturn (\n\t\t<MenuPrimitive.Separator\n\t\t\tdata-slot=\"menu-separator\"\n\t\t\tclassName={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Menu Shortcut                                                              */\n/* -------------------------------------------------------------------------- */\n\nfunction MenuShortcut({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"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\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Exports                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tMenuRoot,\n\tMenuTrigger,\n\tMenuPortal,\n\tMenuBackdrop,\n\tMenuPositioner,\n\tMenuPopup,\n\tMenuArrow,\n\tMenuItem,\n\tMenuSeparator,\n\tMenuGroup,\n\tMenuGroupLabel,\n\tMenuRadioGroup,\n\tMenuRadioItem,\n\tMenuRadioItemIndicator,\n\tMenuCheckboxItem,\n\tMenuCheckboxItemIndicator,\n\tMenuSubmenuRoot,\n\tMenuSubmenuTrigger,\n\tMenuShortcut,\n\tMenuPrimitive,\n};\n",
			"type": "registry:component",
			"target": "components/baseui/components/menu.tsx"
		}
	],
	"type": "registry:component"
}