react-awesome-reveal 4.0.0-beta.0 → 4.0.0

package/dist/main.js

@@ -1,6 +1,6 @@
-var $jvNZe$reactjsxruntime = require("react/jsx-runtime");
-var $jvNZe$emotionreact = require("@emotion/react");
+var $jvNZe$emotionreactjsxruntime = require("@emotion/react/jsx-runtime");
 var $jvNZe$react = require("react");
+var $jvNZe$emotionreact = require("@emotion/react");
 var $jvNZe$reactintersectionobserver = require("react-intersection-observer");
 var $jvNZe$reactis = require("react-is");
 
@@ -29,15 +29,15 @@ function $parcel$exportWildcard(dest, source) {
 
 $parcel$defineInteropFlag(module.exports);
 
-$parcel$export(module.exports, "default", () => $0dc893042da0d7c8$export$9a32a8eb4bb56ca3);
-var $7aeaa0f81815ca37$exports = {};
+$parcel$export(module.exports, "default", () => $c8a4d927fd00b892$export$9a32a8eb4bb56ca3);
+var $b60c6d4b91d2d5a9$exports = {};
+var $53b8ad22b050830b$exports = {};
+
+$parcel$export($53b8ad22b050830b$exports, "AttentionSeeker", () => $53b8ad22b050830b$export$1736648c5c27c79d);
 
-$parcel$export($7aeaa0f81815ca37$exports, "AttentionSeeker", () => $7aeaa0f81815ca37$export$1736648c5c27c79d);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}
- */ const $2ee94e5cb1210e77$var$bounce = $jvNZe$emotionreact.keyframes`
+const $88ffd68ae302398a$export$e3ce947fb98643bf = (0, $jvNZe$emotionreact.keyframes)`
   from,
   20%,
   53%,
@@ -66,12 +66,9 @@ $parcel$export($7aeaa0f81815ca37$exports, "AttentionSeeker", () => $7aeaa0f81815
     transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
 `;
-var $2ee94e5cb1210e77$export$2e2bcd8739ae039 = $2ee94e5cb1210e77$var$bounce;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}
- */ const $c551207da10f497a$var$flash = $jvNZe$emotionreact.keyframes`
+const $fd9067391ce6df13$export$fff9462e59a6c087 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   50%,
   to {
@@ -83,12 +80,9 @@ var $2ee94e5cb1210e77$export$2e2bcd8739ae039 = $2ee94e5cb1210e77$var$bounce;
     opacity: 0;
   }
 `;
-var $c551207da10f497a$export$2e2bcd8739ae039 = $c551207da10f497a$var$flash;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}
- */ const $3d7336a524311867$var$headShake = $jvNZe$emotionreact.keyframes`
+const $eb9167f8b04a1eef$export$cc718fa79617014c = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     transform: translateX(0);
   }
@@ -113,12 +107,9 @@ var $c551207da10f497a$export$2e2bcd8739ae039 = $c551207da10f497a$var$flash;
     transform: translateX(0);
   }
 `;
-var $3d7336a524311867$export$2e2bcd8739ae039 = $3d7336a524311867$var$headShake;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}
- */ const $b2a7be0c9c7173f1$var$heartBeat = $jvNZe$emotionreact.keyframes`
+const $6efeb5b76066380c$export$f5767cd4e86f63a5 = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     transform: scale(1);
   }
@@ -139,12 +130,9 @@ var $3d7336a524311867$export$2e2bcd8739ae039 = $3d7336a524311867$var$headShake;
     transform: scale(1);
   }
 `;
-var $b2a7be0c9c7173f1$export$2e2bcd8739ae039 = $b2a7be0c9c7173f1$var$heartBeat;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}
- */ const $2d6f1fe0ca52420a$var$jello = $jvNZe$emotionreact.keyframes`
+const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = (0, $jvNZe$emotionreact.keyframes)`
   from,
   11.1%,
   to {
@@ -179,12 +167,9 @@ var $b2a7be0c9c7173f1$export$2e2bcd8739ae039 = $b2a7be0c9c7173f1$var$heartBeat;
     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
 `;
-var $2d6f1fe0ca52420a$export$2e2bcd8739ae039 = $2d6f1fe0ca52420a$var$jello;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}
- */ const $abd1005e2658e58b$var$pulse = $jvNZe$emotionreact.keyframes`
+const $409347824bf28b80$export$f3aaf94dc96a60de = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -197,12 +182,9 @@ var $2d6f1fe0ca52420a$export$2e2bcd8739ae039 = $2d6f1fe0ca52420a$var$jello;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $abd1005e2658e58b$export$2e2bcd8739ae039 = $abd1005e2658e58b$var$pulse;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}
- */ const $7b8e41d83a93e491$var$rubberBand = $jvNZe$emotionreact.keyframes`
+const $118273709ecc7996$export$bbc07f6a19d55e88 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -231,12 +213,9 @@ var $abd1005e2658e58b$export$2e2bcd8739ae039 = $abd1005e2658e58b$var$pulse;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $7b8e41d83a93e491$export$2e2bcd8739ae039 = $7b8e41d83a93e491$var$rubberBand;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}
- */ const $931678bf0d15aae0$var$shake = $jvNZe$emotionreact.keyframes`
+const $99597785e49dcbea$export$267b06a7460aa7d3 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -257,12 +236,9 @@ var $7b8e41d83a93e491$export$2e2bcd8739ae039 = $7b8e41d83a93e491$var$rubberBand;
     transform: translate3d(10px, 0, 0);
   }
 `;
-var $931678bf0d15aae0$export$2e2bcd8739ae039 = $931678bf0d15aae0$var$shake;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}
- */ const $98a08fff9db24d0e$var$shakeX = $jvNZe$emotionreact.keyframes`
+const $5dd42df0435d852f$export$8e99d6962f95c405 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -283,12 +259,9 @@ var $931678bf0d15aae0$export$2e2bcd8739ae039 = $931678bf0d15aae0$var$shake;
     transform: translate3d(10px, 0, 0);
   }
 `;
-var $98a08fff9db24d0e$export$2e2bcd8739ae039 = $98a08fff9db24d0e$var$shakeX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}
- */ const $727219f11b947648$var$shakeY = $jvNZe$emotionreact.keyframes`
+const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -309,12 +282,9 @@ var $98a08fff9db24d0e$export$2e2bcd8739ae039 = $98a08fff9db24d0e$var$shakeX;
     transform: translate3d(0, 10px, 0);
   }
 `;
-var $727219f11b947648$export$2e2bcd8739ae039 = $727219f11b947648$var$shakeY;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}
- */ const $da4db1c691655485$var$swing = $jvNZe$emotionreact.keyframes`
+const $17cad7ed79df0fbf$export$84fc4030631e573c = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: rotate3d(0, 0, 1, 15deg);
   }
@@ -335,12 +305,9 @@ var $727219f11b947648$export$2e2bcd8739ae039 = $727219f11b947648$var$shakeY;
     transform: rotate3d(0, 0, 1, 0deg);
   }
 `;
-var $da4db1c691655485$export$2e2bcd8739ae039 = $da4db1c691655485$var$swing;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}
- */ const $6d2c180b5dc00f53$var$tada = $jvNZe$emotionreact.keyframes`
+const $cb5eed64c434fe13$export$1362d96c12095304 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -367,12 +334,9 @@ var $da4db1c691655485$export$2e2bcd8739ae039 = $da4db1c691655485$var$swing;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $6d2c180b5dc00f53$export$2e2bcd8739ae039 = $6d2c180b5dc00f53$var$tada;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}
- */ const $077761f458b56730$var$wobble = $jvNZe$emotionreact.keyframes`
+const $64e244b1100f4aec$export$138a91d3335be56 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -401,22 +365,82 @@ var $6d2c180b5dc00f53$export$2e2bcd8739ae039 = $6d2c180b5dc00f53$var$tada;
     transform: translate3d(0, 0, 0);
   }
 `;
-var $077761f458b56730$export$2e2bcd8739ae039 = $077761f458b56730$var$wobble;
 
 
 
-var $0dc893042da0d7c8$exports = {};
+var $c8a4d927fd00b892$exports = {};
+
+$parcel$export($c8a4d927fd00b892$exports, "Reveal", () => $c8a4d927fd00b892$export$9a32a8eb4bb56ca3);
+
+
+
+
+
+
+const $9ea0f43f56ccecde$export$82e6205b15e6c637 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`;
+
+
+const $5d24f5d06eb0ca64$export$27e0c58916e1badc = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $2a57c406215d34eb$export$f72096766ea3a089 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
 
-$parcel$export($0dc893042da0d7c8$exports, "Reveal", () => $0dc893042da0d7c8$export$9a32a8eb4bb56ca3);
+const $568a146f8f1dc468$export$6ecdcdb0033d0327 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
 
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
 
 
+const $993b4f2eec647e23$export$aa45f1f50300a7c0 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
 
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}
- */ const $175baded3a09455d$var$fadeInLeft = $jvNZe$emotionreact.keyframes`
+const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0);
@@ -427,276 +451,365 @@ $parcel$export($0dc893042da0d7c8$exports, "Reveal", () => $0dc893042da0d7c8$expo
     transform: translate3d(0, 0, 0);
   }
 `;
