import type { RefObject } from 'react';
/**
 * FluidHoverIndicator Props
 */
export interface FluidHoverIndicatorProps {
    /** 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>;
}
/**
 * Fluid Hover Indicator Component
 *
 * A liquid drop-like hover indicator that uses spring physics
 * and morphing to create organic, fluid motion between sidebar items.
 *
 * Features:
 * - Spring physics with anticipation, stretch, overshoot, and settle
 * - Morphing (scale, skew) based on movement direction
 * - Pure CSS + Web Animations API (no Framer Motion)
 * - GPU-accelerated with will-change and transform
 */
export declare function FluidHoverIndicator({ targetElement, isVisible, className, containerRef }: FluidHoverIndicatorProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=fluid-hover-indicator.d.ts.map