declare const progressTextColorVar: `var(--${string})`;
declare const progressCircleBackgroundVar: `var(--${string})`;
declare const progressCircleIndicatorVar: `var(--${string})`;
/**
 * Internal escape hatch: a composing component can set this on an ancestor
 * (e.g. InlineButton's loadingSpinner wrapper) to override the fixed default
 * size below — for instance to an em value so the circle scales with the
 * surrounding font-size — without reaching into ProgressCircle's internal markup.
 * Not part of the public API — consumers must not rely on it.
 * @internal
 */
export declare const progressCircleSizeVar: `var(--${string})`;
export declare const root: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        small: {
            width: `var(--${string})`;
            height: `var(--${string})`;
        };
        large: {
            width: `var(--${string})`;
            height: `var(--${string})`;
        };
    };
}>;
export declare const svg: string;
export declare const indicator: import("@vanilla-extract/recipes").RuntimeFn<{
    indeterminate: {
        true: {
            strokeDasharray: "90 360";
            transformOrigin: "50% 50%";
            animationName: string;
            animationDuration: string;
            animationTimingFunction: "cubic-bezier(0.5, 0.15, 0.5, 0.8)";
            animationIterationCount: "infinite";
            '@media': {
                '(prefers-reduced-motion: reduce)': {
                    animation: "none";
                };
            };
        };
        false: {
            animationDuration: string;
            transitionProperty: "stroke-dashoffset";
            '@media': {
                '(prefers-reduced-motion: reduce)': {
                    transitionDuration: "0s";
                };
            };
        };
    };
}>;
export declare const background: string;
export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        small: {
            gap: string;
        };
        large: {
            gap: string;
        };
    };
    color: {
        critical: {
            vars: {
                [progressCircleIndicatorVar]: string;
            };
        };
        neutral: {
            vars: {
                [progressCircleIndicatorVar]: string;
            };
        };
        primary: {
            vars: {
                [progressCircleIndicatorVar]: string;
            };
        };
        success: {
            vars: {
                [progressCircleIndicatorVar]: string;
            };
        };
        warning: {
            vars: {
                [progressCircleIndicatorVar]: string;
            };
        };
    };
    variant: {
        default: {
            vars: {
                [progressTextColorVar]: string;
                [progressCircleBackgroundVar]: string;
            };
        };
        accent: {
            vars: {
                [progressTextColorVar]: string;
                [progressCircleBackgroundVar]: string;
            };
        };
    };
}>;
export {};
//# sourceMappingURL=ProgressCircle.css.d.ts.map