Context Menu

1'use client'
2 
3import * as React from 'react'
4import * as ContextMenuPrimitive from '@radix-ui/react-context-menu'
5import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
6 
7import { cn } from '@/lib/utils'
8 
9function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
10    return (
11        <ContextMenuPrimitive.Root
12            data-slot="context-menu"
13            {...props}
14        />
15    )
16}
17 
18function ContextMenuTrigger({
19    render,
20    children,
21    ...props
22}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger> & {
23    /** Base UI-style composition — mapped to Radix `asChild` */
24    render?: React.ReactElement
25}) {
26    if (render) {
27        return (
28            <ContextMenuPrimitive.Trigger
29                data-slot="context-menu-trigger"
30                asChild
31                {...props}
32            >
33                {React.cloneElement(
34                    render as React.ReactElement<{ children?: React.ReactNode }>,
35                    undefined,
36                    children
37                )}
38            </ContextMenuPrimitive.Trigger>
39        )
40    }
41 
42    return (
43        <ContextMenuPrimitive.Trigger
44            data-slot="context-menu-trigger"
45            {...props}
46        >
47            {children}
48        </ContextMenuPrimitive.Trigger>
49    )
50}
51 
52function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
53    return (
54        <ContextMenuPrimitive.Group
55            data-slot="context-menu-group"
56            {...props}
57        />
58    )
59}
60 
61function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
62    return (
63        <ContextMenuPrimitive.Portal
64            data-slot="context-menu-portal"
65            {...props}
66        />
67    )
68}
69 
70function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
71    return (
72        <ContextMenuPrimitive.Sub
73            data-slot="context-menu-sub"
74            {...props}
75        />
76    )
77}
78 
79function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
80    return (
81        <ContextMenuPrimitive.RadioGroup
82            data-slot="context-menu-radio-group"
83            {...props}
84        />
85    )
86}
87 
88function ContextMenuSubTrigger({
89    className,
90    inset,
91    children,
92    ...props
93}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
94    inset?: boolean
95}) {
96    return (
97// … truncated