import * as React from 'react';
export interface CircularProgressProps extends React.HTMLAttributes<HTMLSpanElement> {
    /**
     * 進度 0-100。
     * - undefined → indeterminate(旋轉 partial arc,Spinner 樣式)
     * - number → determinate(固定 arc + track)
     */
    value?: number;
    /** 直徑(px)。預設 24,建議 ≤ 64。 */
    size?: number;
    /**
     * 視覺 label(inline 顯示於右側)。
     * - font-size 繼承 parent(不設 text-size class,CSS inherit)
     * - color 鎖 `text-fg-muted`(neutral-7)
     * - 塞在元件內時預設不用(e.g. Button loading);全頁 / Empty overlay 可用
     */
    label?: string;
    /**
     * 右側 affix(determinate only;indeterminate 忽略)。
     * - `'value'` → `{value}%` 文字
     * - ReactNode → 客製(若需顯示「已完成」,consumer 端整個 swap 為 Check icon,不走此 prop)
     */
    affix?: 'value' | React.ReactNode;
}
declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
export declare const circularProgressMeta: {
    readonly component: "CircularProgress";
    readonly family: null;
    readonly variants: {};
    readonly sizes: {};
    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
    readonly tokens: {
        readonly bg: readonly [];
        readonly fg: readonly ["text-fg-muted", "text-foreground", "text-info"];
        readonly ring: readonly [];
    };
};
export { CircularProgress };
//# sourceMappingURL=circular-progress.d.ts.map