app-studio 0.7.17 → 0.8.0

package/dist/element/Animation.d.ts

@@ -1,1164 +0,0 @@
-/// <reference types="react" />
-import { AnimationProps } from '../utils/constants';
-export declare const fadeIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const fadeOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideInLeft: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideInRight: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideInUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const bounce: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '20%': {
-        transform: string;
-    };
-    '40%': {
-        transform: string;
-    };
-    '60%': {
-        transform: string;
-    };
-    '80%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const rotate: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const pulse: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const zoomIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const zoomOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const flash: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        opacity: number;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const scale: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const shake: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '10%': {
-        transform: string;
-    };
-    '20%': {
-        transform: string;
-    };
-    '30%': {
-        transform: string;
-    };
-    '40%': {
-        transform: string;
-    };
-    '50%': {
-        transform: string;
-    };
-    '60%': {
-        transform: string;
-    };
-    '70%': {
-        transform: string;
-    };
-    '80%': {
-        transform: string;
-    };
-    '90%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const swing: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '20%': {
-        transform: string;
-    };
-    '40%': {
-        transform: string;
-    };
-    '60%': {
-        transform: string;
-    };
-    '80%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const rubberBand: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '30%': {
-        transform: string;
-    };
-    '40%': {
-        transform: string;
-    };
-    '50%': {
-        transform: string;
-    };
-    '65%': {
-        transform: string;
-    };
-    '75%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const wobble: ({ duration, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '15%': {
-        transform: string;
-    };
-    '30%': {
-        transform: string;
-    };
-    '45%': {
-        transform: string;
-    };
-    '60%': {
-        transform: string;
-    };
-    '75%': {
-        transform: string;
-    };
-    duration: string;
-};
-export declare const flip: ({ duration, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '40%': {
-        transform: string;
-    };
-    duration: string;
-};
-export declare const heartBeat: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '14%': {
-        transform: string;
-    };
-    '28%': {
-        transform: string;
-    };
-    '42%': {
-        transform: string;
-    };
-    '70%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const rollIn: ({ duration, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-};
-export declare const rollOut: ({ duration, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-};
-export declare const lightSpeedIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '60%': {
-        transform: string;
-        opacity: number;
-    };
-    '80%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const lightSpeedOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '20%': {
-        opacity: number;
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const hinge: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '20%': {
-        transform: string;
-        opacity: number;
-    };
-    '40%': {
-        transform: string;
-        opacity: number;
-    };
-    '60%': {
-        transform: string;
-        opacity: number;
-    };
-    '80%': {
-        transform: string;
-        opacity: number;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const jackInTheBox: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    '70%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const flipInX: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '40%': {
-        transform: string;
-        opacity: number;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const flipInY: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '40%': {
-        transform: string;
-        opacity: number;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const headShake: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to?: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '6.5%': {
-        transform: string;
-    };
-    '18.5%': {
-        transform: string;
-    };
-    '31.5%': {
-        transform: string;
-    };
-    '43.5%': {
-        transform: string;
-    };
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const tada: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '10%, 20%': {
-        transform: string;
-    };
-    '30%, 50%, 70%, 90%': {
-        transform: string;
-    };
-    '40%, 60%, 80%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const jello: ({ duration, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction?: string | undefined;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '11.1%': {
-        transform: string;
-    };
-    '22.2%': {
-        transform: string;
-    };
-    '33.3%': {
-        transform: string;
-    };
-    '44.4%': {
-        transform: string;
-    };
-    '55.5%': {
-        transform: string;
-    };
-    '66.6%': {
-        transform: string;
-    };
-    '77.7%': {
-        transform: string;
-    };
-    '88.8%': {
-        transform: string;
-    };
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const fadeInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const fadeInUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const bounceIn: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        opacity: number;
-        transform: string;
-    };
-    '70%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const bounceOut: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '20%': {
-        transform: string;
-    };
-    '50%, 55%': {
-        opacity: number;
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideOutLeft: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const slideOutRight: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const zoomInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '60%': {
-        opacity: number;
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const zoomOutUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '40%': {
-        opacity: number;
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const backInDown: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-};
-export declare const backOutUp: ({ duration, timingFunction, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '80%': {
-        opacity: number;
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-};
-export declare const shimmer: ({ duration, timingFunction, iterationCount, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const progress: ({ duration, timingFunction, direction, from, to, ...props }?: AnimationProps) => {
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    from: any;
-    to: any;
-    duration: string;
-    timingFunction: string;
-    direction: import("../types/style").AnimationDirection;
-};
-export declare const typewriter: ({ duration, steps, iterationCount, width, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    timingFunction: string;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    duration: string;
-    iterationCount: string | number;
-};
-export declare const blinkCursor: ({ duration, timingFunction, iterationCount, color, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    timeline?: string | undefined;
-    range?: string | undefined;
-    '--fill'?: any;
-    '0%': {
-        color: string | number | Object | import("react").CSSProperties | Record<string, string | number>;
-    };
-    '50%': {
-        color: string;
-    };
-    '100%': {
-        color: string | number | Object | import("react").CSSProperties | Record<string, string | number>;
-    };
-    duration: string;
-    timingFunction: string;
-    iterationCount: string | number;
-};
-export declare const fadeInScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const slideInLeftScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const scaleDownScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const fillTextScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    '50%': {
-        '--fill': number;
-    };
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const ctaCollapseScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const handWaveScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const fadeBlurScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from?: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const unclipScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from?: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const scaleDownArticleScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from?: any;
-    to: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    '0%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};
-export declare const listItemScaleScroll: ({ duration, timingFunction, timeline, range, ...props }?: AnimationProps) => {
-    from: any;
-    to?: any;
-    leave?: any;
-    delay?: string | undefined;
-    property?: string | undefined;
-    iterationCount?: string | number | undefined;
-    direction?: "forwards" | "alternate" | "alternate-reverse" | "normal" | "reverse" | undefined;
-    fillMode?: "forwards" | "none" | "backwards" | "both" | undefined;
-    playState?: "finished" | "idle" | "paused" | "running" | undefined;
-    keyframes?: string | Object | undefined;
-    '--fill'?: any;
-    '50%': {
-        transform: string;
-    };
-    duration: string;
-    timingFunction: string;
-    timeline: string;
-    range: string;
-};