@hua-labs/motion-core 2.1.0-alpha.6 → 2.1.0-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -10
- package/dist/index.d.mts +1091 -0
- package/dist/index.d.ts +1091 -35
- package/dist/index.js +4241 -65
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4187 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +7 -4
- package/dist/.tsbuildinfo +0 -1
- package/dist/core/MotionEngine.d.ts +0 -111
- package/dist/core/MotionEngine.d.ts.map +0 -1
- package/dist/core/MotionEngine.js +0 -206
- package/dist/core/MotionEngine.js.map +0 -1
- package/dist/core/PerformanceOptimizer.d.ts +0 -124
- package/dist/core/PerformanceOptimizer.d.ts.map +0 -1
- package/dist/core/PerformanceOptimizer.js +0 -334
- package/dist/core/PerformanceOptimizer.js.map +0 -1
- package/dist/core/TransitionEffects.d.ts +0 -76
- package/dist/core/TransitionEffects.d.ts.map +0 -1
- package/dist/core/TransitionEffects.js +0 -321
- package/dist/core/TransitionEffects.js.map +0 -1
- package/dist/hooks/useBounceIn.d.ts +0 -12
- package/dist/hooks/useBounceIn.d.ts.map +0 -1
- package/dist/hooks/useBounceIn.js +0 -75
- package/dist/hooks/useBounceIn.js.map +0 -1
- package/dist/hooks/useButtonEffect.d.ts +0 -48
- package/dist/hooks/useButtonEffect.d.ts.map +0 -1
- package/dist/hooks/useButtonEffect.js +0 -311
- package/dist/hooks/useButtonEffect.js.map +0 -1
- package/dist/hooks/useCardList.d.ts +0 -23
- package/dist/hooks/useCardList.d.ts.map +0 -1
- package/dist/hooks/useCardList.js +0 -119
- package/dist/hooks/useCardList.js.map +0 -1
- package/dist/hooks/useClickToggle.d.ts +0 -30
- package/dist/hooks/useClickToggle.d.ts.map +0 -1
- package/dist/hooks/useClickToggle.js +0 -137
- package/dist/hooks/useClickToggle.js.map +0 -1
- package/dist/hooks/useFadeIn.d.ts +0 -3
- package/dist/hooks/useFadeIn.d.ts.map +0 -1
- package/dist/hooks/useFadeIn.js +0 -107
- package/dist/hooks/useFadeIn.js.map +0 -1
- package/dist/hooks/useFocusToggle.d.ts +0 -30
- package/dist/hooks/useFocusToggle.d.ts.map +0 -1
- package/dist/hooks/useFocusToggle.js +0 -137
- package/dist/hooks/useFocusToggle.js.map +0 -1
- package/dist/hooks/useGesture.d.ts +0 -45
- package/dist/hooks/useGesture.d.ts.map +0 -1
- package/dist/hooks/useGesture.js +0 -274
- package/dist/hooks/useGesture.js.map +0 -1
- package/dist/hooks/useGestureMotion.d.ts +0 -26
- package/dist/hooks/useGestureMotion.d.ts.map +0 -1
- package/dist/hooks/useGestureMotion.js +0 -167
- package/dist/hooks/useGestureMotion.js.map +0 -1
- package/dist/hooks/useGradient.d.ts +0 -14
- package/dist/hooks/useGradient.d.ts.map +0 -1
- package/dist/hooks/useGradient.js +0 -87
- package/dist/hooks/useGradient.js.map +0 -1
- package/dist/hooks/useHoverMotion.d.ts +0 -5
- package/dist/hooks/useHoverMotion.d.ts.map +0 -1
- package/dist/hooks/useHoverMotion.js +0 -48
- package/dist/hooks/useHoverMotion.js.map +0 -1
- package/dist/hooks/useLoadingSpinner.d.ts +0 -30
- package/dist/hooks/useLoadingSpinner.d.ts.map +0 -1
- package/dist/hooks/useLoadingSpinner.js +0 -283
- package/dist/hooks/useLoadingSpinner.js.map +0 -1
- package/dist/hooks/useMotion.d.ts +0 -103
- package/dist/hooks/useMotion.d.ts.map +0 -1
- package/dist/hooks/useMotion.js +0 -266
- package/dist/hooks/useMotion.js.map +0 -1
- package/dist/hooks/useMotionState.d.ts +0 -29
- package/dist/hooks/useMotionState.d.ts.map +0 -1
- package/dist/hooks/useMotionState.js +0 -202
- package/dist/hooks/useMotionState.js.map +0 -1
- package/dist/hooks/useNavigation.d.ts +0 -40
- package/dist/hooks/useNavigation.d.ts.map +0 -1
- package/dist/hooks/useNavigation.js +0 -212
- package/dist/hooks/useNavigation.js.map +0 -1
- package/dist/hooks/usePageMotions.d.ts +0 -17
- package/dist/hooks/usePageMotions.d.ts.map +0 -1
- package/dist/hooks/usePageMotions.js +0 -352
- package/dist/hooks/usePageMotions.js.map +0 -1
- package/dist/hooks/usePulse.d.ts +0 -10
- package/dist/hooks/usePulse.d.ts.map +0 -1
- package/dist/hooks/usePulse.js +0 -108
- package/dist/hooks/usePulse.js.map +0 -1
- package/dist/hooks/useRepeat.d.ts +0 -21
- package/dist/hooks/useRepeat.d.ts.map +0 -1
- package/dist/hooks/useRepeat.js +0 -65
- package/dist/hooks/useRepeat.js.map +0 -1
- package/dist/hooks/useScaleIn.d.ts +0 -13
- package/dist/hooks/useScaleIn.d.ts.map +0 -1
- package/dist/hooks/useScaleIn.js +0 -72
- package/dist/hooks/useScaleIn.js.map +0 -1
- package/dist/hooks/useScrollProgress.d.ts +0 -11
- package/dist/hooks/useScrollProgress.d.ts.map +0 -1
- package/dist/hooks/useScrollProgress.js +0 -37
- package/dist/hooks/useScrollProgress.js.map +0 -1
- package/dist/hooks/useScrollReveal.d.ts +0 -14
- package/dist/hooks/useScrollReveal.d.ts.map +0 -1
- package/dist/hooks/useScrollReveal.js +0 -116
- package/dist/hooks/useScrollReveal.js.map +0 -1
- package/dist/hooks/useScrollToggle.d.ts +0 -17
- package/dist/hooks/useScrollToggle.d.ts.map +0 -1
- package/dist/hooks/useScrollToggle.js +0 -119
- package/dist/hooks/useScrollToggle.js.map +0 -1
- package/dist/hooks/useSimplePageMotion.d.ts +0 -29
- package/dist/hooks/useSimplePageMotion.d.ts.map +0 -1
- package/dist/hooks/useSimplePageMotion.js +0 -145
- package/dist/hooks/useSimplePageMotion.js.map +0 -1
- package/dist/hooks/useSkeleton.d.ts +0 -21
- package/dist/hooks/useSkeleton.d.ts.map +0 -1
- package/dist/hooks/useSkeleton.js +0 -139
- package/dist/hooks/useSkeleton.js.map +0 -1
- package/dist/hooks/useSlideDown.d.ts +0 -25
- package/dist/hooks/useSlideDown.d.ts.map +0 -1
- package/dist/hooks/useSlideDown.js +0 -263
- package/dist/hooks/useSlideDown.js.map +0 -1
- package/dist/hooks/useSlideLeft.d.ts +0 -13
- package/dist/hooks/useSlideLeft.d.ts.map +0 -1
- package/dist/hooks/useSlideLeft.js +0 -72
- package/dist/hooks/useSlideLeft.js.map +0 -1
- package/dist/hooks/useSlideRight.d.ts +0 -13
- package/dist/hooks/useSlideRight.d.ts.map +0 -1
- package/dist/hooks/useSlideRight.js +0 -72
- package/dist/hooks/useSlideRight.js.map +0 -1
- package/dist/hooks/useSlideUp.d.ts +0 -3
- package/dist/hooks/useSlideUp.d.ts.map +0 -1
- package/dist/hooks/useSlideUp.js +0 -122
- package/dist/hooks/useSlideUp.js.map +0 -1
- package/dist/hooks/useSmartMotion.d.ts +0 -31
- package/dist/hooks/useSmartMotion.d.ts.map +0 -1
- package/dist/hooks/useSmartMotion.js +0 -257
- package/dist/hooks/useSmartMotion.js.map +0 -1
- package/dist/hooks/useSpringMotion.d.ts +0 -22
- package/dist/hooks/useSpringMotion.d.ts.map +0 -1
- package/dist/hooks/useSpringMotion.js +0 -133
- package/dist/hooks/useSpringMotion.js.map +0 -1
- package/dist/hooks/useStaggerMotion.d.ts +0 -81
- package/dist/hooks/useStaggerMotion.d.ts.map +0 -1
- package/dist/hooks/useStaggerMotion.js +0 -113
- package/dist/hooks/useStaggerMotion.js.map +0 -1
- package/dist/hooks/useToggleMotion.d.ts +0 -16
- package/dist/hooks/useToggleMotion.d.ts.map +0 -1
- package/dist/hooks/useToggleMotion.js +0 -53
- package/dist/hooks/useToggleMotion.js.map +0 -1
- package/dist/hooks/useUnifiedMotion.d.ts +0 -51
- package/dist/hooks/useUnifiedMotion.d.ts.map +0 -1
- package/dist/hooks/useUnifiedMotion.js +0 -106
- package/dist/hooks/useUnifiedMotion.js.map +0 -1
- package/dist/hooks/useVisibilityToggle.d.ts +0 -15
- package/dist/hooks/useVisibilityToggle.d.ts.map +0 -1
- package/dist/hooks/useVisibilityToggle.js +0 -106
- package/dist/hooks/useVisibilityToggle.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/managers/MotionStateManager.d.ts +0 -63
- package/dist/managers/MotionStateManager.d.ts.map +0 -1
- package/dist/managers/MotionStateManager.js +0 -159
- package/dist/managers/MotionStateManager.js.map +0 -1
- package/dist/presets/index.d.ts +0 -16
- package/dist/presets/index.d.ts.map +0 -1
- package/dist/presets/index.js +0 -120
- package/dist/presets/index.js.map +0 -1
- package/dist/types/common.d.ts +0 -155
- package/dist/types/common.d.ts.map +0 -1
- package/dist/types/common.js +0 -5
- package/dist/types/common.js.map +0 -1
- package/dist/types/index.d.ts +0 -77
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/index.js +0 -5
- package/dist/types/index.js.map +0 -1
- package/dist/utils/easing.d.ts +0 -98
- package/dist/utils/easing.d.ts.map +0 -1
- package/dist/utils/easing.js +0 -233
- package/dist/utils/easing.js.map +0 -1
package/README.md
CHANGED
|
@@ -23,12 +23,12 @@ A collection of React animation hooks built on a ref-based engine. Provides smoo
|
|
|
23
23
|
|
|
24
24
|
### Features
|
|
25
25
|
|
|
26
|
-
- **
|
|
26
|
+
- **28+ Animation Hooks** - Fade, slide, scale, scroll, interaction, and sensor hooks
|
|
27
27
|
- **Performance Optimized** - Direct ref manipulation for consistent performance
|
|
28
28
|
- **Zero Dependencies** - Pure JavaScript motion engine
|
|
29
29
|
- **TypeScript Native** - Full type safety with inferred types
|
|
30
30
|
- **SSR Compatible** - Works with Next.js, Remix, and SSR frameworks
|
|
31
|
-
- **Tested** -
|
|
31
|
+
- **Tested** - Test coverage with 517 test cases
|
|
32
32
|
|
|
33
33
|
### Installation
|
|
34
34
|
|
|
@@ -68,7 +68,6 @@ function MyComponent() {
|
|
|
68
68
|
#### Basic Motion Hooks
|
|
69
69
|
- `useFadeIn` - Fade in animation
|
|
70
70
|
- `useSlideUp` - Slide up animation
|
|
71
|
-
- `useSlideDown` - Slide down animation
|
|
72
71
|
- `useSlideLeft` - Slide left animation
|
|
73
72
|
- `useSlideRight` - Slide right animation
|
|
74
73
|
- `useScaleIn` - Scale in animation
|
|
@@ -77,11 +76,6 @@ function MyComponent() {
|
|
|
77
76
|
- `useSpringMotion` - Spring physics animations
|
|
78
77
|
- `useGradient` - Gradient animations
|
|
79
78
|
|
|
80
|
-
#### Stagger & List Hooks
|
|
81
|
-
- `useStaggerMotion` - Staggered animations for multiple items
|
|
82
|
-
- `useCardList` - Card list animations
|
|
83
|
-
- `useSkeleton` - Skeleton loading animations
|
|
84
|
-
|
|
85
79
|
#### Interaction Hooks
|
|
86
80
|
- `useHoverMotion` - Hover-triggered animations
|
|
87
81
|
- `useClickToggle` - Click-triggered animations
|
|
@@ -92,6 +86,12 @@ function MyComponent() {
|
|
|
92
86
|
- `useScrollReveal` - Scroll-triggered reveal animations
|
|
93
87
|
- `useScrollProgress` - Scroll progress tracking
|
|
94
88
|
|
|
89
|
+
#### Sensor / Observer Hooks
|
|
90
|
+
- `useInView` - Intersection Observer wrapper
|
|
91
|
+
- `useMouse` - Mouse position tracking
|
|
92
|
+
- `useReducedMotion` - Reduced motion preference detection
|
|
93
|
+
- `useWindowSize` - Window size tracking
|
|
94
|
+
|
|
95
95
|
#### Utility Hooks
|
|
96
96
|
- `useMotionState` - Motion state management
|
|
97
97
|
- `useRepeat` - Repeating animations
|
|
@@ -143,12 +143,12 @@ ref 기반 엔진으로 구축된 React 애니메이션 훅 컬렉션입니다.
|
|
|
143
143
|
|
|
144
144
|
### 주요 기능
|
|
145
145
|
|
|
146
|
-
- **
|
|
146
|
+
- **28개 이상의 애니메이션 훅** - 페이드, 슬라이드, 스케일, 스크롤, 상호작용 및 센서 훅
|
|
147
147
|
- **성능 최적화** - 일관된 성능을 위한 직접 ref 조작
|
|
148
148
|
- **의존성 없음** - 순수 JavaScript 모션 엔진
|
|
149
149
|
- **TypeScript 네이티브** - 타입 추론을 통한 완전한 타입 안전성
|
|
150
150
|
- **SSR 호환** - Next.js, Remix 및 SSR 프레임워크와 작동
|
|
151
|
-
- **테스트 완료** -
|
|
151
|
+
- **테스트 완료** - 517개 테스트 케이스로 테스트 커버리지
|
|
152
152
|
|
|
153
153
|
### 설치
|
|
154
154
|
|
|
@@ -212,6 +212,12 @@ function MyComponent() {
|
|
|
212
212
|
- `useScrollReveal` - 스크롤 트리거 리빌 애니메이션
|
|
213
213
|
- `useScrollProgress` - 스크롤 진행률 추적
|
|
214
214
|
|
|
215
|
+
#### 센서 / 옵저버 훅
|
|
216
|
+
- `useInView` - Intersection Observer 래퍼
|
|
217
|
+
- `useMouse` - 마우스 위치 추적
|
|
218
|
+
- `useReducedMotion` - 모션 감소 설정 감지
|
|
219
|
+
- `useWindowSize` - 윈도우 크기 추적
|
|
220
|
+
|
|
215
221
|
#### 유틸리티 훅
|
|
216
222
|
- `useMotionState` - 모션 상태 관리
|
|
217
223
|
- `useRepeat` - 반복 애니메이션
|