export declare const button: import("../../styled-system/types").SlotRecipeRuntimeFn<"button" | "label" | "focus" | "icon" | "iconContainer", {
    size: {
        sm: {
            button: {
                h: number;
                py: number;
                px: number;
            };
            label: {
                fontSize: "sm";
                lineHeight: "1.5rem";
            };
            iconContainer: {
                w: number;
                p: number;
            };
        };
        md: {
            button: {
                h: number;
                py: number;
                px: number;
            };
            label: {
                fontSize: "md";
                lineHeight: "1.5rem";
            };
            iconContainer: {
                w: number;
                p: number;
            };
        };
        lg: {
            button: {
                h: number;
                py: number;
                px: number;
            };
            label: {
                fontSize: "lg";
                lineHeight: "1.75rem";
            };
            iconContainer: {
                w: number;
                p: number;
            };
        };
    };
    variant: {
        primary: {
            button: {
                bg: "brand.base";
            };
            label: {
                color: "surface.primary";
            };
            icon: {
                color: "surface.primary";
            };
        };
        secondary: {
            button: {
                bg: "brand.lightest";
            };
            label: {
                color: "brand.darker";
            };
            icon: {
                color: "brand.darker";
            };
        };
        positive: {
            button: {
                bg: "positive.darker";
            };
            label: {
                color: "surface.primary";
            };
            icon: {
                color: "surface.primary";
            };
        };
        negative: {
            button: {
                bg: "negative.darker";
            };
            label: {
                color: "surface.primary";
            };
            icon: {
                color: "surface.primary";
            };
        };
        neutral: {
            button: {
                bg: "neutral.tertiary";
                _light: {
                    mixBlendMode: "multiply";
                };
            };
            label: {
                color: "text.primary";
            };
            icon: {
                color: "text.primary";
            };
        };
        tertiary: {
            button: {
                bg: "transparent";
                borderColor: "neutral.primary";
            };
            label: {
                color: "text.primary";
            };
            icon: {
                color: "brand.base";
            };
        };
        text: {
            button: {
                p: number;
                h: "fit-content";
                _hover: {
                    _before: {
                        opacity: number;
                    };
                };
            };
            label: {
                color: "brand.base";
                _groupHover: {
                    color: "brand.darkest";
                    _dark: {
                        color: "brand.lighter";
                    };
                };
            };
            icon: {
                color: "brand.base";
                _groupHover: {
                    color: "brand.darkest";
                    _dark: {
                        color: "brand.lighter";
                    };
                };
            };
        };
        transparent: {
            button: {
                bg: {
                    base: "#ffffff14";
                    _hover: "#ffffff4d";
                };
                _dark: {
                    bg: "#ffffff29";
                };
                backdropFilter: "blur(3px)";
                _before: {
                    display: "none";
                };
            };
            label: {
                color: "chalk";
            };
            icon: {
                color: "chalk";
            };
        };
        inverse: {
            button: {
                bg: "ink.90";
                _dark: {
                    bg: "paper";
                };
                _before: {
                    backgroundImage: "linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))";
                    _dark: {
                        backgroundImage: "linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))";
                    };
                };
            };
            label: {
                color: "chalk";
                _dark: {
                    color: "ink.90";
                };
            };
            icon: {
                color: "chalk";
                _dark: {
                    color: "ink.90";
                };
            };
        };
    };
    validating: {
        true: {
            button: {
                pointerEvents: "none";
            };
        };
    };
    expand: {
        true: {
            button: {
                width: "full";
            };
        };
    };
    iconOnly: {
        true: {
            button: {
                borderRadius: "full";
            };
        };
    };
    textStyle: {
        positive: {};
        negative: {};
        neutral: {};
        subtle: {};
    };
}>;
//# sourceMappingURL=button.d.ts.map