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