import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';

declare const buttonStyle: _vanilla_extract_recipes.RuntimeFn<{
    iconAffinity: {
        leading: {
            paddingInlineStart: number;
        };
        trailing: {
            paddingInlineEnd: number;
        };
    };
    variant: {
        elevated: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
        filled: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
        filledTonal: {
            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
        outlined: {
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
        text: {
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            vars: {
                [x: string]: `var(--${string})`;
            };
        };
    };
    disabled: {
        true: {
            backgroundColor: `color-mix(in srgb, var(--${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 12%, transparent)`;
            color: `color-mix(in srgb, var(--${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 38%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 38%, transparent)`;
            pointerEvents: "none";
        };
    };
}>;
declare const buttonOutlineStyle: _vanilla_extract_recipes.RuntimeFn<{
    variant: {
        elevated: {};
        filled: {};
        filledTonal: {};
        outlined: {
            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
            selectors: {
                [x: string]: {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
            };
        };
        text: {};
    };
    disabled: {
        true: {
            borderColor: `color-mix(in srgb, var(--${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${string}) 12%, transparent)` | `color-mix(in srgb, var(--${string}, ${number}) 12%, transparent)`;
        };
    };
}>;
declare const buttonIconStyle: string;

export { buttonIconStyle, buttonOutlineStyle, buttonStyle };