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

/**
 * Animated shimmer-over-text effect. A bright stripe sweeps across the
 * text using `background-clip: text` + an animated `background-position`.
 *
 * @example
 * ```html
 * <wr-shiny-text text="Premium" />
 * <wr-shiny-text
 *   text="Custom"
 *   color="#444"
 *   shineColor="#a0e0ff"
 *   [speed]="3"
 *   [delay]="0.5"
 *   [yoyo]="true"
 *   [pauseOnHover]="true"
 * />
 * ```
 *
 * @see https://www.reactbits.dev/text-animations/shiny-text
 */
declare class WrShinyText {
    /** Text to render. */
    readonly text: _angular_core.InputSignal<string>;
    /** Pause the animation. @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Time for the bright stripe to traverse the text, in seconds. @default 2 */
    readonly speed: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Base text colour (outside the bright stripe). @default '#b5b5b5' */
    /** Base text colour. When unset, the theme decides. */
    readonly color: _angular_core.InputSignal<string | null>;
    /** Bright stripe colour. @default '#ffffff' */
    /** Sweep highlight colour. When unset, the theme decides. */
    readonly shineColor: _angular_core.InputSignal<string | null>;
    /** Gradient angle in degrees. @default 120 */
    readonly spread: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Bounce the stripe back-and-forth instead of restarting. @default false */
    readonly yoyo: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Pause the animation while hovered. @default false */
    readonly pauseOnHover: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Sweep direction. @default 'left' */
    readonly direction: _angular_core.InputSignal<"left" | "right">;
    /** Pause between sweeps in seconds. @default 0 */
    readonly delay: _angular_core.InputSignalWithTransform<number, unknown>;
    /** Total animation cycle (speed + delay) in seconds. */
    protected readonly totalDuration: _angular_core.Signal<number>;
    protected readonly gradient: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrShinyText, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrShinyText, "wr-shiny-text", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shineColor": { "alias": "shineColor"; "required": false; "isSignal": true; }; "spread": { "alias": "spread"; "required": false; "isSignal": true; }; "yoyo": { "alias": "yoyo"; "required": false; "isSignal": true; }; "pauseOnHover": { "alias": "pauseOnHover"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * Gradient sweep over text. Applies a `background-clip: text` gradient
 * with a moving highlight — gives any text a subtle shimmer.
 *
 * The directive only adds the `wr-shimmer` host class. Pair with the
 * styles in `ngwr/animations` (which include the `wr-shimmer` keyframes).
 *
 * @example
 * ```html
 * <h1 wrShimmer>Premium</h1>
 * ```
 */
declare class WrShimmer {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrShimmer, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrShimmer, "[wrShimmer]", never, {}, {}, never, never, true, never>;
}

export { WrShimmer, WrShinyText };