Dropdown Menu

1"use client"
2 
3import * as React from "react"
4import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
5import { Check, ChevronRight, Circle } from "lucide-react"
6 
7import { cn } from "@/lib/utils"
8 
9const DropdownMenu = DropdownMenuPrimitive.Root
10const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
11const DropdownMenuGroup = DropdownMenuPrimitive.Group
12const DropdownMenuPortal = DropdownMenuPrimitive.Portal
13const DropdownMenuSub = DropdownMenuPrimitive.Sub
14const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
15function DropdownMenuContent({ className, sideOffset = 8, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) { return <DropdownMenuPrimitive.Portal><DropdownMenuPrimitive.Content sideOffset={sideOffset} className={cn("z-50 min-w-44 overflow-hidden rounded-2xl border border-foreground/12 bg-popover/96 p-1.5 text-popover-foreground shadow-[0_24px_70px_-24px_color-mix(in_oklch,var(--foreground)_28%,transparent),inset_0_1px_0_color-mix(in_oklch,var(--background)_65%,transparent)] backdrop-blur-xl 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", className)} {...props} /></DropdownMenuPrimitive.Portal> }
16function DropdownMenuItem({ className, inset, variant = "default", ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & { inset?: boolean; variant?: "default" | "destructive" }) { return <DropdownMenuPrimitive.Item data-inset={inset} data-variant={variant} className={cn("relative flex cursor-default select-none items-center gap-2.5 rounded-xl px-3 py-2.5 text-sm font-medium outline-none transition-colors data-[disabled]:pointer-events-none data-[highlighted]:bg-primary/10 data-[highlighted]:text-primary data-[inset=true]:pl-9 data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:bg-destructive/10 data-[disabled]:opacity-45 [&_svg]:size-4 [&_svg]:shrink-0", className)} {...props} /> }
17// … truncated