{"version":3,"file":"drawer-misc.cjs","sources":["../../../components/drawer/drawer-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps } from 'react';\nimport styles from './drawer.module.css';\n\nexport const DrawerHeader = ({\n  className,\n  ...props\n}: ComponentProps<'div'>) => (\n  <div\n    className={cx(styles.header, className)}\n    data-slot='drawer-header'\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'Drawer.Header';\n\nexport function DrawerTitle({\n  className,\n  ...props\n}: DrawerPrimitive.Title.Props) {\n  return (\n    <DrawerPrimitive.Title\n      className={cx(styles.title, className)}\n      data-slot='drawer-title'\n      {...props}\n    />\n  );\n}\nDrawerTitle.displayName = 'Drawer.Title';\n\nexport function DrawerDescription({\n  className,\n  ...props\n}: DrawerPrimitive.Description.Props) {\n  return (\n    <DrawerPrimitive.Description\n      className={cx(styles.description, className)}\n      data-slot='drawer-description'\n      {...props}\n    />\n  );\n}\nDrawerDescription.displayName = 'Drawer.Description';\n\nexport function DrawerBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(styles.body, className)}\n      data-slot='drawer-body'\n      {...props}\n    />\n  );\n}\nDrawerBody.displayName = 'Drawer.Body';\n\nexport function DrawerFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(styles.footer, className)}\n      data-slot='drawer-footer'\n      {...props}\n    />\n  );\n}\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"names":[],"mappings":";;;;;;;;AAOO;AAUP;AAEM;;AAWN;AACA;AAEM;;AAWN;AACA;AAEM;AACJ;AAOF;AACA;AAEM;AACJ;AAOF;AACA;;;;;;"}