{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropdown-menu",
"title": "Dropdown Menu",
"description": "A dropdown menu built on Base UI menu primitives.",
"dependencies": [
"@base-ui/react@^1.4.1"
],
"registryDependencies": [
"utils"
],
"files": [
{
"path": "registry/new-york-v4/ui/dropdown-menu.tsx",
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as DropdownMenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/lib/utils\"\nimport { IconPlaceholder } from \"@/components/icon-placeholder\"\n\nfunction childContent(\n asChild: boolean | undefined,\n children: React.ReactNode\n): React.ReactNode {\n return asChild && React.isValidElement(children) ? undefined : children\n}\n\nfunction DropdownMenu({\n ...props\n}: DropdownMenuPrimitive.Root.Props): React.ReactElement {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: DropdownMenuPrimitive.Portal.Props): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n asChild,\n children,\n render,\n ...props\n}: DropdownMenuPrimitive.Trigger.Props & {\n asChild?: boolean\n}): React.ReactElement {\n return (\n >)\n : undefined)\n }\n {...props}\n >\n {childContent(asChild, children)}\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n side = \"bottom\",\n sideOffset = 4,\n align = \"start\",\n alignOffset = 0,\n anchor,\n portalProps,\n children,\n ...props\n}: DropdownMenuPrimitive.Popup.Props & {\n portalProps?: DropdownMenuPrimitive.Portal.Props\n side?: DropdownMenuPrimitive.Positioner.Props[\"side\"]\n sideOffset?: DropdownMenuPrimitive.Positioner.Props[\"sideOffset\"]\n align?: DropdownMenuPrimitive.Positioner.Props[\"align\"]\n alignOffset?: DropdownMenuPrimitive.Positioner.Props[\"alignOffset\"]\n anchor?: DropdownMenuPrimitive.Positioner.Props[\"anchor\"]\n}): React.ReactElement {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: DropdownMenuPrimitive.Group.Props): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n asChild,\n children,\n render,\n ...props\n}: DropdownMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n asChild?: boolean\n}): React.ReactElement {\n return (\n >)\n : undefined)\n }\n {...props}\n >\n {childContent(asChild, children)}\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n variant = \"default\",\n ...props\n}: DropdownMenuPrimitive.CheckboxItem.Props & {\n variant?: \"default\" | \"switch\"\n}): React.ReactElement {\n return (\n \n {variant === \"switch\" ? null : (\n \n \n \n \n \n )}\n {children}\n {variant === \"switch\" ? (\n \n \n \n ) : null}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: DropdownMenuPrimitive.RadioGroup.Props): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: DropdownMenuPrimitive.RadioItem.Props): React.ReactElement {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: DropdownMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: DropdownMenuPrimitive.Separator.Props): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: DropdownMenuPrimitive.SubmenuRoot.Props): React.ReactElement {\n return (\n \n )\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: DropdownMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}): React.ReactElement {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent(\n props: React.ComponentProps\n): React.ReactElement {\n return \n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n",
"type": "registry:ui",
"target": "@ui/dropdown-menu.tsx"
}
],
"type": "registry:ui"
}