/**
 * Recipe configuration for the ProgressBar component.
 * Defines the styling variants and base styles using Chakra UI's slot recipe system.
 */
export declare const progressBarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "fill" | "label" | "track" | "value", {
    size: {
        "2xs": {
            root: {
                "--progress-bar-radius": "{radii.300}";
                "--progress-bar-font-size": "{fontSizes.350}";
                "--progress-bar-height": "{sizes.300}";
                "--progress-bar-line-height": "{fontSizes.500}";
            };
        };
        md: {
            root: {
                "--progress-bar-radius": "{radii.600}";
                "--progress-bar-font-size": "{fontSizes.400}";
                "--progress-bar-height": "{sizes.600}";
                "--progress-bar-line-height": "{fontSizes.600}";
            };
        };
    };
    isDynamic: {
        true: {
            fill: {
                "--progress-bar-animation": "gradient-shimmer 4s ease-in-out infinite";
                "&[data-complete='true']": {
                    "--progress-bar-animation": "none";
                };
            };
        };
    };
    isIndeterminate: {
        true: {
            fill: {
                "--progress-bar-animation": "progress-indeterminate 2s ease-in-out infinite";
                width: "40% !important";
            };
        };
    };
    variant: {
        solid: {
            root: {
                "--progress-bar-text-color": "{colors.neutral.12}";
                "--progress-bar-track-bg": "{colors.neutralAlpha.3}";
            };
        };
        contrast: {
            root: {
                "--progress-bar-text-color": "{colors.colorPalette.contrast}";
                "--progress-bar-track-bg": "{colors.colorPalette.contrast/15}";
            };
            fill: {
                bgImage: "linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})";
            };
        };
    };
    layout: {
        minimal: {
            label: {
                display: "none";
            };
            value: {
                display: "none";
            };
        };
        inline: {
            root: {
                flexDirection: "row";
                alignItems: "center";
                gap: "400";
            };
            track: {
                flex: number;
            };
        };
        stacked: {
            root: {
                flexDirection: "column";
                gap: "200";
            };
            text: {
                display: "flex";
                justifyContent: "space-between";
                alignItems: "center";
                width: "100%";
            };
        };
    };
}>;
