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

package/dist/module.js

@@ -1,20 +1,36 @@
-import {jsx as $1xU4C$jsx, Fragment as $1xU4C$Fragment} from "react/jsx-runtime";
-import {keyframes as $1xU4C$keyframes, css as $1xU4C$css, jsx as $1xU4C$jsx1, ClassNames as $1xU4C$ClassNames} from "@emotion/react";
-import {Children as $1xU4C$Children} from "react";
-import {InView as $1xU4C$InView} from "react-intersection-observer";
+import {jsx as $1xU4C$jsx, Fragment as $1xU4C$Fragment} from "@emotion/react/jsx-runtime";
+import {useMemo as $1xU4C$useMemo, Children as $1xU4C$Children, isValidElement as $1xU4C$isValidElement} from "react";
+import {keyframes as $1xU4C$keyframes, css as $1xU4C$css, ClassNames as $1xU4C$ClassNames} from "@emotion/react";
+import {InView as $1xU4C$InView, useInView as $1xU4C$useInView} from "react-intersection-observer";
 import {isFragment as $1xU4C$isFragment} from "react-is";
 
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $27c6f676ca37a07b$exports = {};
+var $93342add5dc68271$exports = {};
+var $b828946c3a57391e$exports = {};
+
+$parcel$export($b828946c3a57391e$exports, "AttentionSeeker", () => $b828946c3a57391e$export$1736648c5c27c79d);
 
-$parcel$export($27c6f676ca37a07b$exports, "AttentionSeeker", () => $27c6f676ca37a07b$export$1736648c5c27c79d);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}
- */ const $072a7cbe4ecc1120$var$bounce = $1xU4C$keyframes`
+const $775a2b03e866bcd9$export$e3ce947fb98643bf = (0, $1xU4C$keyframes)`
   from,
   20%,
   53%,
@@ -43,12 +59,9 @@ $parcel$export($27c6f676ca37a07b$exports, "AttentionSeeker", () => $27c6f676ca37
     transform: translate3d(0, -4px, 0) scaleY(1.02);
   }
 `;
-var $072a7cbe4ecc1120$export$2e2bcd8739ae039 = $072a7cbe4ecc1120$var$bounce;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}
- */ const $7f9e8ea54fef9bf6$var$flash = $1xU4C$keyframes`
+const $60e0e70d0ee57fd6$export$fff9462e59a6c087 = (0, $1xU4C$keyframes)`
   from,
   50%,
   to {
@@ -60,12 +73,9 @@ var $072a7cbe4ecc1120$export$2e2bcd8739ae039 = $072a7cbe4ecc1120$var$bounce;
     opacity: 0;
   }
 `;
-var $7f9e8ea54fef9bf6$export$2e2bcd8739ae039 = $7f9e8ea54fef9bf6$var$flash;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}
- */ const $9b3e7cd39ba40981$var$headShake = $1xU4C$keyframes`
+const $84ec4f3762e23138$export$cc718fa79617014c = (0, $1xU4C$keyframes)`
   0% {
     transform: translateX(0);
   }
@@ -90,12 +100,9 @@ var $7f9e8ea54fef9bf6$export$2e2bcd8739ae039 = $7f9e8ea54fef9bf6$var$flash;
     transform: translateX(0);
   }
 `;
-var $9b3e7cd39ba40981$export$2e2bcd8739ae039 = $9b3e7cd39ba40981$var$headShake;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}
- */ const $2b1d11fa2e0fa481$var$heartBeat = $1xU4C$keyframes`
+const $c8867408124071c8$export$f5767cd4e86f63a5 = (0, $1xU4C$keyframes)`
   0% {
     transform: scale(1);
   }
@@ -116,12 +123,9 @@ var $9b3e7cd39ba40981$export$2e2bcd8739ae039 = $9b3e7cd39ba40981$var$headShake;
     transform: scale(1);
   }
 `;
-var $2b1d11fa2e0fa481$export$2e2bcd8739ae039 = $2b1d11fa2e0fa481$var$heartBeat;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}
- */ const $636c9b72e95162fa$var$jello = $1xU4C$keyframes`
+const $ae66423e2feef3f1$export$821f6a9282d0ec8d = (0, $1xU4C$keyframes)`
   from,
   11.1%,
   to {
@@ -156,12 +160,9 @@ var $2b1d11fa2e0fa481$export$2e2bcd8739ae039 = $2b1d11fa2e0fa481$var$heartBeat;
     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
   }
 `;
-var $636c9b72e95162fa$export$2e2bcd8739ae039 = $636c9b72e95162fa$var$jello;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}
- */ const $12e06a24e14199b6$var$pulse = $1xU4C$keyframes`
+const $a95daebe57b5e1e5$export$f3aaf94dc96a60de = (0, $1xU4C$keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -174,12 +175,9 @@ var $636c9b72e95162fa$export$2e2bcd8739ae039 = $636c9b72e95162fa$var$jello;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $12e06a24e14199b6$export$2e2bcd8739ae039 = $12e06a24e14199b6$var$pulse;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}
- */ const $103ae0ef30cc5216$var$rubberBand = $1xU4C$keyframes`
+const $9ca3af9dea5fe859$export$bbc07f6a19d55e88 = (0, $1xU4C$keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -208,12 +206,9 @@ var $12e06a24e14199b6$export$2e2bcd8739ae039 = $12e06a24e14199b6$var$pulse;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $103ae0ef30cc5216$export$2e2bcd8739ae039 = $103ae0ef30cc5216$var$rubberBand;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}
- */ const $efda715f9249d1c2$var$shake = $1xU4C$keyframes`
+const $88c3a37920c89863$export$267b06a7460aa7d3 = (0, $1xU4C$keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -234,12 +229,9 @@ var $103ae0ef30cc5216$export$2e2bcd8739ae039 = $103ae0ef30cc5216$var$rubberBand;
     transform: translate3d(10px, 0, 0);
   }
 `;
-var $efda715f9249d1c2$export$2e2bcd8739ae039 = $efda715f9249d1c2$var$shake;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}
- */ const $37a3f69e45f75daa$var$shakeX = $1xU4C$keyframes`
+const $3a6f63f0cfcf24a9$export$8e99d6962f95c405 = (0, $1xU4C$keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -260,12 +252,9 @@ var $efda715f9249d1c2$export$2e2bcd8739ae039 = $efda715f9249d1c2$var$shake;
     transform: translate3d(10px, 0, 0);
   }
 `;
-var $37a3f69e45f75daa$export$2e2bcd8739ae039 = $37a3f69e45f75daa$var$shakeX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}
- */ const $f8f64fec9c4e344e$var$shakeY = $1xU4C$keyframes`
+const $65bcd71eb9001959$export$8c0595fc0dd256ce = (0, $1xU4C$keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -286,12 +275,9 @@ var $37a3f69e45f75daa$export$2e2bcd8739ae039 = $37a3f69e45f75daa$var$shakeX;
     transform: translate3d(0, 10px, 0);
   }
 `;
-var $f8f64fec9c4e344e$export$2e2bcd8739ae039 = $f8f64fec9c4e344e$var$shakeY;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}
- */ const $592adb2202e3f97c$var$swing = $1xU4C$keyframes`
+const $4fd2afcec80e2d0c$export$84fc4030631e573c = (0, $1xU4C$keyframes)`
   20% {
     transform: rotate3d(0, 0, 1, 15deg);
   }
@@ -312,12 +298,9 @@ var $f8f64fec9c4e344e$export$2e2bcd8739ae039 = $f8f64fec9c4e344e$var$shakeY;
     transform: rotate3d(0, 0, 1, 0deg);
   }
 `;
-var $592adb2202e3f97c$export$2e2bcd8739ae039 = $592adb2202e3f97c$var$swing;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}
- */ const $3a8fb309b913492a$var$tada = $1xU4C$keyframes`
+const $67b2a29a5612958d$export$1362d96c12095304 = (0, $1xU4C$keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -344,12 +327,9 @@ var $592adb2202e3f97c$export$2e2bcd8739ae039 = $592adb2202e3f97c$var$swing;
     transform: scale3d(1, 1, 1);
   }
 `;
-var $3a8fb309b913492a$export$2e2bcd8739ae039 = $3a8fb309b913492a$var$tada;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}
- */ const $122cb5950cbfa460$var$wobble = $1xU4C$keyframes`
+const $4efebc091d1cec75$export$138a91d3335be56 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -378,22 +358,82 @@ var $3a8fb309b913492a$export$2e2bcd8739ae039 = $3a8fb309b913492a$var$tada;
     transform: translate3d(0, 0, 0);
   }
 `;
-var $122cb5950cbfa460$export$2e2bcd8739ae039 = $122cb5950cbfa460$var$wobble;
 
 
 
-var $348e8e27c1fd4739$exports = {};
+var $dd2a0a37606c7cc8$exports = {};
 
