import type { ColorInput } from "bun";
import type { Accessor, Element as JSXElement } from "solid-js";
/**
 * Named wrappers for the built-in effects. Each runs its effect across all of
 * its children as one linked region — so a shimmer (or wave, or pulse) sweeps a
 * spinner glyph and the text beside it together:
 *
 * ```tsx
 * <Shimmer baseColor="#666" highlightColor="#fff">
 *   <Spinner />
 *   <text>{` ${verb}…`}</text>
 * </Shimmer>
 * ```
 *
 * For a custom effect, use `<Animated effect={…}>` directly.
 */
type GroupProps = {
    children: JSXElement;
    /** Freeze the animation at its resting color. */
    paused?: boolean;
    /** Clock tick in ms. Default 50. */
    tick?: number;
    /** Share an external clock instead of creating one. */
    time?: Accessor<number>;
};
export type ShimmerProps = GroupProps & {
    baseColor: ColorInput;
    highlightColor: ColorInput;
    /** Milliseconds per cell. Lower = faster. Default 200. */
    speed?: number;
    /** Sweep direction. Default "ltr". */
    direction?: "ltr" | "rtl";
};
export declare function Shimmer(props: ShimmerProps): JSXElement;
export type WaveProps = GroupProps & {
    from: ColorInput;
    to: ColorInput;
    /** Milliseconds per full cycle. Default 1500. */
    speed?: number;
    /** Cells per wave. Default 6. */
    wavelength?: number;
};
export declare function Wave(props: WaveProps): JSXElement;
export type PulseProps = GroupProps & {
    baseColor: ColorInput;
    flashColor: ColorInput;
    /** Full cycle period in ms. Default 2000. */
    period?: number;
};
export declare function Pulse(props: PulseProps): JSXElement;
export {};
//# sourceMappingURL=components.d.ts.map