-var $175baded3a09455d$export$2e2bcd8739ae039 = $175baded3a09455d$var$fadeInLeft;
 
 
+const $e77687a7cf911846$export$327c6b58e5f59d6f = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $f128273212bfa795$export$7b78ca149b3ffe20 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
 
 
-function $a2cb41f117372daf$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $175baded3a09455d$export$2e2bcd8739ae039 , iterationCount: iterationCount = 1 ,  }) {
-    return $jvNZe$emotionreact.css({
-        animationDuration: `${duration}ms`,
-        animationTimingFunction: timingFunction,
-        animationDelay: `${delay}ms`,
-        animationName: keyframes,
-        animationDirection: "normal",
-        animationFillMode: "both",
-        animationIterationCount: iterationCount
-    });
+const $55cf3d076c695f42$export$6f5ccd79656f671 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $156b763c5e69a9ca$export$777354dbc7828ff3 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $694098d2b7aee85e$export$d5bfa04a6ce7104f = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $b15cf9ee005e2158$export$546bb2e31f381a81 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = (0, $jvNZe$emotionreact.keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+
+
+
+function $f2597d38a334a0ad$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , iterationCount: iterationCount = 1 ,  }) {
+    return (0, $jvNZe$emotionreact.css)`
+    animation-duration: ${duration}ms;
+    animation-timing-function: ${timingFunction};
+    animation-delay: ${delay}ms;
+    animation-name: ${keyframes};
+    animation-direction: normal;
+    animation-fill-mode: both;
+    animation-iteration-count: ${iterationCount};
+  `;
 }
 
 
-function $09795848ecb102f5$export$bedb7023a7733221(value) {
+function $6a26e8abc0402dd5$export$bedb7023a7733221(value) {
     return value === null || value === undefined;
 }
-function $09795848ecb102f5$export$f832f653c73e86f8(value) {
+function $6a26e8abc0402dd5$export$f832f653c73e86f8(value) {
     return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
 }
 
 
-const $0dc893042da0d7c8$var$hiddenCss = $jvNZe$emotionreact.css({
-    opacity: 0
-});
-const $0dc893042da0d7c8$var$textBaseCss = $jvNZe$emotionreact.css({
-    display: "inline-block",
-    whiteSpace: "pre"
-});
-const $0dc893042da0d7c8$export$9a32a8eb4bb56ca3 = ({ cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $175baded3a09455d$export$2e2bcd8739ae039 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  })=>{
-    if ($09795848ecb102f5$export$bedb7023a7733221(children)) return null;
-    if ($09795848ecb102f5$export$f832f653c73e86f8(children)) {
-        const stringifiedChildren = String(children);
-        return cascade ? /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
-            threshold: fraction,
-            triggerOnce: triggerOnce,
-            onChange: onVisibilityChange,
-            children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $jvNZe$reactjsxruntime.jsx("div", {
-                    ref: ref,
-                    css: [
-                        revealCss,
-                        $0dc893042da0d7c8$var$textBaseCss
-                    ],
-                    className: className,
-                    style: style,
-                    children: stringifiedChildren.split("").map((char, index)=>$jvNZe$emotionreact.jsx("span", {
-                            key: index,
-                            className: className,
-                            css: inView ? $a2cb41f117372daf$export$cdf1f51c52cf49d8({
-                                keyframes: keyframes,
-                                delay: delay + index * duration * damping,
-                                duration: duration
-                            }) : $0dc893042da0d7c8$var$hiddenCss
-                        }, char)
-                    )
-                })
-        }) : /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-            delay: delay,
-            duration: duration,
-            fraction: fraction,
+const $c8a4d927fd00b892$var$hiddenStyles = (0, $jvNZe$emotionreact.css)`
+  opacity: 0;
+`;
+const $c8a4d927fd00b892$var$textBaseStyles = (0, $jvNZe$emotionreact.css)`
+  display: inline-block;
+  white-space: pre;
+`;
+const $c8a4d927fd00b892$export$9a32a8eb4bb56ca3 = (props)=>{
+    const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const animationStyles = (0, $jvNZe$react.useMemo)(()=>(0, $f2597d38a334a0ad$export$cdf1f51c52cf49d8)({
             keyframes: keyframes,
-            triggerOnce: triggerOnce,
-            css: revealCss,
-            className: className,
-            style: style,
-            children: stringifiedChildren
-        });
-    }
-    if ($jvNZe$reactis.isFragment(children)) return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
-        threshold: fraction,
-        triggerOnce: triggerOnce,
-        onChange: onVisibilityChange,
-        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreact.jsx("div", {
-                ref: ref,
-                className: className,
-                css: inView ? [
-                    revealCss,
-                    $a2cb41f117372daf$export$cdf1f51c52cf49d8({
-                        keyframes: keyframes,
-                        delay: delay,
-                        duration: duration
-                    })
-                ] : $0dc893042da0d7c8$var$hiddenCss,
-                style: style
-            }, children)
+            duration: duration
+        }), [
+        duration,
+        keyframes
+    ]);
+    if ((0, $6a26e8abc0402dd5$export$bedb7023a7733221)(children)) return null;
+    if ((0, $6a26e8abc0402dd5$export$f832f653c73e86f8)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$TextReveal, {
+        ...props,
+        animationStyles: animationStyles,
+        children: String(children)
+    });
+    if ((0, $jvNZe$reactis.isFragment)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$FragmentReveal, {
+        ...props,
+        animationStyles: animationStyles
     });
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactjsxruntime.Fragment, {
-        children: $jvNZe$react.Children.map(children, (node, index)=>{
-            const nodeElement = node;
-            const nodeCss = nodeElement.props.css ? [
-                nodeElement.props.css
-            ] : [];
-            nodeCss.push($a2cb41f117372daf$export$cdf1f51c52cf49d8({
-                keyframes: keyframes,
-                delay: delay + (cascade ? index * duration * damping : 0),
-                duration: duration
-            }));
-            switch(nodeElement.type){
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreactjsxruntime.Fragment), {
+        children: (0, $jvNZe$react.Children).map(children, (node, index)=>{
+            if (!/*#__PURE__*/ (0, $jvNZe$react.isValidElement)(node)) return null;
+            const inViewStyles = [
+                revealCss,
+                animationStyles
+            ];
+            const nodeDelay = delay + (cascade ? index * duration * damping : 0);
+            switch(node.type){
                 case "ol":
                 case "ul":
-                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                        children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
-                                ...nodeElement.props,
-                                className: cx(className, nodeElement.props.className),
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                        children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
+                                ...node.props,
+                                className: cx(className, node.props.className),
                                 style: {
                                     ...style,
-                                    ...nodeElement.props.style
-                                }
-                            }, /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-                                cascade: cascade,
-                                damping: damping,
-                                delay: delay,
-                                duration: duration,
-                                fraction: fraction,
-                                keyframes: keyframes,
-                                triggerOnce: triggerOnce,
-                                css: revealCss,
-                                childClassName: childClassName,
-                                childStyle: childStyle,
-                                children: nodeElement.props.children
-                            }))
+                                    ...node.props.style
+                                },
+                                children: (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+                                    ...props,
+                                    children: node.props.children
+                                })
+                            })
                     });
                 case "li":
-                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                                children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
-                                        ...nodeElement.props,
+                        children: ({ inView: inView , ref: ref  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                                children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
+                                        ...node.props,
                                         ref: ref,
-                                        css: inView ? [
-                                            revealCss,
-                                            ...nodeCss
-                                        ] : $0dc893042da0d7c8$var$hiddenCss,
-                                        className: cx(childClassName, nodeElement.props.className),
+                                        className: cx(childClassName, node.props.className),
+                                        css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
                                         style: {
                                             ...childStyle,
-                                            ...nodeElement.props.style
+                                            ...node.props.style,
+                                            animationDelay: nodeDelay + "ms"
                                         }
                                     })
                             })
                     });
                 default:
-                    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreact.jsx("div", {
+                        children: ({ inView: inView , ref: ref  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
                                 ref: ref,
                                 className: className,
-                                css: inView ? [
-                                    revealCss,
-                                    ...nodeCss
-                                ] : $0dc893042da0d7c8$var$hiddenCss,
-                                style: style
-                            }, /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                                children: ({ cx: cx  })=>$jvNZe$emotionreact.jsx(nodeElement.type, {
-                                        ...nodeElement.props,
-                                        className: cx(childClassName, nodeElement.props.className),
-                                        style: {
-                                            ...childStyle,
-                                            ...nodeElement.props.style
-                                        }
-                                    })
-                            }))
+                                css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
+                                style: {
+                                    ...style,
+                                    animationDelay: nodeDelay + "ms"
+                                },
+                                children: (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                                    children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
+                                            ...node.props,
+                                            className: cx(childClassName, node.props.className),
+                                            style: {
+                                                ...childStyle,
+                                                ...node.props.style
+                                            }
+                                        })
+                                })
+                            })
                     });
             }
         })
     });
 };
