context-menu

1"use client"
2 
3import * as React from "react"
4import { ContextMenu as ContextMenuPrimitive } from "radix-ui"
5 
6import { cn } from "@/registry/bases/radix/lib/utils"
7import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
8 
9function ContextMenu({
10  ...props
11}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
12  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
13}
14 
15function ContextMenuTrigger({
16  className,
17  ...props
18}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
19  return (
20    <ContextMenuPrimitive.Trigger
21      data-slot="context-menu-trigger"
22      className={cn("select-none", className)}
23      {...props}
24    />
25  )
26}
27 
28function ContextMenuGroup({
29  ...props
30}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
31  return (
32    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
33  )
34}
35 
36function ContextMenuPortal({
37  ...props
38}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
39  return (
40    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
41  )
42}
43 
44function ContextMenuSub({
45  ...props
46}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
47  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />
48}
49 
50function ContextMenuRadioGroup({
51  ...props
52}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
53  return (
54    <ContextMenuPrimitive.RadioGroup
55      data-slot="context-menu-radio-group"
56      {...props}
57    />
58  )
59}
60 
61function ContextMenuContent({
62  className,
63  ...props
64}: React.ComponentProps<typeof ContextMenuPrimitive.Content> & {
65  side?: "top" | "right" | "bottom" | "left"
66}) {
67  return (
68    <ContextMenuPrimitive.Portal>
69      <ContextMenuPrimitive.Content
70        data-slot="context-menu-content"
71        className={cn(
72          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 cn-menu-target z-50 max-h-(--radix-context-menu-content-available-height) origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto",
73          className
74        )}
75        {...props}
76      />
77    </ContextMenuPrimitive.Portal>
78  )
79}
80 
81// … truncated