@hua-labs/motion-core 2.0.0

package/dist/hooks/useSlideLeft.js

@@ -0,0 +1,111 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+export function useSlideLeft(options = {}) {
+    const { delay = 0, duration = 700, threshold = 0.1, triggerOnce = true, easing = 'ease-out', autoStart = true, distance = 50, onComplete, onStart, onStop, onReset } = options;
+    const ref = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const observerRef = useRef(null);
+    const timeoutRef = useRef(null);
+    // 모션 시작 함수
+    const start = useCallback(() => {
+        if (isAnimating)
+            return;
+        setIsAnimating(true);
+        setProgress(0);
+        onStart?.();
+        // 지연 시간 적용
+        if (delay > 0) {
+            timeoutRef.current = window.setTimeout(() => {
+                setIsVisible(true);
+                setProgress(1);
+                setIsAnimating(false);
+                onComplete?.();
+            }, delay);
+        }
+        else {
+            setIsVisible(true);
+            setProgress(1);
+            setIsAnimating(false);
+            onComplete?.();
+        }
+    }, [delay, isAnimating, onStart, onComplete]);
+    // 모션 중단 함수
+    const stop = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+        onStop?.();
+    }, [onStop]);
+    // 모션 리셋 함수
+    const reset = useCallback(() => {
+        stop();
+        setIsVisible(false);
+        setProgress(0);
+        onReset?.();
+    }, [stop, onReset]);
+    // 모션 일시정지 함수
+    const pause = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+    }, []);
+    // 모션 재개 함수
+    const resume = useCallback(() => {
+        if (!isVisible && !isAnimating) {
+            start();
+        }
+    }, [isVisible, isAnimating, start]);
+    // Intersection Observer 설정
+    useEffect(() => {
+        if (!ref.current || !autoStart)
+            return;
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    start();
+                    if (triggerOnce) {
+                        observerRef.current?.disconnect();
+                    }
+                }
+            });
+        }, { threshold });
+        observerRef.current.observe(ref.current);
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+            }
+        };
+    }, [autoStart, threshold, triggerOnce, start]);
+    // 컴포넌트 언마운트 시 정리
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    // 스타일 계산
+    const style = {
+        transform: `translateX(${isVisible ? 0 : distance}px)`,
+        transition: `transform ${duration}ms ${easing}`,
+        willChange: 'transform'
+    };
+    return {
+        ref,
+        isVisible,
+        isAnimating,
+        style,
+        progress,
+        start,
+        stop,
+        reset,
+        pause,
+        resume
+    };
+}
+//# sourceMappingURL=useSlideLeft.js.map

package/dist/hooks/useSlideLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideLeft.js","sourceRoot":"","sources":["../../src/hooks/useSlideLeft.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSlideRight.d.ts

@@ -0,0 +1,3 @@
+import { SlideOptions, BaseMotionReturn, MotionElement } from '../types';
+export declare function useSlideRight<T extends MotionElement = HTMLDivElement>(options?: SlideOptions): BaseMotionReturn<T>;
+//# sourceMappingURL=useSlideRight.d.ts.map

package/dist/hooks/useSlideRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideRight.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlideRight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExE,wBAAgB,aAAa,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EACpE,OAAO,GAAE,YAAiB,GACzB,gBAAgB,CAAC,CAAC,CAAC,CAoIrB"}

package/dist/hooks/useSlideRight.js

