/**
 * MUI Avatar Component
 *
 * Displays a user avatar with image, initials, or icon fallback.
 *
 * @example
 * ```html
 * <mui-avatar src="/user.jpg" alt="John Doe"></mui-avatar>
 * <mui-avatar name="John Doe"></mui-avatar>
 * <mui-avatar icon="user" size="lg"></mui-avatar>
 * <mui-avatar src="/user.jpg" status="online"></mui-avatar>
 * ```
 */
import { MiuraElement } from '@miurajs/miura-element';
export declare class MuiAvatar extends MiuraElement {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Alt text for the image
     */
    alt: string;
    /**
     * User's name - used for initials fallback and color generation
     */
    name: string;
    /**
     * Fallback icon name (defaults to "user")
     */
    icon: string;
    /**
     * Avatar size
     */
    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    /**
     * Shape
     */
    shape: 'circle' | 'square';
    /**
     * Border color
     */
    border: string;
    /**
     * Status indicator
     */
    status: 'online' | 'offline' | 'busy' | 'away' | '';
    /**
     * Custom background color (overrides auto-generated color)
     */
    color: string;
    private _imageError;
    static styles: import("@miurajs/miura-render").CSSResult;
    private _handleImageError;
    private _getBackgroundColor;
    template(): import("@miurajs/miura-render").TemplateResult;
}
/**
 * MUI Avatar Group Component
 *
 * Displays a stack of overlapping avatars with an overflow counter.
 *
 * @example
 * ```html
 * <mui-avatar-group max="3">
 *   <mui-avatar src="..." name="John"></mui-avatar>
 *   <mui-avatar src="..." name="Jane"></mui-avatar>
 *   <mui-avatar src="..." name="Bob"></mui-avatar>
 *   <mui-avatar src="..." name="Alice"></mui-avatar>
 * </mui-avatar-group>
 * ```
 */
export declare class MuiAvatarGroup extends MiuraElement {
    /**
     * Maximum number of avatars to display before showing overflow
     */
    max: number;
    /**
     * Size for all avatars in the group
     */
    size: 'xs' | 'sm' | 'md' | 'lg';
    /**
     * Spacing between avatars (negative = overlap)
     */
    spacing: number;
    static styles: import("@miurajs/miura-render").CSSResult;
    template(): import("@miurajs/miura-render").TemplateResult;
}
export default MuiAvatar;
//# sourceMappingURL=avatar.d.ts.map