react-awesome-reveal 4.0.0-beta.1 → 4.0.1

package/dist/main.js

@@ -37,7 +37,7 @@ $parcel$export($53b8ad22b050830b$exports, "AttentionSeeker", () => $53b8ad22b050
 
 
 
-const $88ffd68ae302398a$export$e3ce947fb98643bf = $jvNZe$emotionreact.keyframes`
+const $88ffd68ae302398a$export$e3ce947fb98643bf = (0, $jvNZe$emotionreact.keyframes)`
   from,
   20%,
   53%,
@@ -68,7 +68,7 @@ const $88ffd68ae302398a$export$e3ce947fb98643bf = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $fd9067391ce6df13$export$fff9462e59a6c087 = $jvNZe$emotionreact.keyframes`
+const $fd9067391ce6df13$export$fff9462e59a6c087 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   50%,
   to {
@@ -82,7 +82,7 @@ const $fd9067391ce6df13$export$fff9462e59a6c087 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $eb9167f8b04a1eef$export$cc718fa79617014c = $jvNZe$emotionreact.keyframes`
+const $eb9167f8b04a1eef$export$cc718fa79617014c = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     transform: translateX(0);
   }
@@ -109,7 +109,7 @@ const $eb9167f8b04a1eef$export$cc718fa79617014c = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6efeb5b76066380c$export$f5767cd4e86f63a5 = $jvNZe$emotionreact.keyframes`
+const $6efeb5b76066380c$export$f5767cd4e86f63a5 = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     transform: scale(1);
   }
@@ -132,7 +132,7 @@ const $6efeb5b76066380c$export$f5767cd4e86f63a5 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = $jvNZe$emotionreact.keyframes`
+const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = (0, $jvNZe$emotionreact.keyframes)`
   from,
   11.1%,
   to {
@@ -169,7 +169,7 @@ const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $409347824bf28b80$export$f3aaf94dc96a60de = $jvNZe$emotionreact.keyframes`
+const $409347824bf28b80$export$f3aaf94dc96a60de = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -184,7 +184,7 @@ const $409347824bf28b80$export$f3aaf94dc96a60de = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $118273709ecc7996$export$bbc07f6a19d55e88 = $jvNZe$emotionreact.keyframes`
+const $118273709ecc7996$export$bbc07f6a19d55e88 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -215,7 +215,7 @@ const $118273709ecc7996$export$bbc07f6a19d55e88 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $99597785e49dcbea$export$267b06a7460aa7d3 = $jvNZe$emotionreact.keyframes`
+const $99597785e49dcbea$export$267b06a7460aa7d3 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -238,7 +238,7 @@ const $99597785e49dcbea$export$267b06a7460aa7d3 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $5dd42df0435d852f$export$8e99d6962f95c405 = $jvNZe$emotionreact.keyframes`
+const $5dd42df0435d852f$export$8e99d6962f95c405 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -261,7 +261,7 @@ const $5dd42df0435d852f$export$8e99d6962f95c405 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = $jvNZe$emotionreact.keyframes`
+const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = (0, $jvNZe$emotionreact.keyframes)`
   from,
   to {
     transform: translate3d(0, 0, 0);
@@ -284,7 +284,7 @@ const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $17cad7ed79df0fbf$export$84fc4030631e573c = $jvNZe$emotionreact.keyframes`
+const $17cad7ed79df0fbf$export$84fc4030631e573c = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: rotate3d(0, 0, 1, 15deg);
   }
@@ -307,7 +307,7 @@ const $17cad7ed79df0fbf$export$84fc4030631e573c = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $cb5eed64c434fe13$export$1362d96c12095304 = $jvNZe$emotionreact.keyframes`
+const $cb5eed64c434fe13$export$1362d96c12095304 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: scale3d(1, 1, 1);
   }
@@ -336,7 +336,7 @@ const $cb5eed64c434fe13$export$1362d96c12095304 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $64e244b1100f4aec$export$138a91d3335be56 = $jvNZe$emotionreact.keyframes`
+const $64e244b1100f4aec$export$138a91d3335be56 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -377,7 +377,7 @@ $parcel$export($c8a4d927fd00b892$exports, "Reveal", () => $c8a4d927fd00b892$expo
 
 
 
-const $9ea0f43f56ccecde$export$82e6205b15e6c637 = $jvNZe$emotionreact.keyframes`
+const $9ea0f43f56ccecde$export$82e6205b15e6c637 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
   }
@@ -388,7 +388,7 @@ const $9ea0f43f56ccecde$export$82e6205b15e6c637 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $5d24f5d06eb0ca64$export$27e0c58916e1badc = $jvNZe$emotionreact.keyframes`
+const $5d24f5d06eb0ca64$export$27e0c58916e1badc = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 100%, 0);
@@ -401,7 +401,7 @@ const $5d24f5d06eb0ca64$export$27e0c58916e1badc = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $2a57c406215d34eb$export$f72096766ea3a089 = $jvNZe$emotionreact.keyframes`
+const $2a57c406215d34eb$export$f72096766ea3a089 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(100%, 100%, 0);
@@ -414,7 +414,7 @@ const $2a57c406215d34eb$export$f72096766ea3a089 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $568a146f8f1dc468$export$6ecdcdb0033d0327 = $jvNZe$emotionreact.keyframes`
+const $568a146f8f1dc468$export$6ecdcdb0033d0327 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
@@ -427,7 +427,7 @@ const $568a146f8f1dc468$export$6ecdcdb0033d0327 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $993b4f2eec647e23$export$aa45f1f50300a7c0 = $jvNZe$emotionreact.keyframes`
+const $993b4f2eec647e23$export$aa45f1f50300a7c0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(0, -2000px, 0);
@@ -440,7 +440,7 @@ const $993b4f2eec647e23$export$aa45f1f50300a7c0 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = $jvNZe$emotionreact.keyframes`
+const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0);
@@ -453,7 +453,7 @@ const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $e77687a7cf911846$export$327c6b58e5f59d6f = $jvNZe$emotionreact.keyframes`
+const $e77687a7cf911846$export$327c6b58e5f59d6f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0);
@@ -466,7 +466,7 @@ const $e77687a7cf911846$export$327c6b58e5f59d6f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $f128273212bfa795$export$7b78ca149b3ffe20 = $jvNZe$emotionreact.keyframes`
+const $f128273212bfa795$export$7b78ca149b3ffe20 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(100%, 0, 0);
@@ -479,7 +479,7 @@ const $f128273212bfa795$export$7b78ca149b3ffe20 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $55cf3d076c695f42$export$6f5ccd79656f671 = $jvNZe$emotionreact.keyframes`
+const $55cf3d076c695f42$export$6f5ccd79656f671 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(2000px, 0, 0);
@@ -492,7 +492,7 @@ const $55cf3d076c695f42$export$6f5ccd79656f671 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $156b763c5e69a9ca$export$777354dbc7828ff3 = $jvNZe$emotionreact.keyframes`
+const $156b763c5e69a9ca$export$777354dbc7828ff3 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, -100%, 0);
@@ -505,7 +505,7 @@ const $156b763c5e69a9ca$export$777354dbc7828ff3 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $694098d2b7aee85e$export$d5bfa04a6ce7104f = $jvNZe$emotionreact.keyframes`
+const $694098d2b7aee85e$export$d5bfa04a6ce7104f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(100%, -100%, 0);
@@ -518,7 +518,7 @@ const $694098d2b7aee85e$export$d5bfa04a6ce7104f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $b15cf9ee005e2158$export$546bb2e31f381a81 = $jvNZe$emotionreact.keyframes`
+const $b15cf9ee005e2158$export$546bb2e31f381a81 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(0, 100%, 0);
@@ -531,7 +531,7 @@ const $b15cf9ee005e2158$export$546bb2e31f381a81 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = $jvNZe$emotionreact.keyframes`
+const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(0, 2000px, 0);
@@ -547,8 +547,8 @@ const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = $jvNZe$emotionreact.keyframes`
 
 
 
