@hua-labs/motion-core 2.2.3 → 2.3.0

package/dist/index.d.mts

@@ -134,6 +134,10 @@ declare class TransitionEffects {
     private static instance;
     private activeTransitions;
     static getInstance(): TransitionEffects;
+    /**
+     * 공통 전환 실행 헬퍼
+     */
+    private executeTransition;
     /**
      * 페이드 인/아웃 전환
      */
@@ -189,130 +193,6 @@ declare class TransitionEffects {
 }
 declare const transitionEffects: TransitionEffects;
 
-/**
- * HUA Motion Core - 성능 최적화 시스템
- *
- * GPU 가속, 레이어 관리, 메모리 최적화를 위한 유틸리티들
- * 브라우저별 최적화 전략 포함
- */
-interface PerformanceOptimizerMetrics {
-    fps: number;
-    memoryUsage?: number;
-    gpuTime?: number;
-    cpuTime?: number;
-    layerCount: number;
-    activeMotions: number;
-}
-interface OptimizationConfig {
-    enableGPUAcceleration: boolean;
-    enableLayerSeparation: boolean;
-    enableMemoryOptimization: boolean;
-    targetFPS: number;
-    maxLayerCount: number;
-    memoryThreshold: number;
-}
-declare class PerformanceOptimizer {
-    private static instance;
-    private config;
-    private performanceObserver;
-    private metrics;
-    private layerRegistry;
-    private isMonitoring;
-    constructor();
-    static getInstance(): PerformanceOptimizer;
-    /**
-     * 성능 모니터링 초기화
-     */
-    private initializePerformanceMonitoring;
-    /**
-     * 성능 메트릭 업데이트
-     */
-    private updatePerformanceMetrics;
-    /**
-     * FPS 계산
-     */
-    private calculateFPS;
-    /**
-     * GPU 가속 활성화
-     */
-    enableGPUAcceleration(element: HTMLElement): void;
-    /**
-     * 레이어 분리 및 최적화
-     */
-    createOptimizedLayer(element: HTMLElement): void;
-    /**
-     * 레이어 등록
-     */
-    private registerLayer;
-    /**
-     * 레이어 제거
-     */
-    removeLayer(element: HTMLElement): void;
-    /**
-     * 레이어 수 제한 체크
-     */
-    private checkLayerLimit;
-    /**
-     * 오래된 레이어 정리
-     */
-    private cleanupOldLayers;
-    /**
-     * 메모리 사용량 체크
-     */
-    private checkMemoryUsage;
-    /**
-     * 메모리 정리
-     */
-    private cleanupMemory;
-    /**
-     * 성능 최적화 설정 업데이트
-     */
-    updateConfig(newConfig: Partial<OptimizationConfig>): void;
-    /**
-     * 모든 GPU 가속 비활성화
-     */
-    private disableAllGPUAcceleration;
-    /**
-     * 모든 레이어 비활성화
-     */
-    private disableAllLayers;
-    /**
-     * 성능 메트릭 가져오기
-     */
-    getMetrics(): PerformanceOptimizerMetrics;
-    /**
-     * 성능 모니터링 시작
-     */
-    startMonitoring(): void;
-    /**
-     * 성능 모니터링 중지
-     */
-    stopMonitoring(): void;
-    /**
-     * 메트릭 업데이트
-     */
-    private updateMetrics;
-    /**
-     * 성능 리포트 생성
-     */
-    generateReport(): string;
-    /**
-     * 바이트 단위 포맷팅
-     */
-    private formatBytes;
-    /**
-     * 성능 최적화 권장사항
-     */
-    getOptimizationRecommendations(): string[];
-    /**
-     * 정리
-     */
-    destroy(): void;
-    private lastFrameTime?;
-    private monitoringInterval?;
-}
-declare const performanceOptimizer: PerformanceOptimizer;
-
 type MotionElement = HTMLDivElement | HTMLSpanElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLImageElement;
 type MotionStyle = CSSProperties & {
     '--motion-delay'?: string;
@@ -589,7 +469,7 @@ interface MotionPreset {
 interface PresetConfig {
     [key: string]: MotionPreset;
 }
-interface SpringConfig {
+interface SpringConfig$1 {
     mass?: number;
     stiffness?: number;
     damping?: number;
@@ -1061,6 +941,193 @@ declare function useGestureMotion(options: GestureMotionOptions): {
     isActive: boolean;
 };
 
+interface ButtonEffectOptions extends BaseMotionOptions {
+    type?: 'scale' | 'ripple' | 'glow' | 'shake' | 'bounce' | 'slide' | 'custom';
+    scaleAmount?: number;
+    rippleColor?: string;
+    rippleSize?: number;
+    rippleDuration?: number;
+    glowColor?: string;
+    glowSize?: number;
+    glowIntensity?: number;
+    shakeAmount?: number;
+    shakeFrequency?: number;
+    bounceHeight?: number;
+    bounceStiffness?: number;
+    slideDistance?: number;
+    slideDirection?: 'left' | 'right' | 'up' | 'down';
+    hoverScale?: number;
+    hoverRotate?: number;
+    hoverTranslateY?: number;
+    hoverTranslateX?: number;
+    activeScale?: number;
+    activeRotate?: number;
+    activeTranslateY?: number;
+    activeTranslateX?: number;
+    focusScale?: number;
+    focusGlow?: boolean;
+    disabled?: boolean;
+    disabledOpacity?: number;
+    autoStart?: boolean;
+}
+declare function useButtonEffect<T extends MotionElement = HTMLButtonElement>(options?: ButtonEffectOptions): BaseMotionReturn<T> & {
+    buttonType: string;
+    isPressed: boolean;
+    isHovered: boolean;
+    isFocused: boolean;
+    ripplePosition: {
+        x: number;
+        y: number;
+    };
+    currentGlowIntensity: number;
+    shakeOffset: number;
+    bounceOffset: number;
+    slideOffset: number;
+    pressButton: () => void;
+    releaseButton: () => void;
+    setButtonState: (state: 'idle' | 'hover' | 'active' | 'focus' | 'disabled') => void;
+};
+
+interface VisibilityToggleOptions extends BaseMotionOptions {
+    showScale?: number;
+    showOpacity?: number;
+    showRotate?: number;
+    showTranslateY?: number;
+    showTranslateX?: number;
+    hideScale?: number;
+    hideOpacity?: number;
+    hideRotate?: number;
+    hideTranslateY?: number;
+    hideTranslateX?: number;
+}
+declare function useVisibilityToggle<T extends MotionElement = HTMLDivElement>(options?: VisibilityToggleOptions): InteractionReturn<T>;
+
+interface ScrollToggleOptions extends BaseMotionOptions {
+    showScale?: number;
+    showOpacity?: number;
+    showRotate?: number;
+    showTranslateY?: number;
+    showTranslateX?: number;
+    hideScale?: number;
+    hideOpacity?: number;
+    hideRotate?: number;
+    hideTranslateY?: number;
+    hideTranslateX?: number;
+    scrollThreshold?: number;
+    scrollDirection?: 'up' | 'down' | 'both';
+}
+declare function useScrollToggle<T extends MotionElement = HTMLDivElement>(options?: ScrollToggleOptions): BaseMotionReturn<T>;
+
+interface CardListOptions extends BaseMotionOptions {
+    staggerDelay?: number;
+    cardScale?: number;
+    cardOpacity?: number;
+    cardRotate?: number;
+    cardTranslateY?: number;
+    cardTranslateX?: number;
+    initialScale?: number;
+    initialOpacity?: number;
+    initialRotate?: number;
+    initialTranslateY?: number;
+    initialTranslateX?: number;
+    gridColumns?: number;
+    gridGap?: number;
+}
+declare function useCardList<T extends MotionElement = HTMLDivElement>(options?: CardListOptions): BaseMotionReturn<T> & {
+    cardStyles: React.CSSProperties[];
+    staggerDelay: number;
+    gridColumns: number;
+    gridGap: number;
+};
+
+interface LoadingSpinnerOptions extends BaseMotionOptions {
+    type?: 'rotate' | 'pulse' | 'bounce' | 'wave' | 'dots' | 'bars' | 'custom';
+    rotationSpeed?: number;
+    pulseSpeed?: number;
+    bounceHeight?: number;
+    waveCount?: number;
+    dotCount?: number;
+    barCount?: number;
+    color?: string;
+    backgroundColor?: string;
+    size?: number;
+    thickness?: number;
+    autoStart?: boolean;
+    infinite?: boolean;
+}
+declare function useLoadingSpinner<T extends MotionElement = HTMLDivElement>(options?: LoadingSpinnerOptions): BaseMotionReturn<T> & {
+    isLoading: boolean;
+    spinnerType: string;
+    rotationAngle: number;
+    pulseScale: number;
+    bounceOffset: number;
+    waveProgress: number;
+    dotProgress: number;
+    barProgress: number;
+    startLoading: () => void;
+    stopLoading: () => void;
+    setLoadingState: (loading: boolean) => void;
+};
+
+interface NavigationOptions extends BaseMotionOptions {
+    type?: 'slide' | 'fade' | 'scale' | 'rotate' | 'custom';
+    slideDirection?: 'left' | 'right' | 'up' | 'down';
+    staggerDelay?: number;
+    itemScale?: number;
+    itemOpacity?: number;
+    itemRotate?: number;
+    itemTranslateY?: number;
+    itemTranslateX?: number;
+    initialScale?: number;
+    initialOpacity?: number;
+    initialRotate?: number;
+    initialTranslateY?: number;
+    initialTranslateX?: number;
+    activeScale?: number;
+    activeOpacity?: number;
+    activeRotate?: number;
+    activeTranslateY?: number;
+    activeTranslateX?: number;
+    hoverScale?: number;
+    hoverOpacity?: number;
+    hoverRotate?: number;
+    hoverTranslateY?: number;
+    hoverTranslateX?: number;
+    itemCount?: number;
+    autoStart?: boolean;
+}
+declare function useNavigation<T extends MotionElement = HTMLDivElement>(options?: NavigationOptions): BaseMotionReturn<T> & {
+    isOpen: boolean;
+    activeIndex: number;
+    itemStyles: React.CSSProperties[];
+    openMenu: () => void;
+    closeMenu: () => void;
+    toggleMenu: () => void;
+    setActiveItem: (index: number) => void;
+    goToNext: () => void;
+    goToPrevious: () => void;
+};
+
+interface SkeletonOptions extends BaseMotionOptions {
+    /** 스켈레톤 배경색 */
+    backgroundColor?: string;
+    /** 스켈레톤 하이라이트 색상 */
+    highlightColor?: string;
+    /** 모션 속도 (ms) */
+    motionSpeed?: number;
+    /** 스켈레톤 높이 */
+    height?: number;
+    /** 스켈레톤 너비 */
+    width?: number | string;
+    /** 보더 반지름 */
+    borderRadius?: number;
+    /** 웨이브 모션 활성화 여부 */
+    wave?: boolean;
+    /** 펄스 모션 활성화 여부 */
+    pulse?: boolean;
+}
+declare function useSkeleton<T extends MotionElement = HTMLDivElement>(options?: SkeletonOptions): BaseMotionReturn<T>;
+
 interface TypewriterOptions {
     /** 타이핑할 텍스트 */
     text: string;
@@ -1236,6 +1303,9 @@ interface ElementProgressReturn<T extends HTMLElement = HTMLElement> {
  * useScrollProgress의 확장판. 페이지 전체가 아니라
  * 특정 요소가 뷰포트를 통과하는 진행률을 추적합니다.
  *
+ * 공유 스크롤 리스너(subscribeScroll)를 사용해 N개 인스턴스도
+ * 단 하나의 scroll/resize 이벤트 + rAF 배칭으로 처리됩니다.
+ *
  * @example
  * ```tsx
  * const { ref, progress, isInView } = useElementProgress<HTMLDivElement>()
@@ -1263,6 +1333,172 @@ declare function getPagePreset(pageType: PageType): PageMotionsConfig;
  */
 declare function getMotionPreset(type: string): MotionPreset;
 
+/** 프로필 전체의 기본 모션 디폴트 */
+interface MotionProfileBase {
+    /** 기본 duration (ms) */
+    duration: number;
+    /** 기본 easing (CSS 또는 named preset) */
+    easing: string;
+    /** IntersectionObserver 임계값 */
+    threshold: number;
+    /** 한 번만 트리거할지 여부 */
+    triggerOnce: boolean;
+}
+/** 입장 애니메이션 디폴트 */
+interface MotionProfileEntrance {
+    slide: {
+        /** 슬라이드 거리 (px) */
+        distance: number;
+        /** 슬라이드 전용 이징 */
+        easing: string;
+    };
+    fade: {
+        /** 초기 투명도 */
+        initialOpacity: number;
+    };
+    scale: {
+        /** 초기 스케일 (useScrollReveal/useStagger용, 0.95 등 미세 변화) */
+        from: number;
+    };
+    bounce: {
+        /** 바운스 강도 */
+        intensity: number;
+        /** 바운스 전용 이징 */
+        easing: string;
+    };
+}
+/** 스태거 디폴트 */
+interface MotionProfileStagger {
+    /** 아이템 간 딜레이 (ms) */
+    perItem: number;
+    /** 첫 아이템 전 딜레이 (ms) */
+    baseDelay: number;
+}
+/** 인터랙션 디폴트 */
+interface MotionProfileInteraction {
+    hover: {
+        /** 호버 시 스케일 */
+        scale: number;
+        /** 호버 시 Y 오프셋 (px) */
+        y: number;
+        /** 호버 duration (ms) */
+        duration: number;
+        /** 호버 이징 */
+        easing: string;
+    };
+}
+/** 스프링 물리 디폴트 */
+interface MotionProfileSpring {
+    /** 질량 */
+    mass: number;
+    /** 강성 */
+    stiffness: number;
+    /** 감쇠 */
+    damping: number;
+    /** 정지 임계값 */
+    restDelta: number;
+    /** 정지 속도 */
+    restSpeed: number;
+}
+/** reduced motion 전략 */
+type ReducedMotionStrategy = 'skip' | 'fade-only' | 'minimal';
+/** 전체 Motion Profile */
+interface MotionProfile {
+    /** 프로필 이름 */
+    name: string;
+    /** 공통 디폴트 */
+    base: MotionProfileBase;
+    /** 입장 애니메이션 */
+    entrance: MotionProfileEntrance;
+    /** 스태거 */
+    stagger: MotionProfileStagger;
+    /** 인터랙션 */
+    interaction: MotionProfileInteraction;
+    /** 스프링 물리 */
+    spring: MotionProfileSpring;
+    /** reduced motion 전략 */
+    reducedMotion: ReducedMotionStrategy;
+}
+/** 내장 프로필 이름 */
+type BuiltInProfileName = 'neutral' | 'hua';
+/** DeepPartial 유틸리티 */
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+/**
+ * neutral 프로필 — 기존 하드코딩 디폴트와 동일.
+ * Provider 없을 때 fallback으로 사용되므로 하위 호환 100% 보장.
+ */
+declare const neutral: MotionProfile;
+
+/**
+ * HUA 프로필 — 스르륵 쫀뜩한 브랜드 시그니처.
+ *
+ * 특징:
+ * - CSS ease-out 기반이되 끝에 미세한 오버슈트 (1.04~1.06)
+ * - 도착점을 살짝 지나쳤다가 돌아오는 탄성
+ * - 바운스 없이 쫀뜩 (높은 감쇠 + 높은 강성)
+ * - neutral보다 짧은 duration, 좁은 distance → 더 정교한 느낌
+ */
+declare const hua: MotionProfile;
+
+interface MotionProfileProviderProps {
+    /** 내장 프로필 이름 또는 커스텀 프로필 객체 */
+    profile?: BuiltInProfileName | MotionProfile;
+    /** 선택한 프로필 위에 부분 오버라이드 */
+    overrides?: DeepPartial<MotionProfile>;
+    children: React.ReactNode;
+}
+declare function MotionProfileProvider({ profile, overrides, children, }: MotionProfileProviderProps): react.FunctionComponentElement<react.ProviderProps<MotionProfile>>;
+/**
+ * 현재 프로필을 가져옴.
+ * Provider 밖에서 호출 시 neutral 프로필 반환 (하위 호환).
+ */
+declare function useMotionProfile(): MotionProfile;
+
+/** 이름 또는 객체에서 프로필 resolve */
+declare function resolveProfile(profile: BuiltInProfileName | MotionProfile): MotionProfile;
+/** 프로필에 오버라이드를 깊은 병합 */
+declare function mergeProfileOverrides(base: MotionProfile, overrides: DeepPartial<MotionProfile>): MotionProfile;
+
+/**
+ * Shared IntersectionObserver Pool
+ *
+ * threshold|rootMargin 조합별로 하나의 IntersectionObserver를 공유합니다.
+ * N개 훅 = K개 observer (K = 고유 옵션 조합 수, 보통 1~3).
+ *
+ * sharedScroll.ts와 동일한 singleton pool 패턴.
+ *
+ * @example
+ * ```ts
+ * useEffect(() => {
+ *   if (!ref.current) return
+ *   return observeElement(
+ *     ref.current,
+ *     (entry) => { if (entry.isIntersecting) start() },
+ *     { threshold: 0.1 },
+ *     true // once
+ *   )
+ * }, [])
+ * ```
+ */
+type EntryCallback = (entry: IntersectionObserverEntry) => void;
+/**
+ * element를 공유 IntersectionObserver에 등록.
+ * 반환 함수를 호출하면 구독 해제.
+ *
+ * @param element - 관찰할 DOM element
+ * @param callback - intersection 변화 시 호출되는 콜백 (해당 element의 entry만 전달)
+ * @param options - threshold, rootMargin
+ * @param once - true이면 첫 intersection 후 자동 unsubscribe
+ * @returns unsubscribe 함수
+ */
+declare function observeElement(element: Element, callback: EntryCallback, options?: {
+    threshold?: number | number[];
+    rootMargin?: string;
+}, once?: boolean): () => void;
+
 type EasingFunction = (t: number) => number;
 declare const linear: EasingFunction;
 declare const easeIn: EasingFunction;
@@ -1290,6 +1526,31 @@ declare const easingPresets: {
 };
 declare function getPresetEasing(preset: keyof typeof easingPresets): EasingFunction;
 
+/**
+ * Spring physics calculation (Hooke's Law + damping)
+ *
+ * Pure function — no side effects, fully testable.
+ */
+interface SpringConfig {
+    stiffness: number;
+    damping: number;
+    mass: number;
+}
+interface SpringResult {
+    value: number;
+    velocity: number;
+}
+/**
+ * Calculate one step of a damped spring simulation.
+ *
+ * @param currentValue   Current position
+ * @param currentVelocity Current velocity
+ * @param targetValue    Equilibrium (target) position
+ * @param deltaTime      Time step in seconds
+ * @param config         Spring parameters (stiffness, damping, mass)
+ */
+declare function calculateSpring(currentValue: number, currentVelocity: number, targetValue: number, deltaTime: number, config: SpringConfig): SpringResult;
+
 type MotionAs = 'div' | 'span' | 'section' | 'article' | 'header' | 'footer' | 'main' | 'nav';
 interface MotionProps extends react__default.HTMLAttributes<HTMLElement> {
     /** HTML 요소 타입 @default 'div' */
@@ -1363,4 +1624,4 @@ interface UseStaggerReturn {
  */
 declare function useStagger(options: UseStaggerOptions): UseStaggerReturn;
 
-export { type BaseMotionOptions, type BaseMotionReturn, type BounceOptions, type CustomCursorOptions, type CustomCursorReturn, type EasingFunction, type EasingType, type ElementProgressOptions, type ElementProgressReturn, type EntranceType, type FadeInOptions, type GestureConfig, type GestureOptions$1 as GestureOptions, type GradientOptions, type HoverMotionOptions, type InViewOptions, type InViewReturn, type InteractionReturn, MOTION_PRESETS, type MagneticCursorOptions, type MagneticCursorReturn, Motion, type MotionCallback, type MotionConfig, type MotionDirection$1 as MotionDirection, type MotionEasing, type MotionEffects, type MotionElement, MotionEngine, type MotionFrame, type Motion$1 as MotionInstance, type MotionOptions, type MotionPreset, type MotionProgressCallback, type MotionProps, type MotionState$1 as MotionState, type MotionStateCallback, type MotionTrigger, type MotionType$1 as MotionType, type MouseOptions, type MouseReturn, type OptimizationConfig, type OrchestrationConfig, PAGE_MOTIONS, type PageMotionElement, type PageMotionRef, type PageMotionsConfig, type PageType, type PerformanceMetrics, PerformanceOptimizer, type PerformanceOptimizerMetrics, type PresetConfig, type PulseOptions, type ReducedMotionReturn, type RepeatOptions, type ScaleOptions, type ScrollRevealMotionType, type ScrollRevealOptions, type SlideOptions, type SmoothScrollOptions, type SmoothScrollReturn, type SpringConfig, type SpringOptions, type ToggleMotionOptions, TransitionEffects, type TransitionOptions, type TransitionType, type TypewriterOptions, type TypewriterReturn, type UseStaggerOptions, type UseStaggerReturn, type UseUnifiedMotionOptions, type WindowSizeOptions, type WindowSizeReturn, applyEasing, easeIn, easeInOut, easeInOutQuad, easeInQuad, easeOut, easeOutQuad, easingPresets, getAvailableEasings, getEasing, getMotionPreset, getPagePreset, getPresetEasing, isEasingFunction, isValidEasing, linear, mergeWithPreset, motionEngine, performanceOptimizer, safeApplyEasing, transitionEffects, useBounceIn, useClickToggle, useCustomCursor, useElementProgress, useFadeIn, useFocusToggle, useGesture, useGestureMotion, useGradient, useHoverMotion, useInView, useMagneticCursor, useMotionState, useMouse, usePageMotions, usePulse, useReducedMotion, useRepeat, useScaleIn, useScrollProgress, useScrollReveal, useSimplePageMotion, useSlideDown, useSlideLeft, useSlideRight, useSlideUp, useSmartMotion, useSmoothScroll, useSpringMotion, useStagger, useToggleMotion, useTypewriter, useUnifiedMotion, useWindowSize };
+export { type BaseMotionOptions, type BaseMotionReturn, type BounceOptions, type BuiltInProfileName, type ButtonEffectOptions, type CardListOptions, type CustomCursorOptions, type CustomCursorReturn, type DeepPartial, type EasingFunction, type EasingType, type ElementProgressOptions, type ElementProgressReturn, type EntranceType, type FadeInOptions, type GestureConfig, type GestureOptions$1 as GestureOptions, type GradientOptions, type HoverMotionOptions, type InViewOptions, type InViewReturn, type InteractionReturn, type LoadingSpinnerOptions, MOTION_PRESETS, type MagneticCursorOptions, type MagneticCursorReturn, Motion, type MotionCallback, type MotionConfig, type MotionDirection$1 as MotionDirection, type MotionEasing, type MotionEffects, type MotionElement, MotionEngine, type MotionFrame, type Motion$1 as MotionInstance, type MotionOptions, type MotionPreset, type MotionProfile, type MotionProfileBase, type MotionProfileEntrance, type MotionProfileInteraction, MotionProfileProvider, type MotionProfileProviderProps, type MotionProfileSpring, type MotionProfileStagger, type MotionProgressCallback, type MotionProps, type MotionState$1 as MotionState, type MotionStateCallback, type MotionTrigger, type MotionType$1 as MotionType, type MouseOptions, type MouseReturn, type NavigationOptions, type OrchestrationConfig, PAGE_MOTIONS, type PageMotionElement, type PageMotionRef, type PageMotionsConfig, type PageType, type PerformanceMetrics, type PresetConfig, type PulseOptions, type ReducedMotionReturn, type ReducedMotionStrategy, type RepeatOptions, type ScaleOptions, type ScrollRevealMotionType, type ScrollRevealOptions, type ScrollToggleOptions, type SkeletonOptions, type SlideOptions, type SmoothScrollOptions, type SmoothScrollReturn, type SpringConfig$1 as SpringConfig, type SpringOptions, type SpringConfig as SpringPhysicsConfig, type SpringResult, type ToggleMotionOptions, TransitionEffects, type TransitionOptions, type TransitionType, type TypewriterOptions, type TypewriterReturn, type UseStaggerOptions, type UseStaggerReturn, type UseUnifiedMotionOptions, type VisibilityToggleOptions, type WindowSizeOptions, type WindowSizeReturn, applyEasing, calculateSpring, easeIn, easeInOut, easeInOutQuad, easeInQuad, easeOut, easeOutQuad, easingPresets, getAvailableEasings, getEasing, getMotionPreset, getPagePreset, getPresetEasing, hua, isEasingFunction, isValidEasing, linear, mergeProfileOverrides, mergeWithPreset, motionEngine, neutral, observeElement, resolveProfile, safeApplyEasing, transitionEffects, useBounceIn, useButtonEffect, useCardList, useClickToggle, useCustomCursor, useElementProgress, useFadeIn, useFocusToggle, useGesture, useGestureMotion, useGradient, useHoverMotion, useInView, useLoadingSpinner, useMagneticCursor, useMotionProfile, useMotionState, useMouse, useNavigation, usePageMotions, usePulse, useReducedMotion, useRepeat, useScaleIn, useScrollProgress, useScrollReveal, useScrollToggle, useSimplePageMotion, useSkeleton, useSlideDown, useSlideLeft, useSlideRight, useSlideUp, useSmartMotion, useSmoothScroll, useSpringMotion, useStagger, useToggleMotion, useTypewriter, useUnifiedMotion, useVisibilityToggle, useWindowSize };