+const $c8a4d927fd00b892$var$TextReveal = (props)=>{
+    const { animationStyles: animationStyles , cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const { ref: ref , inView: inView  } = (0, $jvNZe$reactintersectionobserver.useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    return cascade ? (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
+        ref: ref,
+        className: className,
+        css: [
+            revealCss,
+            $c8a4d927fd00b892$var$textBaseStyles
+        ],
+        style: style,
+        children: children.split("").map((char, index)=>(0, $jvNZe$emotionreactjsxruntime.jsx)("span", {
+                css: inView ? animationStyles : $c8a4d927fd00b892$var$hiddenStyles,
+                style: {
+                    animationDelay: delay + index * duration * damping + "ms"
+                },
+                children: char
+            }, index))
+    }) : (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+        ...props,
+        children: children
+    });
+};
+const $c8a4d927fd00b892$var$FragmentReveal = (props)=>{
+    const { animationStyles: animationStyles , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const { ref: ref , inView: inView  } = (0, $jvNZe$reactintersectionobserver.useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    const inViewStyles = [
+        revealCss,
+        animationStyles
+    ];
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
+        ref: ref,
+        className: className,
+        css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
+        style: style,
+        children: children
+    });
+};
 
 
-function $7aeaa0f81815ca37$var$getAttentionSeekerKeyframesAndCss(effect) {
+function $53b8ad22b050830b$var$getStyles(effect) {
     switch(effect){
         case "flash":
             return [
-                $c551207da10f497a$export$2e2bcd8739ae039
+                (0, $fd9067391ce6df13$export$fff9462e59a6c087)
             ];
         case "headShake":
             return [
-                $3d7336a524311867$export$2e2bcd8739ae039,
+                (0, $eb9167f8b04a1eef$export$cc718fa79617014c),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "heartBeat":
             return [
-                $b2a7be0c9c7173f1$export$2e2bcd8739ae039,
+                (0, $6efeb5b76066380c$export$f5767cd4e86f63a5),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "jello":
             return [
-                $2d6f1fe0ca52420a$export$2e2bcd8739ae039,
+                (0, $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d),
                 {
                     transformOrigin: "center"
                 }
             ];
         case "pulse":
             return [
-                $abd1005e2658e58b$export$2e2bcd8739ae039,
+                (0, $409347824bf28b80$export$f3aaf94dc96a60de),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "rubberBand":
             return [
-                $7b8e41d83a93e491$export$2e2bcd8739ae039
+                (0, $118273709ecc7996$export$bbc07f6a19d55e88)
             ];
         case "shake":
             return [
-                $931678bf0d15aae0$export$2e2bcd8739ae039
+                (0, $99597785e49dcbea$export$267b06a7460aa7d3)
             ];
         case "shakeX":
             return [
-                $98a08fff9db24d0e$export$2e2bcd8739ae039
+                (0, $5dd42df0435d852f$export$8e99d6962f95c405)
             ];
         case "shakeY":
             return [
-                $727219f11b947648$export$2e2bcd8739ae039
+                (0, $ef91eb5bdfc318f0$export$8c0595fc0dd256ce)
             ];
         case "swing":
             return [
-                $da4db1c691655485$export$2e2bcd8739ae039,
+                (0, $17cad7ed79df0fbf$export$84fc4030631e573c),
                 {
                     transformOrigin: "top center"
                 }
             ];
         case "tada":
             return [
-                $6d2c180b5dc00f53$export$2e2bcd8739ae039
+                (0, $cb5eed64c434fe13$export$1362d96c12095304)
             ];
         case "wobble":
             return [
-                $077761f458b56730$export$2e2bcd8739ae039
+                (0, $64e244b1100f4aec$export$138a91d3335be56)
             ];
         case "bounce":
         default:
             return [
-                $2ee94e5cb1210e77$export$2e2bcd8739ae039,
+                (0, $88ffd68ae302398a$export$e3ce947fb98643bf),
                 {
                     transformOrigin: "center bottom"
                 }
             ];
     }
 }
-const $7aeaa0f81815ca37$export$1736648c5c27c79d = ({ effect: effect = "bounce" , ...otherProps })=>{
-    const [keyframes, animationCss] = $7aeaa0f81815ca37$var$getAttentionSeekerKeyframesAndCss(effect);
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
+const $53b8ad22b050830b$export$1736648c5c27c79d = (props)=>{
+    const { effect: effect = "bounce" , ...rest } = props;
+    const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$53b8ad22b050830b$var$getStyles(effect), [
+        effect
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         css: animationCss,
-        ...otherProps
+        ...rest
     });
 };
 
 
-var $fffb0955a91cdfcc$exports = {};
+var $538f81368e1b5055$exports = {};
+
+$parcel$export($538f81368e1b5055$exports, "Bounce", () => $538f81368e1b5055$export$d20e79fdc3899e95);
 
-$parcel$export($fffb0955a91cdfcc$exports, "Bounce", () => $fffb0955a91cdfcc$export$d20e79fdc3899e95);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}
- */ const $5fe1105e904fd50a$var$bounceIn = $jvNZe$emotionreact.keyframes`
+const $239280df9946b122$export$fccebd7948554554 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   20%,
   40%,
@@ -733,12 +846,9 @@ $parcel$export($fffb0955a91cdfcc$exports, "Bounce", () => $fffb0955a91cdfcc$expo
     transform: scale3d(1, 1, 1);
   }
 `;
-var $5fe1105e904fd50a$export$2e2bcd8739ae039 = $5fe1105e904fd50a$var$bounceIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}
- */ const $532d6bd310070818$var$bounceInDown = $jvNZe$emotionreact.keyframes`
+const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -769,12 +879,9 @@ var $5fe1105e904fd50a$export$2e2bcd8739ae039 = $5fe1105e904fd50a$var$bounceIn;
     transform: translate3d(0, 0, 0);
   }
 `;
-var $532d6bd310070818$export$2e2bcd8739ae039 = $532d6bd310070818$var$bounceInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}
- */ const $edae9f629a811fa4$var$bounceInLeft = $jvNZe$emotionreact.keyframes`
+const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -805,12 +912,9 @@ var $532d6bd310070818$export$2e2bcd8739ae039 = $532d6bd310070818$var$bounceInDow
     transform: translate3d(0, 0, 0);
   }
 `;
-var $edae9f629a811fa4$export$2e2bcd8739ae039 = $edae9f629a811fa4$var$bounceInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}
- */ const $874303bfe7ce9228$var$bounceInRight = $jvNZe$emotionreact.keyframes`
+const $9fc2107612a180c2$export$aebe35d18555813a = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -841,12 +945,9 @@ var $edae9f629a811fa4$export$2e2bcd8739ae039 = $edae9f629a811fa4$var$bounceInLef
     transform: translate3d(0, 0, 0);
   }
 `;
-var $874303bfe7ce9228$export$2e2bcd8739ae039 = $874303bfe7ce9228$var$bounceInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}
- */ const $061c7e868d7553e5$var$bounceInUp = $jvNZe$emotionreact.keyframes`
+const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -877,14 +978,11 @@ var $874303bfe7ce9228$export$2e2bcd8739ae039 = $874303bfe7ce9228$var$bounceInRig
     transform: translate3d(0, 0, 0);
   }
 `;
-var $061c7e868d7553e5$export$2e2bcd8739ae039 = $061c7e868d7553e5$var$bounceInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}
- */ const $b461a2a2eb1b4e58$var$bounceOut = $jvNZe$emotionreact.keyframes`
+const $279e1b37c9d3b420$export$cccc9e04465dce11 = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: scale3d(0.9, 0.9, 0.9);
   }
@@ -900,12 +998,9 @@ var $061c7e868d7553e5$export$2e2bcd8739ae039 = $061c7e868d7553e5$var$bounceInUp;
     transform: scale3d(0.3, 0.3, 0.3);
   }
 `;
-var $b461a2a2eb1b4e58$export$2e2bcd8739ae039 = $b461a2a2eb1b4e58$var$bounceOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}
- */ const $520cdfc16abb5e4d$var$bounceOutDown = $jvNZe$emotionreact.keyframes`
+const $c087b0b0bb8754b6$export$26ce0cf84248400c = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
@@ -921,12 +1016,9 @@ var $b461a2a2eb1b4e58$export$2e2bcd8739ae039 = $b461a2a2eb1b4e58$var$bounceOut;
     transform: translate3d(0, 2000px, 0) scaleY(3);
   }
 `;
-var $520cdfc16abb5e4d$export$2e2bcd8739ae039 = $520cdfc16abb5e4d$var$bounceOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}
- */ const $5fff1432286cf647$var$bounceOutLeft = $jvNZe$emotionreact.keyframes`
+const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0) scaleX(0.9);
@@ -937,12 +1029,9 @@ var $520cdfc16abb5e4d$export$2e2bcd8739ae039 = $520cdfc16abb5e4d$var$bounceOutDo
     transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
 `;
-var $5fff1432286cf647$export$2e2bcd8739ae039 = $5fff1432286cf647$var$bounceOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}
- */ const $ada22a6ef8cf5ddf$var$bounceOutRight = $jvNZe$emotionreact.keyframes`
+const $6e8a1f82929c5a87$export$7b4a033090b713a = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(-20px, 0, 0) scaleX(0.9);
@@ -953,12 +1042,9 @@ var $5fff1432286cf647$export$2e2bcd8739ae039 = $5fff1432286cf647$var$bounceOutLe
     transform: translate3d(2000px, 0, 0) scaleX(2);
   }
 `;
-var $ada22a6ef8cf5ddf$export$2e2bcd8739ae039 = $ada22a6ef8cf5ddf$var$bounceOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}
- */ const $dedc8addbb32ea3f$var$bounceOutUp = $jvNZe$emotionreact.keyframes`
+const $ffd8976020fae4b5$export$fe9810e7e30c9caa = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
@@ -974,247 +1060,56 @@ var $ada22a6ef8cf5ddf$export$2e2bcd8739ae039 = $ada22a6ef8cf5ddf$var$bounceOutRi
     transform: translate3d(0, -2000px, 0) scaleY(3);
   }
 `;
-var $dedc8addbb32ea3f$export$2e2bcd8739ae039 = $dedc8addbb32ea3f$var$bounceOutUp;
 
 
 
 
-function $fffb0955a91cdfcc$var$getBounceKeyframes(reverse, direction) {
+function $538f81368e1b5055$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $520cdfc16abb5e4d$export$2e2bcd8739ae039 : $532d6bd310070818$export$2e2bcd8739ae039;
+            return reverse ? (0, $c087b0b0bb8754b6$export$26ce0cf84248400c) : (0, $6cf6d8e43927ecb0$export$5567dcc4c3474880);
         case "left":
-            return reverse ? $5fff1432286cf647$export$2e2bcd8739ae039 : $edae9f629a811fa4$export$2e2bcd8739ae039;
+            return reverse ? (0, $2d05960b7dd695c1$export$3dabd2f5ee26f898) : (0, $5c0cd9513f5655ae$export$92fd46a1c9da5ead);
         case "right":
-            return reverse ? $ada22a6ef8cf5ddf$export$2e2bcd8739ae039 : $874303bfe7ce9228$export$2e2bcd8739ae039;
+            return reverse ? (0, $6e8a1f82929c5a87$export$7b4a033090b713a) : (0, $9fc2107612a180c2$export$aebe35d18555813a);
         case "up":
-            return reverse ? $dedc8addbb32ea3f$export$2e2bcd8739ae039 : $061c7e868d7553e5$export$2e2bcd8739ae039;
+            return reverse ? (0, $ffd8976020fae4b5$export$fe9810e7e30c9caa) : (0, $df2aa9ffda66bf8e$export$9e7bc32a82042281);
         default:
-            return reverse ? $b461a2a2eb1b4e58$export$2e2bcd8739ae039 : $5fe1105e904fd50a$export$2e2bcd8739ae039;
+            return reverse ? (0, $279e1b37c9d3b420$export$cccc9e04465dce11) : (0, $239280df9946b122$export$fccebd7948554554);
     }
 }
