import * as react from 'react';
import { HTMLAttributes } from 'react';

declare const avatarSizes: {
    readonly sm: "h-6 w-6 text-[10px]";
    readonly md: "h-8 w-8 text-xs";
    readonly lg: "h-11 w-11 text-sm";
};
interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
    /** Image source */
    src?: string;
    /** Accessible name / used to derive initials fallback */
    name?: string;
    /** Explicit fallback content (overrides derived initials) */
    fallback?: React.ReactNode;
    /** Named size token or explicit pixel diameter */
    size?: keyof typeof avatarSizes | number;
}
declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLSpanElement>>;
interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
    /** Maximum avatars to render before collapsing into a "+N" overflow indicator */
    max?: number;
    size?: keyof typeof avatarSizes | number;
    children: React.ReactNode;
}
declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;

export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps };