import * as React from "react";
import { Card } from "@/components/ui/card";
export type ProgressTone = "default" | "success" | "info" | "warning" | "danger" | "muted";
export type ProgressSize = "sm" | "default" | "lg";
export type ProgressProps = Omit<React.ComponentProps<"div">, "children"> & {
    value?: number | null;
    max?: number;
    min?: number;
    label?: React.ReactNode;
    description?: React.ReactNode;
    showValue?: boolean;
    valueFormatter?: (value: number, percent: number) => React.ReactNode;
    tone?: ProgressTone;
    size?: ProgressSize;
    indeterminate?: boolean;
    trackClassName?: string;
    indicatorClassName?: string;
};
export type ProgressCardProps = React.ComponentProps<typeof Card> & {
    title?: React.ReactNode;
    description?: React.ReactNode;
    value?: number | null;
    max?: number;
    min?: number;
    tone?: ProgressTone;
    size?: ProgressSize;
    showValue?: boolean;
    valueFormatter?: ProgressProps["valueFormatter"];
    footer?: React.ReactNode;
    progressClassName?: string;
};
declare function getProgressPercent(value: number | null | undefined, min: number, max: number): number;
declare function Progress({ value, min, max, label, description, showValue, valueFormatter, tone, size, indeterminate, className, trackClassName, indicatorClassName, ...props }: ProgressProps): React.JSX.Element;
declare function ProgressCard({ title, description, value, min, max, tone, size, showValue, valueFormatter, footer, progressClassName, className, ...props }: ProgressCardProps): React.JSX.Element;
export { Progress, ProgressCard, getProgressPercent };