import { GenesisElement } from '@genesislcap/web-core';
/**
 * Animated "flowing waves" loading indicator — coloured organic waves (in the
 * four brand colours) whose bumps swell, shrink, merge and split across a line,
 * tapering to nothing at both ends. Where the colours overlap they blend
 * additively toward white.
 *
 * Visual sibling of the dots loading indicator; interchangeable with the other
 * loading styles for the "assistant is working" state.
 *
 * @example
 * ```html
 * <ai-flowing-waves-indicator></ai-flowing-waves-indicator>
 * ```
 *
 * @beta
 */
export declare class AiFlowingWavesIndicator extends GenesisElement {
    private startTime?;
    private animFrame?;
    private bandPaths?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private tick;
    /**
     * Trace one band for the given frame: a baseline-plus-harmonics half-thickness
     * profile, clamped at 0 (so the band pinches to nothing between bumps) and
     * tapered to 0 at both ends.
     */
    private static buildBand;
}
//# sourceMappingURL=flowing-waves-indicator.d.ts.map