@alneas/appkit-react 0.2.0 → 0.3.0

package/dist/ui/components/ui/context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","React","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_context_menu","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ContextMenuSubContent","ContextMenuCheckboxItem","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuPortal = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Portal.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />\n  ),\n);\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof ContextMenuPrimitive.Trigger>,\n  ContextMenuPrimitive.Trigger.Props\n>(({ className, children, ...props }, ref) => (\n  <ContextMenuPrimitive.Trigger\n    ref={ref}\n    data-slot='context-menu-trigger'\n    className={cn('select-none', className)}\n    {...props}\n  >\n    {children}\n  </ContextMenuPrimitive.Trigger>\n));\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.\n * @returns The rendered ContextMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuContent = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 4, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuGroup = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Group.Props>(\n  ({ ...props }, ref) => (\n    <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />\n  ),\n);\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.GroupLabel.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <ContextMenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='context-menu-label'\n    data-inset={inset}\n    className={cn(\n      'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered ContextMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.Item.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n  }\n>(({ className, inset, variant = 'default', ...props }, ref) => (\n  <ContextMenuPrimitive.Item\n    ref={ref}\n    data-slot='context-menu-item'\n    data-inset={inset}\n    data-variant={variant}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.SubmenuTrigger.Props & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <ContextMenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='context-menu-sub-trigger'\n    data-inset={inset}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className='ml-auto' />\n  </ContextMenuPrimitive.SubmenuTrigger>\n));\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof ContextMenuContent>\n>(({ ...props }, ref) => (\n  <ContextMenuContent\n    ref={ref}\n    data-slot='context-menu-sub-content'\n    className='shadow-lg'\n    side='right'\n    {...props}\n  />\n));\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.CheckboxItem.Props\n>(({ className, children, checked, ...props }, ref) => (\n  <ContextMenuPrimitive.CheckboxItem\n    ref={ref}\n    data-slot='context-menu-checkbox-item'\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className='absolute right-2 pointer-events-none'>\n      <ContextMenuPrimitive.CheckboxItemIndicator>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </span>\n    {children}\n  </ContextMenuPrimitive.CheckboxItem>\n));\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioGroup = React.forwardRef<\n  HTMLDivElement,\n  ContextMenuPrimitive.RadioGroup.Props\n>(({ ...props }, ref) => (\n  <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n));\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_context_menu","ContextMenu","props","ContextMenuPortal","ContextMenuTrigger","className","ContextMenuContent","ContextMenuGroup","ContextMenuLabel","inset","ContextMenuItem","variant","ContextMenuSub","ContextMenuSubTrigger","children","ContextMenuSubContent","ContextMenuCheckboxItem","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut"],"sources":["../../../../src/ui/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n  <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuPortal({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>) {\n  return <ContextMenuPrimitive.Portal ref={ref} data-slot='context-menu-portal' {...props} />;\n}\nContextMenuPortal.displayName = 'ContextMenuPortal';\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Trigger.Props> &\n  React.RefAttributes<React.ComponentRef<typeof ContextMenuPrimitive.Trigger>>) {\n  return (\n    <ContextMenuPrimitive.Trigger\n      ref={ref}\n      data-slot='context-menu-trigger'\n      className={cn('select-none', className)}\n      {...props}\n    >\n      {children}\n    </ContextMenuPrimitive.Trigger>\n  );\n}\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.\n * @returns The rendered ContextMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = 4,\n  side = 'right',\n  sideOffset = 0,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.Popup.Props &\n    Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot='context-menu-content'\n          className={cn(\n            'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none',\n            className,\n          )}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  );\n}\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuGroup({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Group.Props> & React.RefAttributes<HTMLDivElement>) {\n  return <ContextMenuPrimitive.Group ref={ref} data-slot='context-menu-group' {...props} />;\n}\nContextMenuGroup.displayName = 'ContextMenuGroup';\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuLabel({\n  ref,\n  className,\n  inset,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.GroupLabel.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.GroupLabel\n      ref={ref}\n      data-slot='context-menu-label'\n      data-inset={inset}\n      className={cn(\n        'text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered ContextMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuItem({\n  ref,\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.Item.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n    /**\n     * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n     */\n    variant?: 'default' | 'destructive';\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Item\n      ref={ref}\n      data-slot='context-menu-item'\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/context-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuItem.displayName = 'ContextMenuItem';\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n  <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSubTrigger({\n  ref,\n  className,\n  inset,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  ContextMenuPrimitive.SubmenuTrigger.Props & {\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    /**\n     * Adds left inset spacing when true; omitted/false uses normal alignment.\n     */\n    inset?: boolean;\n  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={ref}\n      data-slot='context-menu-sub-trigger'\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className='ml-auto' />\n    </ContextMenuPrimitive.SubmenuTrigger>\n  );\n}\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSubContent({\n  ref,\n  ...props\n}: React.PropsWithoutRef<React.ComponentProps<typeof ContextMenuContent>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuContent\n      ref={ref}\n      data-slot='context-menu-sub-content'\n      className='shadow-lg'\n      side='right'\n      {...props}\n    />\n  );\n}\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuCheckboxItem({\n  ref,\n  className,\n  children,\n  checked,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.CheckboxItem.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='context-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuRadioGroup({\n  ref,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.RadioGroup.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.RadioGroup ref={ref} data-slot='context-menu-radio-group' {...props} />\n  );\n}\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuRadioItem({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.RadioItem.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='context-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className='absolute right-2 pointer-events-none'>\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuSeparator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<ContextMenuPrimitive.Separator.Props> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <ContextMenuPrimitive.Separator\n      ref={ref}\n      data-slot='context-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered ContextMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching ContextMenu root. Put labels inside a Group and RadioItems inside RadioGroup. SubTrigger/SubContent require Sub under the parent menu. Content supplies its portal/positioner. inset adds left spacing when truthy; item variant defaults to default. Shortcut is presentational. Custom render composition follows Base UI; there is no asChild adapter. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<ContextMenu><ContextMenuTrigger>Right-click here</ContextMenuTrigger><ContextMenuContent><ContextMenuGroup><ContextMenuLabel>Document</ContextMenuLabel><ContextMenuItem onClick={() => console.log(\"Open requested\")}>Open</ContextMenuItem></ContextMenuGroup><ContextMenuSeparator /><ContextMenuItem disabled>Unavailable</ContextMenuItem></ContextMenuContent></ContextMenu>);\n * }\n * ```\n */\nfunction ContextMenuShortcut({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentProps<'span'>> & React.RefAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      ref={ref}\n      data-slot='context-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\nexport {\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuCheckboxItem,\n  ContextMenuRadioItem,\n  ContextMenuLabel,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuGroup,\n  ContextMenuPortal,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuRadioGroup,\n};\n"],"mappings":"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"}

package/dist/ui/components/ui/context-menu.d.cts

@@ -34,7 +34,10 @@ declare const ContextMenu: {
  * }
  * ```
  */
-declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuPortal({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuPortal {
+    var displayName: string;
+}
 /**
  * Renders the control or context target that opens a menu.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -50,7 +53,10 @@ declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@b
  * }
  * ```
  */
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuTrigger({ ref, className, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Trigger.Props> & React.RefAttributes<React.ComponentRef<typeof ContextMenuPrimitive.Trigger>>): React.JSX.Element;
+declare namespace ContextMenuTrigger {
+    var displayName: string;
+}
 /**
  * Portals the menu popup through its positioned container.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.
@@ -66,7 +72,10 @@ declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@
  * }
  * ```
  */
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').ContextMenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuContent {
+    var displayName: string;
+}
 /**
  * Groups related menu actions.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -82,7 +91,10 @@ declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<import('@
  * }
  * ```
  */
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuGroup({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Group.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuGroup {
+    var displayName: string;
+}
 /**
  * Renders the accessible label of a menu group with optional inset spacing.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -98,12 +110,18 @@ declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@ba
  * }
  * ```
  */
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+declare function ContextMenuLabel({ ref, className, inset, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.GroupLabel.Props & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
     inset?: boolean;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuLabel {
+    var displayName: string;
+}
 /**
  * Renders a menu action with optional destructive styling and inset spacing.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.
@@ -119,7 +137,7 @@ declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import('@ba
  * }
  * ```
  */
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+declare function ContextMenuItem({ ref, className, inset, variant, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Item.Props & {
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
@@ -127,8 +145,11 @@ declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<import('@bas
     /**
      * Visual treatment from the declared variant union; changing it does not alter host action semantics.
      */
-    variant?: "default" | "destructive";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    variant?: 'default' | 'destructive';
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuItem {
+    var displayName: string;
+}
 /**
  * Coordinates a submenu nested inside a parent menu.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -163,12 +184,18 @@ declare const ContextMenuSub: {
  * }
  * ```
  */
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps & {
+declare function ContextMenuSubTrigger({ ref, className, inset, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.SubmenuTrigger.Props & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
     inset?: boolean;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSubTrigger {
+    var displayName: string;
+}
 /**
  * Renders a positioned submenu popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -184,7 +211,10 @@ declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import
  * }
  * ```
  */
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').ContextMenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuSubContent({ ref, ...props }: React.PropsWithoutRef<React.ComponentProps<typeof ContextMenuContent>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSubContent {
+    var displayName: string;
+}
 /**
  * Renders a checked menu action with a checkmark indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -200,7 +230,10 @@ declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<i
  * }
  * ```
  */
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuCheckboxItem({ ref, className, children, checked, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.CheckboxItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuCheckboxItem {
+    var displayName: string;
+}
 /**
  * Coordinates mutually exclusive menu choices.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -216,7 +249,10 @@ declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<impo
  * }
  * ```
  */
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuRadioGroup({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.RadioGroup.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuRadioGroup {
+    var displayName: string;
+}
 /**
  * Renders one value in a menu radio group.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -232,7 +268,10 @@ declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<import
  * }
  * ```
  */
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuRadioItem({ ref, className, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.RadioItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuRadioItem {
+    var displayName: string;
+}
 /**
  * Draws a divider between menu sections.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -248,7 +287,10 @@ declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<import(
  * }
  * ```
  */
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuSeparator({ ref, className, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Separator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSeparator {
+    var displayName: string;
+}
 /**
  * Styles a shortcut hint without installing keyboard listeners.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -264,5 +306,8 @@ declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import(
  * }
  * ```
  */
-declare const ContextMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ContextMenuShortcut({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'span'>> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ContextMenuShortcut {
+    var displayName: string;
+}
 export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/ui/components/ui/context-menu.d.ts

@@ -34,7 +34,10 @@ declare const ContextMenu: {
  * }
  * ```
  */
-declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuPortal({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Portal.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuPortal {
+    var displayName: string;
+}
 /**
  * Renders the control or context target that opens a menu.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -50,7 +53,10 @@ declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@b
  * }
  * ```
  */
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuTrigger({ ref, className, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Trigger.Props> & React.RefAttributes<React.ComponentRef<typeof ContextMenuPrimitive.Trigger>>): React.JSX.Element;
+declare namespace ContextMenuTrigger {
+    var displayName: string;
+}
 /**
  * Portals the menu popup through its positioned container.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=4, side='right', sideOffset=0.
@@ -66,7 +72,10 @@ declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@
  * }
  * ```
  */
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').ContextMenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuContent {
+    var displayName: string;
+}
 /**
  * Groups related menu actions.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -82,7 +91,10 @@ declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<import('@
  * }
  * ```
  */
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuGroup({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Group.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuGroup {
+    var displayName: string;
+}
 /**
  * Renders the accessible label of a menu group with optional inset spacing.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -98,12 +110,18 @@ declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@ba
  * }
  * ```
  */
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+declare function ContextMenuLabel({ ref, className, inset, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.GroupLabel.Props & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
     inset?: boolean;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuLabel {
+    var displayName: string;
+}
 /**
  * Renders a menu action with optional destructive styling and inset spacing.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.
@@ -119,7 +137,7 @@ declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import('@ba
  * }
  * ```
  */
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+declare function ContextMenuItem({ ref, className, inset, variant, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Item.Props & {
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
@@ -127,8 +145,11 @@ declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<import('@bas
     /**
      * Visual treatment from the declared variant union; changing it does not alter host action semantics.
      */
-    variant?: "default" | "destructive";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    variant?: 'default' | 'destructive';
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuItem {
+    var displayName: string;
+}
 /**
  * Coordinates a submenu nested inside a parent menu.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -163,12 +184,18 @@ declare const ContextMenuSub: {
  * }
  * ```
  */
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps & {
+declare function ContextMenuSubTrigger({ ref, className, inset, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.SubmenuTrigger.Props & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     /**
      * Adds left inset spacing when true; omitted/false uses normal alignment.
      */
     inset?: boolean;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSubTrigger {
+    var displayName: string;
+}
 /**
  * Renders a positioned submenu popup.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -184,7 +211,10 @@ declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import
  * }
  * ```
  */
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').ContextMenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuSubContent({ ref, ...props }: React.PropsWithoutRef<React.ComponentProps<typeof ContextMenuContent>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSubContent {
+    var displayName: string;
+}
 /**
  * Renders a checked menu action with a checkmark indicator.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -200,7 +230,10 @@ declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<i
  * }
  * ```
  */
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuCheckboxItem({ ref, className, children, checked, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.CheckboxItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuCheckboxItem {
+    var displayName: string;
+}
 /**
  * Coordinates mutually exclusive menu choices.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -216,7 +249,10 @@ declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<impo
  * }
  * ```
  */
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuRadioGroup({ ref, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.RadioGroup.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuRadioGroup {
+    var displayName: string;
+}
 /**
  * Renders one value in a menu radio group.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -232,7 +268,10 @@ declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<import
  * }
  * ```
  */
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuRadioItem({ ref, className, children, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.RadioItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuRadioItem {
+    var displayName: string;
+}
 /**
  * Draws a divider between menu sections.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -248,7 +287,10 @@ declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<import(
  * }
  * ```
  */
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ContextMenuSeparator({ ref, className, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Separator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace ContextMenuSeparator {
+    var displayName: string;
+}
 /**
  * Styles a shortcut hint without installing keyboard listeners.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -264,5 +306,8 @@ declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import(
  * }
  * ```
  */
-declare const ContextMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function ContextMenuShortcut({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'span'>> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace ContextMenuShortcut {
+    var displayName: string;
+}
 export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };