/**
 * @license
 * Copyright 2024 Nuraly, Laabidi Aymen
 * SPDX-License-Identifier: MIT
 */
import { LitElement } from 'lit';
import type { PresenceUser } from './presence.types.js';
declare const NrPresenceAvatarsElement_base: (new (...args: any[]) => import("@nuralyui/common/mixins").DependencyAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").ThemeAware) & (new (...args: any[]) => import("@nuralyui/common/mixins").EventHandlerCapable) & (new (...args: any[]) => import("packages/common/src/shared/base-mixin.js").LightDomContent) & typeof LitElement;
/**
 * Renders an overlapping avatar bubble strip for presence indicators.
 * Pure UI — no socket, no state.
 *
 * @example
 * ```html
 * <nr-presence-avatars
 *   .users=${viewers}
 *   max="5"
 *   @user-click=${e => this._openChat(e.detail.user)}
 * ></nr-presence-avatars>
 * ```
 *
 * @fires user-click - Fired when an avatar is clicked. Detail: `{ user: PresenceUser }`
 */
export declare class NrPresenceAvatarsElement extends NrPresenceAvatarsElement_base {
    static styles: import("lit").CSSResult;
    static useShadowDom: boolean;
    /** List of users to display */
    users: PresenceUser[];
    /** Max visible avatars before +N overflow badge */
    max: number;
    private _handleClick;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nr-presence-avatars': NrPresenceAvatarsElement;
    }
}
export {};
//# sourceMappingURL=presence-avatars.component.d.ts.map