import type { RefObject } from 'react';
/**
 * FluidHoverIndicatorV2 Props
 */
export interface FluidHoverIndicatorV2Props {
    /** Target element to track */
    targetElement: HTMLElement | null;
    /** Whether the indicator should be visible */
    isVisible: boolean;
    /** Optional className for customization */
    className?: string;
    /** Container ref for relative positioning (default: targetElement.parentElement) */
    containerRef?: RefObject<HTMLElement>;
    /** Enable chromatic aberration (Phase 2) */
    enableChromaticAberration?: boolean;
}
/**
 * Fluid Hover Indicator V2 - Con Liquid Glass Effect
 *
 * @description
 * Versión mejorada del FluidHoverIndicator que combina:
 * - **Spring physics** del original (anticipation, stretch, overshoot)
 * - **Liquid glass effect** con SVG displacement mapping
 * - **Refracción real** según Snell's Law
 * - **Chromatic aberration** RGB opcional (Phase 2)
 * - **Backdrop extension** para capturar elementos cercanos
 *
 * Features del research aplicadas:
 * - ✅ SVG Displacement (Kube.io) → Refracción física
 * - ✅ Chromatic Aberration (Atlas Pup Labs) → RGB channels
 * - ✅ Performance Optimizations → GPU acceleration
 * - ✅ Backdrop Extension (Josh Comeau) → Captura elementos nearby
 *
 * @example
 * ```tsx
 * <SidebarNav>
 *   <FluidHoverIndicatorV2
 *     targetElement={hoveredItem}
 *     isVisible={isHovering}
 *     enableChromaticAberration={true}
 *   />
 * </SidebarNav>
 * ```
 */
export declare function FluidHoverIndicatorV2({ targetElement, isVisible, className, containerRef, enableChromaticAberration }: FluidHoverIndicatorV2Props): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=fluid-hover-indicator-v2.d.ts.map