-const $fffb0955a91cdfcc$export$d20e79fdc3899e95 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $fffb0955a91cdfcc$var$getBounceKeyframes(reverse, direction),
-        ...otherProps
+const $538f81368e1b5055$export$d20e79fdc3899e95 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$538f81368e1b5055$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $5209bd71e721a5ee$exports = {};
-
-$parcel$export($5209bd71e721a5ee$exports, "Fade", () => $5209bd71e721a5ee$export$c983850c6c9d8b0e);
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}
- */ const $6d00b3cd4a571a0d$var$fadeIn = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`;
-var $6d00b3cd4a571a0d$export$2e2bcd8739ae039 = $6d00b3cd4a571a0d$var$fadeIn;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}
- */ const $827cbb53603436d7$var$fadeInBottomLeft = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $827cbb53603436d7$export$2e2bcd8739ae039 = $827cbb53603436d7$var$fadeInBottomLeft;
+var $38e0da7e8ca22f50$exports = {};
 
+$parcel$export($38e0da7e8ca22f50$exports, "Fade", () => $38e0da7e8ca22f50$export$c983850c6c9d8b0e);
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}
- */ const $3bbe3e04b99386be$var$fadeInBottomRight = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 100%, 0);
-  }
 
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $3bbe3e04b99386be$export$2e2bcd8739ae039 = $3bbe3e04b99386be$var$fadeInBottomRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}
- */ const $5dcf78945e9d060a$var$fadeInDown = $jvNZe$emotionreact.keyframes`
+const $a785dbac738f5f3e$export$c091916f1530334c = (0, $jvNZe$emotionreact.keyframes)`
   from {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
     opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $5dcf78945e9d060a$export$2e2bcd8739ae039 = $5dcf78945e9d060a$var$fadeInDown;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}
- */ const $0207ec574f412786$var$fadeInDownBig = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, -2000px, 0);
   }
 
   to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $0207ec574f412786$export$2e2bcd8739ae039 = $0207ec574f412786$var$fadeInDownBig;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}
- */ const $3ea9662257146210$var$fadeInLeftBig = $jvNZe$emotionreact.keyframes`
-  from {
     opacity: 0;
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
   }
 `;
-var $3ea9662257146210$export$2e2bcd8739ae039 = $3ea9662257146210$var$fadeInLeftBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}
- */ const $3cbf7b13cdaf7304$var$fadeInRight = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $3cbf7b13cdaf7304$export$2e2bcd8739ae039 = $3cbf7b13cdaf7304$var$fadeInRight;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}
- */ const $27e40e08435940cf$var$fadeInRightBig = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $27e40e08435940cf$export$2e2bcd8739ae039 = $27e40e08435940cf$var$fadeInRightBig;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}
- */ const $56aa399885bc6c86$var$fadeInTopLeft = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $56aa399885bc6c86$export$2e2bcd8739ae039 = $56aa399885bc6c86$var$fadeInTopLeft;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}
- */ const $156a7a786595bc4c$var$fadeInTopRight = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $156a7a786595bc4c$export$2e2bcd8739ae039 = $156a7a786595bc4c$var$fadeInTopRight;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}
- */ const $7ba78eda7410ef74$var$fadeInUp = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $7ba78eda7410ef74$export$2e2bcd8739ae039 = $7ba78eda7410ef74$var$fadeInUp;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}
- */ const $40104ae6886b4a99$var$fadeInUpBig = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $40104ae6886b4a99$export$2e2bcd8739ae039 = $40104ae6886b4a99$var$fadeInUpBig;
-
-
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}
- */ const $eab9397d3bd19a1f$var$fadeOut = $jvNZe$emotionreact.keyframes`
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-`;
-var $eab9397d3bd19a1f$export$2e2bcd8739ae039 = $eab9397d3bd19a1f$var$fadeOut;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}
- */ const $6ba70da3b088230d$var$fadeOutBottomLeft = $jvNZe$emotionreact.keyframes`
+const $ce011eac9ce0614a$export$19a945979f1fb3dc = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1225,12 +1120,9 @@ var $eab9397d3bd19a1f$export$2e2bcd8739ae039 = $eab9397d3bd19a1f$var$fadeOut;
     transform: translate3d(-100%, 100%, 0);
   }
 `;
-var $6ba70da3b088230d$export$2e2bcd8739ae039 = $6ba70da3b088230d$var$fadeOutBottomLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}
- */ const $2a38b06e8297e532$var$fadeOutBottomRight = $jvNZe$emotionreact.keyframes`
+const $c2858a61175e3532$export$5728b370175ac481 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1241,12 +1133,9 @@ var $6ba70da3b088230d$export$2e2bcd8739ae039 = $6ba70da3b088230d$var$fadeOutBott
     transform: translate3d(100%, 100%, 0);
   }
 `;
-var $2a38b06e8297e532$export$2e2bcd8739ae039 = $2a38b06e8297e532$var$fadeOutBottomRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}
- */ const $40440409598bf562$var$fadeOutDown = $jvNZe$emotionreact.keyframes`
+const $0e2ef080f367183e$export$918ddd2a9d66b46e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1256,12 +1145,9 @@ var $2a38b06e8297e532$export$2e2bcd8739ae039 = $2a38b06e8297e532$var$fadeOutBott
     transform: translate3d(0, 100%, 0);
   }
 `;
-var $40440409598bf562$export$2e2bcd8739ae039 = $40440409598bf562$var$fadeOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDownBig.css}
- */ const $cfbf9dadc318341a$var$fadeOutDownBig = $jvNZe$emotionreact.keyframes`
+const $d7fb8c5deff36398$export$658ef65a86bafcbd = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1271,12 +1157,9 @@ var $40440409598bf562$export$2e2bcd8739ae039 = $40440409598bf562$var$fadeOutDown
     transform: translate3d(0, 2000px, 0);
   }
 `;
-var $cfbf9dadc318341a$export$2e2bcd8739ae039 = $cfbf9dadc318341a$var$fadeOutDownBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeft.css}
- */ const $3168725b61644744$var$fadeOutLeft = $jvNZe$emotionreact.keyframes`
+const $d1a858cda71a4e75$export$99efea88984e567e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1286,12 +1169,9 @@ var $cfbf9dadc318341a$export$2e2bcd8739ae039 = $cfbf9dadc318341a$var$fadeOutDown
     transform: translate3d(-100%, 0, 0);
   }
 `;
-var $3168725b61644744$export$2e2bcd8739ae039 = $3168725b61644744$var$fadeOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeftBig.css}
- */ const $9b5275a4e5befab1$var$fadeOutLeftBig = $jvNZe$emotionreact.keyframes`
+const $95af0635245b07a1$export$3a9dc8f9529ceff5 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1301,12 +1181,9 @@ var $3168725b61644744$export$2e2bcd8739ae039 = $3168725b61644744$var$fadeOutLeft
     transform: translate3d(-2000px, 0, 0);
   }
 `;
-var $9b5275a4e5befab1$export$2e2bcd8739ae039 = $9b5275a4e5befab1$var$fadeOutLeftBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRight.css}
- */ const $88436a26619f7ec0$var$fadeOutRight = $jvNZe$emotionreact.keyframes`
+const $1ce7d5ebbf024e25$export$1541972369870d64 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1316,12 +1193,9 @@ var $9b5275a4e5befab1$export$2e2bcd8739ae039 = $9b5275a4e5befab1$var$fadeOutLeft
     transform: translate3d(100%, 0, 0);
   }
 `;
-var $88436a26619f7ec0$export$2e2bcd8739ae039 = $88436a26619f7ec0$var$fadeOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRightBig.css}
- */ const $9513a9d115c05428$var$fadeOutRightBig = $jvNZe$emotionreact.keyframes`
+const $98c2de600df5e876$export$d3f8667912a1aaa1 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1331,12 +1205,9 @@ var $88436a26619f7ec0$export$2e2bcd8739ae039 = $88436a26619f7ec0$var$fadeOutRigh
     transform: translate3d(2000px, 0, 0);
   }
 `;
-var $9513a9d115c05428$export$2e2bcd8739ae039 = $9513a9d115c05428$var$fadeOutRightBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopLeft.css}
- */ const $fe9405c4cc5ccd3b$var$fadeOutTopLeft = $jvNZe$emotionreact.keyframes`
+const $f86363e7f17f6b48$export$cc0980c21917f2b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1347,12 +1218,9 @@ var $9513a9d115c05428$export$2e2bcd8739ae039 = $9513a9d115c05428$var$fadeOutRigh
     transform: translate3d(-100%, -100%, 0);
   }
 `;
-var $fe9405c4cc5ccd3b$export$2e2bcd8739ae039 = $fe9405c4cc5ccd3b$var$fadeOutTopLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopRight.css}
- */ const $7025051c14a0fe2a$var$fadeOutTopRight = $jvNZe$emotionreact.keyframes`
+const $a0fce7756a006a41$export$510f794173174a8b = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1363,12 +1231,9 @@ var $fe9405c4cc5ccd3b$export$2e2bcd8739ae039 = $fe9405c4cc5ccd3b$var$fadeOutTopL
     transform: translate3d(100%, -100%, 0);
   }
 `;
-var $7025051c14a0fe2a$export$2e2bcd8739ae039 = $7025051c14a0fe2a$var$fadeOutTopRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUp.css}
- */ const $0f32d0f7b47da45c$var$fadeOutUp = $jvNZe$emotionreact.keyframes`
+const $41ae82f5230c6f3d$export$4163084011e71929 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1378,12 +1243,9 @@ var $7025051c14a0fe2a$export$2e2bcd8739ae039 = $7025051c14a0fe2a$var$fadeOutTopR
     transform: translate3d(0, -100%, 0);
   }
 `;
-var $0f32d0f7b47da45c$export$2e2bcd8739ae039 = $0f32d0f7b47da45c$var$fadeOutUp;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUpBig.css}
- */ const $0b6066a37877ad3b$var$fadeOutUpBig = $jvNZe$emotionreact.keyframes`
+const $620ee1fbd37ce3b0$export$b0540367e09512e9 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1393,49 +1255,54 @@ var $0f32d0f7b47da45c$export$2e2bcd8739ae039 = $0f32d0f7b47da45c$var$fadeOutUp;
     transform: translate3d(0, -2000px, 0);
   }
 `;
-var $0b6066a37877ad3b$export$2e2bcd8739ae039 = $0b6066a37877ad3b$var$fadeOutUpBig;
 
 
 
 
-function $5209bd71e721a5ee$var$getFadeKeyframes(big, reverse, direction) {
+function $38e0da7e8ca22f50$var$getStyles(big, reverse, direction) {
     switch(direction){
         case "bottom-left":
-            return reverse ? $6ba70da3b088230d$export$2e2bcd8739ae039 : $827cbb53603436d7$export$2e2bcd8739ae039;
+            return reverse ? (0, $ce011eac9ce0614a$export$19a945979f1fb3dc) : (0, $5d24f5d06eb0ca64$export$27e0c58916e1badc);
         case "bottom-right":
-            return reverse ? $2a38b06e8297e532$export$2e2bcd8739ae039 : $3bbe3e04b99386be$export$2e2bcd8739ae039;
+            return reverse ? (0, $c2858a61175e3532$export$5728b370175ac481) : (0, $2a57c406215d34eb$export$f72096766ea3a089);
         case "down":
-            return big ? reverse ? $cfbf9dadc318341a$export$2e2bcd8739ae039 : $0207ec574f412786$export$2e2bcd8739ae039 : reverse ? $40440409598bf562$export$2e2bcd8739ae039 : $5dcf78945e9d060a$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $d7fb8c5deff36398$export$658ef65a86bafcbd) : (0, $993b4f2eec647e23$export$aa45f1f50300a7c0) : reverse ? (0, $0e2ef080f367183e$export$918ddd2a9d66b46e) : (0, $568a146f8f1dc468$export$6ecdcdb0033d0327);
         case "left":
-            return big ? reverse ? $9b5275a4e5befab1$export$2e2bcd8739ae039 : $3ea9662257146210$export$2e2bcd8739ae039 : reverse ? $3168725b61644744$export$2e2bcd8739ae039 : $175baded3a09455d$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $95af0635245b07a1$export$3a9dc8f9529ceff5) : (0, $e77687a7cf911846$export$327c6b58e5f59d6f) : reverse ? (0, $d1a858cda71a4e75$export$99efea88984e567e) : (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b);
         case "right":
-            return big ? reverse ? $9513a9d115c05428$export$2e2bcd8739ae039 : $27e40e08435940cf$export$2e2bcd8739ae039 : reverse ? $88436a26619f7ec0$export$2e2bcd8739ae039 : $3cbf7b13cdaf7304$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $98c2de600df5e876$export$d3f8667912a1aaa1) : (0, $55cf3d076c695f42$export$6f5ccd79656f671) : reverse ? (0, $1ce7d5ebbf024e25$export$1541972369870d64) : (0, $f128273212bfa795$export$7b78ca149b3ffe20);
         case "top-left":
-            return reverse ? $fe9405c4cc5ccd3b$export$2e2bcd8739ae039 : $56aa399885bc6c86$export$2e2bcd8739ae039;
+            return reverse ? (0, $f86363e7f17f6b48$export$cc0980c21917f2b0) : (0, $156b763c5e69a9ca$export$777354dbc7828ff3);
         case "top-right":
-            return reverse ? $7025051c14a0fe2a$export$2e2bcd8739ae039 : $156a7a786595bc4c$export$2e2bcd8739ae039;
+            return reverse ? (0, $a0fce7756a006a41$export$510f794173174a8b) : (0, $694098d2b7aee85e$export$d5bfa04a6ce7104f);
         case "up":
-            return big ? reverse ? $0b6066a37877ad3b$export$2e2bcd8739ae039 : $40104ae6886b4a99$export$2e2bcd8739ae039 : reverse ? $0f32d0f7b47da45c$export$2e2bcd8739ae039 : $7ba78eda7410ef74$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $620ee1fbd37ce3b0$export$b0540367e09512e9) : (0, $0cf1b8b22f8c2075$export$f18a2356a26ed325) : reverse ? (0, $41ae82f5230c6f3d$export$4163084011e71929) : (0, $b15cf9ee005e2158$export$546bb2e31f381a81);
         default:
-            return reverse ? $eab9397d3bd19a1f$export$2e2bcd8739ae039 : $6d00b3cd4a571a0d$export$2e2bcd8739ae039;
+            return reverse ? (0, $a785dbac738f5f3e$export$c091916f1530334c) : (0, $9ea0f43f56ccecde$export$82e6205b15e6c637);
     }
 }
-const $5209bd71e721a5ee$export$c983850c6c9d8b0e = ({ big: big = false , direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $5209bd71e721a5ee$var$getFadeKeyframes(big, reverse, direction),
-        ...otherProps
+const $38e0da7e8ca22f50$export$c983850c6c9d8b0e = (props)=>{
+    const { big: big = false , direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$38e0da7e8ca22f50$var$getStyles(big, reverse, direction), [
+        big,
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $89b59ad7bbc0d1e7$exports = {};
+var $a24d7b7f95c41c0b$exports = {};
+
+$parcel$export($a24d7b7f95c41c0b$exports, "Flip", () => $a24d7b7f95c41c0b$export$4d2fae537bd90431);
 
-$parcel$export($89b59ad7bbc0d1e7$exports, "Flip", () => $89b59ad7bbc0d1e7$export$4d2fae537bd90431);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flip.css}
- */ const $d86c40f59a5a14ac$var$flip = $jvNZe$emotionreact.keyframes`
+
+const $7a93ca27322ab527$export$8a83211c878a3f1f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     animation-timing-function: ease-out;
@@ -1464,12 +1331,9 @@ $parcel$export($89b59ad7bbc0d1e7$exports, "Flip", () => $89b59ad7bbc0d1e7$export
     animation-timing-function: ease-in;
   }
 `;
-var $d86c40f59a5a14ac$export$2e2bcd8739ae039 = $d86c40f59a5a14ac$var$flip;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}
- */ const $ab3fec3e42903658$var$flipInX = $jvNZe$emotionreact.keyframes`
+const $f9190ee81e2d4988$export$68ed1a067f792190 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1494,12 +1358,9 @@ var $d86c40f59a5a14ac$export$2e2bcd8739ae039 = $d86c40f59a5a14ac$var$flip;
     transform: perspective(400px);
   }
 `;
-var $ab3fec3e42903658$export$2e2bcd8739ae039 = $ab3fec3e42903658$var$flipInX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}
- */ const $b8e697640f943870$var$flipInY = $jvNZe$emotionreact.keyframes`
+const $305856451e6f8fcc$export$a10221d4eadc810 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1524,12 +1385,9 @@ var $ab3fec3e42903658$export$2e2bcd8739ae039 = $ab3fec3e42903658$var$flipInX;
     transform: perspective(400px);
   }
 `;
-var $b8e697640f943870$export$2e2bcd8739ae039 = $b8e697640f943870$var$flipInY;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}
- */ const $8fefbff3047b71c9$var$flipOutX = $jvNZe$emotionreact.keyframes`
+const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1544,12 +1402,9 @@ var $b8e697640f943870$export$2e2bcd8739ae039 = $b8e697640f943870$var$flipInY;
     opacity: 0;
   }
 `;
-var $8fefbff3047b71c9$export$2e2bcd8739ae039 = $8fefbff3047b71c9$var$flipOutX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}
- */ const $bff8f7efec46de19$var$flipOutY = $jvNZe$emotionreact.keyframes`
+const $6bb13209ce33d395$export$93f09c73becb5407 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1564,41 +1419,44 @@ var $8fefbff3047b71c9$export$2e2bcd8739ae039 = $8fefbff3047b71c9$var$flipOutX;
     opacity: 0;
   }
 `;
-var $bff8f7efec46de19$export$2e2bcd8739ae039 = $bff8f7efec46de19$var$flipOutY;
 
 
 
 
-function $89b59ad7bbc0d1e7$var$getFlipKeyframes(reverse, direction) {
+function $a24d7b7f95c41c0b$var$getStyles(reverse, direction) {
     switch(direction){
         case "horizontal":
-            return reverse ? $8fefbff3047b71c9$export$2e2bcd8739ae039 : $ab3fec3e42903658$export$2e2bcd8739ae039;
+            return reverse ? (0, $86a1dd67c7624c85$export$4eaf247181cd9ec3) : (0, $f9190ee81e2d4988$export$68ed1a067f792190);
         case "vertical":
-            return reverse ? $bff8f7efec46de19$export$2e2bcd8739ae039 : $b8e697640f943870$export$2e2bcd8739ae039;
+            return reverse ? (0, $6bb13209ce33d395$export$93f09c73becb5407) : (0, $305856451e6f8fcc$export$a10221d4eadc810);
         default:
-            return $d86c40f59a5a14ac$export$2e2bcd8739ae039;
+            return 0, $7a93ca27322ab527$export$8a83211c878a3f1f;
     }
 }
-const $89b59ad7bbc0d1e7$export$4d2fae537bd90431 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    const animationCss = {
-        backfaceVisibility: "visible"
-    };
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $89b59ad7bbc0d1e7$var$getFlipKeyframes(reverse, direction),
-        css: animationCss,
-        ...otherProps
+const $a24d7b7f95c41c0b$var$animationCss = (0, $jvNZe$emotionreact.css)`
+  backface-visibility: visible;
+`;
+const $a24d7b7f95c41c0b$export$4d2fae537bd90431 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$a24d7b7f95c41c0b$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        css: $a24d7b7f95c41c0b$var$animationCss,
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $eaf9cd96450f3b6e$exports = {};
+var $ba126b9772ca94c1$exports = {};
+
+$parcel$export($ba126b9772ca94c1$exports, "Hinge", () => $ba126b9772ca94c1$export$51b1a342f43475b0);
 
-$parcel$export($eaf9cd96450f3b6e$exports, "Hinge", () => $eaf9cd96450f3b6e$export$51b1a342f43475b0);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}
- */ const $1876f905e4fa553c$var$hinge = $jvNZe$emotionreact.keyframes`
+const $d5624047c6cd5156$export$321a3d0bf2c75 = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     animation-timing-function: ease-in-out;
   }
