import { LitElement } from 'lit'; import type { AvatarState, AvatarVariant, Size } from '../../types/index.js'; /** * @tag loquix-message-avatar * @summary Displays an avatar for a chat message participant. * * @csspart container - Outer wrapper of the avatar. * @csspart image - The `` element when `src` is provided. * @csspart initials - The initials text element when `name` is provided without `src`. * * @cssprop [--loquix-avatar-bg] - Background colour of the avatar circle. * @cssprop [--loquix-avatar-color] - Foreground / icon colour. * @cssprop [--loquix-avatar-pulse-color] - Colour of the pulsing ring animation. * @cssprop [--loquix-avatar-size-sm] - Size override for the `sm` preset (default 24px). * @cssprop [--loquix-avatar-size-md] - Size override for the `md` preset (default 32px). * @cssprop [--loquix-avatar-size-lg] - Size override for the `lg` preset (default 40px). */ export declare class LoquixMessageAvatar extends LitElement { static styles: import("lit").CSSResult[]; private _localize; /** Image source URL. When provided the avatar renders an ``. */ src?: string; /** Display name. Used to derive initials when no `src` is set. */ name?: string; /** Activity state of the avatar. `thinking` and `streaming` trigger a pulse animation. */ state: AvatarState; /** Size preset. */ size: Size; /** Visual variant hint. */ variant: AvatarVariant; private _getInitials; private _renderContent; protected render(): import("lit").TemplateResult<1>; } //# sourceMappingURL=loquix-message-avatar.d.ts.map