Dropdown Menu

1"use client"
2 
3import * as React from "react"
4import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
5import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
6 
7import { cn } from "@/lib/utils"
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  sideOffset = 4,
37  ...props
38}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
39  return (
40    <DropdownMenuPrimitive.Portal>
41      <DropdownMenuPrimitive.Content
42        data-slot="dropdown-menu-content"
43        sideOffset={sideOffset}
44        className={cn(
45          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out 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-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
46          className
47        )}
48        {...props}
49      />
50    </DropdownMenuPrimitive.Portal>
51  )
52}
53 
54function DropdownMenuGroup({
55  ...props
56}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
57  return (
58    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
59  )
60}
61 
62function DropdownMenuItem({
63  className,
64  inset,
65  variant = "default",
66  ...props
67}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
68  inset?: boolean
69  variant?: "default" | "destructive"
70}) {
71  return (
72    <DropdownMenuPrimitive.Item
73      data-slot="dropdown-menu-item"
74      data-inset={inset}
75      data-variant={variant}
76      className={cn(
77// … truncated