import CwAvatar from '../avatar/avatar.component.js';
import CwElement from '../../internal/cw-element.js';
import CwTooltip from '../tooltip/tooltip.component.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary Avatar groups display a stack of overlapping [avatars](/components/avatar), collapsing anything past a
 *  configurable count into a "+N" indicator.
 * @documentation https://cordwainer.dev/components/avatar-group
 * @status experimental
 * @since 1.5
 *
 * @dependency cw-tooltip
 *
 * @slot - One or more `<cw-avatar>` elements to display.
 *
 * @csspart base - The component's base wrapper.
 *
 * @cssproperty [--cw-avatar-group-ring-color=var(--cw-color-neutral-0)] - The color of the ring drawn around each
 *  avatar so overlapping ones stay visually distinct. Defaults to matching the page/panel background — override
 *  this when the group sits on a differently-colored surface.
 */
export default class CwAvatarGroup extends CwElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cw-avatar': typeof CwAvatar;
        'cw-tooltip': typeof CwTooltip;
    };
    private overflowTooltip;
    private previousHidden;
    defaultSlot: HTMLSlotElement;
    /** The maximum number of avatars to display before collapsing the rest into a "+N" indicator. Shows all by default. */
    max?: number;
    /** How much each avatar overlaps the one before it, in pixels. */
    overlap: number;
    private getAvatars;
    private applyOverlap;
    private applyRingShape;
    private buildOverflowIndicator;
    private syncAvatars;
    handleConfigChange(): void;
    render(): import("lit-html").TemplateResult<1>;
}