-function $f2597d38a334a0ad$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b , iterationCount: iterationCount = 1 ,  }) {
-    return $jvNZe$emotionreact.css`
+function $f2597d38a334a0ad$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , iterationCount: iterationCount = 1 ,  }) {
+    return (0, $jvNZe$emotionreact.css)`
     animation-duration: ${duration}ms;
     animation-timing-function: ${timingFunction};
     animation-delay: ${delay}ms;
@@ -568,145 +568,91 @@ function $6a26e8abc0402dd5$export$f832f653c73e86f8(value) {
 }
 
 
-const $c8a4d927fd00b892$var$hiddenCss = $jvNZe$emotionreact.css`
+const $c8a4d927fd00b892$var$hiddenStyles = (0, $jvNZe$emotionreact.css)`
   opacity: 0;
 `;
-const $c8a4d927fd00b892$var$textBaseCss = $jvNZe$emotionreact.css`
+const $c8a4d927fd00b892$var$textBaseStyles = (0, $jvNZe$emotionreact.css)`
   display: inline-block;
   white-space: pre;
 `;
 const $c8a4d927fd00b892$export$9a32a8eb4bb56ca3 = (props)=>{
-    const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
-    if ($6a26e8abc0402dd5$export$bedb7023a7733221(children)) return null;
-    if ($6a26e8abc0402dd5$export$f832f653c73e86f8(children)) {
-        const stringifiedChildren = String(children);
-        return cascade ? $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
-            threshold: fraction,
-            triggerOnce: triggerOnce,
-            onChange: onVisibilityChange,
-            children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreactjsxruntime.jsx("div", {
-                    ref: ref,
-                    className: className,
-                    css: [
-                        revealCss,
-                        $c8a4d927fd00b892$var$textBaseCss
-                    ],
-                    style: style,
-                    children: stringifiedChildren.split("").map((char, index)=>$jvNZe$emotionreactjsxruntime.jsx("span", {
-                            className: className,
-                            css: inView ? $f2597d38a334a0ad$export$cdf1f51c52cf49d8({
-                                keyframes: keyframes,
-                                delay: delay + index * duration * damping,
-                                duration: duration
-                            }) : $c8a4d927fd00b892$var$hiddenCss,
-                            children: char
-                        }, index)
-                    )
-                })
-        }) : $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
-            delay: delay,
-            duration: duration,
-            fraction: fraction,
+    const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const animationStyles = (0, $jvNZe$react.useMemo)(()=>(0, $f2597d38a334a0ad$export$cdf1f51c52cf49d8)({
             keyframes: keyframes,
-            triggerOnce: triggerOnce,
-            css: revealCss,
-            className: className,
-            style: style,
-            children: stringifiedChildren
-        });
-    }
-    if ($jvNZe$reactis.isFragment(children)) return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
-        threshold: fraction,
-        triggerOnce: triggerOnce,
-        onChange: onVisibilityChange,
-        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreactjsxruntime.jsx("div", {
-                ref: ref,
-                className: className,
-                css: inView ? [
-                    revealCss,
-                    $f2597d38a334a0ad$export$cdf1f51c52cf49d8({
-                        keyframes: keyframes,
-                        delay: delay,
-                        duration: duration
-                    })
-                ] : $c8a4d927fd00b892$var$hiddenCss,
-                style: style,
-                children: children
-            })
+            duration: duration
+        }), [
+        duration,
+        keyframes
+    ]);
+    if ((0, $6a26e8abc0402dd5$export$bedb7023a7733221)(children)) return null;
+    if ((0, $6a26e8abc0402dd5$export$f832f653c73e86f8)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$TextReveal, {
+        ...props,
+        animationStyles: animationStyles,
+        children: String(children)
+    });
+    if ((0, $jvNZe$reactis.isFragment)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$FragmentReveal, {
+        ...props,
+        animationStyles: animationStyles
     });
-    return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreactjsxruntime.Fragment, {
-        children: $jvNZe$react.Children.map(children, (node, index)=>{
-            if (!/*#__PURE__*/ $jvNZe$react.isValidElement(node)) return null;
-            const nodeCss = node.props.css ? [
-                node.props.css
-            ] : [];
-            nodeCss.push($f2597d38a334a0ad$export$cdf1f51c52cf49d8({
-                keyframes: keyframes,
-                delay: delay + (cascade ? index * duration * damping : 0),
-                duration: duration
-            }));
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreactjsxruntime.Fragment), {
+        children: (0, $jvNZe$react.Children).map(children, (node, index)=>{
+            if (!/*#__PURE__*/ (0, $jvNZe$react.isValidElement)(node)) return null;
+            const inViewStyles = [
+                revealCss,
+                animationStyles
+            ];
+            const nodeDelay = delay + (cascade ? index * duration * damping : 0);
             switch(node.type){
                 case "ol":
                 case "ul":
-                    return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                        children: ({ cx: cx  })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                        children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
                                 ...node.props,
                                 className: cx(className, node.props.className),
                                 style: {
                                     ...style,
                                     ...node.props.style
                                 },
-                                children: $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
-                                    cascade: cascade,
-                                    damping: damping,
-                                    delay: delay,
-                                    duration: duration,
-                                    fraction: fraction,
-                                    keyframes: keyframes,
-                                    triggerOnce: triggerOnce,
-                                    css: revealCss,
-                                    childClassName: childClassName,
-                                    childStyle: childStyle,
+                                children: (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+                                    ...props,
                                     children: node.props.children
                                 })
                             })
                     });
                 case "li":
-                    return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                                children: ({ cx: cx  })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
+                        children: ({ inView: inView , ref: ref  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                                children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
                                         ...node.props,
                                         ref: ref,
                                         className: cx(childClassName, node.props.className),
-                                        css: inView ? [
-                                            revealCss,
-                                            ...nodeCss
-                                        ] : $c8a4d927fd00b892$var$hiddenCss,
+                                        css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
                                         style: {
                                             ...childStyle,
-                                            ...node.props.style
+                                            ...node.props.style,
+                                            animationDelay: nodeDelay + "ms"
                                         }
                                     })
                             })
                     });
                 default:
