import type { ClassValue } from "svelte/elements";
export declare const avatarBase = "inline-flex items-center justify-center rounded-full overflow-hidden border border-kui-light-gray-200 dark:border-kui-dark-gray-200 shrink-0";
export declare const avatarImageBase = "h-full w-full object-cover";
export declare const letterBase = "flex items-center justify-center rounded-full bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 font-semibold select-none uppercase";
export declare const placeholderBase = "rounded-full bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 border border-kui-light-gray-200 dark:border-kui-dark-gray-200 animate-pulse";
export declare const overflowBase = "flex items-center justify-center rounded-full bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 font-semibold border border-kui-light-gray-200 dark:border-kui-dark-gray-400";
export declare const avatarIconBase = "flex items-center justify-center rounded-full bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 text-kui-light-gray-900 dark:text-kui-dark-gray-900";
export declare function sizeStyle(size: number): string;
export declare function fontSizeStyle(size: number): string;
export interface ResolveAvatarClassInput {
    size: number;
    class?: ClassValue;
}
export declare function resolveAvatarClass({ size, class: klass, }: ResolveAvatarClassInput): ClassValue;