-$parcel$export($348e8e27c1fd4739$exports, "Reveal", () => $348e8e27c1fd4739$export$9a32a8eb4bb56ca3);
+$parcel$export($dd2a0a37606c7cc8$exports, "Reveal", () => $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3);
 
 
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}
- */ const $766088ec006bac57$var$fadeInLeft = $1xU4C$keyframes`
+const $08200e99613389d0$export$82e6205b15e6c637 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`;
+
+
+const $366095fe4168c22b$export$27e0c58916e1badc = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $c71c36ef60c84c2f$export$f72096766ea3a089 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $f735e05763ec9f0c$export$6ecdcdb0033d0327 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $f30cacd4a0b6f42a$export$aa45f1f50300a7c0 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $138b216f24cd3352$export$d8fce5eeb232a07b = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0);
@@ -404,276 +444,365 @@ $parcel$export($348e8e27c1fd4739$exports, "Reveal", () => $348e8e27c1fd4739$expo
     transform: translate3d(0, 0, 0);
   }
 `;
-var $766088ec006bac57$export$2e2bcd8739ae039 = $766088ec006bac57$var$fadeInLeft;
 
 
+const $7cd8f6575a1a10fd$export$327c6b58e5f59d6f = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
 
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
 
-function $c869adffebf188bf$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $766088ec006bac57$export$2e2bcd8739ae039 , iterationCount: iterationCount = 1 ,  }) {
-    return $1xU4C$css({
-        animationDuration: `${duration}ms`,
-        animationTimingFunction: timingFunction,
-        animationDelay: `${delay}ms`,
-        animationName: keyframes,
-        animationDirection: "normal",
-        animationFillMode: "both",
-        animationIterationCount: iterationCount
-    });
+
+const $858c9afcf5e9cc61$export$7b78ca149b3ffe20 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $829b04a741706129$export$6f5ccd79656f671 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $bc109cfc9b233b31$export$d5bfa04a6ce7104f = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $c2f1837e4822dc2d$export$546bb2e31f381a81 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+const $aa30cfc033f0c6c8$export$f18a2356a26ed325 = (0, $1xU4C$keyframes)`
+  from {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+`;
+
+
+
+
+
+function $83a0c63b7d7fa82e$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = (0, $138b216f24cd3352$export$d8fce5eeb232a07b) , iterationCount: iterationCount = 1 ,  }) {
+    return (0, $1xU4C$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 $7b8cea8da94e0f4d$export$bedb7023a7733221(value) {
+function $1c19d828b946891f$export$bedb7023a7733221(value) {
     return value === null || value === undefined;
 }
-function $7b8cea8da94e0f4d$export$f832f653c73e86f8(value) {
+function $1c19d828b946891f$export$f832f653c73e86f8(value) {
     return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
 }
 
 
-const $348e8e27c1fd4739$var$hiddenCss = $1xU4C$css({
-    opacity: 0
-});
-const $348e8e27c1fd4739$var$textBaseCss = $1xU4C$css({
-    display: "inline-block",
-    whiteSpace: "pre"
-});
-const $348e8e27c1fd4739$export$9a32a8eb4bb56ca3 = ({ cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $766088ec006bac57$export$2e2bcd8739ae039 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  })=>{
-    if ($7b8cea8da94e0f4d$export$bedb7023a7733221(children)) return null;
-    if ($7b8cea8da94e0f4d$export$f832f653c73e86f8(children)) {
-        const stringifiedChildren = String(children);
-        return cascade ? /*#__PURE__*/ $1xU4C$jsx($1xU4C$InView, {
-            threshold: fraction,
-            triggerOnce: triggerOnce,
-            onChange: onVisibilityChange,
-            children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $1xU4C$jsx("div", {
-                    ref: ref,
-                    css: [
-                        revealCss,
-                        $348e8e27c1fd4739$var$textBaseCss
-                    ],
-                    className: className,
-                    style: style,
-                    children: stringifiedChildren.split("").map((char, index)=>$1xU4C$jsx1("span", {
-                            key: index,
-                            className: className,
-                            css: inView ? $c869adffebf188bf$export$cdf1f51c52cf49d8({
-                                keyframes: keyframes,
-                                delay: delay + index * duration * damping,
-                                duration: duration
-                            }) : $348e8e27c1fd4739$var$hiddenCss
-                        }, char)
-                    )
-                })
-        }) : /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-            delay: delay,
-            duration: duration,
-            fraction: fraction,
+const $dd2a0a37606c7cc8$var$hiddenStyles = (0, $1xU4C$css)`
+  opacity: 0;
+`;
+const $dd2a0a37606c7cc8$var$textBaseStyles = (0, $1xU4C$css)`
+  display: inline-block;
+  white-space: pre;
+`;
+const $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3 = (props)=>{
+    const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = (0, $138b216f24cd3352$export$d8fce5eeb232a07b) , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const animationStyles = (0, $1xU4C$useMemo)(()=>(0, $83a0c63b7d7fa82e$export$cdf1f51c52cf49d8)({
             keyframes: keyframes,
-            triggerOnce: triggerOnce,
-            css: revealCss,
-            className: className,
-            style: style,
-            children: stringifiedChildren
-        });
-    }
-    if ($1xU4C$isFragment(children)) return /*#__PURE__*/ $1xU4C$jsx($1xU4C$InView, {
-        threshold: fraction,
-        triggerOnce: triggerOnce,
-        onChange: onVisibilityChange,
-        children: ({ inView: inView , ref: ref  })=>$1xU4C$jsx1("div", {
-                ref: ref,
-                className: className,
-                css: inView ? [
-                    revealCss,
-                    $c869adffebf188bf$export$cdf1f51c52cf49d8({
-                        keyframes: keyframes,
-                        delay: delay,
-                        duration: duration
-                    })
-                ] : $348e8e27c1fd4739$var$hiddenCss,
-                style: style
-            }, children)
+            duration: duration
+        }), [
+        duration,
+        keyframes
+    ]);
+    if ((0, $1c19d828b946891f$export$bedb7023a7733221)(children)) return null;
+    if ((0, $1c19d828b946891f$export$f832f653c73e86f8)(children)) return (0, $1xU4C$jsx)($dd2a0a37606c7cc8$var$TextReveal, {
+        ...props,
+        animationStyles: animationStyles,
+        children: String(children)
+    });
+    if ((0, $1xU4C$isFragment)(children)) return (0, $1xU4C$jsx)($dd2a0a37606c7cc8$var$FragmentReveal, {
+        ...props,
+        animationStyles: animationStyles
     });
-    return /*#__PURE__*/ $1xU4C$jsx($1xU4C$Fragment, {
-        children: $1xU4C$Children.map(children, (node, index)=>{
-            const nodeElement = node;
-            const nodeCss = nodeElement.props.css ? [
-                nodeElement.props.css
-            ] : [];
-            nodeCss.push($c869adffebf188bf$export$cdf1f51c52cf49d8({
-                keyframes: keyframes,
-                delay: delay + (cascade ? index * duration * damping : 0),
-                duration: duration
-            }));
-            switch(nodeElement.type){
+    return (0, $1xU4C$jsx)((0, $1xU4C$Fragment), {
+        children: (0, $1xU4C$Children).map(children, (node, index)=>{
+            if (!/*#__PURE__*/ (0, $1xU4C$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__*/ $1xU4C$jsx($1xU4C$ClassNames, {
-                        children: ({ cx: cx  })=>$1xU4C$jsx1(nodeElement.type, {
-                                ...nodeElement.props,
-                                className: cx(className, nodeElement.props.className),
+                    return (0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
+                        children: ({ cx: cx  })=>(0, $1xU4C$jsx)(node.type, {
+                                ...node.props,
+                                className: cx(className, node.props.className),
                                 style: {
                                     ...style,
-                                    ...nodeElement.props.style
-                                }
-                            }, /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$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, $1xU4C$jsx)($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
+                                    ...props,
+                                    children: node.props.children
+                                })
+                            })
                     });
                 case "li":
-                    return /*#__PURE__*/ $1xU4C$jsx($1xU4C$InView, {
+                    return (0, $1xU4C$jsx)((0, $1xU4C$InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>/*#__PURE__*/ $1xU4C$jsx($1xU4C$ClassNames, {
-                                children: ({ cx: cx  })=>$1xU4C$jsx1(nodeElement.type, {
-                                        ...nodeElement.props,
+                        children: ({ inView: inView , ref: ref  })=>(0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
+                                children: ({ cx: cx  })=>(0, $1xU4C$jsx)(node.type, {
+                                        ...node.props,
                                         ref: ref,
-                                        css: inView ? [
-                                            revealCss,
-                                            ...nodeCss
-                                        ] : $348e8e27c1fd4739$var$hiddenCss,
-                                        className: cx(childClassName, nodeElement.props.className),
+                                        className: cx(childClassName, node.props.className),
+                                        css: inView ? inViewStyles : $dd2a0a37606c7cc8$var$hiddenStyles,
                                         style: {
                                             ...childStyle,
-                                            ...nodeElement.props.style
+                                            ...node.props.style,
+                                            animationDelay: nodeDelay + "ms"
                                         }
                                     })
                             })
                     });
                 default:
-                    return /*#__PURE__*/ $1xU4C$jsx($1xU4C$InView, {
+                    return (0, $1xU4C$jsx)((0, $1xU4C$InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>$1xU4C$jsx1("div", {
+                        children: ({ inView: inView , ref: ref  })=>(0, $1xU4C$jsx)("div", {
                                 ref: ref,
                                 className: className,
-                                css: inView ? [
-                                    revealCss,
-                                    ...nodeCss
-                                ] : $348e8e27c1fd4739$var$hiddenCss,
-                                style: style
-                            }, /*#__PURE__*/ $1xU4C$jsx($1xU4C$ClassNames, {
-                                children: ({ cx: cx  })=>$1xU4C$jsx1(nodeElement.type, {
-                                        ...nodeElement.props,
-                                        className: cx(childClassName, nodeElement.props.className),
-                                        style: {
-                                            ...childStyle,
-                                            ...nodeElement.props.style
-                                        }
-                                    })
-                            }))
+                                css: inView ? inViewStyles : $dd2a0a37606c7cc8$var$hiddenStyles,
+                                style: {
+                                    ...style,
+                                    animationDelay: nodeDelay + "ms"
+                                },
+                                children: (0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
+                                    children: ({ cx: cx  })=>(0, $1xU4C$jsx)(node.type, {
+                                            ...node.props,
+                                            className: cx(childClassName, node.props.className),
+                                            style: {
+                                                ...childStyle,
+                                                ...node.props.style
+                                            }
+                                        })
+                                })
+                            })
                     });
             }
         })
     });
 };
+const $dd2a0a37606c7cc8$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, $1xU4C$useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    return cascade ? (0, $1xU4C$jsx)("div", {
+        ref: ref,
+        className: className,
+        css: [
+            revealCss,
+            $dd2a0a37606c7cc8$var$textBaseStyles
+        ],
+        style: style,
+        children: children.split("").map((char, index)=>(0, $1xU4C$jsx)("span", {
+                css: inView ? animationStyles : $dd2a0a37606c7cc8$var$hiddenStyles,
+                style: {
+                    animationDelay: delay + index * duration * damping + "ms"
+                },
+                children: char
+            }, index))
+    }) : (0, $1xU4C$jsx)($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
+        ...props,
+        children: children
+    });
+};
+const $dd2a0a37606c7cc8$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, $1xU4C$useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    const inViewStyles = [
+        revealCss,
+        animationStyles
+    ];
+    return (0, $1xU4C$jsx)("div", {
+        ref: ref,
+        className: className,
+        css: inView ? inViewStyles : $dd2a0a37606c7cc8$var$hiddenStyles,
+        style: style,
+        children: children
+    });
+};
 
 
-function $27c6f676ca37a07b$var$getAttentionSeekerKeyframesAndCss(effect) {
+function $b828946c3a57391e$var$getStyles(effect) {
     switch(effect){
         case "flash":
             return [
-                $7f9e8ea54fef9bf6$export$2e2bcd8739ae039
+                (0, $60e0e70d0ee57fd6$export$fff9462e59a6c087)
             ];
         case "headShake":
             return [
-                $9b3e7cd39ba40981$export$2e2bcd8739ae039,
+                (0, $84ec4f3762e23138$export$cc718fa79617014c),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "heartBeat":
             return [
-                $2b1d11fa2e0fa481$export$2e2bcd8739ae039,
+                (0, $c8867408124071c8$export$f5767cd4e86f63a5),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "jello":
             return [
-                $636c9b72e95162fa$export$2e2bcd8739ae039,
+                (0, $ae66423e2feef3f1$export$821f6a9282d0ec8d),
                 {
                     transformOrigin: "center"
                 }
             ];
         case "pulse":
             return [
-                $12e06a24e14199b6$export$2e2bcd8739ae039,
+                (0, $a95daebe57b5e1e5$export$f3aaf94dc96a60de),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "rubberBand":
             return [
-                $103ae0ef30cc5216$export$2e2bcd8739ae039
+                (0, $9ca3af9dea5fe859$export$bbc07f6a19d55e88)
             ];
         case "shake":
             return [
-                $efda715f9249d1c2$export$2e2bcd8739ae039
+                (0, $88c3a37920c89863$export$267b06a7460aa7d3)
             ];
         case "shakeX":
             return [
-                $37a3f69e45f75daa$export$2e2bcd8739ae039
+                (0, $3a6f63f0cfcf24a9$export$8e99d6962f95c405)
             ];
         case "shakeY":
             return [
-                $f8f64fec9c4e344e$export$2e2bcd8739ae039
+                (0, $65bcd71eb9001959$export$8c0595fc0dd256ce)
             ];
         case "swing":
             return [
-                $592adb2202e3f97c$export$2e2bcd8739ae039,
+                (0, $4fd2afcec80e2d0c$export$84fc4030631e573c),
                 {
                     transformOrigin: "top center"
                 }
             ];
         case "tada":
             return [
-                $3a8fb309b913492a$export$2e2bcd8739ae039
+                (0, $67b2a29a5612958d$export$1362d96c12095304)
             ];
         case "wobble":
             return [
-                $122cb5950cbfa460$export$2e2bcd8739ae039
+                (0, $4efebc091d1cec75$export$138a91d3335be56)
             ];
         case "bounce":
         default:
             return [
-                $072a7cbe4ecc1120$export$2e2bcd8739ae039,
+                (0, $775a2b03e866bcd9$export$e3ce947fb98643bf),
                 {
                     transformOrigin: "center bottom"
                 }
             ];
     }
 }
-const $27c6f676ca37a07b$export$1736648c5c27c79d = ({ effect: effect = "bounce" , ...otherProps })=>{
-    const [keyframes, animationCss] = $27c6f676ca37a07b$var$getAttentionSeekerKeyframesAndCss(effect);
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
+const $b828946c3a57391e$export$1736648c5c27c79d = (props)=>{
+    const { effect: effect = "bounce" , ...rest } = props;
+    const [keyframes, animationCss] = (0, $1xU4C$useMemo)(()=>$b828946c3a57391e$var$getStyles(effect), [
+        effect
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         css: animationCss,
-        ...otherProps
+        ...rest
     });
 };
 
 
-var $6d7835af3e34c282$exports = {};
+var $bb6327b1f47bffee$exports = {};
 
-$parcel$export($6d7835af3e34c282$exports, "Bounce", () => $6d7835af3e34c282$export$d20e79fdc3899e95);
+$parcel$export($bb6327b1f47bffee$exports, "Bounce", () => $bb6327b1f47bffee$export$d20e79fdc3899e95);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}
- */ const $225d2c620cec0fc4$var$bounceIn = $1xU4C$keyframes`
+
+const $f23f07773ccaa81e$export$fccebd7948554554 = (0, $1xU4C$keyframes)`
   from,
   20%,
   40%,
@@ -710,12 +839,9 @@ $parcel$export($6d7835af3e34c282$exports, "Bounce", () => $6d7835af3e34c282$expo
     transform: scale3d(1, 1, 1);
   }
 `;
-var $225d2c620cec0fc4$export$2e2bcd8739ae039 = $225d2c620cec0fc4$var$bounceIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}
- */ const $862f596a8c0b3a28$var$bounceInDown = $1xU4C$keyframes`
+const $cb0c7cbcbf809567$export$5567dcc4c3474880 = (0, $1xU4C$keyframes)`
   from,
   60%,
   75%,
