import type { ClassValue } from "svelte/elements";
import type { ButtonShape, ButtonSize, ButtonVariant } from "./types.js";
export declare const buttonBase = "inline-flex items-center justify-center font-medium transition-colors duration-200 \n\toutline-none select-none focus-visible:ring-2 focus-visible:ring-kui-light-gray-500 focus-visible:ring-offset-2\n\tfocus-visible:ring-offset-kui-light-bg dark:focus-visible:ring-kui-dark-gray-500\n\tdark:focus-visible:ring-offset-kui-dark-bg";
export declare const interactiveCursorStyles = "cursor-pointer hover:cursor-pointer";
export declare const disabledCursorStyles = "cursor-not-allowed";
export declare const sizeStyles: Record<ButtonSize, string>;
export declare const shapeSizeStyles: Record<ButtonSize, string>;
export declare const iconSizeStyles: Record<ButtonSize, string>;
export declare const radiusStyles: Record<ButtonSize, string>;
export declare const variantStyles: Record<ButtonVariant, string>;
/** Muted, still variant-tinted disabled appearance */
export declare const disabledVariantStyles: Record<ButtonVariant, string>;
export declare const loadingStyles = "opacity-70 cursor-wait";
export declare const shadowStyles = "shadow-sm";
export declare function resolveRadius(size: ButtonSize, shape?: ButtonShape): string;
export interface ResolveButtonClassInput {
    size?: ButtonSize;
    variant?: ButtonVariant;
    shape?: ButtonShape;
    svgOnly?: boolean;
    shadow?: boolean;
    disabled?: boolean;
    loading?: boolean;
    class?: ClassValue;
}
export declare function resolveButtonClass({ size, variant, shape, svgOnly, shadow, disabled, loading, class: klass, }: ResolveButtonClassInput): ClassValue;