npm - @alneas/appkit-react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@alneas/appkit-react 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1983) hide show

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

	@@ -1 +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 コンテキストメニュー（右クリックメニュー）のルートコンポーネント。\n /\nconst ContextMenu = (props: ContextMenuPrimitive.Root.Props) => (\n <ContextMenuPrimitive.Root data-slot='context-menu' {...props} />\n);\nContextMenu.displayName = 'ContextMenu';\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\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\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\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\nconst ContextMenuLabel = React.forwardRef<\n HTMLDivElement,\n ContextMenuPrimitive.GroupLabel.Props & { 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\nconst ContextMenuItem = React.forwardRef<\n HTMLDivElement,\n ContextMenuPrimitive.Item.Props & {\n inset?: boolean;\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 コンテキストメニュー内でさらに深い階層のメニュー（サブメニュー）を作成するためのコンポーネント。\n /\nconst ContextMenuSub = (props: ContextMenuPrimitive.SubmenuRoot.Props) => (\n <ContextMenuPrimitive.SubmenuRoot data-slot='context-menu-sub' {...props} />\n);\nContextMenuSub.displayName = 'ContextMenuSub';\n\nconst ContextMenuSubTrigger = React.forwardRef<\n HTMLDivElement,\n ContextMenuPrimitive.SubmenuTrigger.Props & { 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\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\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\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\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\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\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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"}
1	+ {"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 CHANGED Viewed

@@ -1,37 +1,313 @@
 import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
 import * as React from 'react';
 /**
- * コンテキストメニュー（右クリックメニュー）のルートコンポーネント。
+ * Coordinates popup menu state and focus behavior.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ContextMenu composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare const ContextMenu: {
     (props: ContextMenuPrimitive.Root.Props): React.JSX.Element;
     displayName: string;
 };
-declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-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 const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+/**
+ * Mounts menu descendants in a separate DOM container.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ContextMenuPortal composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuTrigger composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuContent composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuLabel composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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>>;
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+}> & 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'.
+ * @returns The rendered ContextMenuItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+declare function ContextMenuItem({ ref, className, inset, variant, ...props }: React.PropsWithoutRef<ContextMenuPrimitive.Item.Props & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     inset?: boolean;
-    variant?: "default" | "destructive";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    /**
+     * Visual treatment from the declared variant union; changing it does not alter host action semantics.
+     */
+    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.
+ * @returns The rendered ContextMenuSub composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
  */
 declare const ContextMenuSub: {
     (props: ContextMenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
     displayName: string;
 };
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps & {
+/**
+ * Renders a submenu opener with a trailing chevron.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered ContextMenuSubTrigger composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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>>;
-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 const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+}> & 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.
+ * @returns The rendered ContextMenuSubContent composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuCheckboxItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuRadioGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuRadioItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuSeparator composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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.
+ * @returns The rendered ContextMenuShortcut composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuGroup, ContextMenuLabel, ContextMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   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>);
+ * }
+ * ```
+ */
+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, };