"use client"; import * as React from "react"; import { ContextMenu as BaseContextMenu } from "@base-ui/react/context-menu"; import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"; import { cn } from "@/lib/utils"; function ContextMenu({ ...props }: React.ComponentProps) { return ; } function ContextMenuTrigger({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuGroup({ ...props }: React.ComponentProps) { return ; } function ContextMenuPortal({ ...props }: React.ComponentProps) { return ; } function ContextMenuBackdrop({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuSub({ ...props }: React.ComponentProps) { return ; } function ContextMenuRadioGroup({ ...props }: React.ComponentProps) { return ( ); } function ContextMenuPositioner({ className, ...props }: React.ComponentProps) { return ( ); } function ContextMenuPopup({ className, "data-slot": dataSlot, ...props }: React.ComponentProps & { "data-slot"?: string; }) { const finalSlot = dataSlot || "context-menu-popup"; return ( ); } function ContextMenuArrow({ ...props }: React.ComponentProps) { return ; } type ContextMenuContentProps = React.ComponentProps< typeof BaseContextMenu.Popup > & { align?: React.ComponentProps["align"]; alignOffset?: React.ComponentProps< typeof BaseContextMenu.Positioner >["alignOffset"]; side?: React.ComponentProps["side"]; sideOffset?: React.ComponentProps< typeof BaseContextMenu.Positioner >["sideOffset"]; /** * Whether to display the arrow pointing to the trigger. * @default false */ showArrow?: boolean; positionerProps?: Omit< React.ComponentProps, "children" | "className" >; portalProps?: React.ComponentProps; }; function ContextMenuContent({ children, className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, showArrow = false, positionerProps, portalProps, ...popupProps }: ContextMenuContentProps) { return ( {showArrow && ( )} {children} ); } function ContextMenuSubContent({ align = "start", side = "right", sideOffset = 8, alignOffset = -4, ...props }: ContextMenuContentProps) { 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({ children, className, ...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 ( ); } function ContextMenuSubTrigger({ children, className, inset, ...props }: React.ComponentProps & { inset?: boolean; }) { return ( {children} ); } function ArrowSvg(props: React.ComponentProps<"svg">) { return ( ); } export { ContextMenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuBackdrop, ContextMenuPositioner, ContextMenuPopup, ContextMenuContent, ContextMenuArrow, ContextMenuGroup, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, };