react-animate-z 2.1.0 → 2.2.0

package/build/AnimBox/frames/motion.d.ts

@@ -1,16 +1,16 @@
-export declare const motionMap: {
-    shadow: import("styled-components/dist/models/Keyframes").default;
-    shadowText: import("styled-components/dist/models/Keyframes").default;
-    shadowPulse: import("styled-components/dist/models/Keyframes").default;
-    shadowNeon: import("styled-components/dist/models/Keyframes").default;
-    spin: import("styled-components/dist/models/Keyframes").default;
-    spin3D: import("styled-components/dist/models/Keyframes").default;
-    spinX: import("styled-components/dist/models/Keyframes").default;
-    spinBounce: import("styled-components/dist/models/Keyframes").default;
-    swing: import("styled-components/dist/models/Keyframes").default;
-    swingPivot: import("styled-components/dist/models/Keyframes").default;
-    swingX: import("styled-components/dist/models/Keyframes").default;
-    swingY: import("styled-components/dist/models/Keyframes").default;
-    orbit: import("styled-components/dist/models/Keyframes").default;
-    orbitEllipse: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const motionMap: {
+    shadow: import("styled-components/dist/models/Keyframes").default;
+    shadowText: import("styled-components/dist/models/Keyframes").default;
+    shadowPulse: import("styled-components/dist/models/Keyframes").default;
+    shadowNeon: import("styled-components/dist/models/Keyframes").default;
+    spin: import("styled-components/dist/models/Keyframes").default;
+    spin3D: import("styled-components/dist/models/Keyframes").default;
+    spinX: import("styled-components/dist/models/Keyframes").default;
+    spinBounce: import("styled-components/dist/models/Keyframes").default;
+    swing: import("styled-components/dist/models/Keyframes").default;
+    swingPivot: import("styled-components/dist/models/Keyframes").default;
+    swingX: import("styled-components/dist/models/Keyframes").default;
+    swingY: import("styled-components/dist/models/Keyframes").default;
+    orbit: import("styled-components/dist/models/Keyframes").default;
+    orbitEllipse: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/pop.d.ts

@@ -1,16 +1,16 @@
-export declare const popMap: {
-    popIn: import("styled-components/dist/models/Keyframes").default;
-    popOut: import("styled-components/dist/models/Keyframes").default;
-    popBounceIn: import("styled-components/dist/models/Keyframes").default;
-    popBounceOut: import("styled-components/dist/models/Keyframes").default;
-    popUpIn: import("styled-components/dist/models/Keyframes").default;
-    popUpOut: import("styled-components/dist/models/Keyframes").default;
-    popRotateIn: import("styled-components/dist/models/Keyframes").default;
-    popRotateOut: import("styled-components/dist/models/Keyframes").default;
-    popBlurIn: import("styled-components/dist/models/Keyframes").default;
-    popBlurOut: import("styled-components/dist/models/Keyframes").default;
-    popLeftIn: import("styled-components/dist/models/Keyframes").default;
-    popLeftOut: import("styled-components/dist/models/Keyframes").default;
-    popRightIn: import("styled-components/dist/models/Keyframes").default;
-    popRightOut: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const popMap: {
+    popIn: import("styled-components/dist/models/Keyframes").default;
+    popOut: import("styled-components/dist/models/Keyframes").default;
+    popBounceIn: import("styled-components/dist/models/Keyframes").default;
+    popBounceOut: import("styled-components/dist/models/Keyframes").default;
+    popUpIn: import("styled-components/dist/models/Keyframes").default;
+    popUpOut: import("styled-components/dist/models/Keyframes").default;
+    popRotateIn: import("styled-components/dist/models/Keyframes").default;
+    popRotateOut: import("styled-components/dist/models/Keyframes").default;
+    popBlurIn: import("styled-components/dist/models/Keyframes").default;
+    popBlurOut: import("styled-components/dist/models/Keyframes").default;
+    popLeftIn: import("styled-components/dist/models/Keyframes").default;
+    popLeftOut: import("styled-components/dist/models/Keyframes").default;
+    popRightIn: import("styled-components/dist/models/Keyframes").default;
+    popRightOut: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/pulse.d.ts

@@ -1,7 +1,7 @@
-export declare const pulseMap: {
-    pulse: import("styled-components/dist/models/Keyframes").default;
-    pulseInOut: import("styled-components/dist/models/Keyframes").default;
-    pulseFade: import("styled-components/dist/models/Keyframes").default;
-    pulseFast: import("styled-components/dist/models/Keyframes").default;
-    pulseColor: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const pulseMap: {
+    pulse: import("styled-components/dist/models/Keyframes").default;
+    pulseInOut: import("styled-components/dist/models/Keyframes").default;
+    pulseFade: import("styled-components/dist/models/Keyframes").default;
+    pulseFast: import("styled-components/dist/models/Keyframes").default;
+    pulseColor: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/rotate.d.ts

@@ -1,15 +1,15 @@
-export declare const rotateMap: {
-    rotateCW: import("styled-components/dist/models/Keyframes").default;
-    rotateACW: import("styled-components/dist/models/Keyframes").default;
-    rotateSlowDown: import("styled-components/dist/models/Keyframes").default;
-    rotateX: import("styled-components/dist/models/Keyframes").default;
-    rotateY: import("styled-components/dist/models/Keyframes").default;
-    rotateFromLeft: import("styled-components/dist/models/Keyframes").default;
-    rotateFromRight: import("styled-components/dist/models/Keyframes").default;
-    rotateToLeft: import("styled-components/dist/models/Keyframes").default;
-    rotateToRight: import("styled-components/dist/models/Keyframes").default;
-    rotateFromTop: import("styled-components/dist/models/Keyframes").default;
-    rotateFromBottom: import("styled-components/dist/models/Keyframes").default;
-    rotateToTop: import("styled-components/dist/models/Keyframes").default;
-    rotateToBottom: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const rotateMap: {
+    rotateCW: import("styled-components/dist/models/Keyframes").default;
+    rotateACW: import("styled-components/dist/models/Keyframes").default;
+    rotateSlowDown: import("styled-components/dist/models/Keyframes").default;
+    rotateX: import("styled-components/dist/models/Keyframes").default;
+    rotateY: import("styled-components/dist/models/Keyframes").default;
+    rotateFromLeft: import("styled-components/dist/models/Keyframes").default;
+    rotateFromRight: import("styled-components/dist/models/Keyframes").default;
+    rotateToLeft: import("styled-components/dist/models/Keyframes").default;
+    rotateToRight: import("styled-components/dist/models/Keyframes").default;
+    rotateFromTop: import("styled-components/dist/models/Keyframes").default;
+    rotateFromBottom: import("styled-components/dist/models/Keyframes").default;
+    rotateToTop: import("styled-components/dist/models/Keyframes").default;
+    rotateToBottom: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/slide.d.ts

@@ -1,18 +1,18 @@
-export declare const slideMap: {
-    slideInFromLeft: import("styled-components/dist/models/Keyframes").default;
-    slideInFromRight: import("styled-components/dist/models/Keyframes").default;
-    slideOutToLeft: import("styled-components/dist/models/Keyframes").default;
-    slideOutToRight: import("styled-components/dist/models/Keyframes").default;
-    slideInFromTop: import("styled-components/dist/models/Keyframes").default;
-    slideInFromBottom: import("styled-components/dist/models/Keyframes").default;
-    slideOutToTop: import("styled-components/dist/models/Keyframes").default;
-    slideOutToBottom: import("styled-components/dist/models/Keyframes").default;
-    slideInFromLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideInFromRightOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideOutToLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideOutToRightOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideInFromTopOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideInFromBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideOutToTopOvershoot: import("styled-components/dist/models/Keyframes").default;
-    slideOutToBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const slideMap: {
+    slideInFromLeft: import("styled-components/dist/models/Keyframes").default;
+    slideInFromRight: import("styled-components/dist/models/Keyframes").default;
+    slideOutToLeft: import("styled-components/dist/models/Keyframes").default;
+    slideOutToRight: import("styled-components/dist/models/Keyframes").default;
+    slideInFromTop: import("styled-components/dist/models/Keyframes").default;
+    slideInFromBottom: import("styled-components/dist/models/Keyframes").default;
+    slideOutToTop: import("styled-components/dist/models/Keyframes").default;
+    slideOutToBottom: import("styled-components/dist/models/Keyframes").default;
+    slideInFromLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideInFromRightOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideOutToLeftOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideOutToRightOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideInFromTopOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideInFromBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideOutToTopOvershoot: import("styled-components/dist/models/Keyframes").default;
+    slideOutToBottomOvershoot: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/squeezeShake.d.ts

@@ -1,12 +1,22 @@
-export declare const squeezeShakeMap: {
-    squeezeMix: import("styled-components/dist/models/Keyframes").default;
-    squeezeHorizontal: import("styled-components/dist/models/Keyframes").default;
-    squeezeVertical: import("styled-components/dist/models/Keyframes").default;
-    squeezeDiagonal: import("styled-components/dist/models/Keyframes").default;
-    squeezePulse: import("styled-components/dist/models/Keyframes").default;
-    shakeMix: import("styled-components/dist/models/Keyframes").default;
-    shakeHorizontal: import("styled-components/dist/models/Keyframes").default;
-    shakeVertical: import("styled-components/dist/models/Keyframes").default;
-    shakeDiagonal: import("styled-components/dist/models/Keyframes").default;
-    shakeQuick: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const squeezeShakeMap: {
+    squeezeMix: import("styled-components/dist/models/Keyframes").default;
+    squeezeHorizontal: import("styled-components/dist/models/Keyframes").default;
+    squeezeVertical: import("styled-components/dist/models/Keyframes").default;
+    squeezeDiagonal: import("styled-components/dist/models/Keyframes").default;
+    squeezePulse: import("styled-components/dist/models/Keyframes").default;
+    squeezeBounce: import("styled-components/dist/models/Keyframes").default;
+    squeezeElastic: import("styled-components/dist/models/Keyframes").default;
+    squeezeFlash: import("styled-components/dist/models/Keyframes").default;
+    shakeMix: import("styled-components/dist/models/Keyframes").default;
+    shakeHorizontal: import("styled-components/dist/models/Keyframes").default;
+    shakeVertical: import("styled-components/dist/models/Keyframes").default;
+    shakeDiagonal: import("styled-components/dist/models/Keyframes").default;
+    shakeQuick: import("styled-components/dist/models/Keyframes").default;
+    shakeRotate: import("styled-components/dist/models/Keyframes").default;
+    shakeSkew: import("styled-components/dist/models/Keyframes").default;
+    shakeBounce: import("styled-components/dist/models/Keyframes").default;
+    shakeCrazy: import("styled-components/dist/models/Keyframes").default;
+    squeezeThenShakeX: import("styled-components/dist/models/Keyframes").default;
+    shakeYThenSqueeze: import("styled-components/dist/models/Keyframes").default;
+    squeezeShakeCrazy: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/textEffects.d.ts

@@ -1,9 +1,9 @@
-export declare const textEffectsMap: {
-    effect3D: import("styled-components/dist/models/Keyframes").default;
-    neonGlow: import("styled-components/dist/models/Keyframes").default;
-    retro3D: import("styled-components/dist/models/Keyframes").default;
-    emboss: import("styled-components/dist/models/Keyframes").default;
-    fireGlow: import("styled-components/dist/models/Keyframes").default;
-    iceGlow: import("styled-components/dist/models/Keyframes").default;
-    shine: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const textEffectsMap: {
+    effect3D: import("styled-components/dist/models/Keyframes").default;
+    neonGlow: import("styled-components/dist/models/Keyframes").default;
+    retro3D: import("styled-components/dist/models/Keyframes").default;
+    emboss: import("styled-components/dist/models/Keyframes").default;
+    fireGlow: import("styled-components/dist/models/Keyframes").default;
+    iceGlow: import("styled-components/dist/models/Keyframes").default;
+    shine: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/frames/zoom.d.ts

@@ -1,12 +1,20 @@
-export declare const zoomMap: {
-    zoomIn: import("styled-components/dist/models/Keyframes").default;
-    zoomOut: import("styled-components/dist/models/Keyframes").default;
-    zoomInFromLeft: import("styled-components/dist/models/Keyframes").default;
-    zoomInFromRight: import("styled-components/dist/models/Keyframes").default;
-    zoomInFromTop: import("styled-components/dist/models/Keyframes").default;
-    zoomInFromBottom: import("styled-components/dist/models/Keyframes").default;
-    zoomOutToLeft: import("styled-components/dist/models/Keyframes").default;
-    zoomOutToRight: import("styled-components/dist/models/Keyframes").default;
-    zoomOutToTop: import("styled-components/dist/models/Keyframes").default;
-    zoomOutToBottom: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const zoomMap: {
+    zoomIn: import("styled-components/dist/models/Keyframes").default;
+    zoomOut: import("styled-components/dist/models/Keyframes").default;
+    zoomInFromLeft: import("styled-components/dist/models/Keyframes").default;
+    zoomInFromRight: import("styled-components/dist/models/Keyframes").default;
+    zoomInFromTop: import("styled-components/dist/models/Keyframes").default;
+    zoomInFromBottom: import("styled-components/dist/models/Keyframes").default;
+    zoomOutToLeft: import("styled-components/dist/models/Keyframes").default;
+    zoomOutToRight: import("styled-components/dist/models/Keyframes").default;
+    zoomOutToTop: import("styled-components/dist/models/Keyframes").default;
+    zoomOutToBottom: import("styled-components/dist/models/Keyframes").default;
+    zoomInRotate: import("styled-components/dist/models/Keyframes").default;
+    zoomOutRotate: import("styled-components/dist/models/Keyframes").default;
+    zoomInFlipX: import("styled-components/dist/models/Keyframes").default;
+    zoomOutFlipX: import("styled-components/dist/models/Keyframes").default;
+    zoomInFlipY: import("styled-components/dist/models/Keyframes").default;
+    zoomOutFlipY: import("styled-components/dist/models/Keyframes").default;
+    zoomPulse: import("styled-components/dist/models/Keyframes").default;
+    zoomSwing: import("styled-components/dist/models/Keyframes").default;
+};

package/build/AnimBox/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { IFAnimateProps } from './types';
-export declare const Animate: React.FC<IFAnimateProps>;
-export default Animate;
+import React from 'react';
+import type { IFAnimateProps } from './types';
+export declare const Animate: React.FC<IFAnimateProps>;
+export default Animate;

package/build/AnimBox/types.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="react" />
-import type { AnimateType } from './frames';
-export declare const timingMap: {
-    readonly linear: "linear";
-    readonly ease: "ease";
-    readonly easeIn: "ease-in";
-    readonly 'ease-in': "ease-in";
-    readonly easeOut: "ease-out";
-    readonly 'ease-out': "ease-out";
-    readonly easeInOut: "ease-in-out";
-    readonly 'ease-in-out': "ease-in-out";
-};
-export type TimingKeyType = keyof typeof timingMap;
-export interface IFBaseStyledElementProps {
-    readonly type?: AnimateType;
-    readonly duration?: string | number;
-    readonly timing?: TimingKeyType;
-    readonly delay?: string | number;
-    readonly iteration?: number | 'infinite';
-    readonly direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
-    readonly fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
-}
-export interface IFAnimateProps extends IFBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
-    readonly tagName?: keyof JSX.IntrinsicElements | React.ElementType;
-    readonly children: React.ReactNode | string;
-    readonly onAnimationEnd?: () => void;
-}
+import type { AnimateType } from './frames';
+export declare const timingMap: {
+    readonly linear: "linear";
+    readonly ease: "ease";
+    readonly easeIn: "ease-in";
+    readonly 'ease-in': "ease-in";
+    readonly easeOut: "ease-out";
+    readonly 'ease-out': "ease-out";
+    readonly easeInOut: "ease-in-out";
+    readonly 'ease-in-out': "ease-in-out";
+};
+export type TimingKeyType = keyof typeof timingMap;
+export interface IFBaseStyledElementProps {
+    readonly type?: AnimateType;
+    readonly duration?: string | number;
+    readonly timing?: TimingKeyType;
+    readonly delay?: string | number;
+    readonly iteration?: number | 'infinite';
+    readonly direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+    readonly fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
+}
+export interface IFAnimateProps extends IFBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
+    readonly tagName?: keyof JSX.IntrinsicElements | React.ElementType;
+    readonly children: React.ReactNode | string;
+    readonly onAnimationEnd?: () => void;
+}

package/build/index.d.ts

@@ -1,7 +1,9 @@
-import Animate from "./AnimBox";
-import AnimateTyping, { type IFAnimateTypingProps } from "./AnimBox/AnimateTyping";
-import { WrapperAnimate } from "./AnimBox/WrapperAnimate";
-import type { IFAnimateProps, TimingKeyType } from "./AnimBox/types";
-export { AnimateTyping, WrapperAnimate };
-export type { IFAnimateProps, IFAnimateTypingProps, TimingKeyType };
-export default Animate;
+import Animate from "./AnimBox";
+import AnimateTyping, { type IFAnimateTypingProps } from "./AnimBox/AnimateTyping";
+import { defaultDurationMap } from "./AnimBox/durations";
+import { animGroups, animNames } from "./AnimBox/frames";
+import { WrapperAnimate } from "./AnimBox/WrapperAnimate";
+import type { IFAnimateProps, TimingKeyType } from "./AnimBox/types";
+export { animNames, animGroups, AnimateTyping, defaultDurationMap as defaultDuration, WrapperAnimate };
+export type { IFAnimateProps, IFAnimateTypingProps, TimingKeyType };
+export default Animate;