context-menu

1"use client"
2 
3import { cn } from "@/lib/utils"
4import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
5import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
6import * as React from "react"
7 
8function ContextMenu({
9  ...props
10}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
11  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
12}
13 
14function ContextMenuTrigger({
15  ...props
16}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
17  return (
18    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
19  )
20}
21 
22function ContextMenuGroup({
23  ...props
24}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
25  return (
26    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
27  )
28}
29 
30function ContextMenuPortal({
31  ...props
32}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
33  return (
34    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
35  )
36}
37 
38function ContextMenuSub({
39  ...props
40}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
41  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />
42}
43 
44function ContextMenuRadioGroup({
45  ...props
46}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
47  return (
48    <ContextMenuPrimitive.RadioGroup
49      data-slot="context-menu-radio-group"
50      {...props}
51    />
52  )
53}
54 
55function ContextMenuSubTrigger({
56  className,
57  inset,
58  children,
59  ...props
60}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
61  inset?: boolean
62}) {
63  return (
64    <ContextMenuPrimitive.SubTrigger
65      data-slot="context-menu-sub-trigger"
66      data-inset={inset}
67      className={cn(
68        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
69        className,
70      )}
71      {...props}
72    >
73      {children}
74      <ChevronRightIcon className="ml-auto" />
75    </ContextMenuPrimitive.SubTrigger>
76  )
77}
78 
79function ContextMenuSubContent({
80  className,
81  ...props
82}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
83  return (
84    <ContextMenuPrimitive.SubContent
85      data-slot="context-menu-sub-content"
86      className={cn(
87// … truncated