Context menu

1"use client";
2 
3import { Icon } from "@/lib/icon";
4import { mdiCheck, mdiChevronRight, mdiCircle } from "@mdi/js";
5import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
6import type * as React from "react";
7 
8import { cn } from "@/lib/utils";
9 
10function ContextMenu({
11  ...props
12}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
13  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />;
14}
15 
16function ContextMenuTrigger({
17  ...props
18}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
19  return (
20    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
21  );
22}
23 
24function ContextMenuGroup({
25  ...props
26}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
27  return (
28    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
29  );
30}
31 
32function ContextMenuPortal({
33  ...props
34}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
35  return (
36    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
37  );
38}
39 
40function ContextMenuSub({
41  ...props
42}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
43  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />;
44}
45 
46function ContextMenuRadioGroup({
47  ...props
48}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
49  return (
50    <ContextMenuPrimitive.RadioGroup
51      data-slot="context-menu-radio-group"
52      {...props}
53    />
54  );
55}
56 
57function ContextMenuSubTrigger({
58  className,
59  inset,
60  children,
61  ...props
62}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
63  inset?: boolean;
64}) {
65  return (
66    <ContextMenuPrimitive.SubTrigger
67      data-slot="context-menu-sub-trigger"
68      data-inset={inset}
69      className={cn(
70        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:size-[0.8rem] [&_svg]:text-neutral-600",
71        className,
72      )}
73      {...props}
74    >
75      {children}
76      <Icon path={mdiChevronRight} size={1.5} className="ml-auto" />
77    </ContextMenuPrimitive.SubTrigger>
78  );
79}
80 
81function ContextMenuSubContent({
82  className,
83  ...props
84}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
85  return (
86    <ContextMenuPrimitive.SubContent
87      data-slot="context-menu-sub-content"
88      className={cn(
89// … truncated