{"version":3,"file":"progress-track.cjs","sources":["../../../components/progress/progress-track.tsx"],"sourcesContent":["'use client';\n\nimport { Progress as ProgressPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { useContext } from 'react';\nimport styles from './progress.module.css';\nimport { ProgressContext } from './progress-root';\n\nexport function ProgressTrack({\n  className,\n  children,\n  ...props\n}: ProgressPrimitive.Track.Props) {\n  const { variant } = useContext(ProgressContext);\n\n  if (variant === 'circular') {\n    return (\n      <ProgressPrimitive.Track\n        className={cx(styles.circularSvg, className)}\n        data-slot='progress-track'\n        {...props}\n        render={({ children: trackChildren, ...trackProps }) => (\n          <svg viewBox='0 0 72 72' {...trackProps}>\n            <circle\n              className={styles.circularTrackCircle}\n              data-slot='progress-track-circle'\n            />\n            {trackChildren}\n          </svg>\n        )}\n      >\n        <ProgressPrimitive.Indicator\n          render={() => (\n            <circle\n              className={styles.circularIndicatorCircle}\n              data-slot='progress-indicator'\n            />\n          )}\n        />\n        {children}\n      </ProgressPrimitive.Track>\n    );\n  }\n\n  return (\n    <ProgressPrimitive.Track\n      className={cx(styles.track, className)}\n      data-slot='progress-track'\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className={styles.indicator}\n        style={{ width: '100%' }}\n        data-slot='progress-indicator'\n      />\n      {children}\n    </ProgressPrimitive.Track>\n  );\n}\n\nProgressTrack.displayName = 'Progress.Track';\n"],"names":[],"mappings":";;;;;;;;;;AAQM;;AAOJ;AACE;;;AA0CJ;AAEA;;"}