react-animate-z 2.0.0 → 2.2.0

package/README.md

@@ -44,6 +44,7 @@ yarn add react-animate-z
 ```tsx
 import React from "react";
 import Animate from "react-animate-z";
+import { animGroups, animNames } from "react-animate-z";
 
 export default function App() {
   return (
@@ -54,26 +55,86 @@ export default function App() {
 }
 ```
 
+```tsx
+// 1. Get all animation names
+import { animGroups, animNames } from "react-animate-z";
+
+// 2. Get animation groups
+console.log(animNames);
+console.log(animGroups);
+```
+
 ## 🔧 Props
 
 Prop Type Default Description
 
-| Prop        | Type                   | Default      | Description                                                                              |
-| ----------- | ---------------------- | ------------ | ---------------------------------------------------------------------------------------- |
-| `type`      | `AnimateType`          | `'blurIn'`   | Animation name (ví dụ: `'blurIn'`, `'bounce'`, `'fadeOut'`, ...)                         |
-| `duration`  | `string \| number`     | `'1s'`       | Duration of the animation (can be in seconds `'1s'` or milliseconds `1000`)              |
-| `timing`    | `TimingKey`            | `'ease'`     | Timing function (e.g., `'ease'`, `'linear'`, `'ease-in'`, `'ease-out'`)                  |
-| `delay`     | `string \| number`     | `'0s'`       | Delay before the animation starts                                                        |
-| `iteration` | `number \| "infinite"` | `1`          | Repeat count of the animation                                                            |
-| `direction` | `string`               | `'normal'`   | Animation direction (`'normal'`, `'alternate'`, `'reverse'`, etc.)                       |
-| `fillMode`  | `string`               | `'forwards'` | How styles are applied after animation (`'forwards'`, `'backwards'`, `'both'`, `'none'`) |
-| `tagName`   | `string`               | `'div'`      | Custom HTML tag to render                                                                |
+| Prop        | Type                   | Default                      | Description                                                                              |
+| ----------- | ---------------------- | -----------------------------| ---------------------------------------------------------------------------------------- |
+| `type`      | `AnimateType`          | `'blurIn'`                   | Animation name (ví dụ: `'blurIn'`, `'bounce'`, `'fadeOut'`, ...)                         |
+| `duration`  | `string \| number`     | `'defaultDurationMap'`       | Duration of the animation (can be in seconds `'1s'` or milliseconds `1000`)              |
+| `timing`    | `TimingKey`            | `'ease'`                     | Timing function (e.g., `'ease'`, `'linear'`, `'ease-in'`, `'ease-out'`)                  |
+| `delay`     | `string \| number`     | `'0s'`                       | Delay before the animation starts                                                        |
+| `iteration` | `number \| "infinite"` | `1`                          | Repeat count of the animation                                                            |
+| `direction` | `string`               | `'normal'`                   | Animation direction (`'normal'`, `'alternate'`, `'reverse'`, etc.)                       |
+| `fillMode`  | `string`               | `'forwards'`                 | How styles are applied after animation (`'forwards'`, `'backwards'`, `'both'`, `'none'`) |
+| `tagName`   | `string`               | `'div'`                      | Custom HTML tag to render                                                                |
+
+---
+
+#### Chain Animation
+
+An string-arry of animation names is used to wrap the animations you want to chain.
+
+```js
+import React, { useState } from "react";
+import { AnimateTyping } from "react-animate-z";
+
+const AnimationsForChaining = [
+  "swing",
+  "flipSlowDown",
+  "fadeOutToBottom",
+  "jelly",
+];
+
+const AnimationChain: React.FC = () => {
+  // const [animationIndex, setAnimationIndex] = useState(0);
+  // const [animationType, setAnimationType] = useState(AnimationsForChaining[0]);
+
+  // const handleChainAnimation = () => {
+  //   const nextIndex = (animationIndex + 1) % AnimationsForChaining.length;
+  //   setAnimationIndex(nextIndex);
+  //   setAnimationType(AnimationsForChaining[nextIndex]);
+  // };
+
+  return (
+    <>
+      <AnimateTyping
+        heading="Hello,"
+        dataText={["I am Delpi", "I build animations", "I love coding!"]}
+        cursorColor="red"
+      />
+
+      <AnimateTyping dataText="Only once" />
+
+      <AnimateTyping
+        heading="Fast typing:"
+        dataText={["speed x2", "super fast!"]}
+        typingSpeed={50}
+        deletingSpeed={20}
+        pauseTime={1000}
+      />
+    </>
+  );
+};
+
+export default AnimationChain;
+```
 
 ---
 
 ## 🎨 Available Animations
 
