{"version":3,"file":"scroll-area-scrollbar.cjs","sources":["../../../components/scroll-area/scroll-area-scrollbar.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport { cx } from 'class-variance-authority';\nimport type { ScrollAreaType } from './scroll-area';\nimport styles from './scroll-area.module.css';\n\nexport interface ScrollAreaScrollbarProps\n  extends ScrollAreaPrimitive.Scrollbar.Props {\n  type?: ScrollAreaType;\n}\n\nexport function ScrollAreaScrollbar({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  ...props\n}: ScrollAreaScrollbarProps) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      orientation={orientation}\n      keepMounted\n      className={cx(styles.scrollbar, styles[`scrollbar-${type}`], className)}\n      data-slot='scroll-area-scrollbar'\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        className={styles.thumb}\n        data-slot='scroll-area-thumb'\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  );\n}\n\nScrollAreaScrollbar.displayName = 'ScrollArea.Scrollbar';\n"],"names":[],"mappings":";;;;;;;;;;AAgCA;AAEA;;"}