export declare const squareButtonSizeVariants: Record<"small" | "medium" | "large" | "xlarge", string>;
export declare const squareButtonStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    size: Record<"small" | "medium" | "large" | "xlarge", string>;
    isHovering: {
        true: {
            selectors: {
                '&:enabled': {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
            };
        };
    };
    isActive: {
        true: {
            selectors: {
                '&:enabled': {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
                '&:enabled:hover': {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
                '&:enabled:hover:not(:active)': {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
            };
        };
    };
}>;
export declare const loadingSpinnerStyles: string;
//# sourceMappingURL=SquareButton.css.d.ts.map