Dropdown Menu

1'use client';
2 
3import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
4import * as React from 'react';
5 
6import { Icon } from '@/components/ui/icon';
7import { IconShell } from '@/components/ui/icon-shell';
8import { cn } from '@/lib/utils';
9 
10type DropdownMenuSize = 'default' | 'lg';
11 
12const DropdownMenuSizeContext =
13  React.createContext<DropdownMenuSize>('default');
14 
15function useDropdownMenuSize() {
16  return React.useContext(DropdownMenuSizeContext);
17}
18 
19function CheckboxItemMark() {
20  return (
21    <svg
22      xmlns="http://www.w3.org/2000/svg"
23      className="h-[7px] w-2"
24      viewBox="0 0 8 7"
25      fill="none">
26      <path
27        fillRule="evenodd"
28        clipRule="evenodd"
29        d="M7.5 1.25L6.25 0L2.5 3.75L1.25 2.5L0 3.75L2.5 6.25L7.5 1.25Z"
30        fill="currentColor"
31      />
32    </svg>
33  );
34}
35 
36function DropdownMenu({
37  ...props
38}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
39  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
40}
41 
42function DropdownMenuPortal({
43  ...props
44}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
45  return (
46    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
47  );
48}
49 
50function DropdownMenuTrigger({
51  ...props
52}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
53  return (
54    <DropdownMenuPrimitive.Trigger
55      data-slot="dropdown-menu-trigger"
56      {...props}
57    />
58  );
59}
60 
61interface DropdownMenuContentProps extends React.ComponentProps<
62  typeof DropdownMenuPrimitive.Content
63> {
64  children?: React.ReactNode;
65  onOpenAutoFocus?: (event: Event) => void;
66  size?: DropdownMenuSize;
67}
68 
69function DropdownMenuContent({
70  className,
71  sideOffset = 4,
72  size = 'default',
73  ...props
74}: DropdownMenuContentProps) {
75  return (
76    <DropdownMenuPrimitive.Portal>
77      <DropdownMenuSizeContext.Provider value={size}>
78        <DropdownMenuPrimitive.Content
79          data-slot="dropdown-menu-content"
80          data-size={size}
81          sideOffset={sideOffset}
82          className={cn(
83// … truncated