@@ -1621,12 +1479,9 @@ $parcel$export($eaf9cd96450f3b6e$exports, "Hinge", () => $eaf9cd96450f3b6e$expor
     opacity: 0;
   }
 `;
-var $1876f905e4fa553c$export$2e2bcd8739ae039 = $1876f905e4fa553c$var$hinge;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}
- */ const $5ab38b801a1a088a$var$jackInTheBox = $jvNZe$emotionreact.keyframes`
+const $763e7a71060b44ee$export$51046d36a99b73b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale(0.1) rotate(30deg);
@@ -1646,12 +1501,9 @@ var $1876f905e4fa553c$export$2e2bcd8739ae039 = $1876f905e4fa553c$var$hinge;
     transform: scale(1);
   }
 `;
-var $5ab38b801a1a088a$export$2e2bcd8739ae039 = $5ab38b801a1a088a$var$jackInTheBox;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}
- */ const $0d687b6ddc4b5e6f$var$rollIn = $jvNZe$emotionreact.keyframes`
+const $a5c6d470e6bb1934$export$6aa1850093220a4f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
@@ -1662,12 +1514,9 @@ var $5ab38b801a1a088a$export$2e2bcd8739ae039 = $5ab38b801a1a088a$var$jackInTheBo
     transform: translate3d(0, 0, 0);
   }
 `;
-var $0d687b6ddc4b5e6f$export$2e2bcd8739ae039 = $0d687b6ddc4b5e6f$var$rollIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}
- */ const $d1292ae34f564052$var$rollOut = $jvNZe$emotionreact.keyframes`
+const $a7e54697faae7be6$export$e78f98b32413b70e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1677,62 +1526,65 @@ var $0d687b6ddc4b5e6f$export$2e2bcd8739ae039 = $0d687b6ddc4b5e6f$var$rollIn;
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 `;
-var $d1292ae34f564052$export$2e2bcd8739ae039 = $d1292ae34f564052$var$rollOut;
 
 
 
 
-const $eaf9cd96450f3b6e$export$51b1a342f43475b0 = (props)=>{
-    const animationCss = {
-        transformOrigin: "top left"
-    };
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $1876f905e4fa553c$export$2e2bcd8739ae039,
-        css: animationCss,
+const $ba126b9772ca94c1$var$animationCss = (0, $jvNZe$emotionreact.css)`
+  transform-origin: top left;
+`;
+const $ba126b9772ca94c1$export$51b1a342f43475b0 = (props)=>{
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        css: $ba126b9772ca94c1$var$animationCss,
+        keyframes: (0, $d5624047c6cd5156$export$321a3d0bf2c75),
         ...props
     });
 };
 
 
-var $f915fb955f517e10$exports = {};
+var $5923581cb4748dcc$exports = {};
 
-$parcel$export($f915fb955f517e10$exports, "JackInTheBox", () => $f915fb955f517e10$export$2d9d44ff5c623255);
+$parcel$export($5923581cb4748dcc$exports, "JackInTheBox", () => $5923581cb4748dcc$export$2d9d44ff5c623255);
 
 
 
-const $f915fb955f517e10$export$2d9d44ff5c623255 = (props)=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $5ab38b801a1a088a$export$2e2bcd8739ae039,
+const $5923581cb4748dcc$export$2d9d44ff5c623255 = (props)=>{
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: (0, $763e7a71060b44ee$export$51046d36a99b73b0),
         ...props
     });
 };
 
 
-var $642c33dc6100b5f9$exports = {};
+var $9e09e3efd7b75ad7$exports = {};
+
+$parcel$export($9e09e3efd7b75ad7$exports, "Roll", () => $9e09e3efd7b75ad7$export$aa11096b70371f74);
 
-$parcel$export($642c33dc6100b5f9$exports, "Roll", () => $642c33dc6100b5f9$export$aa11096b70371f74);
 
 
 
-function $642c33dc6100b5f9$var$getRollKeyframes(reverse) {
-    return reverse ? $d1292ae34f564052$export$2e2bcd8739ae039 : $0d687b6ddc4b5e6f$export$2e2bcd8739ae039;
+function $9e09e3efd7b75ad7$var$getStyles(reverse) {
+    return reverse ? (0, $a7e54697faae7be6$export$e78f98b32413b70e) : (0, $a5c6d470e6bb1934$export$6aa1850093220a4f);
 }
-const $642c33dc6100b5f9$export$aa11096b70371f74 = ({ reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $642c33dc6100b5f9$var$getRollKeyframes(reverse),
-        ...otherProps
+const $9e09e3efd7b75ad7$export$aa11096b70371f74 = (props)=>{
+    const { reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$9e09e3efd7b75ad7$var$getStyles(reverse), [
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $66a44409d78104ce$exports = {};
+var $f25af1ae851295d5$exports = {};
+
+$parcel$export($f25af1ae851295d5$exports, "Rotate", () => $f25af1ae851295d5$export$152db69a76b6b79e);
 
-$parcel$export($66a44409d78104ce$exports, "Rotate", () => $66a44409d78104ce$export$152db69a76b6b79e);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateIn.css}
- */ const $c03b261ad2fcf2bc$var$rotateIn = $jvNZe$emotionreact.keyframes`
+const $1b29b037584a02bc$export$2b9048e0715456a4 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
@@ -1743,12 +1595,9 @@ $parcel$export($66a44409d78104ce$exports, "Rotate", () => $66a44409d78104ce$expo
     opacity: 1;
   }
 `;
-var $c03b261ad2fcf2bc$export$2e2bcd8739ae039 = $c03b261ad2fcf2bc$var$rotateIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownLeft.css}
- */ const $057f9355899a3267$var$rotateInDownLeft = $jvNZe$emotionreact.keyframes`
+const $6d158bf4c3b9a085$export$7336503083b51ac8 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
@@ -1759,12 +1608,9 @@ var $c03b261ad2fcf2bc$export$2e2bcd8739ae039 = $c03b261ad2fcf2bc$var$rotateIn;
     opacity: 1;
   }
 `;
-var $057f9355899a3267$export$2e2bcd8739ae039 = $057f9355899a3267$var$rotateInDownLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownRight.css}
- */ const $00bd4401778ce864$var$rotateInDownRight = $jvNZe$emotionreact.keyframes`
+const $8088f56d0f185f82$export$d39468e8ba1f782c = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1775,12 +1621,9 @@ var $057f9355899a3267$export$2e2bcd8739ae039 = $057f9355899a3267$var$rotateInDow
     opacity: 1;
   }
 `;
-var $00bd4401778ce864$export$2e2bcd8739ae039 = $00bd4401778ce864$var$rotateInDownRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpLeft.css}
- */ const $c377437d89bc549b$var$rotateInUpLeft = $jvNZe$emotionreact.keyframes`
+const $6989a54600cd1b06$export$3848addc86cdb49f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1791,12 +1634,9 @@ var $00bd4401778ce864$export$2e2bcd8739ae039 = $00bd4401778ce864$var$rotateInDow
     opacity: 1;
   }
 `;
-var $c377437d89bc549b$export$2e2bcd8739ae039 = $c377437d89bc549b$var$rotateInUpLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpRight.css}
- */ const $07648f4b9fcf77bb$var$rotateInUpRight = $jvNZe$emotionreact.keyframes`
+const $15ca95aca9bd2baa$export$bb10501f1250224d = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
@@ -1807,14 +1647,11 @@ var $c377437d89bc549b$export$2e2bcd8739ae039 = $c377437d89bc549b$var$rotateInUpL
     opacity: 1;
   }
 `;
-var $07648f4b9fcf77bb$export$2e2bcd8739ae039 = $07648f4b9fcf77bb$var$rotateInUpRight;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOut.css}
- */ const $0061a35f2e7228d6$var$rotateOut = $jvNZe$emotionreact.keyframes`
+const $95a219812d2befe1$export$5e1ccc268ae376b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1824,12 +1661,9 @@ var $07648f4b9fcf77bb$export$2e2bcd8739ae039 = $07648f4b9fcf77bb$var$rotateInUpR
     opacity: 0;
   }
 `;
-var $0061a35f2e7228d6$export$2e2bcd8739ae039 = $0061a35f2e7228d6$var$rotateOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownLeft.css}
- */ const $f1c093eaab20bc76$var$rotateOutDownLeft = $jvNZe$emotionreact.keyframes`
+const $3c1382ebe584e541$export$fb5eb9e37db0dfef = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1839,12 +1673,9 @@ var $0061a35f2e7228d6$export$2e2bcd8739ae039 = $0061a35f2e7228d6$var$rotateOut;
     opacity: 0;
   }
 `;
-var $f1c093eaab20bc76$export$2e2bcd8739ae039 = $f1c093eaab20bc76$var$rotateOutDownLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownRight.css}
- */ const $8c301a61c85e9132$var$rotateOutDownRight = $jvNZe$emotionreact.keyframes`
+const $87e525313846a8f0$export$638177b843431394 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1854,12 +1685,9 @@ var $f1c093eaab20bc76$export$2e2bcd8739ae039 = $f1c093eaab20bc76$var$rotateOutDo
     opacity: 0;
   }
 `;
-var $8c301a61c85e9132$export$2e2bcd8739ae039 = $8c301a61c85e9132$var$rotateOutDownRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpLeft.css}
- */ const $50ce36a0733e25a3$var$rotateOutUpLeft = $jvNZe$emotionreact.keyframes`
+const $5552c563ee00b4ba$export$d921b7e0db7ff86e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1869,12 +1697,9 @@ var $8c301a61c85e9132$export$2e2bcd8739ae039 = $8c301a61c85e9132$var$rotateOutDo
     opacity: 0;
   }
 `;
-var $50ce36a0733e25a3$export$2e2bcd8739ae039 = $50ce36a0733e25a3$var$rotateOutUpLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpRight.css}
- */ const $57a771783a66e593$var$rotateOutUpRight = $jvNZe$emotionreact.keyframes`
+const $16fb611719275541$export$43ebaa489dfc2f5d = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1884,93 +1709,95 @@ var $50ce36a0733e25a3$export$2e2bcd8739ae039 = $50ce36a0733e25a3$var$rotateOutUp
     opacity: 0;
   }
 `;
-var $57a771783a66e593$export$2e2bcd8739ae039 = $57a771783a66e593$var$rotateOutUpRight;
 
 
 
 
-function $66a44409d78104ce$var$getRotateKeyframesAndCss(reverse, direction) {
+function $f25af1ae851295d5$var$getStyles(reverse, direction) {
     switch(direction){
         case "bottom-left":
             return reverse ? [
-                $f1c093eaab20bc76$export$2e2bcd8739ae039,
+                (0, $3c1382ebe584e541$export$fb5eb9e37db0dfef),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $057f9355899a3267$export$2e2bcd8739ae039,
+                (0, $6d158bf4c3b9a085$export$7336503083b51ac8),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "bottom-right":
             return reverse ? [
-                $8c301a61c85e9132$export$2e2bcd8739ae039,
+                (0, $87e525313846a8f0$export$638177b843431394),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $00bd4401778ce864$export$2e2bcd8739ae039,
+                (0, $8088f56d0f185f82$export$d39468e8ba1f782c),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         case "top-left":
             return reverse ? [
-                $50ce36a0733e25a3$export$2e2bcd8739ae039,
+                (0, $5552c563ee00b4ba$export$d921b7e0db7ff86e),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $c377437d89bc549b$export$2e2bcd8739ae039,
+                (0, $6989a54600cd1b06$export$3848addc86cdb49f),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "top-right":
             return reverse ? [
-                $57a771783a66e593$export$2e2bcd8739ae039,
+                (0, $16fb611719275541$export$43ebaa489dfc2f5d),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $07648f4b9fcf77bb$export$2e2bcd8739ae039,
+                (0, $15ca95aca9bd2baa$export$bb10501f1250224d),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         default:
             return reverse ? [
-                $0061a35f2e7228d6$export$2e2bcd8739ae039,
+                (0, $95a219812d2befe1$export$5e1ccc268ae376b0),
                 {
                     transformOrigin: "center"
                 }
             ] : [
-                $c03b261ad2fcf2bc$export$2e2bcd8739ae039,
+                (0, $1b29b037584a02bc$export$2b9048e0715456a4),
                 {
                     transformOrigin: "center"
                 }
             ];
     }
 }
-const $66a44409d78104ce$export$152db69a76b6b79e = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    const [keyframes, animationCss] = $66a44409d78104ce$var$getRotateKeyframesAndCss(reverse, direction);
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: keyframes,
+const $f25af1ae851295d5$export$152db69a76b6b79e = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$f25af1ae851295d5$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         css: animationCss,
-        ...otherProps
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $07df165d0f37d8ee$exports = {};
+var $f6faa87ecc5f38b3$exports = {};
+
+$parcel$export($f6faa87ecc5f38b3$exports, "Slide", () => $f6faa87ecc5f38b3$export$d8dc01b5c85a37b9);
 
-$parcel$export($07df165d0f37d8ee$exports, "Slide", () => $07df165d0f37d8ee$export$d8dc01b5c85a37b9);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInDown.css}
- */ const $6c6ab0c7e11286fc$var$slideInDown = $jvNZe$emotionreact.keyframes`
+const $1af9db7d37d42750$export$8775e04aa1928f66 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, -100%, 0);
     visibility: visible;
