Context menu

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