Context Menu

1"use client"
2 
3import * as React from "react"
4import {
5  ContextMenu as BaseContextMenu,
6  ContextMenuTrigger as BaseContextMenuTrigger,
7  ContextMenuContent as BaseContextMenuContent,
8  ContextMenuItem,
9  ContextMenuCheckboxItem,
10  ContextMenuRadioItem,
11  ContextMenuLabel,
12  ContextMenuSeparator,
13  ContextMenuShortcut,
14  ContextMenuGroup,
15  ContextMenuPortal,
16  ContextMenuSub,
17  ContextMenuSubContent,
18  ContextMenuSubTrigger,
19  ContextMenuRadioGroup,
20} from "@/components/ui/context-menu"
21 
22/**
23 * Glass UI Context Menu - A beautifully designed context menu with glassy effects
24 * Built on top of the base ContextMenu component with enhanced visual styling
25 */
26export const ContextMenu = BaseContextMenu
27export const ContextMenuTrigger = BaseContextMenuTrigger
28 
29export const ContextMenuContent = React.forwardRef<
30  React.ElementRef<typeof BaseContextMenuContent>,
31  React.ComponentProps<typeof BaseContextMenuContent> & {
32    variant?: "default" | "glass" | "glassSubtle" | "frosted" | "fluted" | "crystal"
33  }
34>(({ className, variant = "glass", ...props }, ref) => {
35  return (
36    <BaseContextMenuContent
37      ref={ref}
38      variant={variant}
39      className={className}
40      {...props}
41    />
42  )
43})
44ContextMenuContent.displayName = "ContextMenuContent"
45 
46export {
47  ContextMenuItem,
48  ContextMenuCheckboxItem,
49  ContextMenuRadioItem,
50  ContextMenuLabel,
51  ContextMenuSeparator,
52  ContextMenuShortcut,
53  ContextMenuGroup,
54  ContextMenuPortal,
55  ContextMenuSub,
56  ContextMenuSubContent,
57  ContextMenuSubTrigger,
58  ContextMenuRadioGroup,
59}
60