/** * @fileoverview Cursor-following glowing border effect. * @author Saasflare™ * Renders a glowing border highlight that follows the mouse position * around the edges of its container. Trending glassmorphism accent. * @module packages/ui/components/ui/glowing-effect * @package ui * * @component * @example * import { GlowingEffect } from '@saasflare/ui'; *
* *

Feature Card

*
* * @example * // Custom glow color and spread *
* *

Content

*
*/ import * as React from "react"; import { type SaasflareComponentProps } from "../../providers"; /** Props for the GlowingEffect component. */ export interface GlowingEffectProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { /** Glow color. Default: `"var(--primary)"` */ color?: string; /** Glow spread diameter in pixels. Default: `150` */ spread?: number; /** Blur radius in pixels. Default: `20` */ blur?: number; /** Glow opacity (0–1). Default: `0.4` */ opacity?: number; /** Border radius to match parent (CSS value). Default: `"inherit"` */ borderRadius?: string; } /** * Mouse-following glow effect for container borders. * * - Tracks mouse position and renders a radial gradient at cursor * - Only glows along the border (uses inset mask to hollow out center) * - Fades out when the mouse leaves * - Renders nothing when motion is disabled (reduced motion or `animated={false}`) * * @component * @package ui */ export declare function GlowingEffect({ color, spread, blur, opacity, borderRadius, surface, radius, animated, iconWeight, className, style, ...rest }: GlowingEffectProps): import("react/jsx-runtime").JSX.Element | null;