export declare const semanticClassNames: {
    readonly actionBar: "re-ui-action-bar";
    readonly actionButton: "re-ui-action-btn";
    readonly actionButtonEnd: "re-ui-action-btn--end";
    readonly actionButtonDanger: "re-ui-action-btn--danger";
    readonly actionButtonIcon: "re-ui-action-btn--icon";
};
export declare const actionBar: string;
export declare const actionButton: import('@vanilla-extract/recipes').RuntimeFn<{
    variant: {
        ghost: {
            color: "inherit";
            selectors: {
                '&:hover:not(:disabled)': {
                    backgroundColor: `var(--${string})`;
                };
            };
        };
        solid: {
            backgroundColor: `var(--${string})`;
            color: `var(--${string})`;
            transition: "background-color 150ms ease, border-color 150ms ease, color 150ms ease";
            selectors: {
                '&:hover:not(:disabled)': {
                    backgroundColor: `color-mix(in srgb, var(--${string}) 86%, transparent)`;
                };
            };
        };
        outline: {
            background: `var(--${string})`;
            color: `var(--${string})`;
            border: `1px solid var(--${string})`;
            transition: "background-color 150ms ease, border-color 150ms ease, color 150ms ease";
            selectors: {
                '&:hover:not(:disabled)': {
                    background: `var(--${string})`;
                    color: `var(--${string})`;
                };
            };
        };
        accent: {
            backgroundColor: `var(--${string})`;
            color: "#fff";
            selectors: {
                '&:hover:not(:disabled)': {
                    filter: "brightness(0.9)";
                };
                '&:disabled': {
                    opacity: number;
                    cursor: "default";
                    pointerEvents: "none";
                };
            };
        };
    };
    size: {
        sm: {
            gap: "6px";
            fontSize: `var(--${string})`;
            fontWeight: number;
            padding: "4px 8px";
            borderRadius: `var(--${string})`;
            height: "24px";
            whiteSpace: "nowrap";
        };
        md: {
            gap: "6px";
            fontSize: `var(--${string})`;
            fontWeight: number;
            padding: "4px 10px";
            borderRadius: `var(--${string})`;
            height: "28px";
            lineHeight: number;
            whiteSpace: "nowrap";
        };
        lg: {
            gap: "8px";
            fontSize: `var(--${string})`;
            fontWeight: number;
            padding: "0 14px";
            borderRadius: `var(--${string})`;
            height: "36px";
            whiteSpace: "nowrap";
        };
    };
    icon: {
        true: {};
        false: {};
    };
    end: {
        true: {
            marginLeft: "auto";
        };
        false: {};
    };
    danger: {
        true: {};
        false: {};
    };
    rounded: {
        true: {};
        false: {};
    };
}>;
//# sourceMappingURL=styles.css.d.ts.map