-### 🎾 Bounce
+#### 🎾 Bounce
 
 - bounce
 - bounceIn
@@ -83,7 +144,7 @@ Prop Type Default Description
 - bounceRotate
 - bounceJelly
 
-### ✨ Text / Glow Effects
+#### ✨ Text / Glow Effects
 
 - effect3D
 - neonGlow
@@ -93,7 +154,7 @@ Prop Type Default Description
 - iceGlow
 - shine
 
-### 🌫 Blur
+#### 🌫 Blur
 
 - blurIn
 - blurInZoom
@@ -106,7 +167,7 @@ Prop Type Default Description
 - blurOutDown
 - blurOutRotate
 
-### ⚡ Flash
+#### ⚡ Flash
 
 - flash
 - flashIrregular
@@ -114,7 +175,7 @@ Prop Type Default Description
 - flashSlow
 - flashPulse
 
-### 🎈 Float
+#### 🎈 Float
 
 - float
 - floatSway
@@ -122,7 +183,7 @@ Prop Type Default Description
 - floatCircular
 - floatWiggle
 
-### 💡 Glow
+#### 💡 Glow
 
 - glow
 - glowTextFlicker
@@ -130,7 +191,7 @@ Prop Type Default Description
 - glowBreathing
 - glowGlitch
 
-### 🍮 Jelly
+#### 🍮 Jelly
 
 - jelly
 - jellyX
@@ -138,7 +199,7 @@ Prop Type Default Description
 - jellyIn
 - jellyOut
 
-### 🌑 Shadow / Spin / Swing / Orbit
+#### 🌑 Shadow / Spin / Swing / Orbit
 
 - shadow
 - shadowText
@@ -155,7 +216,7 @@ Prop Type Default Description
 - orbit
 - orbitEllipse
 
-### 💓 Pulse
+#### 💓 Pulse
 
 - pulse
 - pulseInOut
@@ -163,7 +224,7 @@ Prop Type Default Description
 - pulseFast
 - pulseColor
 
-### 🌫 Fade
+#### 🌫 Fade
 
 - fadeIn
 - fadeOut
@@ -188,20 +249,30 @@ Prop Type Default Description
 - fadeInPerspective
 - fadeOutPerspective
 
-### 🤯 Squeeze / Shake
+#### 🤯 Squeeze / Shake
 
 - squeezeMix
 - squeezeHorizontal
 - squeezeVertical
 - squeezeDiagonal
 - squeezePulse
+- squeezeBounce
+- squeezeElastic
+- squeezeFlash
 - shakeMix
 - shakeHorizontal
 - shakeVertical
 - shakeDiagonal
 - shakeQuick
+- shakeRotate
+- shakeSkew
+- shakeBounce
+- shakeCrazy
+- squeezeThenShakeX
+- shakeYThenSqueeze
+- squeezeShakeCrazy
 
-### 📥 Slide
+#### 📥 Slide
 
 - slideInFromLeft
 - slideInFromRight
@@ -220,7 +291,7 @@ Prop Type Default Description
 - slideOutToTopOvershoot
 - slideOutToBottomOvershoot
 
-### 🔄 Flip
+#### 🔄 Flip
 
 - flip
 - flipIn
@@ -244,14 +315,14 @@ Prop Type Default Description
 - flipFromLeftToCenterRich
 - flipFromRightToCenterRich
 
