import * as _angular_core from '@angular/core';

type WrFuzzyTextDirection = 'horizontal' | 'vertical' | 'both';

/**
 * Canvas-rendered "fuzzy" text — each row/column of glyphs is offset by
 * a random amount per frame, giving the text a TV-static or motion-blur
 * appearance. Intensity ramps up on hover, click, and during periodic
 * glitch bursts (configurable).
 *
 * @example
 * ```html
 * <wr-fuzzy-text text="404" />
 * <wr-fuzzy-text
 *   text="HELLO"
 *   color="#0ea5e9"
 *   [fuzzRange]="50"
 *   [hoverIntensity]="0.8"
 *   [glitchMode]="true"
 * />
 * ```
 *
 * @see https://www.reactbits.dev/text-animations/fuzzy-text
 */
declare class WrFuzzyText {
    /** Text to render. */
    readonly text: _angular_core.InputSignal<string>;
    /** Font size as CSS length (`'4rem'`, `'72px'`, …) or px number. @default 'clamp(2rem, 10vw, 10rem)' */
    readonly fontSize: _angular_core.InputSignal<string | number>;
    /** Font weight. @default 900 */
    readonly fontWeight: _angular_core.InputSignal<string | number>;
    /** Font family. `'inherit'` reads the canvas's computed style. @default 'inherit' */
    readonly fontFamily: _angular_core.InputSignal<string>;
    /** Text colour. `'inherit'` reads the canvas's computed style. Ignored if `[gradient]` is set. @default 'inherit' */
    readonly color: _angular_core.InputSignal<string>;
    /** Optional horizontal gradient stops. */
    readonly gradient: _angular_core.InputSignal<readonly string[] | null>;
    /** Enable hover / touch reactivity. @default true */
    readonly enableHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Base intensity (0..1) when idle. @default 0.18 */
    readonly baseIntensity: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Intensity (0..1) while the pointer hovers the text. @default 0.5 */
    readonly hoverIntensity: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Max pixel displacement per row/column at intensity 1. @default 30 */
    readonly fuzzRange: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Frame rate cap. @default 60 */
    readonly fps: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Fuzz direction. @default 'horizontal' */
    readonly direction: _angular_core.InputSignal<WrFuzzyTextDirection>;
    /** Ms to ease intensity toward target. `0` snaps. @default 0 */
    readonly transitionDuration: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Spike to full intensity briefly on click. @default false */
    readonly clickEffect: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Periodic "glitch" bursts at full intensity. @default false */
    readonly glitchMode: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Ms between glitch bursts. @default 2000 */
    readonly glitchInterval: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Ms a glitch burst lasts. @default 200 */
    readonly glitchDuration: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Extra pixels between glyphs. @default 0 */
    readonly letterSpacing: _angular_core.InputSignalWithTransform<number, unknown>;
    private readonly canvasRef;
    private readonly destroyRef;
    private readonly isBrowser;
    private readonly platform;
    private teardown;
    constructor();
    private init;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrFuzzyText, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrFuzzyText, "wr-fuzzy-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "fontWeight": { "alias": "fontWeight"; "required": false; "isSignal": true; }; "fontFamily": { "alias": "fontFamily"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "enableHover": { "alias": "enableHover"; "required": false; "isSignal": true; }; "baseIntensity": { "alias": "baseIntensity"; "required": false; "isSignal": true; }; "hoverIntensity": { "alias": "hoverIntensity"; "required": false; "isSignal": true; }; "fuzzRange": { "alias": "fuzzRange"; "required": false; "isSignal": true; }; "fps": { "alias": "fps"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; "isSignal": true; }; "clickEffect": { "alias": "clickEffect"; "required": false; "isSignal": true; }; "glitchMode": { "alias": "glitchMode"; "required": false; "isSignal": true; }; "glitchInterval": { "alias": "glitchInterval"; "required": false; "isSignal": true; }; "glitchDuration": { "alias": "glitchDuration"; "required": false; "isSignal": true; }; "letterSpacing": { "alias": "letterSpacing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrFuzzyText };
export type { WrFuzzyTextDirection };