kel-ui-components/dist/types/hooks/useAnimations.d.ts

A modern, accessible UI component library built with React, TypeScript, and Tailwind CSS

export declare const useScrollAnimation: (threshold?: number) => {
    ref: import("react").RefObject<null>;
    controls: import("framer-motion").AnimationControls;
    isInView: boolean;
};
export declare const useParallax: (offset?: number) => import("motion-dom").MotionValue<number>;
export declare const useScrollProgress: () => {
    scrollYProgress: import("motion-dom").MotionValue<number>;
    scaleX: import("motion-dom").MotionValue<number>;
};
export declare const useHoverAnimation: () => {
    x: import("motion-dom").MotionValue<number>;
    y: import("motion-dom").MotionValue<number>;
    rotateX: import("motion-dom").MotionValue<number>;
    rotateY: import("motion-dom").MotionValue<number>;
    handleMouseMove: (event: React.MouseEvent<HTMLElement>) => void;
    handleMouseLeave: () => void;
};
export declare const useStaggerAnimation: (_itemCount: number, delay?: number) => {
    controls: import("framer-motion").AnimationControls;
    startStagger: () => void;
};
export declare const useLoadingAnimation: (duration?: number) => import("framer-motion").AnimationControls;
export declare const useDragAnimation: (constraintsRef?: React.RefObject<HTMLElement>) => {
    x: import("motion-dom").MotionValue<number>;
    y: import("motion-dom").MotionValue<number>;
    scale: import("motion-dom").MotionValue<number>;
    dragConstraints: import("react").RefObject<HTMLElement> | undefined;
    onDragStart: () => void;
    onDragEnd: () => void;
    drag: boolean;
    dragElastic: number;
};
export declare const useIntersectionAnimation: (thresholds?: number[]) => {
    ref: import("react").RefObject<null>;
    controls: import("framer-motion").AnimationControls;
};
//# sourceMappingURL=useAnimations.d.ts.map