"use client"; import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"; import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"; import * as React from "react"; import { cn } from "@/lib/utils"; function ContextMenu({ ...props }: React.ComponentProps) { const [menuKey, setMenuKey] = React.useState(0); return ( { // Call original onOpenChange if provided props.onOpenChange?.(open); // When menu closes, prepare for next repositioning if (!open) { setMenuKey((prev) => prev + 1); } }} {...props} /> ); } function ContextMenuTrigger({ className, ...props }: React.ComponentProps) { return ( ); } function ContextMenuGroup({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuPortal({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuSub({ ...props }: React.ComponentProps) { return ; } function ContextMenuRadioGroup({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( {children} ); } const ContextMenuSubContent = React.forwardRef< React.ComponentRef, React.ComponentProps >(function ContextMenuSubContent({ className, ...props }, ref) { return ( ); }); const ContextMenuContent = React.forwardRef< React.ComponentRef, React.ComponentProps >(function ContextMenuContent({ className, ...props }, ref) { return ( ); }); function ContextMenuItem({ className, inset, variant = "default", ...props }: React.ComponentProps & { inset?: boolean; variant?: "default" | "destructive"; }) { return ( ); } function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps) { return ( {children} ); } function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps) { return ( {children} ); } function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( ); } function ContextMenuSeparator({ className, ...props }: React.ComponentProps) { return ( ); } function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">) { return ( ); } export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

Example Usage