import { type ComponentPropsWithoutRef, type CSSProperties, type ImgHTMLAttributes, type ReactEventHandler, type ReactNode } from 'react';
import { type CssLength, type CssTime } from '../../../utils/css';
export type ProgressiveAvatarShape = 'circle' | 'rounded' | 'square' | 'squircle';
export type ProgressiveAvatarSource = {
    media?: string;
    sizes?: string;
    srcSet: string;
    type?: string;
};
export type ProgressiveAvatarProps = Omit<ComponentPropsWithoutRef<'figure'>, 'children' | 'onError' | 'onLoad'> & {
    alt: string;
    src: string;
    aspectRatio?: CSSProperties['aspectRatio'];
    backgroundColor?: CSSProperties['backgroundColor'];
    brightness?: string;
    caption?: ReactNode;
    captionClassName?: string;
    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
    defaultLoaded?: boolean;
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
    grayscale?: string;
    height?: CssLength;
    imageClassName?: string;
    imageHeight?: number;
    imageWidth?: number;
    initialBlur?: CssLength;
    initialScale?: number;
    loaded?: boolean;
    loadedBlur?: CssLength;
    loadedScale?: number;
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    mediaClassName?: string;
    objectFit?: CSSProperties['objectFit'];
    objectPosition?: CSSProperties['objectPosition'];
    onImageError?: ReactEventHandler<HTMLImageElement>;
    onImageLoad?: ReactEventHandler<HTMLImageElement>;
    onLoadedChange?: (loaded: boolean) => void;
    placeholderClassName?: string;
    placeholderScale?: number;
    placeholderSrc?: string;
    placeholderSrcSet?: ImgHTMLAttributes<HTMLImageElement>['srcSet'];
    radius?: CssLength;
    shape?: ProgressiveAvatarShape;
    sizes?: ImgHTMLAttributes<HTMLImageElement>['sizes'];
    sources?: readonly ProgressiveAvatarSource[];
    srcSet?: ImgHTMLAttributes<HTMLImageElement>['srcSet'];
    transitionDuration?: CssTime;
    transitionEasing?: string;
    width?: CssLength;
};
declare const ProgressiveAvatar: ({ alt, aspectRatio, backgroundColor, brightness, caption, captionClassName, className, decoding, defaultLoaded, fetchPriority, grayscale, height, imageClassName, imageHeight, imageWidth, initialBlur, initialScale, loaded, loadedBlur, loadedScale, loading, mediaClassName, objectFit, objectPosition, onImageError, onImageLoad, onLoadedChange, placeholderClassName, placeholderScale, placeholderSrc, placeholderSrcSet, radius, shape, sizes, sources, src, srcSet, style, transitionDuration, transitionEasing, width, ...props }: ProgressiveAvatarProps) => import("react/jsx-runtime").JSX.Element;
export { ProgressiveAvatar };