import { CSSResultGroup } from 'lit';
import { Avatar, AvatarProps } from '../../Avatar/core/_Avatar.js';
import { FxProps } from '../../../types/fx.js';

export interface AvatarFxProps extends AvatarProps, FxProps {
}
/**
 * AvatarFx - Avatar with CSS animation effects
 *
 * Extends Avatar to add optional CSS-only animation effects.
 * Inherits all Avatar functionality and styling.
 *
 * Features:
 * - CSS-only FX effects
 * - Automatic reduced-motion support
 */
export declare class AvatarFx extends Avatar implements AvatarFxProps {
    static styles: CSSResultGroup;
    fx?: string;
    fxSpeed: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    fxEase: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'spring-sm' | 'spring-md' | 'spring-lg';
    fxDisabled: boolean;
    private _observer;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _updateTheme;
    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
    updated(changedProperties: Map<PropertyKey, unknown>): void;
    private _applyFxClasses;
    private _applyFxCustomProperties;
}
//# sourceMappingURL=_AvatarFx.d.ts.map