import * as React from 'react';
import * as AvatarPrimitive from '@radix-ui/react-avatar';
/**
 * User identity image with automatic fallback.
 *
 * @description
 * Natively handles 404 errors and image loading timeouts by showing a
 * text fallback (initials). Supports 5 sizes via the `size` prop.
 *
 * @ai-rules
 * 1. NEVER use a raw `<img>` for user profile images — the internal fallback prevents broken UI.
 * 2. Always compose as `<Avatar> > <AvatarImage> + <AvatarFallback>` — both sub-components are required.
 * 3. In `<AvatarFallback>`, render initials (1–2 characters) using `<span>`, not a full name.
 */
declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
}): import("react/jsx-runtime").JSX.Element;
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
export { Avatar, AvatarImage, AvatarFallback };