@@ -746,12 +872,9 @@ var $225d2c620cec0fc4$export$2e2bcd8739ae039 = $225d2c620cec0fc4$var$bounceIn;
     transform: translate3d(0, 0, 0);
   }
 `;
-var $862f596a8c0b3a28$export$2e2bcd8739ae039 = $862f596a8c0b3a28$var$bounceInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}
- */ const $394da2989199a140$var$bounceInLeft = $1xU4C$keyframes`
+const $0cebab2ec78c5352$export$92fd46a1c9da5ead = (0, $1xU4C$keyframes)`
   from,
   60%,
   75%,
@@ -782,12 +905,9 @@ var $862f596a8c0b3a28$export$2e2bcd8739ae039 = $862f596a8c0b3a28$var$bounceInDow
     transform: translate3d(0, 0, 0);
   }
 `;
-var $394da2989199a140$export$2e2bcd8739ae039 = $394da2989199a140$var$bounceInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}
- */ const $2c609573725c63b4$var$bounceInRight = $1xU4C$keyframes`
+const $e627ac5da737c319$export$aebe35d18555813a = (0, $1xU4C$keyframes)`
   from,
   60%,
   75%,
@@ -818,12 +938,9 @@ var $394da2989199a140$export$2e2bcd8739ae039 = $394da2989199a140$var$bounceInLef
     transform: translate3d(0, 0, 0);
   }
 `;
-var $2c609573725c63b4$export$2e2bcd8739ae039 = $2c609573725c63b4$var$bounceInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}
- */ const $05f75f57dc2a2a69$var$bounceInUp = $1xU4C$keyframes`
+const $ae0ebc4be3d9e415$export$9e7bc32a82042281 = (0, $1xU4C$keyframes)`
   from,
   60%,
   75%,
@@ -854,14 +971,11 @@ var $2c609573725c63b4$export$2e2bcd8739ae039 = $2c609573725c63b4$var$bounceInRig
     transform: translate3d(0, 0, 0);
   }
 `;
-var $05f75f57dc2a2a69$export$2e2bcd8739ae039 = $05f75f57dc2a2a69$var$bounceInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}
- */ const $1627eba833757add$var$bounceOut = $1xU4C$keyframes`
+const $8dd7d3345c71ecd6$export$cccc9e04465dce11 = (0, $1xU4C$keyframes)`
   20% {
     transform: scale3d(0.9, 0.9, 0.9);
   }
@@ -877,12 +991,9 @@ var $05f75f57dc2a2a69$export$2e2bcd8739ae039 = $05f75f57dc2a2a69$var$bounceInUp;
     transform: scale3d(0.3, 0.3, 0.3);
   }
 `;
-var $1627eba833757add$export$2e2bcd8739ae039 = $1627eba833757add$var$bounceOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}
- */ const $c74885083c17b4a2$var$bounceOutDown = $1xU4C$keyframes`
+const $e21944c4774dcfc8$export$26ce0cf84248400c = (0, $1xU4C$keyframes)`
   20% {
     transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
@@ -898,12 +1009,9 @@ var $1627eba833757add$export$2e2bcd8739ae039 = $1627eba833757add$var$bounceOut;
     transform: translate3d(0, 2000px, 0) scaleY(3);
   }
 `;
-var $c74885083c17b4a2$export$2e2bcd8739ae039 = $c74885083c17b4a2$var$bounceOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}
- */ const $44b6381930a36f2f$var$bounceOutLeft = $1xU4C$keyframes`
+const $6e2056233ddc9e07$export$3dabd2f5ee26f898 = (0, $1xU4C$keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0) scaleX(0.9);
@@ -914,12 +1022,9 @@ var $c74885083c17b4a2$export$2e2bcd8739ae039 = $c74885083c17b4a2$var$bounceOutDo
     transform: translate3d(-2000px, 0, 0) scaleX(2);
   }
 `;
-var $44b6381930a36f2f$export$2e2bcd8739ae039 = $44b6381930a36f2f$var$bounceOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}
- */ const $c9ea0a6b398e0cf6$var$bounceOutRight = $1xU4C$keyframes`
+const $d28f4592496a3ac2$export$7b4a033090b713a = (0, $1xU4C$keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(-20px, 0, 0) scaleX(0.9);
@@ -930,12 +1035,9 @@ var $44b6381930a36f2f$export$2e2bcd8739ae039 = $44b6381930a36f2f$var$bounceOutLe
     transform: translate3d(2000px, 0, 0) scaleX(2);
   }
 `;
