{"version":3,"file":"dialog-misc.cjs","sources":["../../../components/dialog/dialog-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Dialog as DialogPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { XIcon } from '~/icons';\nimport { Flex } from '../flex';\nimport { IconButton } from '../icon-button';\nimport styles from './dialog.module.css';\n\nexport function DialogHeader({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      justify='between'\n      align='center'\n      className={cx(styles.header, className)}\n      data-slot='dialog-header'\n      {...props}\n    />\n  );\n}\n\nDialogHeader.displayName = 'Dialog.Header';\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      gap={5}\n      justify='end'\n      className={cx(styles.footer, className)}\n      data-slot='dialog-footer'\n      {...props}\n    />\n  );\n}\n\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport function DialogBody({\n  className,\n  ...props\n}: ComponentProps<typeof Flex>) {\n  return (\n    <Flex\n      direction='column'\n      gap={3}\n      className={cx(styles.body, className)}\n      data-slot='dialog-body'\n      {...props}\n    />\n  );\n}\n\nDialogBody.displayName = 'Dialog.Body';\n\nexport function CloseButton(props: DialogPrimitive.Close.Props) {\n  return (\n    <DialogPrimitive.Close\n      aria-label='Close dialog'\n      render={<IconButton size={3} />}\n      data-slot='dialog-close'\n      {...props}\n    >\n      <XIcon aria-hidden='true' />\n    </DialogPrimitive.Close>\n  );\n}\n\nCloseButton.displayName = 'Dialog.CloseButton';\n\nexport function DialogTitle({\n  className,\n  ...props\n}: DialogPrimitive.Title.Props) {\n  return (\n    <DialogPrimitive.Title\n      className={cx(styles.title, className)}\n      data-slot='dialog-title'\n      {...props}\n    />\n  );\n}\n\nDialogTitle.displayName = 'Dialog.Title';\n\nexport function DialogDescription({\n  className,\n  ...props\n}: DialogPrimitive.Description.Props) {\n  return (\n    <DialogPrimitive.Description\n      className={cx(styles.description, className)}\n      data-slot='dialog-description'\n      {...props}\n    />\n  );\n}\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"names":[],"mappings":";;;;;;;;;;;;AAUM;AAIJ;AASF;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;AAIJ;AASF;AAEA;AAEM;AACJ;AAUF;AAEA;AAEM;;AAWN;AAEA;AAEM;;AAWN;AAEA;;;;;;;"}