import { transformColor } from '../../utilities/transformations'; export interface ComponentProps { /** * Color at the leading edge of each line * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#ffffff" */ colorA: Parameters[0]; /** * Color at the trailing edge (transparent by default) * * Accepts hex strings (`#ff0000`), RGB objects (`{ r, g, b }`), or CSS color names (`limegreen`). * @default "#ffffff00" */ colorB: Parameters[0]; /** * Color space for interpolation between lead and trail colors * * Accepts one of the predefined option values. * @default "linear" */ colorSpace: string; /** * Direction of movement in degrees (90=down, 270=up, 0=right, 180=left) * * Accepts a number between 0 and 360. * @default 90 */ angle: number; /** * Movement speed * * Accepts a number between 0 and 3. * @default 0.5 */ speed: number; /** * Per-line speed variance (0=uniform, 1=high variance) * * Accepts a number between 0 and 1. * @default 0.3 */ speedVariance: number; /** * Number of line columns across the canvas * * Accepts a number between 1 and 60. * @default 15 */ density: number; /** * Streak length relative to spacing (0=point, 1=continuous) * * @default 0.35 */ trailLength: number; /** * Color mix midpoint (0.5=linear, 0=all trailing/colorB, 1=all leading/colorA) * * @default 0.5 */ balance: number; /** * Line thickness as fraction of column width (0=hairline, 1=full width) * * @default 0.15 */ strokeWidth: number; /** * Rounds the leading edge (0=flat/square, 1=fully rounded cap) * * @default 1 */ rounding: number; } export declare const componentDefinition: import('../..').GpuShaderDefinition; export default componentDefinition; //# sourceMappingURL=index.d.ts.map