export declare const iconBase: string;
export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
    size: {
        xs: {
            width: "0.75rem";
            height: "0.75rem";
        };
        sm: {
            width: "0.875rem";
            height: "0.875rem";
        };
        md: {
            width: "1rem";
            height: "1rem";
        };
        lg: {
            width: "1.25rem";
            height: "1.25rem";
        };
        xl: {
            width: "1.5rem";
            height: "1.5rem";
        };
        '2xl': {
            width: "2rem";
            height: "2rem";
        };
    };
    color: {
        primary: {
            color: `var(--${string})`;
        };
        secondary: {
            color: `var(--${string})`;
        };
        muted: {
            color: `var(--${string})`;
        };
        inherit: {
            color: "currentColor";
        };
    };
    state: {
        default: {};
        hover: {
            selectors: {
                '&:hover': {
                    color: `var(--${string})`;
                    transform: "scale(1.1)";
                };
            };
        };
        active: {
            color: `var(--${string})`;
            transform: "scale(0.95)";
        };
    };
}>;
export declare const iconSm: string;
export declare const iconMd: string;
export declare const iconLg: string;
export declare const iconXl: string;
export declare const buttonIcon: string;
export type IconVariants = Parameters<typeof icon>[0];
export declare const toolbarIcon: string;
export declare const controlIcon: string;
//# sourceMappingURL=icon-base.css.d.ts.map