@@ -1980,12 +1807,9 @@ $parcel$export($07df165d0f37d8ee$exports, "Slide", () => $07df165d0f37d8ee$expor
     transform: translate3d(0, 0, 0);
   }
 `;
-var $6c6ab0c7e11286fc$export$2e2bcd8739ae039 = $6c6ab0c7e11286fc$var$slideInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}
- */ const $8c7f13c4c93f1d07$var$slideInLeft = $jvNZe$emotionreact.keyframes`
+const $83c671c42e55a388$export$8da96f801aa19ebe = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
@@ -1995,12 +1819,9 @@ var $6c6ab0c7e11286fc$export$2e2bcd8739ae039 = $6c6ab0c7e11286fc$var$slideInDown
     transform: translate3d(0, 0, 0);
   }
 `;
-var $8c7f13c4c93f1d07$export$2e2bcd8739ae039 = $8c7f13c4c93f1d07$var$slideInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}
- */ const $3593ff0ab342632c$var$slideInRight = $jvNZe$emotionreact.keyframes`
+const $a3c30b51c08a5fd5$export$706618d509d55167 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
@@ -2010,12 +1831,9 @@ var $8c7f13c4c93f1d07$export$2e2bcd8739ae039 = $8c7f13c4c93f1d07$var$slideInLeft
     transform: translate3d(0, 0, 0);
   }
 `;
-var $3593ff0ab342632c$export$2e2bcd8739ae039 = $3593ff0ab342632c$var$slideInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}
- */ const $db3ce51393f912ea$var$slideInUp = $jvNZe$emotionreact.keyframes`
+const $72d9e9426629a007$export$8ce8a09eb901d11 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 100%, 0);
     visibility: visible;
