{"version":3,"file":"scroll-area.cjs","sources":["../../../components/scroll-area/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport styles from './scroll-area.module.css';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nexport type ScrollAreaType = 'always' | 'hover' | 'scroll';\n\nexport interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollArea({\n  className,\n  type = 'hover',\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  ...props\n}: ScrollAreaProps) {\n  const hasLabel = !!(ariaLabel || ariaLabelledBy);\n  return (\n    <ScrollAreaPrimitive.Root\n      className={cx(styles.root, className)}\n      data-slot='scroll-area'\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        className={styles.viewport}\n        role={hasLabel ? 'region' : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        data-slot='scroll-area-viewport'\n      >\n        <ScrollAreaPrimitive.Content data-slot='scroll-area-content'>\n          {children}\n        </ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollAreaScrollbar orientation='vertical' type={type} />\n      <ScrollAreaScrollbar orientation='horizontal' type={type} />\n      <ScrollAreaPrimitive.Corner\n        className={styles.corner}\n        data-slot='scroll-area-corner'\n      />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nScrollArea.displayName = 'ScrollArea';\n"],"names":[],"mappings":";;;;;;;;;AAaM;;;AAkCN;AAEA;;"}