ContextMenu

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