dropdown-menu

1"use client"
2 
3import { cn } from "@/lib/utils"
4import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
5import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
6import * as React from "react"
7 
8function DropdownMenu({
9  ...props
10}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
11  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
12}
13 
14function DropdownMenuPortal({
15  ...props
16}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
17  return (
18    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
19  )
20}
21 
22function DropdownMenuTrigger({
23  ...props
24}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
25  return (
26    <DropdownMenuPrimitive.Trigger
27      data-slot="dropdown-menu-trigger"
28      {...props}
29    />
30  )
31}
32 
33function DropdownMenuContent({
34  className,
35  sideOffset = 4,
36  ...props
37}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
38  return (
39    <DropdownMenuPrimitive.Portal>
40      <DropdownMenuPrimitive.Content
41        data-slot="dropdown-menu-content"
42        sideOffset={sideOffset}
43        className={cn(
44          "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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
45          className,
46        )}
47        {...props}
48      />
49    </DropdownMenuPrimitive.Portal>
50  )
51}
52 
53function DropdownMenuGroup({
54  ...props
55}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
56  return (
57    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
58  )
59}
60 
61function DropdownMenuItem({
62  className,
63  inset,
64  variant = "default",
65  ...props
66}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
67  inset?: boolean
68  variant?: "default" | "destructive"
69}) {
70  return (
71    <DropdownMenuPrimitive.Item
72      data-slot="dropdown-menu-item"
73      data-inset={inset}
74      data-variant={variant}
75      className={cn(
76// … truncated