/**
 * Recipe configuration for the ScrollArea component.
 * Overrides Chakra UI's default scrollArea recipe with Nimbus design tokens.
 */
export declare const scrollAreaSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "content" | "scrollbar" | "viewport" | "thumb" | "corner", {
    variant: {
        hover: {
            scrollbar: {
                opacity: "0";
                "&[data-hover], &[data-scrolling]": {
                    opacity: "1";
                    transitionDuration: "faster";
                    transitionDelay: "0ms";
                };
            };
        };
        always: {
            viewport: {
                flex: "1";
                minHeight: "0";
                "&[data-overflow-y]": {
                    width: "calc(100% - var(--scroll-area-scrollbar-size) - var(--scroll-area-scrollbar-margin) * 2)";
                };
                "&[data-overflow-x]": {
                    marginBottom: "calc(var(--scroll-area-scrollbar-size) + var(--scroll-area-scrollbar-margin) * 2)";
                };
            };
            scrollbar: {
                opacity: "1";
            };
            corner: {
                opacity: number;
            };
        };
    };
    size: {
        xs: {
            root: {
                "--scroll-area-scrollbar-size": "{sizes.100}";
            };
        };
        sm: {
            root: {
                "--scroll-area-scrollbar-size": "{sizes.150}";
            };
        };
        md: {
            root: {
                "--scroll-area-scrollbar-size": "{sizes.200}";
            };
        };
        lg: {
            root: {
                "--scroll-area-scrollbar-size": "{sizes.300}";
            };
        };
    };
}>;