@alneas/appkit-react 0.1.0 → 0.2.0

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

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

package/dist/ui/components/ui/dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.cjs","names":["DialogPrimitive","React","cn","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","DialogContent","testId","children","showCloseButton","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"sources":["../../../../src/ui/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * ダイアログ（モーダル）のルートコンポーネント。\n */\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root data-slot='dialog' {...props} />;\n}\n\n/**\n * ダイアログを開くためのトリガーボタン。\n */\nfunction DialogTrigger({\n  children,\n  ...props\n}: DialogPrimitive.Trigger.Props) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot='dialog-trigger'\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Trigger>\n  );\n}\n\n/**\n * ダイアログ要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。\n */\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\n}\n\n/**\n * ダイアログを閉じるためのトリガーボタン。\n */\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogPrimitive.Backdrop.Props>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      data-slot='dialog-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDialogOverlay.displayName = DialogPrimitive.Backdrop.displayName;\n\nexport interface DialogContentProps extends React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Popup\n> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  showCloseButton?: boolean;\n}\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, testId, showCloseButton = true, ...props }, ref) => (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-testid={testId}\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background text-foreground 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 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot='dialog-close'\n            data-testid={testId ? `${testId}-close` : undefined}\n            render={<Button variant='ghost' className='absolute top-2 right-2' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  ),\n);\nDialogContent.displayName = DialogPrimitive.Popup.displayName;\n\nconst DialogHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='dialog-header'\n      className={cn('gap-2 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<'div'> & { showCloseButton?: boolean }\n>(({ className, showCloseButton = false, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='dialog-footer'\n    className={cn(\n      'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    {showCloseButton && (\n      <DialogPrimitive.Close render={<Button variant='outline' />}>Close</DialogPrimitive.Close>\n    )}\n  </div>\n));\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot='dialog-title'\n    className={cn('text-sm leading-none font-medium', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot='dialog-description'\n    className={cn(\n      'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"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"}
+{"version":3,"file":"dialog.cjs","names":["DialogPrimitive","React","cn","Button","XIcon","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","react_jsx_runtime","react","lucide_react","_base_ui_react_dialog","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","DialogContent","testId","children","showCloseButton","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"sources":["../../../../src/ui/components/ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Button } from '../../components/ui/button';\n\n/**\n * Coordinates open state and interaction context for the 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 Dialog composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction Dialog({ ...props }: DialogPrimitive.Root.Props) {\n  return <DialogPrimitive.Root data-slot='dialog' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its 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 DialogTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogTrigger({\n  children,\n  ...props\n}: DialogPrimitive.Trigger.Props) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot='dialog-trigger'\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Trigger>\n  );\n}\n\n/**\n * Mounts popup 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 DialogPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogPortal({ ...props }: DialogPrimitive.Portal.Props) {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' {...props} />;\n}\n\n/**\n * Renders a control that requests closing its 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 DialogClose composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nfunction DialogClose({ ...props }: DialogPrimitive.Close.Props) {\n  return <DialogPrimitive.Close data-slot='dialog-close' {...props} />;\n}\n\n/**\n * Renders the popup backdrop with open/closed animation classes.\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 DialogOverlay composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogPrimitive.Backdrop.Props>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      data-slot='dialog-overlay'\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDialogOverlay.displayName = DialogPrimitive.Backdrop.displayName;\n\n/**\n * Base UI popup props plus the built-in close button and stable test selector.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see DialogContent\n */\nexport interface DialogContentProps extends React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Popup\n> {\n  /**\n   * data-testid on the popup; the built-in close uses `${testId}-close` when present.\n   */\n  testId?: string;\n  /**\n   * Whether to insert the built-in close button.\n   * @defaultValue true\n   */\n  showCloseButton?: boolean;\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=true.\n * @returns The rendered DialogContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. testId maps to the popup data-testid and, when present, `${testId}-close` on its built-in close control. showCloseButton defaults to true.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, testId, showCloseButton = true, ...props }, ref) => (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-testid={testId}\n        data-slot='dialog-content'\n        className={cn(\n          'bg-background text-foreground 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 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot='dialog-close'\n            data-testid={testId ? `${testId}-close` : undefined}\n            render={<Button variant='ghost' className='absolute top-2 right-2' size='icon-sm' />}\n          >\n            <XIcon />\n            <span className='sr-only'>Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  ),\n);\nDialogContent.displayName = DialogPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\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 DialogHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='dialog-header'\n      className={cn('gap-2 flex flex-col', className)}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Lays out popup actions below its content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=false.\n * @returns The rendered DialogFooter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. showCloseButton defaults to false and adds an outline close action when true.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<'div'> & { /**\n * Controls whether the wrapper inserts its own close button; see the component for its default.\n */\n  /**\n   * Controls whether the wrapper inserts its own close button; see the component for its default.\n   */\n  showCloseButton?: boolean }\n>(({ className, showCloseButton = false, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot='dialog-footer'\n    className={cn(\n      'bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    {showCloseButton && (\n      <DialogPrimitive.Close render={<Button variant='outline' />}>Close</DialogPrimitive.Close>\n    )}\n  </div>\n));\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * Provides the accessible title of the associated 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 DialogTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogTitle = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot='dialog-title'\n    className={cn('text-sm leading-none font-medium', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated 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 DialogDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);\n * }\n * ```\n */\nconst DialogDescription = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot='dialog-description'\n    className={cn(\n      'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"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"}

package/dist/ui/components/ui/dialog.d.cts

@@ -1,32 +1,184 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import * as React from 'react';
 /**
- * ダイアログ（モーダル）のルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Dialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
 /**
- * ダイアログを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogTrigger({ children, ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
 /**
- * ダイアログ要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。
+ * Mounts popup 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 DialogPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
 /**
- * ダイアログを閉じるためのトリガーボタン。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
+/**
+ * Renders the popup backdrop with open/closed animation classes.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Base UI popup props plus the built-in close button and stable test selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see DialogContent
+ */
 export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup> {
-    /** AI/E2E Test用の安定ID / Stable test identifier */
+    /**
+     * data-testid on the popup; the built-in close uses `${testId}-close` when present.
+     */
     testId?: string;
+    /**
+     * Whether to insert the built-in close button.
+     * @defaultValue true
+     */
     showCloseButton?: boolean;
 }
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=true.
+ * @returns The rendered DialogContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. testId maps to the popup data-testid and, when present, `${testId}-close` on its built-in close control. showCloseButton defaults to true.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=false.
+ * @returns The rendered DialogFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. showCloseButton defaults to false and adds an outline close action when true.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     showCloseButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/components/ui/dialog.d.ts

@@ -1,32 +1,184 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import * as React from 'react';
 /**
- * ダイアログ（モーダル）のルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Dialog composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
 /**
- * ダイアログを開くためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogTrigger({ children, ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
 /**
- * ダイアログ要素をポータル経由でDOMの別の場所に描画するためのコンポーネント。
+ * Mounts popup 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 DialogPortal composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
 /**
- * ダイアログを閉じるためのトリガーボタン。
+ * Renders a control that requests closing its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogClose composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
  */
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
+/**
+ * Renders the popup backdrop with open/closed animation classes.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogOverlay composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Base UI popup props plus the built-in close button and stable test selector.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see DialogContent
+ */
 export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup> {
-    /** AI/E2E Test用の安定ID / Stable test identifier */
+    /**
+     * data-testid on the popup; the built-in close uses `${testId}-close` when present.
+     */
     testId?: string;
+    /**
+     * Whether to insert the built-in close button.
+     * @defaultValue true
+     */
     showCloseButton?: boolean;
 }
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=true.
+ * @returns The rendered DialogContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. testId maps to the popup data-testid and, when present, `${testId}-close` on its built-in close control. showCloseButton defaults to true.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Lays out popup actions below its content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: showCloseButton=false.
+ * @returns The rendered DialogFooter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type. showCloseButton defaults to false and adds an outline close action when true.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     showCloseButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered DialogDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Dialog; the underlying primitive owns open state and focus. Content supplies its own portal and backdrop. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Dialog><DialogTrigger>Open details</DialogTrigger><DialogContent><DialogTitle>Details</DialogTitle><DialogDescription>Project information</DialogDescription></DialogContent></Dialog>);
+ * }
+ * ```
+ */
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };