/**
 * AvatarStack — the shared overlapping-avatar cluster ("facepile"): up to
 * `max` round `SquareAvatar`s overlapped by one avatar-third, then a "+N"
 * count circle for the rest. Promoted from the meeting-scheduler (context
 * panel + directory rows both stacked hosts by hand) so every future
 * multi-person cluster reuses ONE recipe.
 */
export interface AvatarStackPerson {
    name: string;
    avatarUrl?: string | null;
    /** Stable render key — pass when names can collide or be blank
     *  (e.g. ClickUp member id). Falls back to name+index. */
    key?: string | number;
}
export interface AvatarStackProps {
    people: AvatarStackPerson[];
    /** Avatars shown before collapsing into the "+N" circle. */
    max?: number;
    /** Size bucket (also sizes the "+N" circle). `xs` (24px) is for
     *  dense card meta rows (chat compact cards, delivery rows). */
    size?: 'xs' | 'sm' | 'md' | 'lg';
    /** Ring color class separating overlapped avatars from each other —
     *  MUST match the surface the stack sits on (default: card surface).
     *  Without the surface-colored ring, overlapping photos read as one
     *  smeared blob — the ring is what makes a stack look deliberate. */
    ringClassName?: string;
    className?: string;
}
export declare function AvatarStack({ people, max, size, ringClassName, className, }: AvatarStackProps): import("react").JSX.Element | null;
//# sourceMappingURL=avatar-stack.d.ts.map