-### 📂 Fold / Unfold
+#### 📂 Fold / Unfold
 
 - fold
 - foldDeep
 - unfold
 - unfoldDeep
 
-### 🪝 Hang On
+#### 🪝 Hang On
 
 - hangOnLeft
 - hangOnRight
@@ -264,7 +335,7 @@ Prop Type Default Description
 - hangOnOscillate
 - hangOnDrop
 
-### 🔍 Zoom
+#### 🔍 Zoom
 
 - zoomIn
 - zoomOut
@@ -277,7 +348,7 @@ Prop Type Default Description
 - zoomOutToTop
 - zoomOutToBottom
 
-### 🌀 Rotate
+#### 🌀 Rotate
 
 - rotateCW
 - rotateACW
@@ -293,7 +364,7 @@ Prop Type Default Description
 - rotateToTop
 - rotateToBottom
 
-### 🎉 Fun / Attention
+#### 🎉 Fun / Attention
 
 - heartBeat
 - tada
@@ -320,57 +391,6 @@ Prop Type Default Description
 - rollIn
 - jackInTheBox
 
----
-
-#### Chain Animation
-
-An string-arry of animation names is used to wrap the animations you want to chain.
-
-```js
-import React, { useState } from "react";
-import { AnimateTyping } from "react-animate-z";
-
-const AnimationsForChaining = [
-  "swing",
-  "flipSlowDown",
-  "fadeOutToBottom",
-  "jelly",
-];
-
-const AnimationChain: React.FC = () => {
-  // const [animationIndex, setAnimationIndex] = useState(0);
-  // const [animationType, setAnimationType] = useState(AnimationsForChaining[0]);
-
-  // const handleChainAnimation = () => {
-  //   const nextIndex = (animationIndex + 1) % AnimationsForChaining.length;
-  //   setAnimationIndex(nextIndex);
-  //   setAnimationType(AnimationsForChaining[nextIndex]);
-  // };
-
-  return (
-    <>
-      <AnimateTyping
-        heading="Hello,"
-        dataText={["I am Delpi", "I build animations", "I love coding!"]}
-        cursorColor="red"
-      />
-
-      <AnimateTyping dataText="Only once" />
-
-      <AnimateTyping
-        heading="Fast typing:"
-        dataText={["speed x2", "super fast!"]}
-        typingSpeed={50}
-        deletingSpeed={20}
-        pauseTime={1000}
-      />
-    </>
-  );
-};
-
-export default AnimationChain;
-```
-
 ## 📜 License
 
 MIT © Delpi

package/build/AnimBox/AnimateTyping.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-interface ICursorProps {
-    readonly cursorColor?: string | null;
-}
-export interface IAnimateTypingProps extends ICursorProps {
-    readonly heading?: string;
-    readonly className?: string;
-    readonly dataText?: string[] | string;
-    readonly children?: React.ReactNode | string[] | string;
-    readonly typingSpeed?: number;
-    readonly deletingSpeed?: number;
-    readonly pauseTime?: number;
-}
-declare const AnimateTyping: React.FC<IAnimateTypingProps>;
-export default AnimateTyping;
+import React from 'react';
+interface IFCursorProps {
+    readonly cursorColor?: string | null;
+}
+export interface IFAnimateTypingProps extends IFCursorProps {
+    readonly heading?: string;
+    readonly className?: string;
+    readonly dataText?: string[] | string;
+    readonly children?: React.ReactNode | string[] | string;
+    readonly typingSpeed?: number;
+    readonly deletingSpeed?: number;
+    readonly pauseTime?: number;
+}
+declare const AnimateTyping: React.FC<IFAnimateTypingProps>;
+export default AnimateTyping;

package/build/AnimBox/StyledElement.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { type IBaseStyledElementProps } from "./types";
-export declare const StyledElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, IBaseStyledElementProps>> & string;
+import { type IFBaseStyledElementProps } from './types';
+export declare const StyledElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, IFBaseStyledElementProps>> & string;

package/build/AnimBox/WrapperAnimate.d.ts

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