@@ -0,0 +1,111 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+export function useSlideRight(options = {}) {
+    const { delay = 0, duration = 700, threshold = 0.1, triggerOnce = true, easing = 'ease-out', autoStart = true, distance = 50, onComplete, onStart, onStop, onReset } = options;
+    const ref = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const observerRef = useRef(null);
+    const timeoutRef = useRef(null);
+    // 모션 시작 함수
+    const start = useCallback(() => {
+        if (isAnimating)
+            return;
+        setIsAnimating(true);
+        setProgress(0);
+        onStart?.();
+        // 지연 시간 적용
+        if (delay > 0) {
+            timeoutRef.current = window.setTimeout(() => {
+                setIsVisible(true);
+                setProgress(1);
+                setIsAnimating(false);
+                onComplete?.();
+            }, delay);
+        }
+        else {
+            setIsVisible(true);
+            setProgress(1);
+            setIsAnimating(false);
+            onComplete?.();
+        }
+    }, [delay, isAnimating, onStart, onComplete]);
+    // 모션 중단 함수
+    const stop = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+        onStop?.();
+    }, [onStop]);
+    // 모션 리셋 함수
+    const reset = useCallback(() => {
+        stop();
+        setIsVisible(false);
+        setProgress(0);
+        onReset?.();
+    }, [stop, onReset]);
+    // 모션 일시정지 함수
+    const pause = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+    }, []);
+    // 모션 재개 함수
+    const resume = useCallback(() => {
+        if (!isVisible && !isAnimating) {
+            start();
+        }
+    }, [isVisible, isAnimating, start]);
+    // Intersection Observer 설정
+    useEffect(() => {
+        if (!ref.current || !autoStart)
+            return;
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    start();
+                    if (triggerOnce) {
+                        observerRef.current?.disconnect();
+                    }
+                }
+            });
+        }, { threshold });
+        observerRef.current.observe(ref.current);
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+            }
+        };
+    }, [autoStart, threshold, triggerOnce, start]);
+    // 컴포넌트 언마운트 시 정리
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    // 스타일 계산
+    const style = {
+        transform: `translateX(${isVisible ? 0 : -distance}px)`,
+        transition: `transform ${duration}ms ${easing}`,
+        willChange: 'transform'
+    };
+    return {
+        ref,
+        isVisible,
+        isAnimating,
+        style,
+        progress,
+        start,
+        stop,
+        reset,
+        pause,
+        resume
+    };
+}
+//# sourceMappingURL=useSlideRight.js.map

package/dist/hooks/useSlideRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideRight.js","sourceRoot":"","sources":["../../src/hooks/useSlideRight.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSlideUp.d.ts

@@ -0,0 +1,3 @@
+import { SlideOptions, BaseMotionReturn, MotionElement } from '../types';
+export declare function useSlideUp<T extends MotionElement = HTMLDivElement>(options?: SlideOptions): BaseMotionReturn<T>;
+//# sourceMappingURL=useSlideUp.d.ts.map

package/dist/hooks/useSlideUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideUp.d.ts","sourceRoot":"","sources":["../../src/hooks/useSlideUp.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExE,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EACjE,OAAO,GAAE,YAAiB,GACzB,gBAAgB,CAAC,CAAC,CAAC,CAoIrB"}

package/dist/hooks/useSlideUp.js

@@ -0,0 +1,111 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+export function useSlideUp(options = {}) {
+    const { delay = 0, duration = 700, threshold = 0.1, triggerOnce = true, easing = 'ease-out', autoStart = true, distance = 50, onComplete, onStart, onStop, onReset } = options;
+    const ref = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const observerRef = useRef(null);
+    const timeoutRef = useRef(null);
+    // 모션 시작 함수
+    const start = useCallback(() => {
+        if (isAnimating)
+            return;
+        setIsAnimating(true);
+        setProgress(0);
+        onStart?.();
+        // 지연 시간 적용
+        if (delay > 0) {
+            timeoutRef.current = window.setTimeout(() => {
+                setIsVisible(true);
+                setProgress(1);
+                setIsAnimating(false);
+                onComplete?.();
+            }, delay);
+        }
+        else {
+            setIsVisible(true);
+            setProgress(1);
+            setIsAnimating(false);
+            onComplete?.();
+        }
+    }, [delay, isAnimating, onStart, onComplete]);
+    // 모션 중단 함수
+    const stop = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+        onStop?.();
+    }, [onStop]);
+    // 모션 리셋 함수
+    const reset = useCallback(() => {
+        stop();
+        setIsVisible(false);
+        setProgress(0);
+        onReset?.();
+    }, [stop, onReset]);
+    // 모션 일시정지 함수
+    const pause = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsAnimating(false);
+    }, []);
+    // 모션 재개 함수
+    const resume = useCallback(() => {
+        if (!isVisible && !isAnimating) {
+            start();
+        }
+    }, [isVisible, isAnimating, start]);
+    // Intersection Observer 설정
+    useEffect(() => {
+        if (!ref.current || !autoStart)
+            return;
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    start();
+                    if (triggerOnce) {
+                        observerRef.current?.disconnect();
+                    }
+                }
+            });
+        }, { threshold });
+        observerRef.current.observe(ref.current);
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+            }
+        };
+    }, [autoStart, threshold, triggerOnce, start]);
+    // 컴포넌트 언마운트 시 정리
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    // 스타일 계산
+    const style = {
+        transform: `translateY(${isVisible ? 0 : distance}px)`,
+        transition: `transform ${duration}ms ${easing}`,
+        willChange: 'transform'
+    };
+    return {
+        ref,
+        isVisible,
+        isAnimating,
+        style,
+        progress,
+        start,
+        stop,
+        reset,
+        pause,
+        resume
+    };
+}
+//# sourceMappingURL=useSlideUp.js.map

