import { Progress as ProgressPrimitive } from 'radix-ui';
import { type ComponentPropsWithoutRef } from 'react';
import { MeterIndicatorRoot } from './Meter';
import { type ProgressHue } from './progressUtils';
/**
 * Root container component for the progress bar.
 * Provides the base styling and structure for progress indicators.
 *
 * @param props - Progress primitive props
 * @param ref - Forwarded ref to the root element
 * @returns A styled progress root element
 */
declare const ProgressRoot: import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
/**
 * Visual indicator component that shows the progress completion.
 * Supports different color hues through the `hue` prop.
 *
 * @param props - Meter indicator props with additional hue option
 * @param props.hue - Color hue of the indicator ('default' uses cyan-500, 'neutral' uses neutral-500)
 * @param props.className - Additional CSS classes to apply
 * @returns A styled meter indicator element
 */
declare const ProgressIndicator: ({ className, hue, ...props }: ComponentPropsWithoutRef<typeof MeterIndicatorRoot> & {
    hue?: ProgressHue;
}) => import("react/jsx-runtime").JSX.Element;
/**
 * A determinate progress bar component that displays progress completion.
 * Built on Radix UI Progress primitive with custom styling.
 *
 * @example
 * ```tsx
 * <ProgressBar value={75} max={100} />
 * <ProgressBar value={50} max={100} hue="neutral" />
 * ```
 */
declare const ProgressBar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
    /** Color hue for the progress indicator. Defaults to 'default'. */
    hue?: ProgressHue;
} & import("react").RefAttributes<HTMLDivElement>>>;
export { ProgressBar, ProgressIndicator, ProgressRoot };