package/build/AnimBox/durations.d.ts

@@ -1 +1 @@
-export declare const defaultDurationMap: Record<string, string>;
+export declare const defaultDurationMap: Record<string, string>;

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

@@ -1,7 +1,7 @@
-export declare const attentionMap: {
-    rubberBand: import("styled-components/dist/models/Keyframes").default;
-    jello: import("styled-components/dist/models/Keyframes").default;
-    wobble: import("styled-components/dist/models/Keyframes").default;
-    rollIn: import("styled-components/dist/models/Keyframes").default;
-    jackInTheBox: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const attentionMap: {
+    rubberBand: import("styled-components/dist/models/Keyframes").default;
+    jello: import("styled-components/dist/models/Keyframes").default;
+    wobble: import("styled-components/dist/models/Keyframes").default;
+    rollIn: import("styled-components/dist/models/Keyframes").default;
+    jackInTheBox: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,12 +1,12 @@
-export declare const blurMap: {
-    blurIn: import("styled-components/dist/models/Keyframes").default;
-    blurInZoom: import("styled-components/dist/models/Keyframes").default;
-    blurInScale: import("styled-components/dist/models/Keyframes").default;
-    blurInUp: import("styled-components/dist/models/Keyframes").default;
-    blurInRotate: import("styled-components/dist/models/Keyframes").default;
-    blurOut: import("styled-components/dist/models/Keyframes").default;
-    blurOutZoom: import("styled-components/dist/models/Keyframes").default;
-    blurOutScale: import("styled-components/dist/models/Keyframes").default;
-    blurOutDown: import("styled-components/dist/models/Keyframes").default;
-    blurOutRotate: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const blurMap: {
+    blurIn: import("styled-components/dist/models/Keyframes").default;
+    blurInZoom: import("styled-components/dist/models/Keyframes").default;
+    blurInScale: import("styled-components/dist/models/Keyframes").default;
+    blurInUp: import("styled-components/dist/models/Keyframes").default;
+    blurInRotate: import("styled-components/dist/models/Keyframes").default;
+    blurOut: import("styled-components/dist/models/Keyframes").default;
+    blurOutZoom: import("styled-components/dist/models/Keyframes").default;
+    blurOutScale: import("styled-components/dist/models/Keyframes").default;
+    blurOutDown: import("styled-components/dist/models/Keyframes").default;
+    blurOutRotate: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,9 +1,18 @@
-export declare const bounceMap: {
-    bounce: import("styled-components/dist/models/Keyframes").default;
-    bounceIn: import("styled-components/dist/models/Keyframes").default;
-    bounceOut: import("styled-components/dist/models/Keyframes").default;
-    bounceElastic: import("styled-components/dist/models/Keyframes").default;
-    bounceSmall: import("styled-components/dist/models/Keyframes").default;
-    bounceRotate: import("styled-components/dist/models/Keyframes").default;
-    bounceJelly: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const bounceMap: {
+    bounce: import("styled-components/dist/models/Keyframes").default;
+    bounceIn: import("styled-components/dist/models/Keyframes").default;
+    bounceOut: import("styled-components/dist/models/Keyframes").default;
+    bounceElastic: import("styled-components/dist/models/Keyframes").default;
+    bounceSmall: import("styled-components/dist/models/Keyframes").default;
+    bounceRotate: import("styled-components/dist/models/Keyframes").default;
+    bounceJelly: import("styled-components/dist/models/Keyframes").default;
+    bounceSide: import("styled-components/dist/models/Keyframes").default;
+    bounceDiagonal: import("styled-components/dist/models/Keyframes").default;
+    bounceFlip: import("styled-components/dist/models/Keyframes").default;
+    bounceFade: import("styled-components/dist/models/Keyframes").default;
+    bounceCrazy: import("styled-components/dist/models/Keyframes").default;
+    bounceGlow: import("styled-components/dist/models/Keyframes").default;
+    bounceFadeScale: import("styled-components/dist/models/Keyframes").default;
+    bounceSparkle: import("styled-components/dist/models/Keyframes").default;
+    bounceRainbow: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,24 +1,34 @@
-export declare const fadeMap: {
-    fadeIn: import("styled-components/dist/models/Keyframes").default;
-    fadeOut: import("styled-components/dist/models/Keyframes").default;
-    fadeInFromLeft: import("styled-components/dist/models/Keyframes").default;
-    fadeInFromRight: import("styled-components/dist/models/Keyframes").default;
-    fadeInFromTop: import("styled-components/dist/models/Keyframes").default;
-    fadeInFromBottom: import("styled-components/dist/models/Keyframes").default;
-    fadeOutToLeft: import("styled-components/dist/models/Keyframes").default;
-    fadeOutToRight: import("styled-components/dist/models/Keyframes").default;
-    fadeOutToTop: import("styled-components/dist/models/Keyframes").default;
-    fadeOutToBottom: import("styled-components/dist/models/Keyframes").default;
-    fadeInZoom: import("styled-components/dist/models/Keyframes").default;
-    fadeOutZoom: import("styled-components/dist/models/Keyframes").default;
-    fadeInRotate: import("styled-components/dist/models/Keyframes").default;
-    fadeOutRotate: import("styled-components/dist/models/Keyframes").default;
-    fadeInSkew: import("styled-components/dist/models/Keyframes").default;
-    fadeOutSkew: import("styled-components/dist/models/Keyframes").default;
-    fadeInFlipX: import("styled-components/dist/models/Keyframes").default;
-    fadeOutFlipX: import("styled-components/dist/models/Keyframes").default;
-    fadeInFlipY: import("styled-components/dist/models/Keyframes").default;
-    fadeOutFlipY: import("styled-components/dist/models/Keyframes").default;
-    fadeInPerspective: import("styled-components/dist/models/Keyframes").default;
-    fadeOutPerspective: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const fadeMap: {
+    fadeIn: import("styled-components/dist/models/Keyframes").default;
+    fadeOut: import("styled-components/dist/models/Keyframes").default;
+    fadeInFromLeft: import("styled-components/dist/models/Keyframes").default;
+    fadeInFromRight: import("styled-components/dist/models/Keyframes").default;
+    fadeInFromTop: import("styled-components/dist/models/Keyframes").default;
+    fadeInFromBottom: import("styled-components/dist/models/Keyframes").default;
+    fadeOutToLeft: import("styled-components/dist/models/Keyframes").default;
+    fadeOutToRight: import("styled-components/dist/models/Keyframes").default;
+    fadeOutToTop: import("styled-components/dist/models/Keyframes").default;
+    fadeOutToBottom: import("styled-components/dist/models/Keyframes").default;
+    fadeInZoom: import("styled-components/dist/models/Keyframes").default;
+    fadeOutZoom: import("styled-components/dist/models/Keyframes").default;
+    fadeInRotate: import("styled-components/dist/models/Keyframes").default;
+    fadeOutRotate: import("styled-components/dist/models/Keyframes").default;
+    fadeInSkew: import("styled-components/dist/models/Keyframes").default;
+    fadeOutSkew: import("styled-components/dist/models/Keyframes").default;
+    fadeInFlipX: import("styled-components/dist/models/Keyframes").default;
+    fadeOutFlipX: import("styled-components/dist/models/Keyframes").default;
+    fadeInFlipY: import("styled-components/dist/models/Keyframes").default;
+    fadeOutFlipY: import("styled-components/dist/models/Keyframes").default;
+    fadeInPerspective: import("styled-components/dist/models/Keyframes").default;
+    fadeOutPerspective: import("styled-components/dist/models/Keyframes").default;
+    fadeInBlur: import("styled-components/dist/models/Keyframes").default;
+    fadeOutBlur: import("styled-components/dist/models/Keyframes").default;
+    fadeInColor: import("styled-components/dist/models/Keyframes").default;
+    fadeOutColor: import("styled-components/dist/models/Keyframes").default;
+    fadePulse: import("styled-components/dist/models/Keyframes").default;
+    fadeBounce: import("styled-components/dist/models/Keyframes").default;
+    fadeSwing: import("styled-components/dist/models/Keyframes").default;
+    fadeZoomRotate: import("styled-components/dist/models/Keyframes").default;
+    fadeElastic: import("styled-components/dist/models/Keyframes").default;
+    fadeShine: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,7 +1,12 @@
-export declare const flashMap: {
-    flash: import("styled-components/dist/models/Keyframes").default;
-    flashIrregular: import("styled-components/dist/models/Keyframes").default;
-    flashFast: import("styled-components/dist/models/Keyframes").default;
-    flashSlow: import("styled-components/dist/models/Keyframes").default;
-    flashPulse: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const flashMap: {
+    flash: import("styled-components/dist/models/Keyframes").default;
+    flashIrregular: import("styled-components/dist/models/Keyframes").default;
+    flashFast: import("styled-components/dist/models/Keyframes").default;
+    flashSlow: import("styled-components/dist/models/Keyframes").default;
+    flashPulse: import("styled-components/dist/models/Keyframes").default;
+    flashGlow: import("styled-components/dist/models/Keyframes").default;
+    flashColor: import("styled-components/dist/models/Keyframes").default;
+    flashStrobe: import("styled-components/dist/models/Keyframes").default;
+    flashSoft: import("styled-components/dist/models/Keyframes").default;
+    flashReversePulse: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,23 +1,23 @@
-export declare const flipMap: {
-    flip: import("styled-components/dist/models/Keyframes").default;
-    flipIn: import("styled-components/dist/models/Keyframes").default;
-    flipOut: import("styled-components/dist/models/Keyframes").default;
-    flipSlowDown: import("styled-components/dist/models/Keyframes").default;
-    flipToLeft: import("styled-components/dist/models/Keyframes").default;
-    flipToRight: import("styled-components/dist/models/Keyframes").default;
-    flipFromTop: import("styled-components/dist/models/Keyframes").default;
-    flipToTop: import("styled-components/dist/models/Keyframes").default;
-    flipToBottom: import("styled-components/dist/models/Keyframes").default;
-    flipFromBottom: import("styled-components/dist/models/Keyframes").default;
-    flipFromLeftToCenter: import("styled-components/dist/models/Keyframes").default;
-    flipFromRightToCenter: import("styled-components/dist/models/Keyframes").default;
-    flipRich: import("styled-components/dist/models/Keyframes").default;
-    flipToTopRich: import("styled-components/dist/models/Keyframes").default;
-    flipToBottomRich: import("styled-components/dist/models/Keyframes").default;
-    flipToTopLeftRich: import("styled-components/dist/models/Keyframes").default;
-    flipToRightRich: import("styled-components/dist/models/Keyframes").default;
-    flipFromTopRich: import("styled-components/dist/models/Keyframes").default;
-    flipFromBottomRich: import("styled-components/dist/models/Keyframes").default;
-    flipFromLeftToCenterRich: import("styled-components/dist/models/Keyframes").default;
-    flipFromRightToCenterRich: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const flipMap: {
+    flip: import("styled-components/dist/models/Keyframes").default;
+    flipIn: import("styled-components/dist/models/Keyframes").default;
+    flipOut: import("styled-components/dist/models/Keyframes").default;
+    flipSlowDown: import("styled-components/dist/models/Keyframes").default;
+    flipToLeft: import("styled-components/dist/models/Keyframes").default;
+    flipToRight: import("styled-components/dist/models/Keyframes").default;
+    flipFromTop: import("styled-components/dist/models/Keyframes").default;
+    flipToTop: import("styled-components/dist/models/Keyframes").default;
+    flipToBottom: import("styled-components/dist/models/Keyframes").default;
+    flipFromBottom: import("styled-components/dist/models/Keyframes").default;
+    flipFromLeftToCenter: import("styled-components/dist/models/Keyframes").default;
+    flipFromRightToCenter: import("styled-components/dist/models/Keyframes").default;
+    flipRich: import("styled-components/dist/models/Keyframes").default;
+    flipToTopRich: import("styled-components/dist/models/Keyframes").default;
+    flipToBottomRich: import("styled-components/dist/models/Keyframes").default;
+    flipToTopLeftRich: import("styled-components/dist/models/Keyframes").default;
+    flipToRightRich: import("styled-components/dist/models/Keyframes").default;
+    flipFromTopRich: import("styled-components/dist/models/Keyframes").default;
+    flipFromBottomRich: import("styled-components/dist/models/Keyframes").default;
+    flipFromLeftToCenterRich: import("styled-components/dist/models/Keyframes").default;
+    flipFromRightToCenterRich: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,7 +1,12 @@
-export declare const floatMap: {
-    float: import("styled-components/dist/models/Keyframes").default;
-    floatSway: import("styled-components/dist/models/Keyframes").default;
-    floatHorizontal: import("styled-components/dist/models/Keyframes").default;
-    floatCircular: import("styled-components/dist/models/Keyframes").default;
-    floatWiggle: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const floatMap: {
+    float: import("styled-components/dist/models/Keyframes").default;
+    floatSway: import("styled-components/dist/models/Keyframes").default;
+    floatHorizontal: import("styled-components/dist/models/Keyframes").default;
+    floatCircular: import("styled-components/dist/models/Keyframes").default;
+    floatWiggle: import("styled-components/dist/models/Keyframes").default;
+    floatPulse: import("styled-components/dist/models/Keyframes").default;
+    floatDiagonal: import("styled-components/dist/models/Keyframes").default;
+    floatSwing: import("styled-components/dist/models/Keyframes").default;
+    floatWave: import("styled-components/dist/models/Keyframes").default;
+    floatDrift: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,6 +1,14 @@
-export declare const foldMap: {
-    fold: import("styled-components/dist/models/Keyframes").default;
-    foldDeep: import("styled-components/dist/models/Keyframes").default;
-    unfold: import("styled-components/dist/models/Keyframes").default;
-    unfoldDeep: import("styled-components/dist/models/Keyframes").default;
-};
+export declare const foldMap: {
+    fold: import("styled-components/dist/models/Keyframes").default;
+    unfold: import("styled-components/dist/models/Keyframes").default;
+    foldDeep: import("styled-components/dist/models/Keyframes").default;
+    unfoldDeep: import("styled-components/dist/models/Keyframes").default;
+    foldLeft: import("styled-components/dist/models/Keyframes").default;
+    unfoldLeft: import("styled-components/dist/models/Keyframes").default;
+    foldRight: import("styled-components/dist/models/Keyframes").default;
+    unfoldRight: import("styled-components/dist/models/Keyframes").default;
+    foldUp: import("styled-components/dist/models/Keyframes").default;
+    unfoldUp: import("styled-components/dist/models/Keyframes").default;
+    foldDown: import("styled-components/dist/models/Keyframes").default;
+    unfoldDown: import("styled-components/dist/models/Keyframes").default;
+};

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

@@ -1,10 +1,10 @@
-/** ===========================================================
- * Fun / Attention Map
-=========================================================== */
-export declare const funMap: {
-    heartBeat: import("styled-components/dist/models/Keyframes").default;
-    tada: import("styled-components/dist/models/Keyframes").default;
-    hinge: import("styled-components/dist/models/Keyframes").default;
-    lightSpeedInLeft: import("styled-components/dist/models/Keyframes").default;
-    lightSpeedOutRight: import("styled-components/dist/models/Keyframes").default;
-};
+/** ===========================================================
+ * Fun / Attention Map
+=========================================================== */
+export declare const funMap: {
+    heartBeat: import("styled-components/dist/models/Keyframes").default;
+    tada: import("styled-components/dist/models/Keyframes").default;
+    hinge: import("styled-components/dist/models/Keyframes").default;
+    lightSpeedInLeft: import("styled-components/dist/models/Keyframes").default;
+    lightSpeedOutRight: import("styled-components/dist/models/Keyframes").default;
+};