-var $c9ea0a6b398e0cf6$export$2e2bcd8739ae039 = $c9ea0a6b398e0cf6$var$bounceOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}
- */ const $aaa29d9c17bb4457$var$bounceOutUp = $1xU4C$keyframes`
+const $25ef3a9d11ae653f$export$fe9810e7e30c9caa = (0, $1xU4C$keyframes)`
   20% {
     transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
@@ -951,247 +1053,56 @@ var $c9ea0a6b398e0cf6$export$2e2bcd8739ae039 = $c9ea0a6b398e0cf6$var$bounceOutRi
     transform: translate3d(0, -2000px, 0) scaleY(3);
   }
 `;
-var $aaa29d9c17bb4457$export$2e2bcd8739ae039 = $aaa29d9c17bb4457$var$bounceOutUp;
 
 
 
 
-function $6d7835af3e34c282$var$getBounceKeyframes(reverse, direction) {
+function $bb6327b1f47bffee$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $c74885083c17b4a2$export$2e2bcd8739ae039 : $862f596a8c0b3a28$export$2e2bcd8739ae039;
+            return reverse ? (0, $e21944c4774dcfc8$export$26ce0cf84248400c) : (0, $cb0c7cbcbf809567$export$5567dcc4c3474880);
         case "left":
-            return reverse ? $44b6381930a36f2f$export$2e2bcd8739ae039 : $394da2989199a140$export$2e2bcd8739ae039;
+            return reverse ? (0, $6e2056233ddc9e07$export$3dabd2f5ee26f898) : (0, $0cebab2ec78c5352$export$92fd46a1c9da5ead);
         case "right":
-            return reverse ? $c9ea0a6b398e0cf6$export$2e2bcd8739ae039 : $2c609573725c63b4$export$2e2bcd8739ae039;
+            return reverse ? (0, $d28f4592496a3ac2$export$7b4a033090b713a) : (0, $e627ac5da737c319$export$aebe35d18555813a);
         case "up":
-            return reverse ? $aaa29d9c17bb4457$export$2e2bcd8739ae039 : $05f75f57dc2a2a69$export$2e2bcd8739ae039;
+            return reverse ? (0, $25ef3a9d11ae653f$export$fe9810e7e30c9caa) : (0, $ae0ebc4be3d9e415$export$9e7bc32a82042281);
         default:
-            return reverse ? $1627eba833757add$export$2e2bcd8739ae039 : $225d2c620cec0fc4$export$2e2bcd8739ae039;
+            return reverse ? (0, $8dd7d3345c71ecd6$export$cccc9e04465dce11) : (0, $f23f07773ccaa81e$export$fccebd7948554554);
     }
 }
-const $6d7835af3e34c282$export$d20e79fdc3899e95 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $6d7835af3e34c282$var$getBounceKeyframes(reverse, direction),
-        ...otherProps
+const $bb6327b1f47bffee$export$d20e79fdc3899e95 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$bb6327b1f47bffee$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $5636a681ca3906a5$exports = {};
-
-$parcel$export($5636a681ca3906a5$exports, "Fade", () => $5636a681ca3906a5$export$c983850c6c9d8b0e);
+var $adcb99eda27e89cd$exports = {};
 
+$parcel$export($adcb99eda27e89cd$exports, "Fade", () => $adcb99eda27e89cd$export$c983850c6c9d8b0e);
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}
- */ const $4988ccc317a1c660$var$fadeIn = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-  }
 
-  to {
-    opacity: 1;
-  }
-`;
-var $4988ccc317a1c660$export$2e2bcd8739ae039 = $4988ccc317a1c660$var$fadeIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}
- */ const $b8d451d46c88cefd$var$fadeInBottomLeft = $1xU4C$keyframes`
+const $10b9de0e704be0a9$export$c091916f1530334c = (0, $1xU4C$keyframes)`
   from {
-    opacity: 0;
-    transform: translate3d(-100%, 100%, 0);
-  }
-
-  to {
     opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $b8d451d46c88cefd$export$2e2bcd8739ae039 = $b8d451d46c88cefd$var$fadeInBottomLeft;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}
- */ const $b438ccf5924f6241$var$fadeInBottomRight = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 100%, 0);
   }
 
   to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $b438ccf5924f6241$export$2e2bcd8739ae039 = $b438ccf5924f6241$var$fadeInBottomRight;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}
- */ const $b6f9ee9cc163fa77$var$fadeInDown = $1xU4C$keyframes`
-  from {
     opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
   }
 `;
-var $b6f9ee9cc163fa77$export$2e2bcd8739ae039 = $b6f9ee9cc163fa77$var$fadeInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}
- */ const $0190d63bff9cca8c$var$fadeInDownBig = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, -2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $0190d63bff9cca8c$export$2e2bcd8739ae039 = $0190d63bff9cca8c$var$fadeInDownBig;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}
- */ const $e424dd5f746530ff$var$fadeInLeftBig = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(-2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $e424dd5f746530ff$export$2e2bcd8739ae039 = $e424dd5f746530ff$var$fadeInLeftBig;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}
- */ const $09197032235941a0$var$fadeInRight = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $09197032235941a0$export$2e2bcd8739ae039 = $09197032235941a0$var$fadeInRight;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}
- */ const $c91b19e8860a8951$var$fadeInRightBig = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $c91b19e8860a8951$export$2e2bcd8739ae039 = $c91b19e8860a8951$var$fadeInRightBig;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}
- */ const $26d6e9a754c2b83a$var$fadeInTopLeft = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(-100%, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $26d6e9a754c2b83a$export$2e2bcd8739ae039 = $26d6e9a754c2b83a$var$fadeInTopLeft;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}
- */ const $6f90ec89dcd1b206$var$fadeInTopRight = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(100%, -100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $6f90ec89dcd1b206$export$2e2bcd8739ae039 = $6f90ec89dcd1b206$var$fadeInTopRight;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}
- */ const $7c4a1e9f5cc11bc1$var$fadeInUp = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, 100%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $7c4a1e9f5cc11bc1$export$2e2bcd8739ae039 = $7c4a1e9f5cc11bc1$var$fadeInUp;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}
- */ const $b294c672344c3650$var$fadeInUpBig = $1xU4C$keyframes`
-  from {
-    opacity: 0;
-    transform: translate3d(0, 2000px, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-`;
-var $b294c672344c3650$export$2e2bcd8739ae039 = $b294c672344c3650$var$fadeInUpBig;
-
-
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}
- */ const $5ead6c20ae18819e$var$fadeOut = $1xU4C$keyframes`
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-`;
-var $5ead6c20ae18819e$export$2e2bcd8739ae039 = $5ead6c20ae18819e$var$fadeOut;
-
-
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}
- */ const $cdabae72f67035bc$var$fadeOutBottomLeft = $1xU4C$keyframes`
+const $c986105b0d63214f$export$19a945979f1fb3dc = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1202,12 +1113,9 @@ var $5ead6c20ae18819e$export$2e2bcd8739ae039 = $5ead6c20ae18819e$var$fadeOut;
     transform: translate3d(-100%, 100%, 0);
   }
 `;
-var $cdabae72f67035bc$export$2e2bcd8739ae039 = $cdabae72f67035bc$var$fadeOutBottomLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}
- */ const $18d32f912d2c26e0$var$fadeOutBottomRight = $1xU4C$keyframes`
+const $b2ae8909c8c95f0f$export$5728b370175ac481 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1218,12 +1126,9 @@ var $cdabae72f67035bc$export$2e2bcd8739ae039 = $cdabae72f67035bc$var$fadeOutBott
     transform: translate3d(100%, 100%, 0);
   }
 `;
-var $18d32f912d2c26e0$export$2e2bcd8739ae039 = $18d32f912d2c26e0$var$fadeOutBottomRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}
- */ const $d67639828d565e2c$var$fadeOutDown = $1xU4C$keyframes`
+const $786dfbf27ee43a53$export$918ddd2a9d66b46e = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1233,12 +1138,9 @@ var $18d32f912d2c26e0$export$2e2bcd8739ae039 = $18d32f912d2c26e0$var$fadeOutBott
     transform: translate3d(0, 100%, 0);
   }
 `;
-var $d67639828d565e2c$export$2e2bcd8739ae039 = $d67639828d565e2c$var$fadeOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDownBig.css}
- */ const $370195446b00db62$var$fadeOutDownBig = $1xU4C$keyframes`
+const $30ecc333f4f638c6$export$658ef65a86bafcbd = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1248,12 +1150,9 @@ var $d67639828d565e2c$export$2e2bcd8739ae039 = $d67639828d565e2c$var$fadeOutDown
     transform: translate3d(0, 2000px, 0);
   }
 `;
-var $370195446b00db62$export$2e2bcd8739ae039 = $370195446b00db62$var$fadeOutDownBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeft.css}
- */ const $949f5570f1f6795f$var$fadeOutLeft = $1xU4C$keyframes`
+const $5a5a87fc1ae727ce$export$99efea88984e567e = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1263,12 +1162,9 @@ var $370195446b00db62$export$2e2bcd8739ae039 = $370195446b00db62$var$fadeOutDown
     transform: translate3d(-100%, 0, 0);
   }
 `;
-var $949f5570f1f6795f$export$2e2bcd8739ae039 = $949f5570f1f6795f$var$fadeOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeftBig.css}
- */ const $c620dbfd2aa67895$var$fadeOutLeftBig = $1xU4C$keyframes`
+const $02f1098f7416aebc$export$3a9dc8f9529ceff5 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1278,12 +1174,9 @@ var $949f5570f1f6795f$export$2e2bcd8739ae039 = $949f5570f1f6795f$var$fadeOutLeft
     transform: translate3d(-2000px, 0, 0);
   }
 `;
-var $c620dbfd2aa67895$export$2e2bcd8739ae039 = $c620dbfd2aa67895$var$fadeOutLeftBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRight.css}
- */ const $992ab8608edc9486$var$fadeOutRight = $1xU4C$keyframes`
+const $d29cff0228f6cb2e$export$1541972369870d64 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1293,12 +1186,9 @@ var $c620dbfd2aa67895$export$2e2bcd8739ae039 = $c620dbfd2aa67895$var$fadeOutLeft
     transform: translate3d(100%, 0, 0);
   }
 `;
-var $992ab8608edc9486$export$2e2bcd8739ae039 = $992ab8608edc9486$var$fadeOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRightBig.css}
- */ const $6e0ee1cb34c4cdb2$var$fadeOutRightBig = $1xU4C$keyframes`
+const $904a461673c31049$export$d3f8667912a1aaa1 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1308,12 +1198,9 @@ var $992ab8608edc9486$export$2e2bcd8739ae039 = $992ab8608edc9486$var$fadeOutRigh
     transform: translate3d(2000px, 0, 0);
   }
 `;
-var $6e0ee1cb34c4cdb2$export$2e2bcd8739ae039 = $6e0ee1cb34c4cdb2$var$fadeOutRightBig;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopLeft.css}
- */ const $65de150f1791b4e0$var$fadeOutTopLeft = $1xU4C$keyframes`
+const $7b17baffb6a876fc$export$cc0980c21917f2b0 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1324,12 +1211,9 @@ var $6e0ee1cb34c4cdb2$export$2e2bcd8739ae039 = $6e0ee1cb34c4cdb2$var$fadeOutRigh
     transform: translate3d(-100%, -100%, 0);
   }
 `;
-var $65de150f1791b4e0$export$2e2bcd8739ae039 = $65de150f1791b4e0$var$fadeOutTopLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopRight.css}
- */ const $61d86e163555c910$var$fadeOutTopRight = $1xU4C$keyframes`
+const $c3f459764655acf7$export$510f794173174a8b = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1340,12 +1224,9 @@ var $65de150f1791b4e0$export$2e2bcd8739ae039 = $65de150f1791b4e0$var$fadeOutTopL
     transform: translate3d(100%, -100%, 0);
   }
 `;
