import * as react_jsx_runtime from 'react/jsx-runtime'; import * as React from 'react'; interface DotPatternProps extends React.SVGProps { width?: number; height?: number; x?: number; y?: number; cx?: number; cy?: number; cr?: number; className?: string; glow?: boolean; /** Number of drifting soft clouds (keep small: 1–2). Ignored when `cursorSpotlight`. */ glowCount?: number; /** Cloud radius — large values produce a wide, diffuse reveal. */ glowRadius?: number; /** * Reveal dots under a soft radial mask that follows the pointer. * Pass `spotlightX` / `spotlightY` as percentages of the SVG (0–100). * When true, drifting clouds are replaced by this spotlight. */ cursorSpotlight?: boolean; /** Horizontal spotlight centre as % of width (default 50). */ spotlightX?: number; /** Vertical spotlight centre as % of height (default 50). */ spotlightY?: number; /** Fade the spotlight (pointer left the surface). */ spotlightActive?: boolean; /** * Increment to send a wave through the **same** spotlight field * (extra mask rings — not a second DotPattern layer). */ spotlightBurstKey?: number; /** * Seeded irregular dots across the full SVG (not a repeating tile). * Prefer for cursor / ambience surfaces — tiled scatter looked like * duplicate / ghost pairs. */ scatter?: boolean; /** * Relative field density when `scatter` (default `1`). * Count ≈ area / (2800 / density); radius scales with √area. * Use `0.6` sparse → `1` normal → `1.75` dense. Ignored when * `scatterCount` is set explicitly. */ scatterDensity?: number; /** Hard override for total dots. Prefer `scatterDensity` + measured size. */ scatterCount?: number; } declare function DotPattern({ width, height, x, y, cx, cy, cr, className, glow, glowCount, glowRadius, cursorSpotlight, spotlightX, spotlightY, spotlightActive, spotlightBurstKey, scatter, scatterDensity, scatterCount, ...props }: DotPatternProps): react_jsx_runtime.JSX.Element; export { DotPattern };