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 { IconChevronRight, IconCheck } from "@tabler/icons-react"
8 
9function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {
10  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
11}
12 
13function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {
14  return (
15    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
16  )
17}
18 
19function ContextMenuTrigger({
20  className,
21  ...props
22}: ContextMenuPrimitive.Trigger.Props) {
23  return (
24    <ContextMenuPrimitive.Trigger
25      data-slot="context-menu-trigger"
26      className={cn("select-none", className)}
27      {...props}
28    />
29  )
30}
31 
32function ContextMenuContent({
33  className,
34  align = "start",
35  alignOffset = 4,
36  side = "right",
37  sideOffset = 0,
38  ...props
39}: ContextMenuPrimitive.Popup.Props &
40  Pick<
41    ContextMenuPrimitive.Positioner.Props,
42    "align" | "alignOffset" | "side" | "sideOffset"
43  >) {
44  return (
45    <ContextMenuPrimitive.Portal>
46      <ContextMenuPrimitive.Positioner
47        className="isolate z-50 outline-none"
48        align={align}
49        alignOffset={alignOffset}
50        side={side}
51        sideOffset={sideOffset}
52      >
53        <ContextMenuPrimitive.Popup
54          data-slot="context-menu-content"
55          className={cn("z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md 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:fade-out-0 data-closed:zoom-out-95", className )}
56          {...props}
57        />
58      </ContextMenuPrimitive.Positioner>
59    </ContextMenuPrimitive.Portal>
60  )
61}
62 
63function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {
64  return (
65    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
66  )
67}
68 
69function ContextMenuLabel({
70  className,
71  inset,
72  ...props
73}: ContextMenuPrimitive.GroupLabel.Props & {
74  inset?: boolean
75}) {
76  return (
77// … truncated