-var $61d86e163555c910$export$2e2bcd8739ae039 = $61d86e163555c910$var$fadeOutTopRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUp.css}
- */ const $ddcbeb245bd295b8$var$fadeOutUp = $1xU4C$keyframes`
+const $2796cd5f6b3ee53e$export$4163084011e71929 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1355,12 +1236,9 @@ var $61d86e163555c910$export$2e2bcd8739ae039 = $61d86e163555c910$var$fadeOutTopR
     transform: translate3d(0, -100%, 0);
   }
 `;
-var $ddcbeb245bd295b8$export$2e2bcd8739ae039 = $ddcbeb245bd295b8$var$fadeOutUp;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUpBig.css}
- */ const $e464c0f8e7b64aca$var$fadeOutUpBig = $1xU4C$keyframes`
+const $4b33f120f7b08d73$export$b0540367e09512e9 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1370,49 +1248,54 @@ var $ddcbeb245bd295b8$export$2e2bcd8739ae039 = $ddcbeb245bd295b8$var$fadeOutUp;
     transform: translate3d(0, -2000px, 0);
   }
 `;
-var $e464c0f8e7b64aca$export$2e2bcd8739ae039 = $e464c0f8e7b64aca$var$fadeOutUpBig;
 
 
 
 
-function $5636a681ca3906a5$var$getFadeKeyframes(big, reverse, direction) {
+function $adcb99eda27e89cd$var$getStyles(big, reverse, direction) {
     switch(direction){
         case "bottom-left":
-            return reverse ? $cdabae72f67035bc$export$2e2bcd8739ae039 : $b8d451d46c88cefd$export$2e2bcd8739ae039;
+            return reverse ? (0, $c986105b0d63214f$export$19a945979f1fb3dc) : (0, $366095fe4168c22b$export$27e0c58916e1badc);
         case "bottom-right":
-            return reverse ? $18d32f912d2c26e0$export$2e2bcd8739ae039 : $b438ccf5924f6241$export$2e2bcd8739ae039;
+            return reverse ? (0, $b2ae8909c8c95f0f$export$5728b370175ac481) : (0, $c71c36ef60c84c2f$export$f72096766ea3a089);
         case "down":
-            return big ? reverse ? $370195446b00db62$export$2e2bcd8739ae039 : $0190d63bff9cca8c$export$2e2bcd8739ae039 : reverse ? $d67639828d565e2c$export$2e2bcd8739ae039 : $b6f9ee9cc163fa77$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $30ecc333f4f638c6$export$658ef65a86bafcbd) : (0, $f30cacd4a0b6f42a$export$aa45f1f50300a7c0) : reverse ? (0, $786dfbf27ee43a53$export$918ddd2a9d66b46e) : (0, $f735e05763ec9f0c$export$6ecdcdb0033d0327);
         case "left":
-            return big ? reverse ? $c620dbfd2aa67895$export$2e2bcd8739ae039 : $e424dd5f746530ff$export$2e2bcd8739ae039 : reverse ? $949f5570f1f6795f$export$2e2bcd8739ae039 : $766088ec006bac57$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $02f1098f7416aebc$export$3a9dc8f9529ceff5) : (0, $7cd8f6575a1a10fd$export$327c6b58e5f59d6f) : reverse ? (0, $5a5a87fc1ae727ce$export$99efea88984e567e) : (0, $138b216f24cd3352$export$d8fce5eeb232a07b);
         case "right":
-            return big ? reverse ? $6e0ee1cb34c4cdb2$export$2e2bcd8739ae039 : $c91b19e8860a8951$export$2e2bcd8739ae039 : reverse ? $992ab8608edc9486$export$2e2bcd8739ae039 : $09197032235941a0$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $904a461673c31049$export$d3f8667912a1aaa1) : (0, $829b04a741706129$export$6f5ccd79656f671) : reverse ? (0, $d29cff0228f6cb2e$export$1541972369870d64) : (0, $858c9afcf5e9cc61$export$7b78ca149b3ffe20);
         case "top-left":
-            return reverse ? $65de150f1791b4e0$export$2e2bcd8739ae039 : $26d6e9a754c2b83a$export$2e2bcd8739ae039;
+            return reverse ? (0, $7b17baffb6a876fc$export$cc0980c21917f2b0) : (0, $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3);
         case "top-right":
-            return reverse ? $61d86e163555c910$export$2e2bcd8739ae039 : $6f90ec89dcd1b206$export$2e2bcd8739ae039;
+            return reverse ? (0, $c3f459764655acf7$export$510f794173174a8b) : (0, $bc109cfc9b233b31$export$d5bfa04a6ce7104f);
         case "up":
-            return big ? reverse ? $e464c0f8e7b64aca$export$2e2bcd8739ae039 : $b294c672344c3650$export$2e2bcd8739ae039 : reverse ? $ddcbeb245bd295b8$export$2e2bcd8739ae039 : $7c4a1e9f5cc11bc1$export$2e2bcd8739ae039;
+            return big ? reverse ? (0, $4b33f120f7b08d73$export$b0540367e09512e9) : (0, $aa30cfc033f0c6c8$export$f18a2356a26ed325) : reverse ? (0, $2796cd5f6b3ee53e$export$4163084011e71929) : (0, $c2f1837e4822dc2d$export$546bb2e31f381a81);
         default:
-            return reverse ? $5ead6c20ae18819e$export$2e2bcd8739ae039 : $4988ccc317a1c660$export$2e2bcd8739ae039;
+            return reverse ? (0, $10b9de0e704be0a9$export$c091916f1530334c) : (0, $08200e99613389d0$export$82e6205b15e6c637);
     }
 }
-const $5636a681ca3906a5$export$c983850c6c9d8b0e = ({ big: big = false , direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $5636a681ca3906a5$var$getFadeKeyframes(big, reverse, direction),
-        ...otherProps
+const $adcb99eda27e89cd$export$c983850c6c9d8b0e = (props)=>{
+    const { big: big = false , direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$adcb99eda27e89cd$var$getStyles(big, reverse, direction), [
+        big,
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $ccc88f417d8ce8b4$exports = {};
+var $f0d920b909797485$exports = {};
 
-$parcel$export($ccc88f417d8ce8b4$exports, "Flip", () => $ccc88f417d8ce8b4$export$4d2fae537bd90431);
+$parcel$export($f0d920b909797485$exports, "Flip", () => $f0d920b909797485$export$4d2fae537bd90431);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flip.css}
- */ const $2a8335ecd24562d4$var$flip = $1xU4C$keyframes`
+
+
+const $eec6c40c650fffda$export$8a83211c878a3f1f = (0, $1xU4C$keyframes)`
   from {
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     animation-timing-function: ease-out;
@@ -1441,12 +1324,9 @@ $parcel$export($ccc88f417d8ce8b4$exports, "Flip", () => $ccc88f417d8ce8b4$export
     animation-timing-function: ease-in;
   }
 `;
-var $2a8335ecd24562d4$export$2e2bcd8739ae039 = $2a8335ecd24562d4$var$flip;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}
- */ const $f34968af6c2a1826$var$flipInX = $1xU4C$keyframes`
+const $d0caf64734ff9f36$export$68ed1a067f792190 = (0, $1xU4C$keyframes)`
   from {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1471,12 +1351,9 @@ var $2a8335ecd24562d4$export$2e2bcd8739ae039 = $2a8335ecd24562d4$var$flip;
     transform: perspective(400px);
   }
 `;
-var $f34968af6c2a1826$export$2e2bcd8739ae039 = $f34968af6c2a1826$var$flipInX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}
- */ const $d70a61263c6d2cba$var$flipInY = $1xU4C$keyframes`
+const $74b6ba089c3e11bb$export$a10221d4eadc810 = (0, $1xU4C$keyframes)`
   from {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1501,12 +1378,9 @@ var $f34968af6c2a1826$export$2e2bcd8739ae039 = $f34968af6c2a1826$var$flipInX;
     transform: perspective(400px);
   }
 `;
-var $d70a61263c6d2cba$export$2e2bcd8739ae039 = $d70a61263c6d2cba$var$flipInY;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}
- */ const $7edf33d92fb946d2$var$flipOutX = $1xU4C$keyframes`
+const $3296d9d5923bb947$export$4eaf247181cd9ec3 = (0, $1xU4C$keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1521,12 +1395,9 @@ var $d70a61263c6d2cba$export$2e2bcd8739ae039 = $d70a61263c6d2cba$var$flipInY;
     opacity: 0;
   }
 `;
-var $7edf33d92fb946d2$export$2e2bcd8739ae039 = $7edf33d92fb946d2$var$flipOutX;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}
- */ const $2c16b931ee72da54$var$flipOutY = $1xU4C$keyframes`
+const $598ddfaf542bad06$export$93f09c73becb5407 = (0, $1xU4C$keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1541,41 +1412,44 @@ var $7edf33d92fb946d2$export$2e2bcd8739ae039 = $7edf33d92fb946d2$var$flipOutX;
     opacity: 0;
   }
 `;
-var $2c16b931ee72da54$export$2e2bcd8739ae039 = $2c16b931ee72da54$var$flipOutY;
 
 
 
 
-function $ccc88f417d8ce8b4$var$getFlipKeyframes(reverse, direction) {
+function $f0d920b909797485$var$getStyles(reverse, direction) {
     switch(direction){
         case "horizontal":
-            return reverse ? $7edf33d92fb946d2$export$2e2bcd8739ae039 : $f34968af6c2a1826$export$2e2bcd8739ae039;
+            return reverse ? (0, $3296d9d5923bb947$export$4eaf247181cd9ec3) : (0, $d0caf64734ff9f36$export$68ed1a067f792190);
         case "vertical":
-            return reverse ? $2c16b931ee72da54$export$2e2bcd8739ae039 : $d70a61263c6d2cba$export$2e2bcd8739ae039;
+            return reverse ? (0, $598ddfaf542bad06$export$93f09c73becb5407) : (0, $74b6ba089c3e11bb$export$a10221d4eadc810);
         default:
-            return $2a8335ecd24562d4$export$2e2bcd8739ae039;
+            return 0, $eec6c40c650fffda$export$8a83211c878a3f1f;
     }
 }
-const $ccc88f417d8ce8b4$export$4d2fae537bd90431 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    const animationCss = {
-        backfaceVisibility: "visible"
-    };
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $ccc88f417d8ce8b4$var$getFlipKeyframes(reverse, direction),
-        css: animationCss,
-        ...otherProps
+const $f0d920b909797485$var$animationCss = (0, $1xU4C$css)`
+  backface-visibility: visible;
+`;
+const $f0d920b909797485$export$4d2fae537bd90431 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$f0d920b909797485$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        css: $f0d920b909797485$var$animationCss,
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $648c94ca7d872656$exports = {};
+var $14213465a09382a1$exports = {};
+
+$parcel$export($14213465a09382a1$exports, "Hinge", () => $14213465a09382a1$export$51b1a342f43475b0);
 
-$parcel$export($648c94ca7d872656$exports, "Hinge", () => $648c94ca7d872656$export$51b1a342f43475b0);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}
- */ const $7b7e5c10c68eaa3d$var$hinge = $1xU4C$keyframes`
+const $93fbf746a871b56c$export$321a3d0bf2c75 = (0, $1xU4C$keyframes)`
   0% {
     animation-timing-function: ease-in-out;
   }
@@ -1598,12 +1472,9 @@ $parcel$export($648c94ca7d872656$exports, "Hinge", () => $648c94ca7d872656$expor
     opacity: 0;
   }
 `;
-var $7b7e5c10c68eaa3d$export$2e2bcd8739ae039 = $7b7e5c10c68eaa3d$var$hinge;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}
- */ const $086431169c8ca9f3$var$jackInTheBox = $1xU4C$keyframes`
+const $9b96b9cef1ba3bd6$export$51046d36a99b73b0 = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale(0.1) rotate(30deg);
@@ -1623,12 +1494,9 @@ var $7b7e5c10c68eaa3d$export$2e2bcd8739ae039 = $7b7e5c10c68eaa3d$var$hinge;
     transform: scale(1);
   }
 `;
-var $086431169c8ca9f3$export$2e2bcd8739ae039 = $086431169c8ca9f3$var$jackInTheBox;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}
- */ const $a50da91ba9596795$var$rollIn = $1xU4C$keyframes`
+const $8d79c6bb52991451$export$6aa1850093220a4f = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
@@ -1639,12 +1507,9 @@ var $086431169c8ca9f3$export$2e2bcd8739ae039 = $086431169c8ca9f3$var$jackInTheBo
     transform: translate3d(0, 0, 0);
   }
 `;
-var $a50da91ba9596795$export$2e2bcd8739ae039 = $a50da91ba9596795$var$rollIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}
- */ const $7e1bfa77c71b43b8$var$rollOut = $1xU4C$keyframes`
+const $1bc55f3d64a5479e$export$e78f98b32413b70e = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1654,62 +1519,65 @@ var $a50da91ba9596795$export$2e2bcd8739ae039 = $a50da91ba9596795$var$rollIn;
     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
   }
 `;
-var $7e1bfa77c71b43b8$export$2e2bcd8739ae039 = $7e1bfa77c71b43b8$var$rollOut;
 
 
 
 
-const $648c94ca7d872656$export$51b1a342f43475b0 = (props)=>{
-    const animationCss = {
-        transformOrigin: "top left"
-    };
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $7b7e5c10c68eaa3d$export$2e2bcd8739ae039,
-        css: animationCss,
+const $14213465a09382a1$var$animationCss = (0, $1xU4C$css)`
+  transform-origin: top left;
+`;
+const $14213465a09382a1$export$51b1a342f43475b0 = (props)=>{
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        css: $14213465a09382a1$var$animationCss,
+        keyframes: (0, $93fbf746a871b56c$export$321a3d0bf2c75),
         ...props
     });
 };
 
 
