{"version":3,"file":"meter-track.cjs","sources":["../../../components/meter/meter-track.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { useContext } from 'react';\nimport styles from './meter.module.css';\nimport { MeterContext } from './meter-root';\n\nexport function MeterTrack({\n  className,\n  children,\n  ...props\n}: MeterPrimitive.Track.Props) {\n  const { variant } = useContext(MeterContext);\n\n  if (variant === 'circular') {\n    return (\n      <MeterPrimitive.Track\n        className={cx(styles.circularSvg, className)}\n        data-slot='meter-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='meter-track-circle'\n            />\n            {trackChildren}\n          </svg>\n        )}\n      >\n        <MeterPrimitive.Indicator\n          render={() => (\n            <circle\n              className={styles.circularIndicatorCircle}\n              data-slot='meter-indicator'\n            />\n          )}\n        />\n        {children}\n      </MeterPrimitive.Track>\n    );\n  }\n\n  return (\n    <MeterPrimitive.Track\n      className={cx(styles.track, className)}\n      data-slot='meter-track'\n      {...props}\n    >\n      <MeterPrimitive.Indicator\n        className={styles.indicator}\n        style={{ width: '100%' }}\n        data-slot='meter-indicator'\n      />\n      {children}\n    </MeterPrimitive.Track>\n  );\n}\n\nMeterTrack.displayName = 'Meter.Track';\n"],"names":[],"mappings":";;;;;;;;;;AAQM;;AAOJ;AACE;;;AA0CJ;AAEA;;"}