"use client"; import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"; import { Check, ChevronRight, Circle } from "lucide-react"; import { forwardRef } from "react"; import { cn } from "@/lib/utils"; import { glass } from "@/lib/glass"; import { menuContentClass, menuItemClass, menuLabelClass, menuSeparatorClass, } from "@/lib/menu-classes"; export const ContextMenu = ContextMenuPrimitive.Root; export const ContextMenuTrigger = ContextMenuPrimitive.Trigger; export const ContextMenuGroup = ContextMenuPrimitive.Group; export const ContextMenuPortal = ContextMenuPrimitive.Portal; export const ContextMenuSub = ContextMenuPrimitive.Sub; export const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup; export const ContextMenuContent = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName; export const ContextMenuItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, ...props }, ref) => ( )); ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName; export const ContextMenuCheckboxItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, children, checked, ...props }, ref) => ( {children} )); ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName; export const ContextMenuRadioItem = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( {children} )); ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName; export const ContextMenuLabel = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, ...props }, ref) => ( )); ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName; export const ContextMenuSeparator = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName; export const ContextMenuShortcut = ({ className, ...props }: React.ComponentProps<"span">) => ( ); export const ContextMenuSubTrigger = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef & { inset?: boolean; } >(({ className, inset, children, ...props }, ref) => ( {children} )); ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName; export const ContextMenuSubContent = forwardRef< HTMLDivElement, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;

Context Menu

Installation

Usage

API Reference