"use client" import * as React from "react" import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu" import { cn } from "@/lib/utils" import { IconPlaceholder } from "@/components/icon-placeholder" function childContent( asChild: boolean | undefined, children: React.ReactNode ): React.ReactNode { return asChild && React.isValidElement(children) ? undefined : children } function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): React.ReactElement { return } function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props): React.ReactElement { return ( ) } function ContextMenuTrigger({ asChild, children, render, ...props }: ContextMenuPrimitive.Trigger.Props & { asChild?: boolean }): React.ReactElement { return ( >) : undefined) } {...props} > {childContent(asChild, children)} ) } function ContextMenuContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset, anchor, portalProps, children, ...props }: ContextMenuPrimitive.Popup.Props & { portalProps?: ContextMenuPrimitive.Portal.Props side?: ContextMenuPrimitive.Positioner.Props["side"] sideOffset?: ContextMenuPrimitive.Positioner.Props["sideOffset"] align?: ContextMenuPrimitive.Positioner.Props["align"] alignOffset?: ContextMenuPrimitive.Positioner.Props["alignOffset"] anchor?: ContextMenuPrimitive.Positioner.Props["anchor"] }): React.ReactElement { return (

{children}

) } function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): React.ReactElement { return ( ) } function ContextMenuItem({ className, inset, variant = "default", asChild, children, render, ...props }: ContextMenuPrimitive.Item.Props & { inset?: boolean variant?: "default" | "destructive" asChild?: boolean }): React.ReactElement { return ( svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0 [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4", className )} data-inset={inset} data-slot="context-menu-item" data-variant={variant} render={ render ?? (asChild && React.isValidElement(children) ? (children as React.ReactElement>) : undefined) } {...props} > {childContent(asChild, children)} ) } function ContextMenuCheckboxItem({ className, children, checked, variant = "default", ...props }: ContextMenuPrimitive.CheckboxItem.Props & { variant?: "default" | "switch" }): React.ReactElement { return ( {variant === "switch" ? null : ( )} {children} {variant === "switch" ? ( ) } function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props): React.ReactElement { return ( ) } function ContextMenuRadioItem({ className, children, ...props }: ContextMenuPrimitive.RadioItem.Props): React.ReactElement { return ( {children} ) } function ContextMenuLabel({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & { inset?: boolean }): React.ReactElement { return ( ) } function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): React.ReactElement { return ( ) } function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement { return ( ) } function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props): React.ReactElement { return ( ) } function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }): React.ReactElement { return ( svg:not(:last-child)]:-mx-0.5", className )} data-inset={inset} data-slot="context-menu-sub-trigger" {...props} > {children} ) } function ContextMenuSubContent( props: React.ComponentProps ): React.ReactElement { return ( ) } export { ContextMenu, ContextMenuPortal, ContextMenuTrigger, ContextMenuContent, ContextMenuGroup, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, }