@alneas/appkit-react 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.cjs","names":["MenuPrimitive","React","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_menu","DropdownMenu","props","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","DropdownMenuGroup","DropdownMenuLabel","inset","DropdownMenuItem","variant","DropdownMenuSub","DropdownMenuSubTrigger","children","DropdownMenuSubContent","DropdownMenuCheckboxItem","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut"],"sources":["../../../../src/ui/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { ChevronRightIcon, CheckIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ドロップダウンメニューのルートコンポーネント。\n */\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot='dropdown-menu' {...props} />;\n}\n\n/**\n * メニュー要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。\n */\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot='dropdown-menu-portal' {...props} />;\n}\n\n/**\n * ドロップダウンメニューを開くためのトリガーボタン。\n */\nfunction DropdownMenuTrigger({\n  children,\n  ...props\n}: MenuPrimitive.Trigger.Props) {\n  return (\n    <MenuPrimitive.Trigger\n      data-slot='dropdown-menu-trigger'\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.Popup.Props &\n    Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          data-slot='dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  ),\n);\nDropdownMenuContent.displayName = MenuPrimitive.Popup.displayName;\n\n/**\n * メニューアイテムを論理的なグループにまとめるためのコンポーネント。\n */\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot='dropdown-menu-group' {...props} />;\n}\n\nconst DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.GroupLabel.Props & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.GroupLabel\n    ref={ref}\n    data-slot='dropdown-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));\nDropdownMenuLabel.displayName = MenuPrimitive.GroupLabel.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.Item.Props & {\n    inset?: boolean;\n    variant?: 'default' | 'destructive';\n  }\n>(({ className, inset, variant = 'default', children, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    data-slot='dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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    {children}\n  </MenuPrimitive.Item>\n));\nDropdownMenuItem.displayName = MenuPrimitive.Item.displayName;\n\n/**\n * サブメニュー（入れ子になったメニュー）用のルートコンポーネント。\n */\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot='dropdown-menu-sub' {...props} />;\n}\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.SubmenuTrigger.Props & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenuPrimitive.SubmenuTrigger\n    ref={ref}\n    data-slot='dropdown-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 not-data-[variant=destructive]:focus:**: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  </MenuPrimitive.SubmenuTrigger>\n));\nDropdownMenuSubTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuContent>\n>(\n  (\n    { className, align = 'start', alignOffset = -3, side = 'right', sideOffset = 0, ...props },\n    ref,\n  ) => (\n    <DropdownMenuContent\n      ref={ref}\n      data-slot='dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto',\n        className,\n      )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='dropdown-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-checkbox-item-indicator'\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\n\n/**\n * 選択状態を共有し、単一選択（ラジオ）可能なアイテムをグループ化するコンポーネント。\n */\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return <MenuPrimitive.RadioGroup data-slot='dropdown-menu-radio-group' {...props} />;\n}\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='dropdown-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-radio-item-indicator'\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator\n      ref={ref}\n      data-slot='dropdown-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  ),\n);\nDropdownMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = React.forwardRef<HTMLSpanElement, React.ComponentProps<'span'>>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      data-slot='dropdown-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.cjs","names":["MenuPrimitive","cn","ChevronRightIcon","CheckIcon","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","lucide_react","_base_ui_react_menu","DropdownMenu","props","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","DropdownMenuGroup","DropdownMenuLabel","inset","DropdownMenuItem","variant","DropdownMenuSub","DropdownMenuSubTrigger","children","DropdownMenuSubContent","DropdownMenuCheckboxItem","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut"],"sources":["../../../../src/ui/components/ui/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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 DropdownMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n  return <MenuPrimitive.Root data-slot='dropdown-menu' {...props} />;\n}\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 DropdownMenuPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n  return <MenuPrimitive.Portal data-slot='dropdown-menu-portal' {...props} />;\n}\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 DropdownMenuTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuTrigger({\n  children,\n  ...props\n}: MenuPrimitive.Trigger.Props) {\n  return (\n    <MenuPrimitive.Trigger\n      data-slot='dropdown-menu-trigger'\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\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=0, side='bottom', sideOffset=4.\n * @returns The rendered DropdownMenuContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.Popup.Props &\n    Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.Portal>\n      <MenuPrimitive.Positioner\n        className='isolate z-50 outline-none'\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          data-slot='dropdown-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-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    </MenuPrimitive.Portal>\n  );\n}\nDropdownMenuContent.displayName = MenuPrimitive.Popup.displayName;\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 DropdownMenuGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n  return <MenuPrimitive.Group data-slot='dropdown-menu-group' {...props} />;\n}\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 DropdownMenuLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuLabel({\n  ref,\n  className,\n  inset,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.GroupLabel\n      ref={ref}\n      data-slot='dropdown-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}\nDropdownMenuLabel.displayName = MenuPrimitive.GroupLabel.displayName;\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 DropdownMenuItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuItem({\n  ref,\n  className,\n  inset,\n  variant = 'default',\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.Item\n      ref={ref}\n      data-slot='dropdown-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 not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-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      {children}\n    </MenuPrimitive.Item>\n  );\n}\nDropdownMenuItem.displayName = MenuPrimitive.Item.displayName;\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 DropdownMenuSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n  return <MenuPrimitive.SubmenuRoot data-slot='dropdown-menu-sub' {...props} />;\n}\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 DropdownMenuSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSubTrigger({\n  ref,\n  className,\n  inset,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  MenuPrimitive.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    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      data-slot='dropdown-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 not-data-[variant=destructive]:focus:**: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    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nDropdownMenuSubTrigger.displayName = MenuPrimitive.SubmenuTrigger.displayName;\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. Wrapper defaults: align='start', alignOffset=-3, side='right', sideOffset=0.\n * @returns The rendered DropdownMenuSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSubContent({\n  ref,\n  className,\n  align = 'start',\n  alignOffset = -3,\n  side = 'right',\n  sideOffset = 0,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DropdownMenuContent>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <DropdownMenuContent\n      ref={ref}\n      data-slot='dropdown-menu-sub-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-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto',\n        className,\n      )}\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n      {...props}\n    />\n  );\n}\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\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 DropdownMenuCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuCheckboxItem({\n  ref,\n  className,\n  children,\n  checked,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.CheckboxItem.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot='dropdown-menu-checkbox-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-checkbox-item-indicator'\n      >\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\nDropdownMenuCheckboxItem.displayName = MenuPrimitive.CheckboxItem.displayName;\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 DropdownMenuRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n  return <MenuPrimitive.RadioGroup data-slot='dropdown-menu-radio-group' {...props} />;\n}\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 DropdownMenuRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuRadioItem({\n  ref,\n  className,\n  children,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.RadioItem.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.RadioItem\n      ref={ref}\n      data-slot='dropdown-menu-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground 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\n        className='pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none'\n        data-slot='dropdown-menu-radio-item-indicator'\n      >\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\nDropdownMenuRadioItem.displayName = MenuPrimitive.RadioItem.displayName;\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 DropdownMenuSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuSeparator({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<MenuPrimitive.Separator.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <MenuPrimitive.Separator\n      ref={ref}\n      data-slot='dropdown-menu-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuSeparator.displayName = MenuPrimitive.Separator.displayName;\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 DropdownMenuShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log(\"Open requested\")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);\n * }\n * ```\n */\nfunction DropdownMenuShortcut({\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='dropdown-menu-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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"}

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

@@ -1,43 +1,295 @@
 import { Menu as MenuPrimitive } from '@base-ui/react/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 DropdownMenu composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
 /**
- * メニュー要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。
+ * 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 DropdownMenuPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
 /**
- * ドロップダウンメニューを開くためのトリガーボタン。
+ * 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 DropdownMenuTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): React.JSX.Element;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').MenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
- * メニューアイテムを論理的なグループにまとめるためのコンポーネント。
+ * 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=0, side='bottom', sideOffset=4.
+ * @returns The rendered DropdownMenuContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuContent {
+    var displayName: string | undefined;
+}
+/**
+ * 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 DropdownMenuGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps & {
+/**
+ * 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 DropdownMenuLabel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuLabel({ ref, className, inset, ...props }: React.PropsWithoutRef<MenuPrimitive.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 DropdownMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps & {
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuLabel {
+    var displayName: string | undefined;
+}
+/**
+ * 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 DropdownMenuItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuItem({ ref, className, inset, variant, children, ...props }: React.PropsWithoutRef<MenuPrimitive.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 DropdownMenuItem {
+    var displayName: string | undefined;
+}
 /**
- * サブメニュー（入れ子になったメニュー）用のルートコンポーネント。
+ * 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 DropdownMenuSub composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
-declare const DropdownMenuSubTrigger: 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 DropdownMenuSubTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuSubTrigger({ ref, className, inset, children, ...props }: React.PropsWithoutRef<MenuPrimitive.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 DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps & Pick<import('@base-ui/react').MenuPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuSubTrigger {
+    var displayName: string | undefined;
+}
+/**
+ * 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. Wrapper defaults: align='start', alignOffset=-3, side='right', sideOffset=0.
+ * @returns The rendered DropdownMenuSubContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuSubContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DropdownMenuContent>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuSubContent {
+    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 DropdownMenuCheckboxItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuCheckboxItem({ ref, className, children, checked, ...props }: React.PropsWithoutRef<MenuPrimitive.CheckboxItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuCheckboxItem {
+    var displayName: string | undefined;
+}
 /**
- * 選択状態を共有し、単一選択（ラジオ）可能なアイテムをグループ化するコンポーネント。
+ * 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 DropdownMenuRadioGroup composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
  */
 declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * 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 DropdownMenuRadioItem composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuRadioItem({ ref, className, children, ...props }: React.PropsWithoutRef<MenuPrimitive.RadioItem.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuRadioItem {
+    var displayName: string | undefined;
+}
+/**
+ * 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 DropdownMenuSeparator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuSeparator({ ref, className, ...props }: React.PropsWithoutRef<MenuPrimitive.Separator.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DropdownMenuSeparator {
+    var displayName: string | undefined;
+}
+/**
+ * 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 DropdownMenuShortcut composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Items and popup parts require the matching DropdownMenu 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 { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<DropdownMenu><DropdownMenuTrigger>Actions</DropdownMenuTrigger><DropdownMenuContent><DropdownMenuGroup><DropdownMenuLabel>Document</DropdownMenuLabel><DropdownMenuItem onClick={() => console.log("Open requested")}>Open</DropdownMenuItem></DropdownMenuGroup><DropdownMenuSeparator /><DropdownMenuItem disabled>Unavailable</DropdownMenuItem></DropdownMenuContent></DropdownMenu>);
+ * }
+ * ```
+ */
+declare function DropdownMenuShortcut({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentProps<'span'>> & React.RefAttributes<HTMLSpanElement>): React.JSX.Element;
+declare namespace DropdownMenuShortcut {
+    var displayName: string;
+}
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };