{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "dropdown-menu",
	"type": "registry:ui",
	"title": "DropdownMenu",
	"description": "A dropdown-menu component.",
	"dependencies": ["@radix-ui/react-dropdown-menu"],
	"files": [
		{
			"path": "registry/niv/ui/dropdown-menu.tsx",
			"content": "'use client';\n\nimport {\n  CheckboxItem,\n  Content,\n  Group,\n  Item,\n  ItemIndicator,\n  Label,\n  Portal,\n  RadioGroup,\n  RadioItem,\n  Root,\n  Separator,\n  Sub,\n  SubContent,\n  SubTrigger,\n  Trigger,\n} from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\nimport { cn } from '@/lib/classnames';\nimport type { ComponentProps } from 'react';\n\nfunction DropdownMenuRoot({ ...props }: ComponentProps<typeof Root>) {\n  return <Root data-slot='dropdown-menu' {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: ComponentProps<typeof Portal>) {\n  return <Portal data-slot='dropdown-menu-portal' {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: ComponentProps<typeof Trigger>) {\n  return <Trigger data-slot='dropdown-menu-trigger' {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof Content>) {\n  return (\n    <Portal>\n      <Content\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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',\n          className,\n        )}\n        data-slot='dropdown-menu-content'\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: ComponentProps<typeof Group>) {\n  return <Group data-slot='dropdown-menu-group' {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: ComponentProps<typeof Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <Item\n      className={cn(\n        \"data-[variant=destructive]:*:[svg]:!text-destructive 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-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      data-inset={inset}\n      data-slot='dropdown-menu-item'\n      data-variant={variant}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: ComponentProps<typeof CheckboxItem>) {\n  return (\n    <CheckboxItem\n      checked={checked}\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-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot='dropdown-menu-checkbox-item'\n      {...props}\n    >\n      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>\n        <ItemIndicator>\n          <CheckIcon className='size-4' />\n        </ItemIndicator>\n      </span>\n      {children}\n    </CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: ComponentProps<typeof RadioGroup>) {\n  return <RadioGroup data-slot='dropdown-menu-radio-group' {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof RadioItem>) {\n  return (\n    <RadioItem\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-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      data-slot='dropdown-menu-radio-item'\n      {...props}\n    >\n      <span className='pointer-events-none absolute left-2 flex size-3.5 items-center justify-center'>\n        <ItemIndicator>\n          <CircleIcon className='size-2 fill-current' />\n        </ItemIndicator>\n      </span>\n      {children}\n    </RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: ComponentProps<typeof Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <Label\n      className={cn(\n        'px-2 py-1.5 font-medium text-sm data-[inset]:pl-8',\n        className,\n      )}\n      data-inset={inset}\n      data-slot='dropdown-menu-label'\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      data-slot='dropdown-menu-separator'\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-muted-foreground text-xs tracking-widest',\n        className,\n      )}\n      data-slot='dropdown-menu-shortcut'\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: ComponentProps<typeof Sub>) {\n  return <Sub data-slot='dropdown-menu-sub' {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: ComponentProps<typeof SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <SubTrigger\n      className={cn(\n        \"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-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      data-inset={inset}\n      data-slot='dropdown-menu-sub-trigger'\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className='ml-auto size-4' />\n    </SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: ComponentProps<typeof SubContent>) {\n  return (\n    <SubContent\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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\n        className,\n      )}\n      data-slot='dropdown-menu-sub-content'\n      {...props}\n    />\n  );\n}\n\nconst DropdownMenu = Object.assign(DropdownMenuRoot, {\n  Portal: DropdownMenuPortal,\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Item: DropdownMenuItem,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n  Separator: DropdownMenuSeparator,\n  Shortcut: DropdownMenuShortcut,\n  Sub: DropdownMenuSub,\n  SubTrigger: DropdownMenuSubTrigger,\n  SubContent: DropdownMenuSubContent,\n});\n\nexport { DropdownMenu };\n",
			"type": "registry:ui"
		}
	]
}