import { GenesisElement } from '@genesislcap/web-core';
/**
 * Animated "waves inside a circle" loading indicator — coloured sine waves that
 * slosh like glowing liquid inside a circular window, ringed by a rotating
 * gradient halo (the same effect as `<ai-halo-overlay>`).
 *
 * Visual sibling of the dots loading indicator; the two are interchangeable
 * styles of the same "assistant is working" state.
 *
 * @example
 * ```html
 * <ai-waves-indicator size="56"></ai-waves-indicator>
 * ```
 *
 * @beta
 */
export declare class AiWavesIndicator extends GenesisElement {
    /** Diameter of the circular window in px. Default: 56. */
    size: number;
    sizeChanged(): void;
    private startTime?;
    private animFrame?;
    private wavePaths?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private tick;
    /** Trace one wave's polyline `d` attribute for the given frame. */
    private static buildWavePath;
}
//# sourceMappingURL=waves-indicator.d.ts.map