-                    return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
+                    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
                         threshold: fraction,
                         triggerOnce: triggerOnce,
                         onChange: onVisibilityChange,
-                        children: ({ inView: inView , ref: ref  })=>$jvNZe$emotionreactjsxruntime.jsx("div", {
+                        children: ({ inView: inView , ref: ref  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
                                 ref: ref,
                                 className: className,
-                                css: inView ? [
-                                    revealCss,
-                                    ...nodeCss
-                                ] : $c8a4d927fd00b892$var$hiddenCss,
-                                style: style,
-                                children: $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
-                                    children: ({ cx: cx  })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
+                                css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
+                                style: {
+                                    ...style,
+                                    animationDelay: nodeDelay + "ms"
+                                },
+                                children: (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
+                                    children: ({ cx: cx  })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
                                             ...node.props,
                                             className: cx(childClassName, node.props.className),
                                             style: {
@@ -721,77 +667,123 @@ const $c8a4d927fd00b892$export$9a32a8eb4bb56ca3 = (props)=>{
         })
     });
 };
+const $c8a4d927fd00b892$var$TextReveal = (props)=>{
+    const { animationStyles: animationStyles , cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const { ref: ref , inView: inView  } = (0, $jvNZe$reactintersectionobserver.useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    return cascade ? (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
+        ref: ref,
+        className: className,
+        css: [
+            revealCss,
+            $c8a4d927fd00b892$var$textBaseStyles
+        ],
+        style: style,
+        children: children.split("").map((char, index)=>(0, $jvNZe$emotionreactjsxruntime.jsx)("span", {
+                css: inView ? animationStyles : $c8a4d927fd00b892$var$hiddenStyles,
+                style: {
+                    animationDelay: delay + index * duration * damping + "ms"
+                },
+                children: char
+            }, index))
+    }) : (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$FragmentReveal, {
+        ...props,
+        children: children
+    });
+};
+const $c8a4d927fd00b892$var$FragmentReveal = (props)=>{
+    const { animationStyles: animationStyles , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange ,  } = props;
+    const { ref: ref , inView: inView  } = (0, $jvNZe$reactintersectionobserver.useInView)({
+        triggerOnce: triggerOnce,
+        threshold: fraction,
+        onChange: onVisibilityChange
+    });
+    const inViewStyles = [
+        revealCss,
+        animationStyles
+    ];
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
+        ref: ref,
+        className: className,
+        css: inView ? inViewStyles : $c8a4d927fd00b892$var$hiddenStyles,
+        style: style,
+        children: children
+    });
+};
 
 
 function $53b8ad22b050830b$var$getStyles(effect) {
     switch(effect){
         case "flash":
             return [
-                $fd9067391ce6df13$export$fff9462e59a6c087
+                (0, $fd9067391ce6df13$export$fff9462e59a6c087)
             ];
         case "headShake":
             return [
-                $eb9167f8b04a1eef$export$cc718fa79617014c,
+                (0, $eb9167f8b04a1eef$export$cc718fa79617014c),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "heartBeat":
             return [
-                $6efeb5b76066380c$export$f5767cd4e86f63a5,
+                (0, $6efeb5b76066380c$export$f5767cd4e86f63a5),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "jello":
             return [
-                $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d,
+                (0, $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d),
                 {
                     transformOrigin: "center"
                 }
             ];
         case "pulse":
             return [
-                $409347824bf28b80$export$f3aaf94dc96a60de,
+                (0, $409347824bf28b80$export$f3aaf94dc96a60de),
                 {
                     animationTimingFunction: "ease-in-out"
                 }
             ];
         case "rubberBand":
             return [
-                $118273709ecc7996$export$bbc07f6a19d55e88
+                (0, $118273709ecc7996$export$bbc07f6a19d55e88)
             ];
         case "shake":
             return [
-                $99597785e49dcbea$export$267b06a7460aa7d3
+                (0, $99597785e49dcbea$export$267b06a7460aa7d3)
             ];
         case "shakeX":
             return [
-                $5dd42df0435d852f$export$8e99d6962f95c405
+                (0, $5dd42df0435d852f$export$8e99d6962f95c405)
             ];
         case "shakeY":
             return [
-                $ef91eb5bdfc318f0$export$8c0595fc0dd256ce
+                (0, $ef91eb5bdfc318f0$export$8c0595fc0dd256ce)
             ];
         case "swing":
             return [
-                $17cad7ed79df0fbf$export$84fc4030631e573c,
+                (0, $17cad7ed79df0fbf$export$84fc4030631e573c),
                 {
                     transformOrigin: "top center"
                 }
             ];
         case "tada":
             return [
-                $cb5eed64c434fe13$export$1362d96c12095304
+                (0, $cb5eed64c434fe13$export$1362d96c12095304)
             ];
         case "wobble":
             return [
-                $64e244b1100f4aec$export$138a91d3335be56
+                (0, $64e244b1100f4aec$export$138a91d3335be56)
             ];
         case "bounce":
         default:
             return [
-                $88ffd68ae302398a$export$e3ce947fb98643bf,
+                (0, $88ffd68ae302398a$export$e3ce947fb98643bf),
                 {
                     transformOrigin: "center bottom"
                 }
@@ -800,11 +792,10 @@ function $53b8ad22b050830b$var$getStyles(effect) {
 }
 const $53b8ad22b050830b$export$1736648c5c27c79d = (props)=>{
     const { effect: effect = "bounce" , ...rest } = props;
-    const [keyframes, animationCss] = $jvNZe$react.useMemo(()=>$53b8ad22b050830b$var$getStyles(effect)
-    , [
+    const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$53b8ad22b050830b$var$getStyles(effect), [
         effect
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         css: animationCss,
         ...rest
@@ -818,7 +809,7 @@ $parcel$export($538f81368e1b5055$exports, "Bounce", () => $538f81368e1b5055$expo
 
 
 
-const $239280df9946b122$export$fccebd7948554554 = $jvNZe$emotionreact.keyframes`
+const $239280df9946b122$export$fccebd7948554554 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   20%,
   40%,
@@ -857,7 +848,7 @@ const $239280df9946b122$export$fccebd7948554554 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = $jvNZe$emotionreact.keyframes`
+const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -890,7 +881,7 @@ const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = $jvNZe$emotionreact.keyframes`
+const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -923,7 +914,7 @@ const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $9fc2107612a180c2$export$aebe35d18555813a = $jvNZe$emotionreact.keyframes`
+const $9fc2107612a180c2$export$aebe35d18555813a = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -956,7 +947,7 @@ const $9fc2107612a180c2$export$aebe35d18555813a = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = $jvNZe$emotionreact.keyframes`
+const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = (0, $jvNZe$emotionreact.keyframes)`
   from,
   60%,
   75%,
@@ -991,7 +982,7 @@ const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = $jvNZe$emotionreact.keyframes`
 
 
 
-const $279e1b37c9d3b420$export$cccc9e04465dce11 = $jvNZe$emotionreact.keyframes`
+const $279e1b37c9d3b420$export$cccc9e04465dce11 = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: scale3d(0.9, 0.9, 0.9);
   }
@@ -1009,7 +1000,7 @@ const $279e1b37c9d3b420$export$cccc9e04465dce11 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $c087b0b0bb8754b6$export$26ce0cf84248400c = $jvNZe$emotionreact.keyframes`
+const $c087b0b0bb8754b6$export$26ce0cf84248400c = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: translate3d(0, 10px, 0) scaleY(0.985);
   }
@@ -1027,7 +1018,7 @@ const $c087b0b0bb8754b6$export$26ce0cf84248400c = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = $jvNZe$emotionreact.keyframes`
+const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(20px, 0, 0) scaleX(0.9);
@@ -1040,7 +1031,7 @@ const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6e8a1f82929c5a87$export$7b4a033090b713a = $jvNZe$emotionreact.keyframes`
+const $6e8a1f82929c5a87$export$7b4a033090b713a = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     opacity: 1;
     transform: translate3d(-20px, 0, 0) scaleX(0.9);
@@ -1053,7 +1044,7 @@ const $6e8a1f82929c5a87$export$7b4a033090b713a = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $ffd8976020fae4b5$export$fe9810e7e30c9caa = $jvNZe$emotionreact.keyframes`
+const $ffd8976020fae4b5$export$fe9810e7e30c9caa = (0, $jvNZe$emotionreact.keyframes)`
   20% {
     transform: translate3d(0, -10px, 0) scaleY(0.985);
   }
@@ -1076,25 +1067,24 @@ const $ffd8976020fae4b5$export$fe9810e7e30c9caa = $jvNZe$emotionreact.keyframes`
 function $538f81368e1b5055$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $c087b0b0bb8754b6$export$26ce0cf84248400c : $6cf6d8e43927ecb0$export$5567dcc4c3474880;
+            return reverse ? (0, $c087b0b0bb8754b6$export$26ce0cf84248400c) : (0, $6cf6d8e43927ecb0$export$5567dcc4c3474880);
         case "left":
-            return reverse ? $2d05960b7dd695c1$export$3dabd2f5ee26f898 : $5c0cd9513f5655ae$export$92fd46a1c9da5ead;
+            return reverse ? (0, $2d05960b7dd695c1$export$3dabd2f5ee26f898) : (0, $5c0cd9513f5655ae$export$92fd46a1c9da5ead);
         case "right":
-            return reverse ? $6e8a1f82929c5a87$export$7b4a033090b713a : $9fc2107612a180c2$export$aebe35d18555813a;
+            return reverse ? (0, $6e8a1f82929c5a87$export$7b4a033090b713a) : (0, $9fc2107612a180c2$export$aebe35d18555813a);
         case "up":
-            return reverse ? $ffd8976020fae4b5$export$fe9810e7e30c9caa : $df2aa9ffda66bf8e$export$9e7bc32a82042281;
+            return reverse ? (0, $ffd8976020fae4b5$export$fe9810e7e30c9caa) : (0, $df2aa9ffda66bf8e$export$9e7bc32a82042281);
         default:
-            return reverse ? $279e1b37c9d3b420$export$cccc9e04465dce11 : $239280df9946b122$export$fccebd7948554554;
+            return reverse ? (0, $279e1b37c9d3b420$export$cccc9e04465dce11) : (0, $239280df9946b122$export$fccebd7948554554);
     }
 }
 const $538f81368e1b5055$export$d20e79fdc3899e95 = (props)=>{
     const { direction: direction , reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$538f81368e1b5055$var$getStyles(reverse, direction)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$538f81368e1b5055$var$getStyles(reverse, direction), [
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         ...rest
     });
@@ -1108,7 +1098,7 @@ $parcel$export($38e0da7e8ca22f50$exports, "Fade", () => $38e0da7e8ca22f50$export
 
 
 
-const $a785dbac738f5f3e$export$c091916f1530334c = $jvNZe$emotionreact.keyframes`
+const $a785dbac738f5f3e$export$c091916f1530334c = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1119,7 +1109,7 @@ const $a785dbac738f5f3e$export$c091916f1530334c = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $ce011eac9ce0614a$export$19a945979f1fb3dc = $jvNZe$emotionreact.keyframes`
+const $ce011eac9ce0614a$export$19a945979f1fb3dc = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1132,7 +1122,7 @@ const $ce011eac9ce0614a$export$19a945979f1fb3dc = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $c2858a61175e3532$export$5728b370175ac481 = $jvNZe$emotionreact.keyframes`
+const $c2858a61175e3532$export$5728b370175ac481 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1145,7 +1135,7 @@ const $c2858a61175e3532$export$5728b370175ac481 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $0e2ef080f367183e$export$918ddd2a9d66b46e = $jvNZe$emotionreact.keyframes`
+const $0e2ef080f367183e$export$918ddd2a9d66b46e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1157,7 +1147,7 @@ const $0e2ef080f367183e$export$918ddd2a9d66b46e = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $d7fb8c5deff36398$export$658ef65a86bafcbd = $jvNZe$emotionreact.keyframes`
+const $d7fb8c5deff36398$export$658ef65a86bafcbd = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1169,7 +1159,7 @@ const $d7fb8c5deff36398$export$658ef65a86bafcbd = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $d1a858cda71a4e75$export$99efea88984e567e = $jvNZe$emotionreact.keyframes`
+const $d1a858cda71a4e75$export$99efea88984e567e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1181,7 +1171,7 @@ const $d1a858cda71a4e75$export$99efea88984e567e = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $95af0635245b07a1$export$3a9dc8f9529ceff5 = $jvNZe$emotionreact.keyframes`
+const $95af0635245b07a1$export$3a9dc8f9529ceff5 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1193,7 +1183,7 @@ const $95af0635245b07a1$export$3a9dc8f9529ceff5 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $1ce7d5ebbf024e25$export$1541972369870d64 = $jvNZe$emotionreact.keyframes`
+const $1ce7d5ebbf024e25$export$1541972369870d64 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1205,7 +1195,7 @@ const $1ce7d5ebbf024e25$export$1541972369870d64 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $98c2de600df5e876$export$d3f8667912a1aaa1 = $jvNZe$emotionreact.keyframes`
+const $98c2de600df5e876$export$d3f8667912a1aaa1 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1217,7 +1207,7 @@ const $98c2de600df5e876$export$d3f8667912a1aaa1 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $f86363e7f17f6b48$export$cc0980c21917f2b0 = $jvNZe$emotionreact.keyframes`
+const $f86363e7f17f6b48$export$cc0980c21917f2b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1230,7 +1220,7 @@ const $f86363e7f17f6b48$export$cc0980c21917f2b0 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a0fce7756a006a41$export$510f794173174a8b = $jvNZe$emotionreact.keyframes`
+const $a0fce7756a006a41$export$510f794173174a8b = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
     transform: translate3d(0, 0, 0);
@@ -1243,7 +1233,7 @@ const $a0fce7756a006a41$export$510f794173174a8b = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $41ae82f5230c6f3d$export$4163084011e71929 = $jvNZe$emotionreact.keyframes`
+const $41ae82f5230c6f3d$export$4163084011e71929 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1255,7 +1245,7 @@ const $41ae82f5230c6f3d$export$4163084011e71929 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $620ee1fbd37ce3b0$export$b0540367e09512e9 = $jvNZe$emotionreact.keyframes`
+const $620ee1fbd37ce3b0$export$b0540367e09512e9 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1272,34 +1262,33 @@ const $620ee1fbd37ce3b0$export$b0540367e09512e9 = $jvNZe$emotionreact.keyframes`
 function $38e0da7e8ca22f50$var$getStyles(big, reverse, direction) {
     switch(direction){
         case "bottom-left":
-            return reverse ? $ce011eac9ce0614a$export$19a945979f1fb3dc : $5d24f5d06eb0ca64$export$27e0c58916e1badc;
+            return reverse ? (0, $ce011eac9ce0614a$export$19a945979f1fb3dc) : (0, $5d24f5d06eb0ca64$export$27e0c58916e1badc);
         case "bottom-right":
-            return reverse ? $c2858a61175e3532$export$5728b370175ac481 : $2a57c406215d34eb$export$f72096766ea3a089;
+            return reverse ? (0, $c2858a61175e3532$export$5728b370175ac481) : (0, $2a57c406215d34eb$export$f72096766ea3a089);
         case "down":
-            return big ? reverse ? $d7fb8c5deff36398$export$658ef65a86bafcbd : $993b4f2eec647e23$export$aa45f1f50300a7c0 : reverse ? $0e2ef080f367183e$export$918ddd2a9d66b46e : $568a146f8f1dc468$export$6ecdcdb0033d0327;
+            return big ? reverse ? (0, $d7fb8c5deff36398$export$658ef65a86bafcbd) : (0, $993b4f2eec647e23$export$aa45f1f50300a7c0) : reverse ? (0, $0e2ef080f367183e$export$918ddd2a9d66b46e) : (0, $568a146f8f1dc468$export$6ecdcdb0033d0327);
         case "left":
-            return big ? reverse ? $95af0635245b07a1$export$3a9dc8f9529ceff5 : $e77687a7cf911846$export$327c6b58e5f59d6f : reverse ? $d1a858cda71a4e75$export$99efea88984e567e : $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b;
+            return big ? reverse ? (0, $95af0635245b07a1$export$3a9dc8f9529ceff5) : (0, $e77687a7cf911846$export$327c6b58e5f59d6f) : reverse ? (0, $d1a858cda71a4e75$export$99efea88984e567e) : (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b);
         case "right":
-            return big ? reverse ? $98c2de600df5e876$export$d3f8667912a1aaa1 : $55cf3d076c695f42$export$6f5ccd79656f671 : reverse ? $1ce7d5ebbf024e25$export$1541972369870d64 : $f128273212bfa795$export$7b78ca149b3ffe20;
+            return big ? reverse ? (0, $98c2de600df5e876$export$d3f8667912a1aaa1) : (0, $55cf3d076c695f42$export$6f5ccd79656f671) : reverse ? (0, $1ce7d5ebbf024e25$export$1541972369870d64) : (0, $f128273212bfa795$export$7b78ca149b3ffe20);
         case "top-left":
-            return reverse ? $f86363e7f17f6b48$export$cc0980c21917f2b0 : $156b763c5e69a9ca$export$777354dbc7828ff3;
+            return reverse ? (0, $f86363e7f17f6b48$export$cc0980c21917f2b0) : (0, $156b763c5e69a9ca$export$777354dbc7828ff3);
         case "top-right":
-            return reverse ? $a0fce7756a006a41$export$510f794173174a8b : $694098d2b7aee85e$export$d5bfa04a6ce7104f;
+            return reverse ? (0, $a0fce7756a006a41$export$510f794173174a8b) : (0, $694098d2b7aee85e$export$d5bfa04a6ce7104f);
         case "up":
-            return big ? reverse ? $620ee1fbd37ce3b0$export$b0540367e09512e9 : $0cf1b8b22f8c2075$export$f18a2356a26ed325 : reverse ? $41ae82f5230c6f3d$export$4163084011e71929 : $b15cf9ee005e2158$export$546bb2e31f381a81;
+            return big ? reverse ? (0, $620ee1fbd37ce3b0$export$b0540367e09512e9) : (0, $0cf1b8b22f8c2075$export$f18a2356a26ed325) : reverse ? (0, $41ae82f5230c6f3d$export$4163084011e71929) : (0, $b15cf9ee005e2158$export$546bb2e31f381a81);
         default:
-            return reverse ? $a785dbac738f5f3e$export$c091916f1530334c : $9ea0f43f56ccecde$export$82e6205b15e6c637;
+            return reverse ? (0, $a785dbac738f5f3e$export$c091916f1530334c) : (0, $9ea0f43f56ccecde$export$82e6205b15e6c637);
     }
 }
 const $38e0da7e8ca22f50$export$c983850c6c9d8b0e = (props)=>{
     const { big: big = false , direction: direction , reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$38e0da7e8ca22f50$var$getStyles(big, reverse, direction)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$38e0da7e8ca22f50$var$getStyles(big, reverse, direction), [
         big,
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         ...rest
     });
@@ -1313,7 +1302,7 @@ $parcel$export($a24d7b7f95c41c0b$exports, "Flip", () => $a24d7b7f95c41c0b$export
 
 
 
-const $7a93ca27322ab527$export$8a83211c878a3f1f = $jvNZe$emotionreact.keyframes`
+const $7a93ca27322ab527$export$8a83211c878a3f1f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
     animation-timing-function: ease-out;
@@ -1344,7 +1333,7 @@ const $7a93ca27322ab527$export$8a83211c878a3f1f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $f9190ee81e2d4988$export$68ed1a067f792190 = $jvNZe$emotionreact.keyframes`
+const $f9190ee81e2d4988$export$68ed1a067f792190 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1371,7 +1360,7 @@ const $f9190ee81e2d4988$export$68ed1a067f792190 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $305856451e6f8fcc$export$a10221d4eadc810 = $jvNZe$emotionreact.keyframes`
+const $305856451e6f8fcc$export$a10221d4eadc810 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     animation-timing-function: ease-in;
@@ -1398,7 +1387,7 @@ const $305856451e6f8fcc$export$a10221d4eadc810 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = $jvNZe$emotionreact.keyframes`
+const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1415,7 +1404,7 @@ const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6bb13209ce33d395$export$93f09c73becb5407 = $jvNZe$emotionreact.keyframes`
+const $6bb13209ce33d395$export$93f09c73becb5407 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: perspective(400px);
   }
@@ -1437,24 +1426,23 @@ const $6bb13209ce33d395$export$93f09c73becb5407 = $jvNZe$emotionreact.keyframes`
 function $a24d7b7f95c41c0b$var$getStyles(reverse, direction) {
     switch(direction){
         case "horizontal":
-            return reverse ? $86a1dd67c7624c85$export$4eaf247181cd9ec3 : $f9190ee81e2d4988$export$68ed1a067f792190;
+            return reverse ? (0, $86a1dd67c7624c85$export$4eaf247181cd9ec3) : (0, $f9190ee81e2d4988$export$68ed1a067f792190);
         case "vertical":
-            return reverse ? $6bb13209ce33d395$export$93f09c73becb5407 : $305856451e6f8fcc$export$a10221d4eadc810;
+            return reverse ? (0, $6bb13209ce33d395$export$93f09c73becb5407) : (0, $305856451e6f8fcc$export$a10221d4eadc810);
         default:
-            return $7a93ca27322ab527$export$8a83211c878a3f1f;
+            return 0, $7a93ca27322ab527$export$8a83211c878a3f1f;
     }
 }
-const $a24d7b7f95c41c0b$var$animationCss = $jvNZe$emotionreact.css`
+const $a24d7b7f95c41c0b$var$animationCss = (0, $jvNZe$emotionreact.css)`
   backface-visibility: visible;
 `;
 const $a24d7b7f95c41c0b$export$4d2fae537bd90431 = (props)=>{
     const { direction: direction , reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$a24d7b7f95c41c0b$var$getStyles(reverse, direction)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$a24d7b7f95c41c0b$var$getStyles(reverse, direction), [
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         css: $a24d7b7f95c41c0b$var$animationCss,
         keyframes: keyframes,
         ...rest
@@ -1468,7 +1456,7 @@ $parcel$export($ba126b9772ca94c1$exports, "Hinge", () => $ba126b9772ca94c1$expor
 
 
 
-const $d5624047c6cd5156$export$321a3d0bf2c75 = $jvNZe$emotionreact.keyframes`
+const $d5624047c6cd5156$export$321a3d0bf2c75 = (0, $jvNZe$emotionreact.keyframes)`
   0% {
     animation-timing-function: ease-in-out;
   }
@@ -1493,7 +1481,7 @@ const $d5624047c6cd5156$export$321a3d0bf2c75 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $763e7a71060b44ee$export$51046d36a99b73b0 = $jvNZe$emotionreact.keyframes`
+const $763e7a71060b44ee$export$51046d36a99b73b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale(0.1) rotate(30deg);
@@ -1515,7 +1503,7 @@ const $763e7a71060b44ee$export$51046d36a99b73b0 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a5c6d470e6bb1934$export$6aa1850093220a4f = $jvNZe$emotionreact.keyframes`
+const $a5c6d470e6bb1934$export$6aa1850093220a4f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
@@ -1528,7 +1516,7 @@ const $a5c6d470e6bb1934$export$6aa1850093220a4f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a7e54697faae7be6$export$e78f98b32413b70e = $jvNZe$emotionreact.keyframes`
+const $a7e54697faae7be6$export$e78f98b32413b70e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1542,13 +1530,13 @@ const $a7e54697faae7be6$export$e78f98b32413b70e = $jvNZe$emotionreact.keyframes`
 
 
 
-const $ba126b9772ca94c1$var$animationCss = $jvNZe$emotionreact.css`
+const $ba126b9772ca94c1$var$animationCss = (0, $jvNZe$emotionreact.css)`
   transform-origin: top left;
 `;
 const $ba126b9772ca94c1$export$51b1a342f43475b0 = (props)=>{
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         css: $ba126b9772ca94c1$var$animationCss,
-        keyframes: $d5624047c6cd5156$export$321a3d0bf2c75,
+        keyframes: (0, $d5624047c6cd5156$export$321a3d0bf2c75),
         ...props
     });
 };
@@ -1561,8 +1549,8 @@ $parcel$export($5923581cb4748dcc$exports, "JackInTheBox", () => $5923581cb4748dc
 
 
 const $5923581cb4748dcc$export$2d9d44ff5c623255 = (props)=>{
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
-        keyframes: $763e7a71060b44ee$export$51046d36a99b73b0,
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
+        keyframes: (0, $763e7a71060b44ee$export$51046d36a99b73b0),
         ...props
     });
 };
@@ -1576,15 +1564,14 @@ $parcel$export($9e09e3efd7b75ad7$exports, "Roll", () => $9e09e3efd7b75ad7$export
 
 
 function $9e09e3efd7b75ad7$var$getStyles(reverse) {
-    return reverse ? $a7e54697faae7be6$export$e78f98b32413b70e : $a5c6d470e6bb1934$export$6aa1850093220a4f;
+    return reverse ? (0, $a7e54697faae7be6$export$e78f98b32413b70e) : (0, $a5c6d470e6bb1934$export$6aa1850093220a4f);
 }
 const $9e09e3efd7b75ad7$export$aa11096b70371f74 = (props)=>{
     const { reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$9e09e3efd7b75ad7$var$getStyles(reverse)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$9e09e3efd7b75ad7$var$getStyles(reverse), [
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         ...rest
     });
@@ -1597,7 +1584,7 @@ $parcel$export($f25af1ae851295d5$exports, "Rotate", () => $f25af1ae851295d5$expo
 
 
 
-const $1b29b037584a02bc$export$2b9048e0715456a4 = $jvNZe$emotionreact.keyframes`
+const $1b29b037584a02bc$export$2b9048e0715456a4 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
@@ -1610,7 +1597,7 @@ const $1b29b037584a02bc$export$2b9048e0715456a4 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6d158bf4c3b9a085$export$7336503083b51ac8 = $jvNZe$emotionreact.keyframes`
+const $6d158bf4c3b9a085$export$7336503083b51ac8 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
@@ -1623,7 +1610,7 @@ const $6d158bf4c3b9a085$export$7336503083b51ac8 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $8088f56d0f185f82$export$d39468e8ba1f782c = $jvNZe$emotionreact.keyframes`
+const $8088f56d0f185f82$export$d39468e8ba1f782c = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1636,7 +1623,7 @@ const $8088f56d0f185f82$export$d39468e8ba1f782c = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $6989a54600cd1b06$export$3848addc86cdb49f = $jvNZe$emotionreact.keyframes`
+const $6989a54600cd1b06$export$3848addc86cdb49f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
@@ -1649,7 +1636,7 @@ const $6989a54600cd1b06$export$3848addc86cdb49f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $15ca95aca9bd2baa$export$bb10501f1250224d = $jvNZe$emotionreact.keyframes`
+const $15ca95aca9bd2baa$export$bb10501f1250224d = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
@@ -1664,7 +1651,7 @@ const $15ca95aca9bd2baa$export$bb10501f1250224d = $jvNZe$emotionreact.keyframes`
 
 
 
-const $95a219812d2befe1$export$5e1ccc268ae376b0 = $jvNZe$emotionreact.keyframes`
+const $95a219812d2befe1$export$5e1ccc268ae376b0 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1676,7 +1663,7 @@ const $95a219812d2befe1$export$5e1ccc268ae376b0 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $3c1382ebe584e541$export$fb5eb9e37db0dfef = $jvNZe$emotionreact.keyframes`
+const $3c1382ebe584e541$export$fb5eb9e37db0dfef = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1688,7 +1675,7 @@ const $3c1382ebe584e541$export$fb5eb9e37db0dfef = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $87e525313846a8f0$export$638177b843431394 = $jvNZe$emotionreact.keyframes`
+const $87e525313846a8f0$export$638177b843431394 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1700,7 +1687,7 @@ const $87e525313846a8f0$export$638177b843431394 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $5552c563ee00b4ba$export$d921b7e0db7ff86e = $jvNZe$emotionreact.keyframes`
+const $5552c563ee00b4ba$export$d921b7e0db7ff86e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1712,7 +1699,7 @@ const $5552c563ee00b4ba$export$d921b7e0db7ff86e = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $16fb611719275541$export$43ebaa489dfc2f5d = $jvNZe$emotionreact.keyframes`
+const $16fb611719275541$export$43ebaa489dfc2f5d = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -1730,60 +1717,60 @@ function $f25af1ae851295d5$var$getStyles(reverse, direction) {
     switch(direction){
         case "bottom-left":
             return reverse ? [
-                $3c1382ebe584e541$export$fb5eb9e37db0dfef,
+                (0, $3c1382ebe584e541$export$fb5eb9e37db0dfef),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $6d158bf4c3b9a085$export$7336503083b51ac8,
+                (0, $6d158bf4c3b9a085$export$7336503083b51ac8),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "bottom-right":
             return reverse ? [
-                $87e525313846a8f0$export$638177b843431394,
+                (0, $87e525313846a8f0$export$638177b843431394),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $8088f56d0f185f82$export$d39468e8ba1f782c,
+                (0, $8088f56d0f185f82$export$d39468e8ba1f782c),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         case "top-left":
             return reverse ? [
-                $5552c563ee00b4ba$export$d921b7e0db7ff86e,
+                (0, $5552c563ee00b4ba$export$d921b7e0db7ff86e),
                 {
                     transformOrigin: "left bottom"
                 }
             ] : [
-                $6989a54600cd1b06$export$3848addc86cdb49f,
+                (0, $6989a54600cd1b06$export$3848addc86cdb49f),
                 {
                     transformOrigin: "left bottom"
                 }
             ];
         case "top-right":
             return reverse ? [
-                $16fb611719275541$export$43ebaa489dfc2f5d,
+                (0, $16fb611719275541$export$43ebaa489dfc2f5d),
                 {
                     transformOrigin: "right bottom"
                 }
             ] : [
-                $15ca95aca9bd2baa$export$bb10501f1250224d,
+                (0, $15ca95aca9bd2baa$export$bb10501f1250224d),
                 {
                     transformOrigin: "right bottom"
                 }
             ];
         default:
             return reverse ? [
-                $95a219812d2befe1$export$5e1ccc268ae376b0,
+                (0, $95a219812d2befe1$export$5e1ccc268ae376b0),
                 {
                     transformOrigin: "center"
                 }
             ] : [
-                $1b29b037584a02bc$export$2b9048e0715456a4,
+                (0, $1b29b037584a02bc$export$2b9048e0715456a4),
                 {
                     transformOrigin: "center"
                 }
@@ -1792,12 +1779,11 @@ function $f25af1ae851295d5$var$getStyles(reverse, direction) {
 }
 const $f25af1ae851295d5$export$152db69a76b6b79e = (props)=>{
     const { direction: direction , reverse: reverse = false , ...rest } = props;
-    const [keyframes, animationCss] = $jvNZe$react.useMemo(()=>$f25af1ae851295d5$var$getStyles(reverse, direction)
-    , [
+    const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$f25af1ae851295d5$var$getStyles(reverse, direction), [
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         css: animationCss,
         keyframes: keyframes,
         ...rest
@@ -1811,7 +1797,7 @@ $parcel$export($f6faa87ecc5f38b3$exports, "Slide", () => $f6faa87ecc5f38b3$expor
 
 
 
-const $1af9db7d37d42750$export$8775e04aa1928f66 = $jvNZe$emotionreact.keyframes`
+const $1af9db7d37d42750$export$8775e04aa1928f66 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, -100%, 0);
     visibility: visible;
@@ -1823,7 +1809,7 @@ const $1af9db7d37d42750$export$8775e04aa1928f66 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $83c671c42e55a388$export$8da96f801aa19ebe = $jvNZe$emotionreact.keyframes`
+const $83c671c42e55a388$export$8da96f801aa19ebe = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
@@ -1835,7 +1821,7 @@ const $83c671c42e55a388$export$8da96f801aa19ebe = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a3c30b51c08a5fd5$export$706618d509d55167 = $jvNZe$emotionreact.keyframes`
+const $a3c30b51c08a5fd5$export$706618d509d55167 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
@@ -1847,7 +1833,7 @@ const $a3c30b51c08a5fd5$export$706618d509d55167 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $72d9e9426629a007$export$8ce8a09eb901d11 = $jvNZe$emotionreact.keyframes`
+const $72d9e9426629a007$export$8ce8a09eb901d11 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 100%, 0);
     visibility: visible;
@@ -1861,7 +1847,7 @@ const $72d9e9426629a007$export$8ce8a09eb901d11 = $jvNZe$emotionreact.keyframes`
 
 
 
-const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = $jvNZe$emotionreact.keyframes`
+const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -1873,7 +1859,7 @@ const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a74adedc9b195b9f$export$78e157c613296941 = $jvNZe$emotionreact.keyframes`
+const $a74adedc9b195b9f$export$78e157c613296941 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -1885,7 +1871,7 @@ const $a74adedc9b195b9f$export$78e157c613296941 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $e378f8605569fffa$export$45629ceb9412b813 = $jvNZe$emotionreact.keyframes`
+const $e378f8605569fffa$export$45629ceb9412b813 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -1897,7 +1883,7 @@ const $e378f8605569fffa$export$45629ceb9412b813 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $026acf3f541549c5$export$341210899707327e = $jvNZe$emotionreact.keyframes`
+const $026acf3f541549c5$export$341210899707327e = (0, $jvNZe$emotionreact.keyframes)`
   from {
     transform: translate3d(0, 0, 0);
   }
@@ -1914,24 +1900,23 @@ const $026acf3f541549c5$export$341210899707327e = $jvNZe$emotionreact.keyframes`
 function $f6faa87ecc5f38b3$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $a3e33ea8b70d329f$export$4d23096b87fa05f1 : $1af9db7d37d42750$export$8775e04aa1928f66;
+            return reverse ? (0, $a3e33ea8b70d329f$export$4d23096b87fa05f1) : (0, $1af9db7d37d42750$export$8775e04aa1928f66);
         case "right":
-            return reverse ? $e378f8605569fffa$export$45629ceb9412b813 : $a3c30b51c08a5fd5$export$706618d509d55167;
+            return reverse ? (0, $e378f8605569fffa$export$45629ceb9412b813) : (0, $a3c30b51c08a5fd5$export$706618d509d55167);
         case "up":
-            return reverse ? $026acf3f541549c5$export$341210899707327e : $72d9e9426629a007$export$8ce8a09eb901d11;
+            return reverse ? (0, $026acf3f541549c5$export$341210899707327e) : (0, $72d9e9426629a007$export$8ce8a09eb901d11);
         case "left":
         default:
-            return reverse ? $a74adedc9b195b9f$export$78e157c613296941 : $83c671c42e55a388$export$8da96f801aa19ebe;
+            return reverse ? (0, $a74adedc9b195b9f$export$78e157c613296941) : (0, $83c671c42e55a388$export$8da96f801aa19ebe);
     }
 }
 const $f6faa87ecc5f38b3$export$d8dc01b5c85a37b9 = (props)=>{
     const { direction: direction , reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$f6faa87ecc5f38b3$var$getStyles(reverse, direction)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$f6faa87ecc5f38b3$var$getStyles(reverse, direction), [
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         ...rest
     });
@@ -1944,7 +1929,7 @@ $parcel$export($034268f68644a31d$exports, "Zoom", () => $034268f68644a31d$export
 
 
 
-const $dc843673fdba933c$export$3b71758b3ed5255f = $jvNZe$emotionreact.keyframes`
+const $dc843673fdba933c$export$3b71758b3ed5255f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.3, 0.3, 0.3);
@@ -1956,7 +1941,7 @@ const $dc843673fdba933c$export$3b71758b3ed5255f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $0b42e7a53c517724$export$f1fb318c9f90bd9f = $jvNZe$emotionreact.keyframes`
+const $0b42e7a53c517724$export$f1fb318c9f90bd9f = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
@@ -1971,7 +1956,7 @@ const $0b42e7a53c517724$export$f1fb318c9f90bd9f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $936eed8bd433459e$export$3b5491f6985de80 = $jvNZe$emotionreact.keyframes`
+const $936eed8bd433459e$export$3b5491f6985de80 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
@@ -1986,7 +1971,7 @@ const $936eed8bd433459e$export$3b5491f6985de80 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = $jvNZe$emotionreact.keyframes`
+const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
@@ -2001,7 +1986,7 @@ const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $4ac9fc03a237a348$export$f8e431a03d821bd2 = $jvNZe$emotionreact.keyframes`
+const $4ac9fc03a237a348$export$f8e431a03d821bd2 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 0;
     transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
@@ -2018,7 +2003,7 @@ const $4ac9fc03a237a348$export$f8e431a03d821bd2 = $jvNZe$emotionreact.keyframes`
 
 
 
-const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = $jvNZe$emotionreact.keyframes`
+const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = (0, $jvNZe$emotionreact.keyframes)`
   from {
     opacity: 1;
   }
@@ -2034,7 +2019,7 @@ const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $24a33ab629d9f63a$export$10deba13beba726f = $jvNZe$emotionreact.keyframes`
+const $24a33ab629d9f63a$export$10deba13beba726f = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
@@ -2049,7 +2034,7 @@ const $24a33ab629d9f63a$export$10deba13beba726f = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $a6ffe5eb8dcf9326$export$a897bc2790be434e = $jvNZe$emotionreact.keyframes`
+const $a6ffe5eb8dcf9326$export$a897bc2790be434e = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
@@ -2062,7 +2047,7 @@ const $a6ffe5eb8dcf9326$export$a897bc2790be434e = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = $jvNZe$emotionreact.keyframes`
+const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
@@ -2075,7 +2060,7 @@ const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = $jvNZe$emotionreact.keyframes`
 `;
 
 
-const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = $jvNZe$emotionreact.keyframes`
+const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = (0, $jvNZe$emotionreact.keyframes)`
   40% {
     opacity: 1;
     transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
@@ -2095,25 +2080,24 @@ const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = $jvNZe$emotionreact.keyframes`
 function $034268f68644a31d$var$getStyles(reverse, direction) {
     switch(direction){
         case "down":
-            return reverse ? $24a33ab629d9f63a$export$10deba13beba726f : $0b42e7a53c517724$export$f1fb318c9f90bd9f;
+            return reverse ? (0, $24a33ab629d9f63a$export$10deba13beba726f) : (0, $0b42e7a53c517724$export$f1fb318c9f90bd9f);
         case "left":
-            return reverse ? $a6ffe5eb8dcf9326$export$a897bc2790be434e : $936eed8bd433459e$export$3b5491f6985de80;
+            return reverse ? (0, $a6ffe5eb8dcf9326$export$a897bc2790be434e) : (0, $936eed8bd433459e$export$3b5491f6985de80);
         case "right":
-            return reverse ? $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 : $ceb2fe140eb0ceb1$export$6d68984f8269fb51;
+            return reverse ? (0, $62cd9c1d62e0c7bf$export$23fe0a856d31fa73) : (0, $ceb2fe140eb0ceb1$export$6d68984f8269fb51);
         case "up":
-            return reverse ? $7ba775b3029ac26b$export$6c4c2ccf7a384b67 : $4ac9fc03a237a348$export$f8e431a03d821bd2;
+            return reverse ? (0, $7ba775b3029ac26b$export$6c4c2ccf7a384b67) : (0, $4ac9fc03a237a348$export$f8e431a03d821bd2);
         default:
-            return reverse ? $d60fcabdd553050f$export$9fdb0a49c6b4b521 : $dc843673fdba933c$export$3b71758b3ed5255f;
+            return reverse ? (0, $d60fcabdd553050f$export$9fdb0a49c6b4b521) : (0, $dc843673fdba933c$export$3b71758b3ed5255f);
     }
 }
 const $034268f68644a31d$export$65cfd44a2050f99 = (props)=>{
     const { direction: direction , reverse: reverse = false , ...rest } = props;
-    const keyframes = $jvNZe$react.useMemo(()=>$034268f68644a31d$var$getStyles(reverse, direction)
-    , [
+    const keyframes = (0, $jvNZe$react.useMemo)(()=>$034268f68644a31d$var$getStyles(reverse, direction), [
         direction,
         reverse
     ]);
-    return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
+    return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
         keyframes: keyframes,
         ...rest
     });