{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "menu",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react", "lucide-react"],
  "files": [
    {
      "path": "./src/components/ui/menu.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { type HTMLArkProps, ark } from \"@ark-ui/react/factory\"\nimport { Menu as MenuPrimitive, menuAnatomy } from \"@ark-ui/react/menu\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst parts = menuAnatomy.extendWith(\"shortcut\").build()\n\nconst Menu = MenuPrimitive.Root\n\nconst MenuArrow = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Arrow>,\n  MenuPrimitive.ArrowProps\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Arrow\n    ref={ref}\n    className={cn(\n      \"[--arrow-background:var(--popover)] [--arrow-size:calc(var(--spacing)*2)]\",\n      className\n    )}\n    {...props}\n  >\n    <MenuPrimitive.ArrowTip className=\"border-t border-l\" />\n  </MenuPrimitive.Arrow>\n))\nMenuArrow.displayName = \"MenuArrow\"\n\nconst MenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItem>,\n  MenuPrimitive.CheckboxItemProps\n>(({ className, children, ...props }, ref) => (\n  <MenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n      <MenuPrimitive.ItemIndicator>\n        <CheckIcon className=\"size-4\" />\n      </MenuPrimitive.ItemIndicator>\n    </span>\n    <MenuPrimitive.ItemText>{children}</MenuPrimitive.ItemText>\n  </MenuPrimitive.CheckboxItem>\n))\nMenuCheckboxItem.displayName = \"MenuCheckboxItem\"\n\nconst MenuContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Content>,\n  MenuPrimitive.ContentProps\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Positioner>\n    <MenuPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 max-h-(--available-height) min-w-[8rem] max-w-(--available-width) origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        className\n      )}\n      {...props}\n    />\n  </MenuPrimitive.Positioner>\n))\nMenuContent.displayName = \"MenuContent\"\n\nconst MenuContextTrigger = MenuPrimitive.ContextTrigger\n\nconst MenuIndicator = MenuPrimitive.Indicator\n\nconst MenuItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  MenuPrimitive.ItemProps & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    data-inset={inset}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[inset]:pl-8 data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  />\n))\nMenuItem.displayName = \"MenuItem\"\n\nconst MenuItemGroup = MenuPrimitive.ItemGroup\n\nconst MenuItemGroupLabel = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.ItemGroupLabel>,\n  MenuPrimitive.ItemGroupLabelProps & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.ItemGroupLabel\n    ref={ref}\n    data-inset={inset}\n    className={cn(\n      \"px-2 py-1.5 font-medium text-sm data-[inset]:pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nMenuItemGroupLabel.displayName = \"MenuItemGroupLabel\"\n\nconst MenuItemText = MenuPrimitive.ItemText\n\nconst MenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItem>,\n  MenuPrimitive.RadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <MenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <MenuPrimitive.ItemIndicator>\n        <CircleIcon className=\"size-2 fill-current\" />\n      </MenuPrimitive.ItemIndicator>\n    </span>\n    <MenuPrimitive.ItemText>{children}</MenuPrimitive.ItemText>\n  </MenuPrimitive.RadioItem>\n))\nMenuRadioItem.displayName = \"MenuRadioItem\"\n\nconst MenuRadioItemGroup = MenuPrimitive.RadioItemGroup\n\nconst MenuSeparator = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Separator>,\n  MenuPrimitive.SeparatorProps\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    {...props}\n  />\n))\nMenuSeparator.displayName = \"MenuSeparator\"\n\nconst MenuShortcut = React.forwardRef<HTMLSpanElement, HTMLArkProps<\"span\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ark.span\n        ref={ref}\n        {...parts.shortcut.attrs}\n        className={cn(\n          \"ml-auto text-muted-foreground text-xs tracking-widest\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nMenuShortcut.displayName = \"MenuShortcut\"\n\nconst MenuTrigger = MenuPrimitive.Trigger\n\nconst MenuTriggerItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.TriggerItem>,\n  MenuPrimitive.TriggerItemProps & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenuPrimitive.TriggerItem\n    ref={ref}\n    data-inset={inset}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[inset]:pl-8 data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto size-4 text-muted-foreground/80\" />\n  </MenuPrimitive.TriggerItem>\n))\nMenuTriggerItem.displayName = \"MenuTriggerItem\"\n\nexport {\n  Menu,\n  MenuArrow,\n  MenuCheckboxItem,\n  MenuContent,\n  MenuContextTrigger,\n  MenuIndicator,\n  MenuItem,\n  MenuItemGroup,\n  MenuItemGroupLabel,\n  MenuItemText,\n  MenuRadioItem,\n  MenuRadioItemGroup,\n  MenuSeparator,\n  MenuShortcut,\n  MenuTrigger,\n  MenuTriggerItem,\n}\n",
      "type": "registry:ui"
    }
  ]
}