-var $257293d5ed0dadf0$exports = {};
+var $2e65c14677169be3$exports = {};
 
-$parcel$export($257293d5ed0dadf0$exports, "JackInTheBox", () => $257293d5ed0dadf0$export$2d9d44ff5c623255);
+$parcel$export($2e65c14677169be3$exports, "JackInTheBox", () => $2e65c14677169be3$export$2d9d44ff5c623255);
 
 
 
-const $257293d5ed0dadf0$export$2d9d44ff5c623255 = (props)=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $086431169c8ca9f3$export$2e2bcd8739ae039,
+const $2e65c14677169be3$export$2d9d44ff5c623255 = (props)=>{
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: (0, $9b96b9cef1ba3bd6$export$51046d36a99b73b0),
         ...props
     });
 };
 
 
-var $aa5f761020148370$exports = {};
+var $9f6ff16b7ccd9662$exports = {};
+
+$parcel$export($9f6ff16b7ccd9662$exports, "Roll", () => $9f6ff16b7ccd9662$export$aa11096b70371f74);
 
-$parcel$export($aa5f761020148370$exports, "Roll", () => $aa5f761020148370$export$aa11096b70371f74);
 
 
 
-function $aa5f761020148370$var$getRollKeyframes(reverse) {
-    return reverse ? $7e1bfa77c71b43b8$export$2e2bcd8739ae039 : $a50da91ba9596795$export$2e2bcd8739ae039;
+function $9f6ff16b7ccd9662$var$getStyles(reverse) {
+    return reverse ? (0, $1bc55f3d64a5479e$export$e78f98b32413b70e) : (0, $8d79c6bb52991451$export$6aa1850093220a4f);
 }
-const $aa5f761020148370$export$aa11096b70371f74 = ({ reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $aa5f761020148370$var$getRollKeyframes(reverse),
-        ...otherProps
+const $9f6ff16b7ccd9662$export$aa11096b70371f74 = (props)=>{
+    const { reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$9f6ff16b7ccd9662$var$getStyles(reverse), [
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $6f83975191f1213d$exports = {};
+var $b3cda162b54b7f9b$exports = {};
+
+$parcel$export($b3cda162b54b7f9b$exports, "Rotate", () => $b3cda162b54b7f9b$export$152db69a76b6b79e);
 
-$parcel$export($6f83975191f1213d$exports, "Rotate", () => $6f83975191f1213d$export$152db69a76b6b79e);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateIn.css}
- */ const $4bd45ab422c9a881$var$rotateIn = $1xU4C$keyframes`
+const $4c1352e04b1341e1$export$2b9048e0715456a4 = (0, $1xU4C$keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
@@ -1720,12 +1588,9 @@ $parcel$export($6f83975191f1213d$exports, "Rotate", () => $6f83975191f1213d$expo
     opacity: 1;
   }
 `;
-var $4bd45ab422c9a881$export$2e2bcd8739ae039 = $4bd45ab422c9a881$var$rotateIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownLeft.css}
- */ const $28c802687495d9eb$var$rotateInDownLeft = $1xU4C$keyframes`
+const $48c780d6063bb76d$export$7336503083b51ac8 = (0, $1xU4C$keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
@@ -1736,12 +1601,9 @@ var $4bd45ab422c9a881$export$2e2bcd8739ae039 = $4bd45ab422c9a881$var$rotateIn;
     opacity: 1;
   }
 `;
-var $28c802687495d9eb$export$2e2bcd8739ae039 = $28c802687495d9eb$var$rotateInDownLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownRight.css}
- */ const $92e47f02309ed229$var$rotateInDownRight = $1xU4C$keyframes`
+const $adf9b50c9d30b8c1$export$d39468e8ba1f782c = (0, $1xU4C$keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1752,12 +1614,9 @@ var $28c802687495d9eb$export$2e2bcd8739ae039 = $28c802687495d9eb$var$rotateInDow
     opacity: 1;
   }
 `;
-var $92e47f02309ed229$export$2e2bcd8739ae039 = $92e47f02309ed229$var$rotateInDownRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpLeft.css}
- */ const $bc996f37b36bfd59$var$rotateInUpLeft = $1xU4C$keyframes`
+const $2879cc390c4f9feb$export$3848addc86cdb49f = (0, $1xU4C$keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1768,12 +1627,9 @@ var $92e47f02309ed229$export$2e2bcd8739ae039 = $92e47f02309ed229$var$rotateInDow
     opacity: 1;
   }
 `;
-var $bc996f37b36bfd59$export$2e2bcd8739ae039 = $bc996f37b36bfd59$var$rotateInUpLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpRight.css}
- */ const $de01390e25c01d3d$var$rotateInUpRight = $1xU4C$keyframes`
+const $215b25e6efaf8c40$export$bb10501f1250224d = (0, $1xU4C$keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
@@ -1784,14 +1640,11 @@ var $bc996f37b36bfd59$export$2e2bcd8739ae039 = $bc996f37b36bfd59$var$rotateInUpL
     opacity: 1;
   }
 `;
-var $de01390e25c01d3d$export$2e2bcd8739ae039 = $de01390e25c01d3d$var$rotateInUpRight;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOut.css}
- */ const $d4475b8c16e55e07$var$rotateOut = $1xU4C$keyframes`
+const $5e3af844b74f4a29$export$5e1ccc268ae376b0 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1801,12 +1654,9 @@ var $de01390e25c01d3d$export$2e2bcd8739ae039 = $de01390e25c01d3d$var$rotateInUpR
     opacity: 0;
   }
 `;
-var $d4475b8c16e55e07$export$2e2bcd8739ae039 = $d4475b8c16e55e07$var$rotateOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownLeft.css}
- */ const $7350b275b5de9205$var$rotateOutDownLeft = $1xU4C$keyframes`
+const $eaa7cb0a622e8248$export$fb5eb9e37db0dfef = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1816,12 +1666,9 @@ var $d4475b8c16e55e07$export$2e2bcd8739ae039 = $d4475b8c16e55e07$var$rotateOut;
     opacity: 0;
   }
 `;
-var $7350b275b5de9205$export$2e2bcd8739ae039 = $7350b275b5de9205$var$rotateOutDownLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownRight.css}
- */ const $84fc6132c60f17eb$var$rotateOutDownRight = $1xU4C$keyframes`
+const $1d57d92ac3de1096$export$638177b843431394 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1831,12 +1678,9 @@ var $7350b275b5de9205$export$2e2bcd8739ae039 = $7350b275b5de9205$var$rotateOutDo
     opacity: 0;
   }
 `;
