Context Menu

1"use client"
2 
3import * as React from "react"
4import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu"
5 
6import { cn } from "@/lib/utils"
7import { ChevronRightIcon, CheckIcon, CircleIcon } from "lucide-react"
8 
9function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
10  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
11}
12 
13function ContextMenuTrigger({ ...props }: ContextMenuPrimitive.Trigger.Props) {
14  return (
15    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
16  )
17}
18 
19function ContextMenuGroup({ className, ...props }: ContextMenuPrimitive.Group.Props) {
20  return (
21    <ContextMenuPrimitive.Group
22      data-slot="context-menu-group"
23      className={cn("flex flex-col gap-0.5", className)}
24      {...props}
25    />
26  )
27}
28 
29function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {
30  return (
31    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
32  )
33}
34 
35function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {
36  return (
37    <ContextMenuPrimitive.SubmenuRoot data-slot="context-menu-sub" {...props} />
38  )
39}
40 
41function ContextMenuRadioGroup({
42  ...props
43}: ContextMenuPrimitive.RadioGroup.Props) {
44  return (
45    <ContextMenuPrimitive.RadioGroup
46      data-slot="context-menu-radio-group"
47      {...props}
48    />
49  )
50}
51 
52function ContextMenuContent({
53  className,
54  ...props
55}: ContextMenuPrimitive.Popup.Props) {
56  return (
57    <ContextMenuPrimitive.Portal>
58      <ContextMenuPrimitive.Positioner className="isolate z-50 outline-none">
59        <ContextMenuPrimitive.Popup
60          data-slot="context-menu-content"
61          className={cn(
62            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto flex flex-col gap-0.5 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95",
63            className
64          )}
65          {...props}
66        />
67      </ContextMenuPrimitive.Positioner>
68// … truncated