dropdown-menu

1"use client"
2 
3import * as React from "react"
4import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui"
5 
6import { cn } from "@/registry/bases/radix/lib/utils"
7import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
8 
9function DropdownMenu({
10  ...props
11}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
12  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
13}
14 
15function DropdownMenuPortal({
16  ...props
17}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
18  return (
19    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
20  )
21}
22 
23function DropdownMenuTrigger({
24  ...props
25}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
26  return (
27    <DropdownMenuPrimitive.Trigger
28      data-slot="dropdown-menu-trigger"
29      {...props}
30    />
31  )
32}
33 
34function DropdownMenuContent({
35  className,
36  align = "start",
37  sideOffset = 4,
38  ...props
39}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
40  return (
41    <DropdownMenuPrimitive.Portal>
42      <DropdownMenuPrimitive.Content
43        data-slot="dropdown-menu-content"
44        sideOffset={sideOffset}
45        align={align}
46        className={cn(
47          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 cn-menu-target z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden",
48          className
49        )}
50        {...props}
51      />
52    </DropdownMenuPrimitive.Portal>
53  )
54}
55 
56function DropdownMenuGroup({
57  ...props
58}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
59  return (
60    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
61  )
62}
63 
64function DropdownMenuItem({
65  className,
66  inset,
67  variant = "default",
68  ...props
69}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
70  inset?: boolean
71  variant?: "default" | "destructive"
72}) {
73  return (
74    <DropdownMenuPrimitive.Item
75      data-slot="dropdown-menu-item"
76      data-inset={inset}
77// … truncated