-var $84fc6132c60f17eb$export$2e2bcd8739ae039 = $84fc6132c60f17eb$var$rotateOutDownRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpLeft.css}
- */ const $aceac38cd851a349$var$rotateOutUpLeft = $1xU4C$keyframes`
+const $3751f1834bf68f7f$export$d921b7e0db7ff86e = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1846,12 +1690,9 @@ var $84fc6132c60f17eb$export$2e2bcd8739ae039 = $84fc6132c60f17eb$var$rotateOutDo
     opacity: 0;
   }
 `;
-var $aceac38cd851a349$export$2e2bcd8739ae039 = $aceac38cd851a349$var$rotateOutUpLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpRight.css}
- */ const $cc2c5ff4342f89b9$var$rotateOutUpRight = $1xU4C$keyframes`
+const $b594b4195a1f8dfb$export$43ebaa489dfc2f5d = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -1861,93 +1702,95 @@ var $aceac38cd851a349$export$2e2bcd8739ae039 = $aceac38cd851a349$var$rotateOutUp
     opacity: 0;
   }
 `;
-var $cc2c5ff4342f89b9$export$2e2bcd8739ae039 = $cc2c5ff4342f89b9$var$rotateOutUpRight;
 
 
 
 
-function $6f83975191f1213d$var$getRotateKeyframesAndCss(reverse, direction) {
+function $b3cda162b54b7f9b$var$getStyles(reverse, direction) {
     switch(direction){
         case "bottom-left":
             return reverse ? [
-                $7350b275b5de9205$export$2e2bcd8739ae039,
+                (0, $eaa7cb0a622e8248$export$fb5eb9e37db0dfef),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $28c802687495d9eb$export$2e2bcd8739ae039,
+                (0, $48c780d6063bb76d$export$7336503083b51ac8),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "bottom-right":
             return reverse ? [
-                $84fc6132c60f17eb$export$2e2bcd8739ae039,
+                (0, $1d57d92ac3de1096$export$638177b843431394),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $92e47f02309ed229$export$2e2bcd8739ae039,
+                (0, $adf9b50c9d30b8c1$export$d39468e8ba1f782c),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         case "top-left":
             return reverse ? [
-                $aceac38cd851a349$export$2e2bcd8739ae039,
+                (0, $3751f1834bf68f7f$export$d921b7e0db7ff86e),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $bc996f37b36bfd59$export$2e2bcd8739ae039,
+                (0, $2879cc390c4f9feb$export$3848addc86cdb49f),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "top-right":
             return reverse ? [
-                $cc2c5ff4342f89b9$export$2e2bcd8739ae039,
+                (0, $b594b4195a1f8dfb$export$43ebaa489dfc2f5d),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $de01390e25c01d3d$export$2e2bcd8739ae039,
+                (0, $215b25e6efaf8c40$export$bb10501f1250224d),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         default:
             return reverse ? [
-                $d4475b8c16e55e07$export$2e2bcd8739ae039,
+                (0, $5e3af844b74f4a29$export$5e1ccc268ae376b0),
                 {
                     transformOrigin: "center"
                 }
             ] : [
-                $4bd45ab422c9a881$export$2e2bcd8739ae039,
+                (0, $4c1352e04b1341e1$export$2b9048e0715456a4),
                 {
                     transformOrigin: "center"
                 }
             ];
     }
 }
-const $6f83975191f1213d$export$152db69a76b6b79e = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    const [keyframes, animationCss] = $6f83975191f1213d$var$getRotateKeyframesAndCss(reverse, direction);
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: keyframes,
+const $b3cda162b54b7f9b$export$152db69a76b6b79e = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const [keyframes, animationCss] = (0, $1xU4C$useMemo)(()=>$b3cda162b54b7f9b$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
         css: animationCss,
-        ...otherProps
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $dcaa5d8bbdaa147c$exports = {};
+var $bc8935a93473b50d$exports = {};
+
+$parcel$export($bc8935a93473b50d$exports, "Slide", () => $bc8935a93473b50d$export$d8dc01b5c85a37b9);
 
-$parcel$export($dcaa5d8bbdaa147c$exports, "Slide", () => $dcaa5d8bbdaa147c$export$d8dc01b5c85a37b9);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInDown.css}
- */ const $e3f95f9887691dd0$var$slideInDown = $1xU4C$keyframes`
+const $08a6d6958bce74b0$export$8775e04aa1928f66 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, -100%, 0);
     visibility: visible;
@@ -1957,12 +1800,9 @@ $parcel$export($dcaa5d8bbdaa147c$exports, "Slide", () => $dcaa5d8bbdaa147c$expor
     transform: translate3d(0, 0, 0);
   }
 `;
-var $e3f95f9887691dd0$export$2e2bcd8739ae039 = $e3f95f9887691dd0$var$slideInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}
- */ const $f571446537e1f2b1$var$slideInLeft = $1xU4C$keyframes`
+const $6a7df70e305e76cd$export$8da96f801aa19ebe = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
@@ -1972,12 +1812,9 @@ var $e3f95f9887691dd0$export$2e2bcd8739ae039 = $e3f95f9887691dd0$var$slideInDown
     transform: translate3d(0, 0, 0);
   }
 `;
-var $f571446537e1f2b1$export$2e2bcd8739ae039 = $f571446537e1f2b1$var$slideInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}
- */ const $c57d59cfc680f3aa$var$slideInRight = $1xU4C$keyframes`
+const $1166e7eaf80c152f$export$706618d509d55167 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
@@ -1987,12 +1824,9 @@ var $f571446537e1f2b1$export$2e2bcd8739ae039 = $f571446537e1f2b1$var$slideInLeft
     transform: translate3d(0, 0, 0);
   }
 `;
-var $c57d59cfc680f3aa$export$2e2bcd8739ae039 = $c57d59cfc680f3aa$var$slideInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}
- */ const $8bdffc6f9ba8d45e$var$slideInUp = $1xU4C$keyframes`
+const $25db459b9b912857$export$8ce8a09eb901d11 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 100%, 0);
     visibility: visible;
@@ -2002,14 +1836,11 @@ var $c57d59cfc680f3aa$export$2e2bcd8739ae039 = $c57d59cfc680f3aa$var$slideInRigh
     transform: translate3d(0, 0, 0);
   }
 `;
-var $8bdffc6f9ba8d45e$export$2e2bcd8739ae039 = $8bdffc6f9ba8d45e$var$slideInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}
- */ const $ac57a4dcbad8095b$var$slideOutDown = $1xU4C$keyframes`
+const $2403da231d01874f$export$4d23096b87fa05f1 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2019,12 +1850,9 @@ var $8bdffc6f9ba8d45e$export$2e2bcd8739ae039 = $8bdffc6f9ba8d45e$var$slideInUp;
     transform: translate3d(0, 100%, 0);
   }
 `;
-var $ac57a4dcbad8095b$export$2e2bcd8739ae039 = $ac57a4dcbad8095b$var$slideOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}
- */ const $465e80ebc4ad695f$var$slideOutLeft = $1xU4C$keyframes`
+const $b1965542e1b0fd17$export$78e157c613296941 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2034,12 +1862,9 @@ var $ac57a4dcbad8095b$export$2e2bcd8739ae039 = $ac57a4dcbad8095b$var$slideOutDow
     transform: translate3d(-100%, 0, 0);
   }
 `;
-var $465e80ebc4ad695f$export$2e2bcd8739ae039 = $465e80ebc4ad695f$var$slideOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}
- */ const $14c7aed94ed01eb3$var$slideOutRight = $1xU4C$keyframes`
+const $808371df5d376103$export$45629ceb9412b813 = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2049,12 +1874,9 @@ var $465e80ebc4ad695f$export$2e2bcd8739ae039 = $465e80ebc4ad695f$var$slideOutLef
     transform: translate3d(100%, 0, 0);
   }
 `;
-var $14c7aed94ed01eb3$export$2e2bcd8739ae039 = $14c7aed94ed01eb3$var$slideOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}
- */ const $d84585d6b87aba22$var$slideOutUp = $1xU4C$keyframes`
+const $7dd51fec84d23796$export$341210899707327e = (0, $1xU4C$keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -2064,40 +1886,43 @@ var $14c7aed94ed01eb3$export$2e2bcd8739ae039 = $14c7aed94ed01eb3$var$slideOutRig
     transform: translate3d(0, -100%, 0);
   }
 `;
-var $d84585d6b87aba22$export$2e2bcd8739ae039 = $d84585d6b87aba22$var$slideOutUp;
 
 
 
 
-function $dcaa5d8bbdaa147c$var$getSlideKeyframes(reverse, direction) {
+function $bc8935a93473b50d$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $ac57a4dcbad8095b$export$2e2bcd8739ae039 : $e3f95f9887691dd0$export$2e2bcd8739ae039;
+            return reverse ? (0, $2403da231d01874f$export$4d23096b87fa05f1) : (0, $08a6d6958bce74b0$export$8775e04aa1928f66);
         case "right":
-            return reverse ? $14c7aed94ed01eb3$export$2e2bcd8739ae039 : $c57d59cfc680f3aa$export$2e2bcd8739ae039;
+            return reverse ? (0, $808371df5d376103$export$45629ceb9412b813) : (0, $1166e7eaf80c152f$export$706618d509d55167);
         case "up":
-            return reverse ? $d84585d6b87aba22$export$2e2bcd8739ae039 : $8bdffc6f9ba8d45e$export$2e2bcd8739ae039;
+            return reverse ? (0, $7dd51fec84d23796$export$341210899707327e) : (0, $25db459b9b912857$export$8ce8a09eb901d11);
         case "left":
         default:
-            return reverse ? $465e80ebc4ad695f$export$2e2bcd8739ae039 : $f571446537e1f2b1$export$2e2bcd8739ae039;
+            return reverse ? (0, $b1965542e1b0fd17$export$78e157c613296941) : (0, $6a7df70e305e76cd$export$8da96f801aa19ebe);
     }
 }
-const $dcaa5d8bbdaa147c$export$d8dc01b5c85a37b9 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $dcaa5d8bbdaa147c$var$getSlideKeyframes(reverse, direction),
-        ...otherProps
+const $bc8935a93473b50d$export$d8dc01b5c85a37b9 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$bc8935a93473b50d$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
-var $bb790504e4728ea0$exports = {};
+var $49c87fb6bc676a71$exports = {};
+
+$parcel$export($49c87fb6bc676a71$exports, "Zoom", () => $49c87fb6bc676a71$export$65cfd44a2050f99);
 
