Progress

import { defineConfig, getSchema, type VariantProps } from 'cva';
import { twMerge } from 'tailwind-merge';

export const { cva, cx: cn } = defineConfig({
  hooks: {
    onComplete: (className: string) => twMerge(className),
  },
});

export type { VariantProps };
export { getSchema };

import { Progress } from '@base-ui/react/progress';

/**
 * Groups all parts of the progress bar and provides the task completion status to screen readers.
 * Renders a `<div>` element.
 *
 * Documentation: [Caprice UI Progress](https://caprice-ui.com/docs/components/progress)
 *
 * API Reference: [Base UI Progress](https://base-ui.com/react/components/progress#root)
 */
export namespace Root {
  export type State = Progress.Root.State;
  export type Props = React.ComponentProps<typeof Progress.Root>;
}

export function Root({ ...props }: Root.Props) {
  return <Progress.Root data-slot="progress" {...props} />;
}

/**
 * Contains the progress bar indicator.
 * Renders a `<div>` element.
 *
 * Documentation: [Caprice UI Progress](https://caprice-ui.com/docs/components/progress)
 *
 * API Reference: [Base UI Progress](https://base-ui.com/react/components/progress#track)
 */
export namespace Track {
  export type Props = React.ComponentProps<typeof Progress.Track>;
}

export function Track({ ...props }: Track.Props) {
  return <Progress.Track data-slot="progress-track" {...props} />;
}

/**
 * Visualizes the completion status of the task.
 * Renders a `<div>` element.
 *
 * Documentation: [Caprice UI Progress](https://caprice-ui.com/docs/components/progress)
 *
 * API Reference: [Base UI Progress](https://base-ui.com/react/components/progress#indicator)
 */
export namespace Indicator {
  export type Props = React.ComponentProps<typeof Progress.Indicator>;
}

export function Indicator({ ...props }: Indicator.Props) {
  return <Progress.Indicator data-slot="progress-indicator" {...props} />;
}

/**
 * A text element displaying the current value.
 * Renders a `<span>` element.
 *
 * Documentation: [Caprice UI Progress](https://caprice-ui.com/docs/components/progress)
 *
 * API Reference: [Base UI Progress](https://base-ui.com/react/components/progress#value)
 */
export namespace Value {
  export type Props = React.ComponentProps<typeof Progress.Value>;
}

export function Value({ ...props }: Value.Props) {
  return <Progress.Value data-slot="progress-value" {...props} />;
}

/**
 * An accessible label for the progress bar.
 * Renders a `<span>` element.
 *
 * Documentation: [Caprice UI Progress](https://caprice-ui.com/docs/components/progress)
 *
 * API Reference: [Base UI Progress](https://base-ui.com/react/components/progress#label)
 */
export namespace Label {
  export type Props = React.ComponentProps<typeof Progress.Label>;
}

export function Label({ ...props }: Label.Props) {
  return <Progress.Label data-slot="progress-label" {...props} />;
}