@@ -2025,14 +1843,11 @@ var $3593ff0ab342632c$export$2e2bcd8739ae039 = $3593ff0ab342632c$var$slideInRigh
     transform: translate3d(0, 0, 0);
   }
 `;
-var $db3ce51393f912ea$export$2e2bcd8739ae039 = $db3ce51393f912ea$var$slideInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}
- */ const $62ca7531e82bd2b3$var$slideOutDown = $jvNZe$emotionreact.keyframes`
+const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2042,12 +1857,9 @@ var $db3ce51393f912ea$export$2e2bcd8739ae039 = $db3ce51393f912ea$var$slideInUp;
     transform: translate3d(0, 100%, 0);
   }
 `;
-var $62ca7531e82bd2b3$export$2e2bcd8739ae039 = $62ca7531e82bd2b3$var$slideOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}
- */ const $81b646a716fd3523$var$slideOutLeft = $jvNZe$emotionreact.keyframes`
+const $a74adedc9b195b9f$export$78e157c613296941 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2057,12 +1869,9 @@ var $62ca7531e82bd2b3$export$2e2bcd8739ae039 = $62ca7531e82bd2b3$var$slideOutDow
     transform: translate3d(-100%, 0, 0);
   }
 `;
-var $81b646a716fd3523$export$2e2bcd8739ae039 = $81b646a716fd3523$var$slideOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}
- */ const $7249fbcb11e93291$var$slideOutRight = $jvNZe$emotionreact.keyframes`
+const $e378f8605569fffa$export$45629ceb9412b813 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2072,12 +1881,9 @@ var $81b646a716fd3523$export$2e2bcd8739ae039 = $81b646a716fd3523$var$slideOutLef
     transform: translate3d(100%, 0, 0);
   }
 `;
-var $7249fbcb11e93291$export$2e2bcd8739ae039 = $7249fbcb11e93291$var$slideOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}
- */ const $69c6fd8180cb3c78$var$slideOutUp = $jvNZe$emotionreact.keyframes`
+const $026acf3f541549c5$export$341210899707327e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2087,40 +1893,43 @@ var $7249fbcb11e93291$export$2e2bcd8739ae039 = $7249fbcb11e93291$var$slideOutRig
     transform: translate3d(0, -100%, 0);
   }
 `;
-var $69c6fd8180cb3c78$export$2e2bcd8739ae039 = $69c6fd8180cb3c78$var$slideOutUp;
 
 
 
 
-function $07df165d0f37d8ee$var$getSlideKeyframes(reverse, direction) {
+function $f6faa87ecc5f38b3$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $62ca7531e82bd2b3$export$2e2bcd8739ae039 : $6c6ab0c7e11286fc$export$2e2bcd8739ae039;
+            return reverse ? (0, $a3e33ea8b70d329f$export$4d23096b87fa05f1) : (0, $1af9db7d37d42750$export$8775e04aa1928f66);
         case "right":
-            return reverse ? $7249fbcb11e93291$export$2e2bcd8739ae039 : $3593ff0ab342632c$export$2e2bcd8739ae039;
+            return reverse ? (0, $e378f8605569fffa$export$45629ceb9412b813) : (0, $a3c30b51c08a5fd5$export$706618d509d55167);
         case "up":
-            return reverse ? $69c6fd8180cb3c78$export$2e2bcd8739ae039 : $db3ce51393f912ea$export$2e2bcd8739ae039;
+            return reverse ? (0, $026acf3f541549c5$export$341210899707327e) : (0, $72d9e9426629a007$export$8ce8a09eb901d11);
         case "left":
         default:
-            return reverse ? $81b646a716fd3523$export$2e2bcd8739ae039 : $8c7f13c4c93f1d07$export$2e2bcd8739ae039;
+            return reverse ? (0, $a74adedc9b195b9f$export$78e157c613296941) : (0, $83c671c42e55a388$export$8da96f801aa19ebe);
     }
 }
-const $07df165d0f37d8ee$export$d8dc01b5c85a37b9 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $07df165d0f37d8ee$var$getSlideKeyframes(reverse, direction),
-        ...otherProps
+const $f6faa87ecc5f38b3$export$d8dc01b5c85a37b9 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$f6faa87ecc5f38b3$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $a1971b899da2b0f4$exports = {};
+var $034268f68644a31d$exports = {};
+
+$parcel$export($034268f68644a31d$exports, "Zoom", () => $034268f68644a31d$export$65cfd44a2050f99);
 
-$parcel$export($a1971b899da2b0f4$exports, "Zoom", () => $a1971b899da2b0f4$export$65cfd44a2050f99);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}
- */ const $5a8061f25edadb57$var$zoomIn = $jvNZe$emotionreact.keyframes`
+const $dc843673fdba933c$export$3b71758b3ed5255f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3);
@@ -2130,12 +1939,9 @@ $parcel$export($a1971b899da2b0f4$exports, "Zoom", () => $a1971b899da2b0f4$export
     opacity: 1;
   }
 `;
-var $5a8061f25edadb57$export$2e2bcd8739ae039 = $5a8061f25edadb57$var$zoomIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}
- */ const $2a126738377e334d$var$zoomInDown = $jvNZe$emotionreact.keyframes`
+const $0b42e7a53c517724$export$f1fb318c9f90bd9f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
@@ -2148,12 +1954,9 @@ var $5a8061f25edadb57$export$2e2bcd8739ae039 = $5a8061f25edadb57$var$zoomIn;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $2a126738377e334d$export$2e2bcd8739ae039 = $2a126738377e334d$var$zoomInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}
- */ const $d6cb19b4b1fb363f$var$zoomInLeft = $jvNZe$emotionreact.keyframes`
+const $936eed8bd433459e$export$3b5491f6985de80 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
@@ -2166,12 +1969,9 @@ var $2a126738377e334d$export$2e2bcd8739ae039 = $2a126738377e334d$var$zoomInDown;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $d6cb19b4b1fb363f$export$2e2bcd8739ae039 = $d6cb19b4b1fb363f$var$zoomInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}
- */ const $830e3be91574e69a$var$zoomInRight = $jvNZe$emotionreact.keyframes`
+const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
@@ -2184,12 +1984,9 @@ var $d6cb19b4b1fb363f$export$2e2bcd8739ae039 = $d6cb19b4b1fb363f$var$zoomInLeft;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $830e3be91574e69a$export$2e2bcd8739ae039 = $830e3be91574e69a$var$zoomInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}
- */ const $480537a74ea2af16$var$zoomInUp = $jvNZe$emotionreact.keyframes`
+const $4ac9fc03a237a348$export$f8e431a03d821bd2 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
@@ -2202,14 +1999,11 @@ var $830e3be91574e69a$export$2e2bcd8739ae039 = $830e3be91574e69a$var$zoomInRight
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $480537a74ea2af16$export$2e2bcd8739ae039 = $480537a74ea2af16$var$zoomInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}
- */ const $4939be816ebea7f4$var$zoomOut = $jvNZe$emotionreact.keyframes`
+const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -2223,12 +2017,9 @@ var $480537a74ea2af16$export$2e2bcd8739ae039 = $480537a74ea2af16$var$zoomInUp;
     opacity: 0;
   }
 `;
-var $4939be816ebea7f4$export$2e2bcd8739ae039 = $4939be816ebea7f4$var$zoomOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}
- */ const $e4e2dccf2b48bf6d$var$zoomOutDown = $jvNZe$emotionreact.keyframes`
+const $24a33ab629d9f63a$export$10deba13beba726f = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
@@ -2241,12 +2032,9 @@ var $4939be816ebea7f4$export$2e2bcd8739ae039 = $4939be816ebea7f4$var$zoomOut;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $e4e2dccf2b48bf6d$export$2e2bcd8739ae039 = $e4e2dccf2b48bf6d$var$zoomOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}
- */ const $2a8f9fc1417580c6$var$zoomOutLeft = $jvNZe$emotionreact.keyframes`
+const $a6ffe5eb8dcf9326$export$a897bc2790be434e = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
@@ -2257,12 +2045,9 @@ var $e4e2dccf2b48bf6d$export$2e2bcd8739ae039 = $e4e2dccf2b48bf6d$var$zoomOutDown
     transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
 `;
