@alneas/appkit-react 0.2.0 → 0.3.1

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 * 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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"}
+{"version":3,"file":"dialog.cjs","names":["DialogPrimitive","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 */\nfunction DialogOverlay({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<DialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  testId,\n  showCloseButton = true,\n  ...props\n}: React.PropsWithoutRef<DialogContentProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogFooter({\n  ref,\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  React.ComponentPropsWithoutRef<'div'> & {\n    /**\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  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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  );\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 */\nfunction DialogTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Title>>) {\n  return (\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  );\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 */\nfunction DialogDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Description>>) {\n  return (\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  );\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

@@ -79,7 +79,10 @@ declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.J
  * }
  * ```
  */
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogOverlay({ ref, className, ...props }: React.PropsWithoutRef<DialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogOverlay {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -111,7 +114,10 @@ export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeo
  * }
  * ```
  */
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function DialogContent({ ref, className, children, testId, showCloseButton, ...props }: React.PropsWithoutRef<DialogContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogContent {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -127,7 +133,10 @@ declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps
  * }
  * ```
  */
-declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogHeader {
+    var displayName: string;
+}
 /**
  * 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.
@@ -143,12 +152,18 @@ declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedH
  * }
  * ```
  */
-declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare function DialogFooter({ ref, className, showCloseButton, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     /**
      * Controls whether the wrapper inserts its own close button; see the component for its default.
      */
     showCloseButton?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogFooter {
+    var displayName: string;
+}
 /**
  * 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.
@@ -164,7 +179,10 @@ declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedH
  * }
  * ```
  */
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function DialogTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Title>>): React.JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -180,5 +198,8 @@ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@ba
  * }
  * ```
  */
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function DialogDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Description>>): React.JSX.Element;
+declare namespace DialogDescription {
+    var displayName: string | undefined;
+}
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

@@ -79,7 +79,10 @@ declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.J
  * }
  * ```
  */
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogOverlay({ ref, className, ...props }: React.PropsWithoutRef<DialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogOverlay {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -111,7 +114,10 @@ export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeo
  * }
  * ```
  */
-declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare function DialogContent({ ref, className, children, testId, showCloseButton, ...props }: React.PropsWithoutRef<DialogContentProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogContent {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -127,7 +133,10 @@ declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps
  * }
  * ```
  */
-declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogHeader {
+    var displayName: string;
+}
 /**
  * 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.
@@ -143,12 +152,18 @@ declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedH
  * }
  * ```
  */
-declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare function DialogFooter({ ref, className, showCloseButton, children, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Controls whether the wrapper inserts its own close button; see the component for its default.
+     */
     /**
      * Controls whether the wrapper inserts its own close button; see the component for its default.
      */
     showCloseButton?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace DialogFooter {
+    var displayName: string;
+}
 /**
  * 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.
@@ -164,7 +179,10 @@ declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedH
  * }
  * ```
  */
-declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare function DialogTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Title>>): React.JSX.Element;
+declare namespace DialogTitle {
+    var displayName: string | undefined;
+}
 /**
  * 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.
@@ -180,5 +198,8 @@ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@ba
  * }
  * ```
  */
-declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function DialogDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Description>>): React.JSX.Element;
+declare namespace DialogDescription {
+    var displayName: string | undefined;
+}
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/components/ui/dialog.js

@@ -3,96 +3,108 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "./button-components.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { XIcon as a } from "lucide-react";
-import { Dialog as o } from "@base-ui/react/dialog";
+import "react";
+import { XIcon as i } from "lucide-react";
+import { Dialog as a } from "@base-ui/react/dialog";
 //#region src/ui/components/ui/dialog.tsx
-function s({ ...e }) {
-	return /* @__PURE__ */ n(o.Root, {
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a.Root, {
 		"data-slot": "dialog",
 		...e
 	});
 }
-function c({ children: e, ...t }) {
-	return /* @__PURE__ */ n(o.Trigger, {
+function s({ children: e, ...t }) {
+	return /* @__PURE__ */ n(a.Trigger, {
 		"data-slot": "dialog-trigger",
 		...t,
 		children: e
 	});
 }
-function l({ ...e }) {
-	return /* @__PURE__ */ n(o.Portal, {
+function c({ ...e }) {
+	return /* @__PURE__ */ n(a.Portal, {
 		"data-slot": "dialog-portal",
 		...e
 	});
 }
-function u({ ...e }) {
-	return /* @__PURE__ */ n(o.Close, {
+function l({ ...e }) {
+	return /* @__PURE__ */ n(a.Close, {
 		"data-slot": "dialog-close",
 		...e
 	});
 }
-var d = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o.Backdrop, {
-	ref: i,
-	"data-slot": "dialog-overlay",
-	className: e("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", t),
-	...r
-}));
-d.displayName = o.Backdrop.displayName;
-var f = i.forwardRef(({ className: i, children: s, testId: c, showCloseButton: u = !0, ...f }, p) => /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(d, {}), /* @__PURE__ */ r(o.Popup, {
-	ref: p,
-	"data-testid": c,
-	"data-slot": "dialog-content",
-	className: e("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", i),
-	...f,
-	children: [s, u && /* @__PURE__ */ r(o.Close, {
-		"data-slot": "dialog-close",
-		"data-testid": c ? `${c}-close` : void 0,
-		render: /* @__PURE__ */ n(t, {
-			variant: "ghost",
-			className: "absolute top-2 right-2",
-			size: "icon-sm"
-		}),
-		children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
-			className: "sr-only",
+function u({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a.Backdrop, {
+		ref: t,
+		"data-slot": "dialog-overlay",
+		className: e("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", r),
+		...i
+	});
+}
+u.displayName = a.Backdrop.displayName;
+function d({ ref: o, className: s, children: l, testId: d, showCloseButton: f = !0, ...p }) {
+	return /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(a.Popup, {
+		ref: o,
+		"data-testid": d,
+		"data-slot": "dialog-content",
+		className: e("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", s),
+		...p,
+		children: [l, f && /* @__PURE__ */ r(a.Close, {
+			"data-slot": "dialog-close",
+			"data-testid": d ? `${d}-close` : void 0,
+			render: /* @__PURE__ */ n(t, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+d.displayName = a.Popup.displayName;
+function f({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		ref: t,
+		"data-slot": "dialog-header",
+		className: e("gap-2 flex flex-col", r),
+		...i
+	});
+}
+f.displayName = "DialogHeader";
+function p({ ref: i, className: o, showCloseButton: s = !1, children: c, ...l }) {
+	return /* @__PURE__ */ r("div", {
+		ref: i,
+		"data-slot": "dialog-footer",
+		className: e("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", o),
+		...l,
+		children: [c, s && /* @__PURE__ */ n(a.Close, {
+			render: /* @__PURE__ */ n(t, { variant: "outline" }),
 			children: "Close"
 		})]
-	})]
-})] }));
-f.displayName = o.Popup.displayName;
-var p = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
-	ref: i,
-	"data-slot": "dialog-header",
-	className: e("gap-2 flex flex-col", t),
-	...r
-}));
-p.displayName = "DialogHeader";
-var m = i.forwardRef(({ className: i, showCloseButton: a = !1, children: s, ...c }, l) => /* @__PURE__ */ r("div", {
-	ref: l,
-	"data-slot": "dialog-footer",
-	className: e("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", i),
-	...c,
-	children: [s, a && /* @__PURE__ */ n(o.Close, {
-		render: /* @__PURE__ */ n(t, { variant: "outline" }),
-		children: "Close"
-	})]
-}));
-m.displayName = "DialogFooter";
-var h = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o.Title, {
-	ref: i,
-	"data-slot": "dialog-title",
-	className: e("text-sm leading-none font-medium", t),
-	...r
-}));
-h.displayName = o.Title.displayName;
-var g = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(o.Description, {
-	ref: i,
-	"data-slot": "dialog-description",
-	className: e("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", t),
-	...r
-}));
-g.displayName = o.Description.displayName;
+	});
+}
+p.displayName = "DialogFooter";
+function m({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a.Title, {
+		ref: t,
+		"data-slot": "dialog-title",
+		className: e("text-sm leading-none font-medium", r),
+		...i
+	});
+}
+m.displayName = a.Title.displayName;
+function h({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(a.Description, {
+		ref: t,
+		"data-slot": "dialog-description",
+		className: e("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", r),
+		...i
+	});
+}
+h.displayName = a.Description.displayName;
 //#endregion
-export { s as Dialog, u as DialogClose, f as DialogContent, g as DialogDescription, m as DialogFooter, p as DialogHeader, d as DialogOverlay, l as DialogPortal, h as DialogTitle, c as DialogTrigger };
+export { o as Dialog, l as DialogClose, d as DialogContent, h as DialogDescription, p as DialogFooter, f as DialogHeader, u as DialogOverlay, c as DialogPortal, m as DialogTitle, s as DialogTrigger };
 
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["DialogPrimitive","React","React$1","Dialog$1","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","cn","className","DialogContent","testId","children","showCloseButton","Button","XIcon","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":";;;;;;;;;AAwBA,SAASI,EAAO,EAAE,GAAGC,KAAqC;CACxD,OAAO,kBAACL,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIK;CAAQ,CAAA;AAC9D;AAiBA,SAASC,EAAc,EACrB,aACA,GAAGD,KAC6B;CAChC,OACE,kBAACL,EAAgB,SAAjB;EACE,aAAU;EACV,GAAIK;EAEH;CACsB,CAAA;AAE7B;AAiBA,SAASE,EAAa,EAAE,GAAGF,KAAuC;CAChE,OAAO,kBAACL,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIK;CAAQ,CAAA;AACvE;AAiBA,SAASG,EAAY,EAAE,GAAGH,KAAsC;CAC9D,OAAO,kBAACL,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIK;CAAQ,CAAA;AACrE;AAiBA,IAAMI,IAAgBR,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAACL,EAAgB,UAAjB;CACO;CACL,aAAU;CACV,WAAWU,EACT,yLACAC,CACF;CACA,GAAIN;AACL,CAAA,CAEL;AACA,EAAc,cAAcL,EAAgB,SAAS;AAoCrD,IAAMY,IAAgBX,EAAM,YACzB,EAAE,cAAW,aAAU,WAAQ,qBAAkB,IAAM,GAAGI,KAAS,MAClE,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACT,EAAgB,OAAjB;CACO;CACL,eAAaa;CACb,aAAU;CACV,WAAWH,EACT,qWACAC,CACF;CACA,GAAIN;CARN,UAAA,CAUGS,GACAC,KACC,kBAACf,EAAgB,OAAjB;EACE,aAAU;EACV,eAAaa,IAAS,GAAGA,EAAO,UAAU,KAAA;EAC1C,QAAQ,kBAACG,GAAD;GAAQ,SAAQ;GAAQ,WAAU;GAAyB,MAAK;EAAW,CAAA;EAHrF,UAAA,CAKE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CAChB;CAEJ,CAAA,CAAA;AACX,CAAA,CAAA,EAAA,CAAA,CAElB;AACA,EAAc,cAAcjB,EAAgB,MAAM;AAiBlD,IAAMkB,IAAejB,EAAM,YACxB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWK,EAAG,uBAAuBC,CAAS;CAC9C,GAAIN;AACL,CAAA,CAEL;AACA,EAAa,cAAc;AAiB3B,IAAMc,IAAelB,EAAM,YASxB,EAAE,cAAW,qBAAkB,IAAO,aAAU,GAAGI,KAAS,MAC7D,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWK,EACT,4GACAC,CACF;CACA,GAAIN;CAPN,UAAA,CASGS,GACAC,KACC,kBAACf,EAAgB,OAAjB;EAAuB,QAAQ,kBAACgB,GAAD,EAAQ,SAAQ,UAAW,CAAA;EAAG,UAAA;CAA4B,CAAA,CAExF;AACN,CAAA,CAAA;AACD,EAAa,cAAc;AAiB3B,IAAMI,IAAcnB,EAAM,YAGvB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAgB,OAAjB;CACO;CACL,aAAU;CACV,WAAWU,EAAG,oCAAoCC,CAAS;CAC3D,GAAIN;AACL,CAAA,CACF;AACD,EAAY,cAAcL,EAAgB,MAAM;AAiBhD,IAAMqB,IAAoBpB,EAAM,YAG7B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAgB,aAAjB;CACO;CACL,aAAU;CACV,WAAWU,EACT,sGACAC,CACF;CACA,GAAIN;AACL,CAAA,CACF;AACD,EAAkB,cAAcL,EAAgB,YAAY"}
+{"version":3,"file":"dialog.js","names":["DialogPrimitive","Dialog$1","Dialog","props","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","cn","className","DialogContent","testId","children","showCloseButton","Button","XIcon","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 */\nfunction DialogOverlay({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<DialogPrimitive.Backdrop.Props> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogContent({\n  ref,\n  className,\n  children,\n  testId,\n  showCloseButton = true,\n  ...props\n}: React.PropsWithoutRef<DialogContentProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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 */\nfunction DialogFooter({\n  ref,\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.PropsWithoutRef<\n  React.ComponentPropsWithoutRef<'div'> & {\n    /**\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  }\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\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  );\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 */\nfunction DialogTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Title>>) {\n  return (\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  );\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 */\nfunction DialogDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof DialogPrimitive.Description>>) {\n  return (\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  );\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":";;;;;;;;;AAwBA,SAASE,EAAO,EAAE,GAAGC,KAAqC;CACxD,OAAO,kBAACH,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAIG;CAAQ,CAAA;AAC9D;AAiBA,SAASC,EAAc,EACrB,aACA,GAAGD,KAC6B;CAChC,OACE,kBAACH,EAAgB,SAAjB;EACE,aAAU;EACV,GAAIG;EAEH;CACsB,CAAA;AAE7B;AAiBA,SAASE,EAAa,EAAE,GAAGF,KAAuC;CAChE,OAAO,kBAACH,EAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAIG;CAAQ,CAAA;AACvE;AAiBA,SAASG,EAAY,EAAE,GAAGH,KAAsC;CAC9D,OAAO,kBAACH,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAIG;CAAQ,CAAA;AACrE;AAiBA,SAASI,EAAc,EACrB,QACA,cACA,GAAGJ,KAC2F;CAC9F,OACE,kBAACH,EAAgB,UAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,yLACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AACA,EAAc,cAAcH,EAAgB,SAAS;AAoCrD,SAASU,EAAc,EACrB,QACA,cACA,aACA,WACA,qBAAkB,IAClB,GAAGP,KAC+E;CAClF,OACE,kBAACE,GAAD,EAAA,UAAA,CACE,kBAACE,GAAD,CAAgB,CAAA,GAChB,kBAACP,EAAgB,OAAjB;EACO;EACL,eAAaW;EACb,aAAU;EACV,WAAWH,EACT,qWACAC,CACF;EACA,GAAIN;EARN,UAAA,CAUGS,GACAC,KACC,kBAACb,EAAgB,OAAjB;GACE,aAAU;GACV,eAAaW,IAAS,GAAGA,EAAO,UAAU,KAAA;GAC1C,QAAQ,kBAACG,GAAD;IAAQ,SAAQ;IAAQ,WAAU;IAAyB,MAAK;GAAW,CAAA;GAHrF,UAAA,CAKE,kBAACC,GAAD,CAAQ,CAAA,GACR,kBAAC,QAAD;IAAM,WAAU;IAAU,UAAA;GAAW,CAAA,CAChB;EAEJ,CAAA,CAAA;CACX,CAAA,CAAA,EAAA,CAAA;AAElB;AACA,EAAc,cAAcf,EAAgB,MAAM;AAiBlD,SAASgB,EAAa,EACpB,QACA,cACA,GAAGb,KAEkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWK,EAAG,uBAAuBC,CAAS;EAC9C,GAAIN;CACL,CAAA;AAEL;AACA,EAAa,cAAc;AAiB3B,SAASc,EAAa,EACpB,QACA,cACA,qBAAkB,IAClB,aACA,GAAGd,KAYkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWK,EACT,4GACAC,CACF;EACA,GAAIN;EAPN,UAAA,CASGS,GACAC,KACC,kBAACb,EAAgB,OAAjB;GAAuB,QAAQ,kBAACc,GAAD,EAAQ,SAAQ,UAAW,CAAA;GAAG,UAAA;EAA4B,CAAA,CAExF;;AAET;AACA,EAAa,cAAc;AAiB3B,SAASI,EAAY,EACnB,QACA,cACA,GAAGf,KAEoE;CACvE,OACE,kBAACH,EAAgB,OAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EAAG,oCAAoCC,CAAS;EAC3D,GAAIN;CACL,CAAA;AAEL;AACA,EAAY,cAAcH,EAAgB,MAAM;AAiBhD,SAASmB,EAAkB,EACzB,QACA,cACA,GAAGhB,KAE0E;CAC7E,OACE,kBAACH,EAAgB,aAAjB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,sGACAC,CACF;EACA,GAAIN;CACL,CAAA;AAEL;AACA,EAAkB,cAAcH,EAAgB,YAAY"}

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

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/menu");function o({...e}){return(0,n.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,n.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({children:e,...t}){return(0,n.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...t,children:e})}var l=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=0,side:o=`bottom`,sideOffset:s=4,...c},l)=>(0,n.jsx)(a.Menu.Portal,{children:(0,n.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:r,alignOffset:i,side:o,sideOffset:s,children:(0,n.jsx)(a.Menu.Popup,{ref:l,"data-slot":`dropdown-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden`,e),...c})})}));l.displayName=a.Menu.Popup.displayName;function u({...e}){return(0,n.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}var d=r.forwardRef(({className:e,inset:r,...i},o)=>(0,n.jsx)(a.Menu.GroupLabel,{ref:o,"data-slot":`dropdown-menu-label`,"data-inset":r,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,e),...i}));d.displayName=a.Menu.GroupLabel.displayName;var f=r.forwardRef(({className:e,inset:r,variant:i=`default`,children:o,...s},c)=>(0,n.jsx)(a.Menu.Item,{ref:c,"data-slot":`dropdown-menu-item`,"data-inset":r,"data-variant":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:o}));f.displayName=a.Menu.Item.displayName;function p({...e}){return(0,n.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}var m=r.forwardRef(({className:e,inset:r,children:o,...s},c)=>(0,n.jsxs)(a.Menu.SubmenuTrigger,{ref:c,"data-slot":`dropdown-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...s,children:[o,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]}));m.displayName=a.Menu.SubmenuTrigger.displayName;var h=r.forwardRef(({className:e,align:r=`start`,alignOffset:i=-3,side:a=`right`,sideOffset:o=0,...s},c)=>(0,n.jsx)(l,{ref:c,"data-slot":`dropdown-menu-sub-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto`,e),align:r,alignOffset:i,side:a,sideOffset:o,...s}));h.displayName=`DropdownMenuSubContent`;var g=r.forwardRef(({className:e,children:r,checked:o,...s},c)=>(0,n.jsxs)(a.Menu.CheckboxItem,{ref:c,"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:o,...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,n.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));g.displayName=a.Menu.CheckboxItem.displayName;function _({...e}){return(0,n.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}var v=r.forwardRef(({className:e,children:r,...o},s)=>(0,n.jsxs)(a.Menu.RadioItem,{ref:s,"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...o,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,n.jsx)(a.Menu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),r]}));v.displayName=a.Menu.RadioItem.displayName;var y=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(a.Menu.Separator,{ref:i,"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...r}));y.displayName=a.Menu.Separator.displayName;var b=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`span`,{ref:i,"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,e),...r}));b.displayName=`DropdownMenuShortcut`,exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("@base-ui/react/menu");function o({...e}){return(0,n.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,n.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({children:e,...t}){return(0,n.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...t,children:e})}function l({ref:e,className:r,align:i=`start`,alignOffset:o=0,side:s=`bottom`,sideOffset:c=4,...l}){return(0,n.jsx)(a.Menu.Portal,{children:(0,n.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:i,alignOffset:o,side:s,sideOffset:c,children:(0,n.jsx)(a.Menu.Popup,{ref:e,"data-slot":`dropdown-menu-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto outline-none data-closed:overflow-hidden`,r),...l})})})}l.displayName=a.Menu.Popup.displayName;function u({...e}){return(0,n.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({ref:e,className:r,inset:i,...o}){return(0,n.jsx)(a.Menu.GroupLabel,{ref:e,"data-slot":`dropdown-menu-label`,"data-inset":i,className:t.cn(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:pl-8`,r),...o})}d.displayName=a.Menu.GroupLabel.displayName;function f({ref:e,className:r,inset:i,variant:o=`default`,children:s,...c}){return(0,n.jsx)(a.Menu.Item,{ref:e,"data-slot":`dropdown-menu-item`,"data-inset":i,"data-variant":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:s})}f.displayName=a.Menu.Item.displayName;function p({...e}){return(0,n.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function m({ref:e,className:r,inset:o,children:s,...c}){return(0,n.jsxs)(a.Menu.SubmenuTrigger,{ref:e,"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...c,children:[s,(0,n.jsx)(i.ChevronRightIcon,{className:`ml-auto`})]})}m.displayName=a.Menu.SubmenuTrigger.displayName;function h({ref:e,className:r,align:i=`start`,alignOffset:a=-3,side:o=`right`,sideOffset:s=0,...c}){return(0,n.jsx)(l,{ref:e,"data-slot":`dropdown-menu-sub-content`,className:t.cn(`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-md p-1 shadow-lg ring-1 duration-100 w-auto`,r),align:i,alignOffset:a,side:o,sideOffset:s,...c})}h.displayName=`DropdownMenuSubContent`;function g({ref:e,className:r,children:o,checked:s,...c}){return(0,n.jsxs)(a.Menu.CheckboxItem,{ref:e,"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),checked:s,...c,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:(0,n.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}g.displayName=a.Menu.CheckboxItem.displayName;function _({...e}){return(0,n.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function v({ref:e,className:r,children:o,...s}){return(0,n.jsxs)(a.Menu.RadioItem,{ref:e,"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,r),...s,children:[(0,n.jsx)(`span`,{className:`pointer-events-none absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:(0,n.jsx)(a.Menu.RadioItemIndicator,{children:(0,n.jsx)(i.CheckIcon,{})})}),o]})}v.displayName=a.Menu.RadioItem.displayName;function y({ref:e,className:r,...i}){return(0,n.jsx)(a.Menu.Separator,{ref:e,"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,r),...i})}y.displayName=a.Menu.Separator.displayName;function b({ref:e,className:r,...i}){return(0,n.jsx)(`span`,{ref:e,"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,r),...i})}b.displayName=`DropdownMenuShortcut`,exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=g,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=f,exports.DropdownMenuLabel=d,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=_,exports.DropdownMenuRadioItem=v,exports.DropdownMenuSeparator=y,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=p,exports.DropdownMenuSubContent=h,exports.DropdownMenuSubTrigger=m,exports.DropdownMenuTrigger=c;
 //# sourceMappingURL=dropdown-menu.cjs.map