package/dist/hooks/useSlideUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideUp.js","sourceRoot":"","sources":["../../src/hooks/useSlideUp.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSpringMotion.d.ts

@@ -0,0 +1,32 @@
+import { BaseMotionOptions, BaseMotionReturn, MotionElement } from '../types';
+export interface SpringOptions extends BaseMotionOptions {
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    restDelta?: number;
+    restSpeed?: number;
+    initialScale?: number;
+    initialOpacity?: number;
+    initialRotate?: number;
+    initialTranslateY?: number;
+    initialTranslateX?: number;
+    targetScale?: number;
+    targetOpacity?: number;
+    targetRotate?: number;
+    targetTranslateY?: number;
+    targetTranslateX?: number;
+    autoStart?: boolean;
+}
+export declare function useSpringMotion<T extends MotionElement = HTMLDivElement>(options?: SpringOptions): BaseMotionReturn<T> & {
+    stiffness: number;
+    damping: number;
+    mass: number;
+    velocity: {
+        scale: number;
+        opacity: number;
+        rotate: number;
+        translateY: number;
+        translateX: number;
+    };
+};
+//# sourceMappingURL=useSpringMotion.d.ts.map

package/dist/hooks/useSpringMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpringMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useSpringMotion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7E,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EACtE,OAAO,GAAE,aAAkB,GAC1B,gBAAgB,CAAC,CAAC,CAAC,GAAG;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CACrG,CAiOA"}

package/dist/hooks/useSpringMotion.js