-var $2a8f9fc1417580c6$export$2e2bcd8739ae039 = $2a8f9fc1417580c6$var$zoomOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}
- */ const $314b2d5a601485d8$var$zoomOutRight = $jvNZe$emotionreact.keyframes`
+const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
@@ -2273,12 +2058,9 @@ var $2a8f9fc1417580c6$export$2e2bcd8739ae039 = $2a8f9fc1417580c6$var$zoomOutLeft
     transform: scale(0.1) translate3d(2000px, 0, 0);
   }
 `;
-var $314b2d5a601485d8$export$2e2bcd8739ae039 = $314b2d5a601485d8$var$zoomOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}
- */ const $c3b967b5982d82c2$var$zoomOutUp = $jvNZe$emotionreact.keyframes`
+const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
@@ -2291,46 +2073,53 @@ var $314b2d5a601485d8$export$2e2bcd8739ae039 = $314b2d5a601485d8$var$zoomOutRigh
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $c3b967b5982d82c2$export$2e2bcd8739ae039 = $c3b967b5982d82c2$var$zoomOutUp;
 
 
 
 
-function $a1971b899da2b0f4$var$getZoomKeyframes(reverse, direction) {
+function $034268f68644a31d$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $e4e2dccf2b48bf6d$export$2e2bcd8739ae039 : $2a126738377e334d$export$2e2bcd8739ae039;
+            return reverse ? (0, $24a33ab629d9f63a$export$10deba13beba726f) : (0, $0b42e7a53c517724$export$f1fb318c9f90bd9f);
         case "left":
-            return reverse ? $2a8f9fc1417580c6$export$2e2bcd8739ae039 : $d6cb19b4b1fb363f$export$2e2bcd8739ae039;
+            return reverse ? (0, $a6ffe5eb8dcf9326$export$a897bc2790be434e) : (0, $936eed8bd433459e$export$3b5491f6985de80);
         case "right":
-            return reverse ? $314b2d5a601485d8$export$2e2bcd8739ae039 : $830e3be91574e69a$export$2e2bcd8739ae039;
+            return reverse ? (0, $62cd9c1d62e0c7bf$export$23fe0a856d31fa73) : (0, $ceb2fe140eb0ceb1$export$6d68984f8269fb51);
         case "up":
-            return reverse ? $c3b967b5982d82c2$export$2e2bcd8739ae039 : $480537a74ea2af16$export$2e2bcd8739ae039;
+            return reverse ? (0, $7ba775b3029ac26b$export$6c4c2ccf7a384b67) : (0, $4ac9fc03a237a348$export$f8e431a03d821bd2);
         default:
-            return reverse ? $4939be816ebea7f4$export$2e2bcd8739ae039 : $5a8061f25edadb57$export$2e2bcd8739ae039;
+            return reverse ? (0, $d60fcabdd553050f$export$9fdb0a49c6b4b521) : (0, $dc843673fdba933c$export$3b71758b3ed5255f);
     }
 }
-const $a1971b899da2b0f4$export$65cfd44a2050f99 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $jvNZe$reactjsxruntime.jsx($0dc893042da0d7c8$export$9a32a8eb4bb56ca3, {
-        keyframes: $a1971b899da2b0f4$var$getZoomKeyframes(reverse, direction),
-        ...otherProps
+const $034268f68644a31d$export$65cfd44a2050f99 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$034268f68644a31d$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $53b8ad22b050830b$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $538f81368e1b5055$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $38e0da7e8ca22f50$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $a24d7b7f95c41c0b$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $ba126b9772ca94c1$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $5923581cb4748dcc$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $9e09e3efd7b75ad7$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $f25af1ae851295d5$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $f6faa87ecc5f38b3$exports);
+$parcel$exportWildcard($b60c6d4b91d2d5a9$exports, $034268f68644a31d$exports);
+
+
 
 
-$parcel$exportWildcard(module.exports, $0dc893042da0d7c8$exports);
-$parcel$exportWildcard(module.exports, $7aeaa0f81815ca37$exports);
-$parcel$exportWildcard(module.exports, $fffb0955a91cdfcc$exports);
-$parcel$exportWildcard(module.exports, $5209bd71e721a5ee$exports);
-$parcel$exportWildcard(module.exports, $89b59ad7bbc0d1e7$exports);
-$parcel$exportWildcard(module.exports, $eaf9cd96450f3b6e$exports);
-$parcel$exportWildcard(module.exports, $f915fb955f517e10$exports);
-$parcel$exportWildcard(module.exports, $642c33dc6100b5f9$exports);
-$parcel$exportWildcard(module.exports, $66a44409d78104ce$exports);
-$parcel$exportWildcard(module.exports, $07df165d0f37d8ee$exports);
-$parcel$exportWildcard(module.exports, $a1971b899da2b0f4$exports);
+$parcel$exportWildcard(module.exports, $b60c6d4b91d2d5a9$exports);
+$parcel$exportWildcard(module.exports, $c8a4d927fd00b892$exports);
 
 
 //# sourceMappingURL=main.js.map