reacthub-pixitweenjs 0.3.0-alpha.3 → 0.3.0-alpha.4

package/dist/utils/gsapEffects/animationConfigs.d.ts

@@ -0,0 +1,3802 @@
+/**
+ * Easing mappings between GSAP and Remotion
+ */
+export declare const EASING_MAP: {
+    'power1.inOut': string;
+    'power1.out': string;
+    'power1.in': string;
+    'power2.out': string;
+    'power2.in': string;
+    'bounce.out': string;
+    'bounce.in': string;
+    'back.out(1.7)': string;
+    'back.in(1.7)': string;
+    'elastic.out(1, 0.3)': string;
+};
+/**
+ * Bezier curve definitions for Remotion
+ * Format: [x1, y1, x2, y2]
+ */
+export declare const REMOTION_BEZIER: {
+    easeInOut: number[];
+    easeOut: number[];
+    easeIn: number[];
+    bounce: number[];
+    smooth: number[];
+};
+/**
+ * Animation Configurations
+ *
+ * Each animation defines:
+ * - id: Animation identifier (must match case in switch statements)
+ * - category: Animation category for grouping
+ * - direction: IN, OUT, or ATTENTION
+ * - keyframes: Object defining property changes { property: { from, to } }
+ * - gsapEasing: GSAP easing string
+ * - defaultDuration: Default duration in seconds
+ */
+export declare const ANIMATION_CONFIGS: {
+    NONE: {
+        id: string;
+        category: string;
+        direction: null;
+        keyframes: {};
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_IN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_IN_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_IN_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_OUT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_OUT_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_OUT_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FADE_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_IN_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateY: {
+                from: string;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_IN_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateY: {
+                from: string;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateX: {
+                from: string;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateX: {
+                from: string;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_OUT_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateY: {
+                from: number;
+                to: string;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_OUT_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateY: {
+                from: number;
+                to: string;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateX: {
+                from: number;
+                to: string;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SLIDE_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            translateX: {
+                from: number;
+                to: string;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ZOOM_IN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                midPoint: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ZOOM_IN_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_IN_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_OUT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                midPoint: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ZOOM_OUT_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_OUT_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    ZOOM_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasingIn: string;
+        gsapEasingOut: string;
+        gsapEasing: string;
+        defaultDuration: number;
+        midPoint: number;
+    };
+    BACK_IN_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_IN_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_OUT_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_OUT_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BACK_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_IN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_IN_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_IN_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_OUT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_OUT_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_OUT_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    BOUNCE_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    FLIP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            rotation: {
+                from: number;
+                mid1: number;
+                mid2: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    FLIP_IN_X: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                atPercent: number;
+            };
+            scaleY: {
+                from: number;
+                mid1: number;
+                mid2: number;
+                mid3: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    FLIP_IN_Y: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                atPercent: number;
+            };
+            scaleX: {
+                from: number;
+                mid1: number;
+                mid2: number;
+                mid3: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    FLIP_OUT_X: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scaleY: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    FLIP_OUT_Y: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            scaleX: {
+                from: number;
+                mid: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    LIGHT_SPEED_IN_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                atPercent: number;
+            };
+            translateX: {
+                from: string;
+                to: number;
+                atPercent: number;
+            };
+            skewX: {
+                from: number;
+                mid1: number;
+                mid2: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    LIGHT_SPEED_IN_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+                atPercent: number;
+            };
+            translateX: {
+                from: string;
+                to: number;
+                atPercent: number;
+            };
+            skewX: {
+                from: number;
+                mid1: number;
+                mid2: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+        multiKeyframe: boolean;
+    };
+    LIGHT_SPEED_OUT_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: string;
+            };
+            skewX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    LIGHT_SPEED_OUT_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: string;
+            };
+            skewX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ROTATE_IN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            rotation: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ROTATE_OUT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            rotation: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ROLL_IN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: string;
+                to: number;
+            };
+            rotation: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    ROLL_OUT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: string;
+            };
+            rotation: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SHAKE: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            shakeX: {
+                amplitude: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SHAKE_X: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            shakeX: {
+                amplitude: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    SHAKE_Y: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            shakeY: {
+                amplitude: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    HEART_BEAT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            pulseScale: {
+                min: number;
+                max: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    PULSE: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            pulseScale: {
+                min: number;
+                max: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    WIPE_LEFT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    WIPE_RIGHT: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateX: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    WIPE_UP: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    WIPE_DOWN: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    RISE: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            translateY: {
+                from: number;
+                to: number;
+            };
+            scale: {
+                from: number;
+                to: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+    TYPEWRITER: {
+        id: string;
+        category: string;
+        direction: string;
+        keyframes: {
+            typewriter: {
+                text: string;
+                duration: number;
+                charactersPerSecond: number;
+            };
+        };
+        gsapEasing: string;
+        defaultDuration: number;
+    };
+};
+/**
+ * Get animation config by name
+ * @param {string} name - Animation name
+ * @returns {Object|null} Animation config or null if not found
+ */
+export declare function getAnimationConfig(name: any): any;
+/**
+ * Get all animations by category
+ * @param {string} category - Category from ANIMATION_CATEGORY
+ * @returns {Array} Array of animation configs
+ */
+export declare function getAnimationsByCategory(category: any): ({
+    id: string;
+    category: string;
+    direction: null;
+    keyframes: {};
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            midPoint: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            midPoint: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        rotation: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        scaleY: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            mid3: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        scaleX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            mid3: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scaleY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scaleX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+            atPercent: number;
+        };
+        skewX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+            atPercent: number;
+        };
+        skewX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        skewX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        skewX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeX: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeX: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeY: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        pulseScale: {
+            min: number;
+            max: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        pulseScale: {
+            min: number;
+            max: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        typewriter: {
+            text: string;
+            duration: number;
+            charactersPerSecond: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+})[];
+/**
+ * Get all animations by direction
+ * @param {string} direction - Direction from ANIMATION_DIRECTION
+ * @returns {Array} Array of animation configs
+ */
+export declare function getAnimationsByDirection(direction: any): ({
+    id: string;
+    category: string;
+    direction: null;
+    keyframes: {};
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: string;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateY: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        translateX: {
+            from: number;
+            to: string;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            midPoint: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            midPoint: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasingIn: string;
+    gsapEasingOut: string;
+    gsapEasing: string;
+    defaultDuration: number;
+    midPoint: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        rotation: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        scaleY: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            mid3: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        scaleX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            mid3: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scaleY: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        scaleX: {
+            from: number;
+            mid: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+            atPercent: number;
+        };
+        skewX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+            atPercent: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+            atPercent: number;
+        };
+        skewX: {
+            from: number;
+            mid1: number;
+            mid2: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+    multiKeyframe: boolean;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        skewX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        skewX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: string;
+            to: number;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: string;
+        };
+        rotation: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeX: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeX: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        shakeY: {
+            amplitude: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        pulseScale: {
+            min: number;
+            max: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        pulseScale: {
+            min: number;
+            max: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateX: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        opacity: {
+            from: number;
+            to: number;
+        };
+        translateY: {
+            from: number;
+            to: number;
+        };
+        scale: {
+            from: number;
+            to: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+} | {
+    id: string;
+    category: string;
+    direction: string;
+    keyframes: {
+        typewriter: {
+            text: string;
+            duration: number;
+            charactersPerSecond: number;
+        };
+    };
+    gsapEasing: string;
+    defaultDuration: number;
+})[];
+/**
+ * Get the standard offset value
+ * @returns {number} Standard offset in pixels
+ */
+export declare function getStandardOffset(): number;