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 "@/registry/base-vega/lib/utils"
7import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
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(
56            "cn-menu-target cn-menu-translucent 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",
57            className
58          )}
59          {...props}
60        />
61      </ContextMenuPrimitive.Positioner>
62    </ContextMenuPrimitive.Portal>
63  )
64}
65 
66function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {
67  return (
68    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
69  )
70}
71 
72function ContextMenuLabel({
73  className,
74  inset,
75  ...props
76// … truncated