context-menu

1import * as React from "react"
2import { ContextMenu as ContextMenuPrimitive } from "radix-ui"
3 
4import { cn } from "@/lib/utils"
5import { ChevronRightIcon, CheckIcon } from "lucide-react"
6 
7function ContextMenu({
8  ...props
9}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
10  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
11}
12 
13function ContextMenuTrigger({
14  className,
15  ...props
16}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
17  return (
18    <ContextMenuPrimitive.Trigger
19      data-slot="context-menu-trigger"
20      className={cn("select-none", className)}
21      {...props}
22    />
23  )
24}
25 
26function ContextMenuGroup({
27  ...props
28}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
29  return (
30    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
31  )
32}
33 
34function ContextMenuPortal({
35  ...props
36}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
37  return (
38    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
39  )
40}
41 
42function ContextMenuSub({
43  ...props
44}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
45  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />
46}
47 
48function ContextMenuRadioGroup({
49  ...props
50}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
51  return (
52    <ContextMenuPrimitive.RadioGroup
53      data-slot="context-menu-radio-group"
54      {...props}
55    />
56  )
57}
58 
59function ContextMenuContent({
60  className,
61  ...props
62}: React.ComponentProps<typeof ContextMenuPrimitive.Content> & {
63  side?: "top" | "right" | "bottom" | "left"
64}) {
65  return (
66    <ContextMenuPrimitive.Portal>
67      <ContextMenuPrimitive.Content
68        data-slot="context-menu-content"
69        className={cn(
70// … truncated