import { GenesisElement } from '@genesislcap/web-core';
/**
 * Animated halo overlay — rotating conic-gradient border with an inward glow.
 *
 * Drop inside any `position: relative; overflow: hidden` container and toggle
 * the `active` attribute to show/hide the effect.
 *
 * @example
 * ```html
 * <ai-halo-overlay ?active="${(x) => x.isLoading}"></ai-halo-overlay>
 * ```
 *
 * @beta
 */
export declare class AiHaloOverlay extends GenesisElement {
    active: boolean;
    /** Rotation speed in degrees per frame. Default: 1.5 (≈ 4 s per full revolution at 60 fps). */
    speed: number;
    /** Rotation direction. Default: 'cw' (clockwise). */
    direction: 'cw' | 'ccw';
    /** Border thickness in px. Default: 3. */
    borderSize: number;
    /** Glow layer opacity (0–1). Default: 0.35. */
    glowOpacity: number;
    /** Transparent stop of the radial glow mask as a percentage (0–100). Higher = less spread. Default: 70. */
    glowSpread: number;
    borderSizeChanged(): void;
    glowOpacityChanged(): void;
    glowSpreadChanged(): void;
    private static readonly FULL_ROTATION_DEG;
    private angle;
    private lastTime?;
    private animFrame?;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private tick;
}
//# sourceMappingURL=halo-overlay.d.ts.map