-$parcel$export($bb790504e4728ea0$exports, "Zoom", () => $bb790504e4728ea0$export$65cfd44a2050f99);
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}
- */ const $712403d6314b20a2$var$zoomIn = $1xU4C$keyframes`
+const $f7e4d68bfafb6745$export$3b71758b3ed5255f = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3);
@@ -2107,12 +1932,9 @@ $parcel$export($bb790504e4728ea0$exports, "Zoom", () => $bb790504e4728ea0$export
     opacity: 1;
   }
 `;
-var $712403d6314b20a2$export$2e2bcd8739ae039 = $712403d6314b20a2$var$zoomIn;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}
- */ const $7af89ed73fee0936$var$zoomInDown = $1xU4C$keyframes`
+const $0b51d5dcc7d47099$export$f1fb318c9f90bd9f = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
@@ -2125,12 +1947,9 @@ var $712403d6314b20a2$export$2e2bcd8739ae039 = $712403d6314b20a2$var$zoomIn;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $7af89ed73fee0936$export$2e2bcd8739ae039 = $7af89ed73fee0936$var$zoomInDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}
- */ const $555ba3514506352f$var$zoomInLeft = $1xU4C$keyframes`
+const $15336543be08c5df$export$3b5491f6985de80 = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
@@ -2143,12 +1962,9 @@ var $7af89ed73fee0936$export$2e2bcd8739ae039 = $7af89ed73fee0936$var$zoomInDown;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $555ba3514506352f$export$2e2bcd8739ae039 = $555ba3514506352f$var$zoomInLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}
- */ const $efa5bd0d2bc73387$var$zoomInRight = $1xU4C$keyframes`
+const $b2e140171e7136ca$export$6d68984f8269fb51 = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
@@ -2161,12 +1977,9 @@ var $555ba3514506352f$export$2e2bcd8739ae039 = $555ba3514506352f$var$zoomInLeft;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $efa5bd0d2bc73387$export$2e2bcd8739ae039 = $efa5bd0d2bc73387$var$zoomInRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}
- */ const $db6601bf4454411c$var$zoomInUp = $1xU4C$keyframes`
+const $ec4613187956c5d4$export$f8e431a03d821bd2 = (0, $1xU4C$keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
@@ -2179,14 +1992,11 @@ var $efa5bd0d2bc73387$export$2e2bcd8739ae039 = $efa5bd0d2bc73387$var$zoomInRight
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $db6601bf4454411c$export$2e2bcd8739ae039 = $db6601bf4454411c$var$zoomInUp;
 
 
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}
- */ const $347aa074a90aaf4b$var$zoomOut = $1xU4C$keyframes`
+const $e4125ea27977caec$export$9fdb0a49c6b4b521 = (0, $1xU4C$keyframes)`
   from {
     opacity: 1;
   }
@@ -2200,12 +2010,9 @@ var $db6601bf4454411c$export$2e2bcd8739ae039 = $db6601bf4454411c$var$zoomInUp;
     opacity: 0;
   }
 `;
-var $347aa074a90aaf4b$export$2e2bcd8739ae039 = $347aa074a90aaf4b$var$zoomOut;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}
- */ const $3d557e80c35d0462$var$zoomOutDown = $1xU4C$keyframes`
+const $847be49731bae03b$export$10deba13beba726f = (0, $1xU4C$keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
@@ -2218,12 +2025,9 @@ var $347aa074a90aaf4b$export$2e2bcd8739ae039 = $347aa074a90aaf4b$var$zoomOut;
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $3d557e80c35d0462$export$2e2bcd8739ae039 = $3d557e80c35d0462$var$zoomOutDown;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}
- */ const $b95b9d6d9cd130c4$var$zoomOutLeft = $1xU4C$keyframes`
+const $01242516c1736d7c$export$a897bc2790be434e = (0, $1xU4C$keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
@@ -2234,12 +2038,9 @@ var $3d557e80c35d0462$export$2e2bcd8739ae039 = $3d557e80c35d0462$var$zoomOutDown
     transform: scale(0.1) translate3d(-2000px, 0, 0);
   }
 `;
-var $b95b9d6d9cd130c4$export$2e2bcd8739ae039 = $b95b9d6d9cd130c4$var$zoomOutLeft;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}
- */ const $f36477688d24b510$var$zoomOutRight = $1xU4C$keyframes`
+const $0a1dc9441a503604$export$23fe0a856d31fa73 = (0, $1xU4C$keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
@@ -2250,12 +2051,9 @@ var $b95b9d6d9cd130c4$export$2e2bcd8739ae039 = $b95b9d6d9cd130c4$var$zoomOutLeft
     transform: scale(0.1) translate3d(2000px, 0, 0);
   }
 `;
-var $f36477688d24b510$export$2e2bcd8739ae039 = $f36477688d24b510$var$zoomOutRight;
 
 
-/**
- * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}
- */ const $3d3c44d5c3a7eda6$var$zoomOutUp = $1xU4C$keyframes`
+const $b36043e442e1ddcb$export$6c4c2ccf7a384b67 = (0, $1xU4C$keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
@@ -2268,36 +2066,52 @@ var $f36477688d24b510$export$2e2bcd8739ae039 = $f36477688d24b510$var$zoomOutRigh
     animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
   }
 `;
-var $3d3c44d5c3a7eda6$export$2e2bcd8739ae039 = $3d3c44d5c3a7eda6$var$zoomOutUp;
 
 
 
 
-function $bb790504e4728ea0$var$getZoomKeyframes(reverse, direction) {
+function $49c87fb6bc676a71$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $3d557e80c35d0462$export$2e2bcd8739ae039 : $7af89ed73fee0936$export$2e2bcd8739ae039;
+            return reverse ? (0, $847be49731bae03b$export$10deba13beba726f) : (0, $0b51d5dcc7d47099$export$f1fb318c9f90bd9f);
         case "left":
-            return reverse ? $b95b9d6d9cd130c4$export$2e2bcd8739ae039 : $555ba3514506352f$export$2e2bcd8739ae039;
+            return reverse ? (0, $01242516c1736d7c$export$a897bc2790be434e) : (0, $15336543be08c5df$export$3b5491f6985de80);
         case "right":
-            return reverse ? $f36477688d24b510$export$2e2bcd8739ae039 : $efa5bd0d2bc73387$export$2e2bcd8739ae039;
+            return reverse ? (0, $0a1dc9441a503604$export$23fe0a856d31fa73) : (0, $b2e140171e7136ca$export$6d68984f8269fb51);
         case "up":
-            return reverse ? $3d3c44d5c3a7eda6$export$2e2bcd8739ae039 : $db6601bf4454411c$export$2e2bcd8739ae039;
+            return reverse ? (0, $b36043e442e1ddcb$export$6c4c2ccf7a384b67) : (0, $ec4613187956c5d4$export$f8e431a03d821bd2);
         default:
-            return reverse ? $347aa074a90aaf4b$export$2e2bcd8739ae039 : $712403d6314b20a2$export$2e2bcd8739ae039;
+            return reverse ? (0, $e4125ea27977caec$export$9fdb0a49c6b4b521) : (0, $f7e4d68bfafb6745$export$3b71758b3ed5255f);
     }
 }
-const $bb790504e4728ea0$export$65cfd44a2050f99 = ({ direction: direction , reverse: reverse = false , ...otherProps })=>{
-    return /*#__PURE__*/ $1xU4C$jsx($348e8e27c1fd4739$export$9a32a8eb4bb56ca3, {
-        keyframes: $bb790504e4728ea0$var$getZoomKeyframes(reverse, direction),
-        ...otherProps
+const $49c87fb6bc676a71$export$65cfd44a2050f99 = (props)=>{
+    const { direction: direction , reverse: reverse = false , ...rest } = props;
+    const keyframes = (0, $1xU4C$useMemo)(()=>$49c87fb6bc676a71$var$getStyles(reverse, direction), [
+        direction,
+        reverse
+    ]);
+    return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
+        keyframes: keyframes,
+        ...rest
     });
 };
 
 
+$parcel$exportWildcard($93342add5dc68271$exports, $b828946c3a57391e$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $bb6327b1f47bffee$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $adcb99eda27e89cd$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $f0d920b909797485$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $14213465a09382a1$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $2e65c14677169be3$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $9f6ff16b7ccd9662$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $b3cda162b54b7f9b$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $bc8935a93473b50d$exports);
+$parcel$exportWildcard($93342add5dc68271$exports, $49c87fb6bc676a71$exports);
+
+
 
 
 
 
-export {$348e8e27c1fd4739$export$9a32a8eb4bb56ca3 as default, $348e8e27c1fd4739$export$9a32a8eb4bb56ca3 as Reveal, $27c6f676ca37a07b$export$1736648c5c27c79d as AttentionSeeker, $6d7835af3e34c282$export$d20e79fdc3899e95 as Bounce, $5636a681ca3906a5$export$c983850c6c9d8b0e as Fade, $ccc88f417d8ce8b4$export$4d2fae537bd90431 as Flip, $648c94ca7d872656$export$51b1a342f43475b0 as Hinge, $257293d5ed0dadf0$export$2d9d44ff5c623255 as JackInTheBox, $aa5f761020148370$export$aa11096b70371f74 as Roll, $6f83975191f1213d$export$152db69a76b6b79e as Rotate, $dcaa5d8bbdaa147c$export$d8dc01b5c85a37b9 as Slide, $bb790504e4728ea0$export$65cfd44a2050f99 as Zoom};
+export {$dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3 as default, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3 as Reveal, $b828946c3a57391e$export$1736648c5c27c79d as AttentionSeeker, $bb6327b1f47bffee$export$d20e79fdc3899e95 as Bounce, $adcb99eda27e89cd$export$c983850c6c9d8b0e as Fade, $f0d920b909797485$export$4d2fae537bd90431 as Flip, $14213465a09382a1$export$51b1a342f43475b0 as Hinge, $2e65c14677169be3$export$2d9d44ff5c623255 as JackInTheBox, $9f6ff16b7ccd9662$export$aa11096b70371f74 as Roll, $b3cda162b54b7f9b$export$152db69a76b6b79e as Rotate, $bc8935a93473b50d$export$d8dc01b5c85a37b9 as Slide, $49c87fb6bc676a71$export$65cfd44a2050f99 as Zoom};
 //# sourceMappingURL=module.js.map