@@ -0,0 +1,185 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+export function useSpringMotion(options = {}) {
+    const { duration = 1000, easing = 'ease-out', stiffness = 100, damping = 10, mass = 1, restDelta = 0.01, restSpeed = 0.01, initialScale = 0, initialOpacity = 0, initialRotate = 0, initialTranslateY = 0, initialTranslateX = 0, targetScale = 1, targetOpacity = 1, targetRotate = 0, targetTranslateY = 0, targetTranslateX = 0, autoStart = true, onComplete, onStart, onStop, onReset } = options;
+    const ref = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [progress, setProgress] = useState(0);
+    // 현재 위치와 속도
+    const [currentScale, setCurrentScale] = useState(initialScale);
+    const [currentOpacity, setCurrentOpacity] = useState(initialOpacity);
+    const [currentRotate, setCurrentRotate] = useState(initialRotate);
+    const [currentTranslateY, setCurrentTranslateY] = useState(initialTranslateY);
+    const [currentTranslateX, setCurrentTranslateX] = useState(initialTranslateX);
+    // velocity를 useRef로 변경하여 의존성 배열 문제 해결
+    const velocityRef = useRef({
+        scale: 0,
+        opacity: 0,
+        rotate: 0,
+        translateY: 0,
+        translateX: 0
+    });
+    // 스프링 애니메이션 루프
+    const springAnimation = useCallback(() => {
+        if (!isAnimating)
+            return;
+        const animate = () => {
+            if (!isAnimating)
+                return;
+            // 스프링 물리 계산
+            const scaleForce = (targetScale - currentScale) * stiffness;
+            const opacityForce = (targetOpacity - currentOpacity) * stiffness;
+            const rotateForce = (targetRotate - currentRotate) * stiffness;
+            const translateYForce = (targetTranslateY - currentTranslateY) * stiffness;
+            const translateXForce = (targetTranslateX - currentTranslateX) * stiffness;
+            // 가속도 계산 (F = ma)
+            const scaleAcceleration = scaleForce / mass;
+            const opacityAcceleration = opacityForce / mass;
+            const rotateAcceleration = rotateForce / mass;
+            const translateYAcceleration = translateYForce / mass;
+            const translateXAcceleration = translateXForce / mass;
+            // 속도 업데이트 (v = v0 + at)
+            const newVelocity = {
+                scale: velocityRef.current.scale + scaleAcceleration,
+                opacity: velocityRef.current.opacity + opacityAcceleration,
+                rotate: velocityRef.current.rotate + rotateAcceleration,
+                translateY: velocityRef.current.translateY + translateYAcceleration,
+                translateX: velocityRef.current.translateX + translateXAcceleration
+            };
+            // 감쇠 적용
+            newVelocity.scale *= (1 - damping / 100);
+            newVelocity.opacity *= (1 - damping / 100);
+            newVelocity.rotate *= (1 - damping / 100);
+            newVelocity.translateY *= (1 - damping / 100);
+            newVelocity.translateX *= (1 - damping / 100);
+            // velocityRef 업데이트
+            velocityRef.current = newVelocity;
+            // 위치 업데이트 (x = x0 + vt)
+            const newScale = currentScale + newVelocity.scale;
+            const newOpacity = currentOpacity + newVelocity.opacity;
+            const newRotate = currentRotate + newVelocity.rotate;
+            const newTranslateY = currentTranslateY + newVelocity.translateY;
+            const newTranslateX = currentTranslateX + newVelocity.translateX;
+            setCurrentScale(newScale);
+            setCurrentOpacity(newOpacity);
+            setCurrentRotate(newRotate);
+            setCurrentTranslateY(newTranslateY);
+            setCurrentTranslateX(newTranslateX);
+            // 진행률 계산
+            const totalDistance = Math.abs(targetScale - initialScale) +
+                Math.abs(targetOpacity - initialOpacity) +
+                Math.abs(targetRotate - initialRotate) +
+                Math.abs(targetTranslateY - initialTranslateY) +
+                Math.abs(targetTranslateX - initialTranslateX);
+            const currentDistance = Math.abs(newScale - initialScale) +
+                Math.abs(newOpacity - initialOpacity) +
+                Math.abs(newRotate - initialRotate) +
+                Math.abs(newTranslateY - initialTranslateY) +
+                Math.abs(newTranslateX - initialTranslateX);
+            const newProgress = totalDistance > 0 ? currentDistance / totalDistance : 0;
+            setProgress(Math.min(newProgress, 1));
+            // 정지 조건 확인
+            const isAtRest = Math.abs(newVelocity.scale) < restSpeed &&
+                Math.abs(newVelocity.opacity) < restSpeed &&
+                Math.abs(newVelocity.rotate) < restSpeed &&
+                Math.abs(newVelocity.translateY) < restSpeed &&
+                Math.abs(newVelocity.translateX) < restSpeed &&
+                Math.abs(targetScale - newScale) < restDelta &&
+                Math.abs(targetOpacity - newOpacity) < restDelta &&
+                Math.abs(targetRotate - newRotate) < restDelta &&
+                Math.abs(targetTranslateY - newTranslateY) < restDelta &&
+                Math.abs(targetTranslateX - newTranslateX) < restDelta;
+            if (isAtRest) {
+                // 목표값으로 정확히 설정
+                setCurrentScale(targetScale);
+                setCurrentOpacity(targetOpacity);
+                setCurrentRotate(targetRotate);
+                setCurrentTranslateY(targetTranslateY);
+                setCurrentTranslateX(targetTranslateX);
+                setProgress(1);
+                setIsAnimating(false);
+                onComplete?.();
+            }
+            else {
+                requestAnimationFrame(animate);
+            }
+        };
+        requestAnimationFrame(animate);
+    }, [isAnimating, currentScale, currentOpacity, currentRotate, currentTranslateY, currentTranslateX,
+        targetScale, targetOpacity, targetRotate, targetTranslateY, targetTranslateX,
+        stiffness, damping, mass, restSpeed, restDelta, onComplete]);
+    // 모션 시작 함수 - 조건 로직 개선
+    const start = useCallback(() => {
+        // 이미 애니메이션 중이거나 보이는 상태라면 무시
+        if (isAnimating)
+            return;
+        setIsVisible(true);
+        setIsAnimating(true);
+        setProgress(0);
+        onStart?.();
+        springAnimation();
+    }, [isAnimating, onStart, springAnimation]);
+    // 모션 중단 함수
+    const stop = useCallback(() => {
+        setIsAnimating(false);
+        onStop?.();
+    }, [onStop]);
+    // 모션 리셋 함수
+    const reset = useCallback(() => {
+        setIsVisible(false);
+        setIsAnimating(false);
+        setProgress(0);
+        setCurrentScale(initialScale);
+        setCurrentOpacity(initialOpacity);
+        setCurrentRotate(initialRotate);
+        setCurrentTranslateY(initialTranslateY);
+        setCurrentTranslateX(initialTranslateX);
+        // velocityRef 초기화
+        velocityRef.current = { scale: 0, opacity: 0, rotate: 0, translateY: 0, translateX: 0 };
+        onReset?.();
+    }, [initialScale, initialOpacity, initialRotate, initialTranslateY, initialTranslateX, onReset]);
+    // 모션 일시정지 함수
+    const pause = useCallback(() => {
+        setIsAnimating(false);
+    }, []);
+    // 모션 재개 함수
+    const resume = useCallback(() => {
+        if (isVisible && !isAnimating) {
+            setIsAnimating(true);
+            springAnimation();
+        }
+    }, [isVisible, isAnimating, springAnimation]);
+    // 자동 시작
+    useEffect(() => {
+        if (autoStart) {
+            start();
+        }
+    }, [autoStart, start]);
+    // 스프링 스타일 계산
+    const style = {
+        transform: `
+      scale(${currentScale})
+      rotate(${currentRotate}deg)
+      translate(${currentTranslateX}px, ${currentTranslateY}px)
+    `,
+        opacity: currentOpacity,
+        willChange: 'transform, opacity'
+    };
+    return {
+        ref,
+        isVisible,
+        isAnimating,
+        style,
+        progress,
+        start,
+        stop,
+        reset,
+        pause,
+        resume,
+        stiffness,
+        damping,
+        mass,
+        velocity: velocityRef.current // 현재 velocity 값 반환
+    };
+}
+//# sourceMappingURL=useSpringMotion.js.map

package/dist/hooks/useSpringMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpringMotion.js","sourceRoot":"","sources":["../../src/hooks/useSpringMotion.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useVisibilityToggle.d.ts

@@ -0,0 +1,15 @@
+import { BaseMotionOptions, InteractionReturn, MotionElement } from '../types';
+export interface VisibilityToggleOptions extends BaseMotionOptions {
+    showScale?: number;
+    showOpacity?: number;
+    showRotate?: number;
+    showTranslateY?: number;
+    showTranslateX?: number;
+    hideScale?: number;
+    hideOpacity?: number;
+    hideRotate?: number;
+    hideTranslateY?: number;
+    hideTranslateX?: number;
+}
+export declare function useVisibilityToggle<T extends MotionElement = HTMLDivElement>(options?: VisibilityToggleOptions): InteractionReturn<T>;
+//# sourceMappingURL=useVisibilityToggle.d.ts.map

package/dist/hooks/useVisibilityToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibilityToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useVisibilityToggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE9E,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,aAAa,GAAG,cAAc,EAC1E,OAAO,GAAE,uBAA4B,GACpC,iBAAiB,CAAC,CAAC,CAAC,CAoItB"}