react-awesome-reveal - npm Package Compare versions

Comparing version 3.6.0 to 3.7.0

dist/components/AttentionSeeker.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
-interface AttentionSeekerProps extends Omit<RevealProps, "keyframes"> {
+interface AttentionSeekerProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * The animation effect to use for this attention seeker.

dist/components/Bounce.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type BounceDirection = "down" | "left" | "right" | "up";
-interface BounceProps extends Omit<RevealProps, "keyframes"> {
+interface BounceProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Origin of the animation.

dist/components/Fade.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
-interface FadeProps extends Omit<RevealProps, "keyframes"> {
+interface FadeProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Causes the animation to start farther. Only works with "down", "left", "right" and "up" directions.

dist/components/Flip.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type FlipDirection = "horizontal" | "vertical";
-interface FlipProps extends Omit<RevealProps, "keyframes"> {
+interface FlipProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Axis direction of the animation.

dist/components/Hinge.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
-declare type HingeProps = Omit<RevealProps, "keyframes">;
+declare type HingeProps = Omit<RevealProps, "keyframes" | "css">;
 declare const Hinge: React.FC<HingeProps>;
 export default Hinge;

dist/components/JackInTheBox.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
-declare type JackInTheBoxProps = Omit<RevealProps, "keyframes">;
+declare type JackInTheBoxProps = Omit<RevealProps, "keyframes" | "css">;
 declare const JackInTheBox: React.FC<JackInTheBoxProps>;
 export default JackInTheBox;

dist/components/Roll.d.ts

@@ -1,4 +0,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
-interface RollProps extends Omit<RevealProps, "keyframes"> {
+interface RollProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -5,0 +5,0 @@ * Specifies if the animation should make element(s) disappear.

dist/components/Rotate.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
-interface RotateProps extends Omit<RevealProps, "keyframes"> {
+interface RotateProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Origin of the animation.

dist/components/Slide.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type SlideDirection = "down" | "left" | "right" | "up";
-interface SlideProps extends Omit<RevealProps, "keyframes"> {
+interface SlideProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Origin of the animation.

dist/components/Zoom.d.ts

@@ -1,5 +0,5 @@
-import * as React from "react";
+/// <reference types="react" />
 import { RevealProps } from "../Reveal";
 declare type ZoomDirection = "down" | "left" | "right" | "up";
-interface ZoomProps extends Omit<RevealProps, "keyframes"> {
+interface ZoomProps extends Omit<RevealProps, "keyframes" | "css"> {
     /**
@@ -6,0 +6,0 @@ * Origin of the animation.

dist/react-awesome-reveal.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),r=require("react-is"),t=require("@emotion/react"),a=require("react-intersection-observer");function e(){return(e=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n}).apply(this,arguments)}function o(n,r){if(null==n)return{};var t,a,e={},o=Object.keys(n);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(e[t]=n[t]);return e}function s(n,r){return r||(r=n.slice(0)),n.raw=r,n}function i(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return i=function(){return n},n}var c=t.keyframes(i());function f(){var n=s(["\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n    animation-delay: ","ms;\n    animation-name: ",";\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ",";\n  "]);return f=function(){return n},n}function u(n){var r=n.duration,a=void 0===r?1e3:r,e=n.delay,o=void 0===e?0:e,s=n.timingFunction,i=void 0===s?"ease":s,u=n.keyframes,m=void 0===u?c:u,d=n.iterationCount,l=void 0===d?1:d;return t.css(f(),a,i,o,m,l)}function m(){var n=s(["\n  display: inline-block;\n  white-space: pre;\n"]);return m=function(){return n},n}function d(){var n=s(["\n  opacity: 0;\n"]);return d=function(){return n},n}var l=t.css(d()),p=t.css(m()),y=function o(s){var i=s.cascade,f=void 0!==i&&i,m=s.damping,d=void 0===m?.5:m,y=s.delay,v=void 0===y?0:y,g=s.duration,k=void 0===g?1e3:g,x=s.fraction,b=void 0===x?0:x,h=s.keyframes,w=void 0===h?c:h,O=s.triggerOnce,j=void 0!==O&&O,Y=s.css,X=s.className,z=s.style,N=s.childClassName,C=s.childStyle,E=s.children,V=s.onVisibilityChange;if(null==E)return null;if(function(n){return"string"==typeof n||"number"==typeof n||"boolean"==typeof n}(E)){var F=String(E);return f?t.jsx(a.InView,{threshold:b,triggerOnce:j,onChange:V},(function(n){var r=n.inView;return t.jsx("div",{ref:n.ref,css:[Y,p],className:X,style:z},F.split("").map((function(n,a){return t.jsx("span",{key:a,css:r?u({keyframes:w,delay:v+a*k*d,duration:k}):l,className:N,style:C},n)})))})):t.jsx(o,Object.assign({},{delay:v,duration:k,fraction:b,keyframes:w,triggerOnce:j,css:Y,className:X,style:z}),F)}return r.isFragment(E)?t.jsx(a.InView,{threshold:b,triggerOnce:j,onChange:V},(function(n){return t.jsx("div",{ref:n.ref,css:n.inView?[Y,u({keyframes:w,delay:v,duration:k})]:l,className:X,style:z},E)})):t.jsx(n.Fragment,null,n.Children.map(E,(function(r,s){var i=r,c=i.props.css?[i.props.css]:[];switch(c.push(u({keyframes:w,delay:v+(f?s*k*d:0),duration:k})),i.type){case"ol":case"ul":return t.jsx(t.ClassNames,null,(function(r){return n.cloneElement(i,{className:(0,r.cx)(X,i.props.className),style:e({},z,i.props.style)},t.jsx(o,Object.assign({},{cascade:f,damping:d,delay:v,duration:k,fraction:b,keyframes:w,triggerOnce:j,css:Y,childClassName:N,childStyle:C}),i.props.children))}));case"li":return t.jsx(a.InView,{threshold:b,triggerOnce:j,onChange:V},(function(n){var r=n.inView,a=n.ref;return t.jsx(t.ClassNames,null,(function(n){var o=n.cx;return t.jsx(i.type,e({},i.props,{ref:a,css:r?[Y].concat(c):l,className:o(N,i.props.className),style:e({},C,i.props.style)}))}))}));default:return t.jsx(a.InView,{threshold:b,triggerOnce:j,onChange:V},(function(n){return t.jsx("div",{ref:n.ref,css:n.inView?[Y].concat(c):l,className:X,style:z},t.jsx(t.ClassNames,null,(function(n){return t.jsx(i.type,e({},i.props,{className:(0,n.cx)(N,i.props.className),style:e({},C,i.props.style)}))})))}))}})))};function v(){var n=s(["\n  from,\n  20%,\n  53%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0);\n  }\n\n  40%,\n  43% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n  }\n\n  80% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n  }\n"]);return v=function(){return n},n}var g=t.keyframes(v());function k(){var n=s(["\n  from,\n  50%,\n  to {\n    opacity: 1;\n  }\n\n  25%,\n  75% {\n    opacity: 0;\n  }\n"]);return k=function(){return n},n}var x=t.keyframes(k());function b(){var n=s(["\n  0% {\n    transform: translateX(0);\n  }\n\n  6.5% {\n    transform: translateX(-6px) rotateY(-9deg);\n  }\n\n  18.5% {\n    transform: translateX(5px) rotateY(7deg);\n  }\n\n  31.5% {\n    transform: translateX(-3px) rotateY(-5deg);\n  }\n\n  43.5% {\n    transform: translateX(2px) rotateY(3deg);\n  }\n\n  50% {\n    transform: translateX(0);\n  }\n"]);return b=function(){return n},n}var h=t.keyframes(b());function w(){var n=s(["\n  0% {\n    transform: scale(1);\n  }\n\n  14% {\n    transform: scale(1.3);\n  }\n\n  28% {\n    transform: scale(1);\n  }\n\n  42% {\n    transform: scale(1.3);\n  }\n\n  70% {\n    transform: scale(1);\n  }\n"]);return w=function(){return n},n}var O=t.keyframes(w());function j(){var n=s(["\n  from,\n  11.1%,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  22.2% {\n    transform: skewX(-12.5deg) skewY(-12.5deg);\n  }\n\n  33.3% {\n    transform: skewX(6.25deg) skewY(6.25deg);\n  }\n\n  44.4% {\n    transform: skewX(-3.125deg) skewY(-3.125deg);\n  }\n\n  55.5% {\n    transform: skewX(1.5625deg) skewY(1.5625deg);\n  }\n\n  66.6% {\n    transform: skewX(-0.78125deg) skewY(-0.78125deg);\n  }\n\n  77.7% {\n    transform: skewX(0.390625deg) skewY(0.390625deg);\n  }\n\n  88.8% {\n    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n  }\n"]);return j=function(){return n},n}var Y=t.keyframes(j());function X(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return X=function(){return n},n}var z=t.keyframes(X());function N(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  30% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n\n  40% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n\n  50% {\n    transform: scale3d(1.15, 0.85, 1);\n  }\n\n  65% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n\n  75% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return N=function(){return n},n}var C=t.keyframes(N());function E(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return E=function(){return n},n}var V=t.keyframes(E());function F(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return F=function(){return n},n}var S=t.keyframes(F());function I(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(0, 10px, 0);\n  }\n"]);return I=function(){return n},n}var q=t.keyframes(I());function B(){var n=s(["\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n"]);return B=function(){return n},n}var T=t.keyframes(B());function P(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%,\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%,\n  60%,\n  80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return P=function(){return n},n}var R=t.keyframes(P());function _(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return _=function(){return n},n}var A=t.keyframes(_());function H(){var n=s(["\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"]);return H=function(){return n},n}var J=t.keyframes(H());function M(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0) scaleY(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return M=function(){return n},n}var Z=t.keyframes(M());function D(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(-10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return D=function(){return n},n}var G=t.keyframes(D());function K(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(-5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return K=function(){return n},n}var L=t.keyframes(K());function Q(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0) scaleY(5);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Q=function(){return n},n}var U=t.keyframes(Q());function W(){var n=s(["\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  50%,\n  55% {\n    opacity: 1;\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]);return W=function(){return n},n}var $=t.keyframes(W());function nn(){var n=s(["\n  20% {\n    transform: translate3d(0, 10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0) scaleY(3);\n  }\n"]);return nn=function(){return n},n}var rn=t.keyframes(nn());function tn(){var n=s(["\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0) scaleX(2);\n  }\n"]);return tn=function(){return n},n}var an=t.keyframes(tn());function en(){var n=s(["\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0) scaleX(2);\n  }\n"]);return en=function(){return n},n}var on=t.keyframes(en());function sn(){var n=s(["\n  20% {\n    transform: translate3d(0, -10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) scaleY(3);\n  }\n"]);return sn=function(){return n},n}var cn=t.keyframes(sn());function fn(n,r){switch(r){case"down":return n?rn:Z;case"left":return n?an:G;case"right":return n?on:L;case"up":return n?cn:U;default:return n?$:J}}function un(){var n=s(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]);return un=function(){return n},n}var mn=t.keyframes(un());function dn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return dn=function(){return n},n}var ln=t.keyframes(dn());function pn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return pn=function(){return n},n}var yn=t.keyframes(pn());function vn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return vn=function(){return n},n}var gn=t.keyframes(vn());function kn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return kn=function(){return n},n}var xn=t.keyframes(kn());function bn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return bn=function(){return n},n}var hn=t.keyframes(bn());function wn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return wn=function(){return n},n}var On=t.keyframes(wn());function jn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return jn=function(){return n},n}var Yn=t.keyframes(jn());function Xn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Xn=function(){return n},n}var zn=t.keyframes(Xn());function Nn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Nn=function(){return n},n}var Cn=t.keyframes(Nn());function En(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return En=function(){return n},n}var Vn=t.keyframes(En());function Fn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Fn=function(){return n},n}var Sn=t.keyframes(Fn());function In(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return In=function(){return n},n}var qn=t.keyframes(In());function Bn(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n"]);return Bn=function(){return n},n}var Tn=t.keyframes(Bn());function Pn(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n"]);return Pn=function(){return n},n}var Rn=t.keyframes(Pn());function _n(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return _n=function(){return n},n}var An=t.keyframes(_n());function Hn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n"]);return Hn=function(){return n},n}var Jn=t.keyframes(Hn());function Mn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return Mn=function(){return n},n}var Zn=t.keyframes(Mn());function Dn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n"]);return Dn=function(){return n},n}var Gn=t.keyframes(Dn());function Kn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return Kn=function(){return n},n}var Ln=t.keyframes(Kn());function Qn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n"]);return Qn=function(){return n},n}var Un=t.keyframes(Qn());function Wn(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n"]);return Wn=function(){return n},n}var $n=t.keyframes(Wn());function nr(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n"]);return nr=function(){return n},n}var rr=t.keyframes(nr());function tr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return tr=function(){return n},n}var ar=t.keyframes(tr());function er(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n"]);return er=function(){return n},n}var or=t.keyframes(er());function sr(n,r,t){switch(t){case"bottom-left":return r?Tn:ln;case"bottom-right":return r?Rn:yn;case"down":return n?r?Jn:xn:r?An:gn;case"left":return n?r?Gn:hn:r?Zn:c;case"right":return n?r?Un:Yn:r?Ln:On;case"top-left":return r?$n:zn;case"top-right":return r?rr:Cn;case"up":return n?r?or:Sn:r?ar:Vn;default:return r?qn:mn}}function ir(){var n=s(["\n  from {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n"]);return ir=function(){return n},n}var cr=t.keyframes(ir());function fr(){var n=s(["\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return fr=function(){return n},n}var ur=t.keyframes(fr());function mr(){var n=s(["\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return mr=function(){return n},n}var dr=t.keyframes(mr());function lr(){var n=s(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n"]);return lr=function(){return n},n}var pr=t.keyframes(lr());function yr(){var n=s(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n"]);return yr=function(){return n},n}var vr=t.keyframes(yr());function gr(n,r){switch(r){case"horizontal":return n?pr:ur;case"vertical":return n?vr:dr;default:return cr}}function kr(){var n=s(["\n  0% {\n    animation-timing-function: ease-in-out;\n  }\n\n  20%,\n  60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    animation-timing-function: ease-in-out;\n  }\n\n  40%,\n  80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n"]);return kr=function(){return n},n}var xr=t.keyframes(kr());function br(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n\n  50% {\n    transform: rotate(-10deg);\n  }\n\n  70% {\n    transform: rotate(3deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"]);return br=function(){return n},n}var hr=t.keyframes(br());function wr(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return wr=function(){return n},n}var Or=t.keyframes(wr());function jr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n"]);return jr=function(){return n},n}var Yr=t.keyframes(jr());function Xr(n){return n?Yr:Or}function zr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return zr=function(){return n},n}var Nr=t.keyframes(zr());function Cr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Cr=function(){return n},n}var Er=t.keyframes(Cr());function Vr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Vr=function(){return n},n}var Fr=t.keyframes(Vr());function Sr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Sr=function(){return n},n}var Ir=t.keyframes(Sr());function qr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return qr=function(){return n},n}var Br=t.keyframes(qr());function Tr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 200deg);\n    opacity: 0;\n  }\n"]);return Tr=function(){return n},n}var Pr=t.keyframes(Tr());function Rr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n"]);return Rr=function(){return n},n}var _r=t.keyframes(Rr());function Ar(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Ar=function(){return n},n}var Hr=t.keyframes(Ar());function Jr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Jr=function(){return n},n}var Mr=t.keyframes(Jr());function Zr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 90deg);\n    opacity: 0;\n  }\n"]);return Zr=function(){return n},n}var Dr=t.keyframes(Zr());function Gr(){var n=s(["\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Gr=function(){return n},n}var Kr=t.keyframes(Gr());function Lr(){var n=s(["\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Lr=function(){return n},n}var Qr=t.keyframes(Lr());function Ur(){var n=s(["\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Ur=function(){return n},n}var Wr=t.keyframes(Ur());function $r(){var n=s(["\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return $r=function(){return n},n}var nt=t.keyframes($r());function rt(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return rt=function(){return n},n}var tt=t.keyframes(rt());function at(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return at=function(){return n},n}var et=t.keyframes(at());function ot(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return ot=function(){return n},n}var st=t.keyframes(ot());function it(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return it=function(){return n},n}var ct=t.keyframes(it());function ft(n,r){switch(r){case"down":return n?tt:Kr;case"right":return n?st:Wr;case"up":return n?ct:nt;case"left":default:return n?et:Qr}}function ut(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n"]);return ut=function(){return n},n}var mt=t.keyframes(ut());function dt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return dt=function(){return n},n}var lt=t.keyframes(dt());function pt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return pt=function(){return n},n}var yt=t.keyframes(pt());function vt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return vt=function(){return n},n}var gt=t.keyframes(vt());function kt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return kt=function(){return n},n}var xt=t.keyframes(kt());function bt(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return bt=function(){return n},n}var ht=t.keyframes(bt());function wt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return wt=function(){return n},n}var Ot=t.keyframes(wt());function jt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(-2000px, 0, 0);\n  }\n"]);return jt=function(){return n},n}var Yt=t.keyframes(jt());function Xt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(2000px, 0, 0);\n  }\n"]);return Xt=function(){return n},n}var zt=t.keyframes(Xt());function Nt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return Nt=function(){return n},n}var Ct=t.keyframes(Nt());function Et(n,r){switch(r){case"down":return n?Ot:lt;case"left":return n?Yt:yt;case"right":return n?zt:gt;case"up":return n?Ct:xt;default:return n?ht:mt}}exports.AttentionSeeker=function(r){var t=r.effect,a=void 0===t?"bounce":t,e=r.css,s=o(r,["effect","css"]),i=function(n){switch(n){case"flash":return[x];case"headShake":return[h,{animationTimingFunction:"ease-in-out"}];case"heartBeat":return[O,{animationTimingFunction:"ease-in-out"}];case"jello":return[Y,{transformOrigin:"center"}];case"pulse":return[z,{animationTimingFunction:"ease-in-out"}];case"rubberBand":return[C];case"shake":return[V];case"shakeX":return[S];case"shakeY":return[q];case"swing":return[T,{transformOrigin:"top center"}];case"tada":return[R];case"wobble":return[A];case"bounce":default:return[g,{transformOrigin:"center bottom"}]}}(a);return n.createElement(y,Object.assign({keyframes:i[0],css:[e,i[1]]},s))},exports.Bounce=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=o(r,["direction","reverse"]);return n.createElement(y,Object.assign({keyframes:fn(e,t)},s))},exports.Fade=function(r){var t=r.big,a=void 0!==t&&t,e=r.direction,s=r.reverse,i=void 0!==s&&s,c=o(r,["big","direction","reverse"]);return n.createElement(y,Object.assign({keyframes:sr(a,i,e)},c))},exports.Flip=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=r.css,i=o(r,["direction","reverse","css"]);return n.createElement(y,Object.assign({keyframes:gr(e,t),css:[s,{backfaceVisibility:"visible"}]},i))},exports.Hinge=function(r){var t=r.css,a=o(r,["css"]);return n.createElement(y,Object.assign({keyframes:xr,css:[t,{transformOrigin:"top left"}]},a))},exports.JackInTheBox=function(r){return n.createElement(y,Object.assign({keyframes:hr},r))},exports.Roll=function(r){var t=r.reverse,a=void 0!==t&&t,e=o(r,["reverse"]);return n.createElement(y,Object.assign({keyframes:Xr(a)},e))},exports.Rotate=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=r.css,i=o(r,["direction","reverse","css"]),c=function(n,r){switch(r){case"bottom-left":return n?[_r,{transformOrigin:"left bottom"}]:[Er,{transformOrigin:"left bottom"}];case"bottom-right":return n?[Hr,{transformOrigin:"right bottom"}]:[Fr,{transformOrigin:"right bottom"}];case"top-left":return n?[Mr,{transformOrigin:"left bottom"}]:[Ir,{transformOrigin:"left bottom"}];case"top-right":return n?[Dr,{transformOrigin:"right bottom"}]:[Br,{transformOrigin:"right bottom"}];default:return n?[Pr,{transformOrigin:"center"}]:[Nr,{transformOrigin:"center"}]}}(e,t);return n.createElement(y,Object.assign({keyframes:c[0],css:[s,c[1]]},i))},exports.Slide=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=o(r,["direction","reverse"]);return n.createElement(y,Object.assign({keyframes:ft(e,t)},s))},exports.Zoom=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=o(r,["direction","reverse"]);return n.createElement(y,Object.assign({keyframes:Et(e,t)},s))},exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@emotion/react/jsx-runtime"),r=require("react"),t=require("react-is"),a=require("@emotion/react"),e=require("react-intersection-observer");function o(){return(o=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n}).apply(this,arguments)}function i(n,r){if(null==n)return{};var t,a,e={},o=Object.keys(n);for(a=0;a<o.length;a++)r.indexOf(t=o[a])>=0||(e[t]=n[t]);return e}function s(n,r){return r||(r=n.slice(0)),n.raw=r,n}function f(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return f=function(){return n},n}var c=a.keyframes(f());function u(){var n=s(["\n    animation-duration: ","ms;\n    animation-timing-function: ",";\n    animation-delay: ","ms;\n    animation-name: ",";\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ",";\n  "]);return u=function(){return n},n}function m(n){var r=n.duration,t=void 0===r?1e3:r,e=n.delay,o=void 0===e?0:e,i=n.timingFunction,s=void 0===i?"ease":i,f=n.keyframes,m=void 0===f?c:f,d=n.iterationCount,l=void 0===d?1:d;return a.css(u(),t,s,o,m,l)}function d(){var n=s(["\n  display: inline-block;\n  white-space: pre;\n"]);return d=function(){return n},n}function l(){var n=s(["\n  opacity: 0;\n"]);return l=function(){return n},n}var p=a.css(l()),y=a.css(d()),v=function i(s){var f=s.cascade,u=void 0!==f&&f,d=s.damping,l=void 0===d?.5:d,v=s.delay,g=void 0===v?0:v,x=s.duration,k=void 0===x?1e3:x,b=s.fraction,h=void 0===b?0:b,w=s.keyframes,j=void 0===w?c:w,Y=s.triggerOnce,O=void 0!==Y&&Y,X=s.css,z=s.className,N=s.style,C=s.childClassName,V=s.childStyle,F=s.children,S=s.onVisibilityChange;if(null==F)return null;if(function(n){return"string"==typeof n||"number"==typeof n||"boolean"==typeof n}(F)){var q=String(F);return u?n.jsx(e.InView,{threshold:h,triggerOnce:O,onChange:S,children:function(r){var t=r.inView;return n.jsx("div",{ref:r.ref,css:[X,y],className:z,style:N,children:q.split("").map((function(r,a){return n.jsx("span",{css:t?m({keyframes:j,delay:g+a*k*l,duration:k}):p,className:C,style:V,children:r},a)}))})}}):n.jsx(i,o({},{delay:g,duration:k,fraction:h,keyframes:j,triggerOnce:O,css:X,className:z,style:N},{children:q}))}return t.isFragment(F)?n.jsx(e.InView,{threshold:h,triggerOnce:O,onChange:S,children:function(r){return n.jsx("div",{ref:r.ref,css:r.inView?[X,m({keyframes:j,delay:g,duration:k})]:p,className:z,style:N,children:F})}}):n.jsx(n.Fragment,{children:r.Children.map(F,(function(r,t){var s=r,f=s.props.css?[s.props.css]:[];switch(f.push(m({keyframes:j,delay:g+(u?t*k*l:0),duration:k})),s.type){case"ol":case"ul":return n.jsx(a.ClassNames,{children:function(r){return a.jsx(s.type,o({},s.props,{className:(0,r.cx)(z,s.props.className),style:o({},N,s.props.style)}),n.jsx(i,o({},{cascade:u,damping:l,delay:g,duration:k,fraction:h,keyframes:j,triggerOnce:O,css:X,childClassName:C,childStyle:V},{children:s.props.children})))}});case"li":return n.jsx(e.InView,{threshold:h,triggerOnce:O,onChange:S,children:function(r){var t=r.inView,e=r.ref;return n.jsx(a.ClassNames,{children:function(n){var r=n.cx;return a.jsx(s.type,o({},s.props,{ref:e,css:t?[X].concat(f):p,className:r(C,s.props.className),style:o({},V,s.props.style)}))}})}});default:return n.jsx(e.InView,{threshold:h,triggerOnce:O,onChange:S,children:function(r){return n.jsx("div",{ref:r.ref,css:r.inView?[X].concat(f):p,className:z,style:N,children:n.jsx(a.ClassNames,{children:function(n){return a.jsx(s.type,o({},s.props,{className:(0,n.cx)(C,s.props.className),style:o({},V,s.props.style)}))}})})}})}}))})};function g(){var n=s(["\n  from,\n  20%,\n  53%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0);\n  }\n\n  40%,\n  43% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n  }\n\n  70% {\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n  }\n\n  80% {\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n  }\n"]);return g=function(){return n},n}var x=a.keyframes(g());function k(){var n=s(["\n  from,\n  50%,\n  to {\n    opacity: 1;\n  }\n\n  25%,\n  75% {\n    opacity: 0;\n  }\n"]);return k=function(){return n},n}var b=a.keyframes(k());function h(){var n=s(["\n  0% {\n    transform: translateX(0);\n  }\n\n  6.5% {\n    transform: translateX(-6px) rotateY(-9deg);\n  }\n\n  18.5% {\n    transform: translateX(5px) rotateY(7deg);\n  }\n\n  31.5% {\n    transform: translateX(-3px) rotateY(-5deg);\n  }\n\n  43.5% {\n    transform: translateX(2px) rotateY(3deg);\n  }\n\n  50% {\n    transform: translateX(0);\n  }\n"]);return h=function(){return n},n}var w=a.keyframes(h());function j(){var n=s(["\n  0% {\n    transform: scale(1);\n  }\n\n  14% {\n    transform: scale(1.3);\n  }\n\n  28% {\n    transform: scale(1);\n  }\n\n  42% {\n    transform: scale(1.3);\n  }\n\n  70% {\n    transform: scale(1);\n  }\n"]);return j=function(){return n},n}var Y=a.keyframes(j());function O(){var n=s(["\n  from,\n  11.1%,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  22.2% {\n    transform: skewX(-12.5deg) skewY(-12.5deg);\n  }\n\n  33.3% {\n    transform: skewX(6.25deg) skewY(6.25deg);\n  }\n\n  44.4% {\n    transform: skewX(-3.125deg) skewY(-3.125deg);\n  }\n\n  55.5% {\n    transform: skewX(1.5625deg) skewY(1.5625deg);\n  }\n\n  66.6% {\n    transform: skewX(-0.78125deg) skewY(-0.78125deg);\n  }\n\n  77.7% {\n    transform: skewX(0.390625deg) skewY(0.390625deg);\n  }\n\n  88.8% {\n    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n  }\n"]);return O=function(){return n},n}var X=a.keyframes(O());function z(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  50% {\n    transform: scale3d(1.05, 1.05, 1.05);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return z=function(){return n},n}var N=a.keyframes(z());function C(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  30% {\n    transform: scale3d(1.25, 0.75, 1);\n  }\n\n  40% {\n    transform: scale3d(0.75, 1.25, 1);\n  }\n\n  50% {\n    transform: scale3d(1.15, 0.85, 1);\n  }\n\n  65% {\n    transform: scale3d(0.95, 1.05, 1);\n  }\n\n  75% {\n    transform: scale3d(1.05, 0.95, 1);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return C=function(){return n},n}var V=a.keyframes(C());function F(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return F=function(){return n},n}var S=a.keyframes(F());function q(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(-10px, 0, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(10px, 0, 0);\n  }\n"]);return q=function(){return n},n}var I=a.keyframes(q());function B(){var n=s(["\n  from,\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n\n  10%,\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: translate3d(0, -10px, 0);\n  }\n\n  20%,\n  40%,\n  60%,\n  80% {\n    transform: translate3d(0, 10px, 0);\n  }\n"]);return B=function(){return n},n}var T=a.keyframes(B());function P(){var n=s(["\n  20% {\n    transform: rotate3d(0, 0, 1, 15deg);\n  }\n\n  40% {\n    transform: rotate3d(0, 0, 1, -10deg);\n  }\n\n  60% {\n    transform: rotate3d(0, 0, 1, 5deg);\n  }\n\n  80% {\n    transform: rotate3d(0, 0, 1, -5deg);\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 0deg);\n  }\n"]);return P=function(){return n},n}var R=a.keyframes(P());function _(){var n=s(["\n  from {\n    transform: scale3d(1, 1, 1);\n  }\n\n  10%,\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n  }\n\n  30%,\n  50%,\n  70%,\n  90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n\n  40%,\n  60%,\n  80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n\n  to {\n    transform: scale3d(1, 1, 1);\n  }\n"]);return _=function(){return n},n}var A=a.keyframes(_());function H(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  15% {\n    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n  }\n\n  30% {\n    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n  }\n\n  45% {\n    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n  }\n\n  60% {\n    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n  }\n\n  75% {\n    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return H=function(){return n},n}var J=a.keyframes(H());function M(){var n=s(["\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n"]);return M=function(){return n},n}var Z=a.keyframes(M());function D(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0) scaleY(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, -10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, 5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return D=function(){return n},n}var E=a.keyframes(D());function G(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(-10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return G=function(){return n},n}var K=a.keyframes(G());function L(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0) scaleX(3);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0) scaleX(1);\n  }\n\n  75% {\n    transform: translate3d(10px, 0, 0) scaleX(0.98);\n  }\n\n  90% {\n    transform: translate3d(-5px, 0, 0) scaleX(0.995);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return L=function(){return n},n}var Q=a.keyframes(L());function U(){var n=s(["\n  from,\n  60%,\n  75%,\n  90%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0) scaleY(5);\n  }\n\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  75% {\n    transform: translate3d(0, 10px, 0) scaleY(0.95);\n  }\n\n  90% {\n    transform: translate3d(0, -5px, 0) scaleY(0.985);\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return U=function(){return n},n}var W=a.keyframes(U());function $(){var n=s(["\n  20% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n\n  50%,\n  55% {\n    opacity: 1;\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]);return $=function(){return n},n}var nn=a.keyframes($());function rn(){var n=s(["\n  20% {\n    transform: translate3d(0, 10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0) scaleY(3);\n  }\n"]);return rn=function(){return n},n}var tn=a.keyframes(rn());function an(){var n=s(["\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0) scaleX(2);\n  }\n"]);return an=function(){return n},n}var en=a.keyframes(an());function on(){var n=s(["\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, 0, 0) scaleX(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0) scaleX(2);\n  }\n"]);return on=function(){return n},n}var sn=a.keyframes(on());function fn(){var n=s(["\n  20% {\n    transform: translate3d(0, -10px, 0) scaleY(0.985);\n  }\n\n  40%,\n  45% {\n    opacity: 1;\n    transform: translate3d(0, 20px, 0) scaleY(0.9);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) scaleY(3);\n  }\n"]);return fn=function(){return n},n}var cn=a.keyframes(fn());function un(n,r){switch(r){case"down":return n?tn:E;case"left":return n?en:K;case"right":return n?sn:Q;case"up":return n?cn:W;default:return n?nn:Z}}function mn(){var n=s(["\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n"]);return mn=function(){return n},n}var dn=a.keyframes(mn());function ln(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return ln=function(){return n},n}var pn=a.keyframes(ln());function yn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return yn=function(){return n},n}var vn=a.keyframes(yn());function gn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return gn=function(){return n},n}var xn=a.keyframes(gn());function kn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return kn=function(){return n},n}var bn=a.keyframes(kn());function hn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return hn=function(){return n},n}var wn=a.keyframes(hn());function jn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return jn=function(){return n},n}var Yn=a.keyframes(jn());function On(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return On=function(){return n},n}var Xn=a.keyframes(On());function zn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return zn=function(){return n},n}var Nn=a.keyframes(zn());function Cn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Cn=function(){return n},n}var Vn=a.keyframes(Cn());function Fn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Fn=function(){return n},n}var Sn=a.keyframes(Fn());function qn(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return qn=function(){return n},n}var In=a.keyframes(qn());function Bn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return Bn=function(){return n},n}var Tn=a.keyframes(Bn());function Pn(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 100%, 0);\n  }\n"]);return Pn=function(){return n},n}var Rn=a.keyframes(Pn());function _n(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 100%, 0);\n  }\n"]);return _n=function(){return n},n}var An=a.keyframes(_n());function Hn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return Hn=function(){return n},n}var Jn=a.keyframes(Hn());function Mn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n"]);return Mn=function(){return n},n}var Zn=a.keyframes(Mn());function Dn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return Dn=function(){return n},n}var En=a.keyframes(Dn());function Gn(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, 0, 0);\n  }\n"]);return Gn=function(){return n},n}var Kn=a.keyframes(Gn());function Ln(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return Ln=function(){return n},n}var Qn=a.keyframes(Ln());function Un(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, 0, 0);\n  }\n"]);return Un=function(){return n},n}var Wn=a.keyframes(Un());function $n(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(-100%, -100%, 0);\n  }\n"]);return $n=function(){return n},n}var nr=a.keyframes($n());function rr(){var n=s(["\n  from {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, -100%, 0);\n  }\n"]);return rr=function(){return n},n}var tr=a.keyframes(rr());function ar(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return ar=function(){return n},n}var er=a.keyframes(ar());function or(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n"]);return or=function(){return n},n}var ir=a.keyframes(or());function sr(n,r,t){switch(t){case"bottom-left":return r?Rn:pn;case"bottom-right":return r?An:vn;case"down":return n?r?Zn:bn:r?Jn:xn;case"left":return n?r?Kn:wn:r?En:c;case"right":return n?r?Wn:Xn:r?Qn:Yn;case"top-left":return r?nr:Nn;case"top-right":return r?tr:Vn;case"up":return n?r?ir:In:r?er:Sn;default:return r?Tn:dn}}function fr(){var n=s(["\n  from {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n    animation-timing-function: ease-out;\n  }\n\n  40% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg);\n    animation-timing-function: ease-out;\n  }\n\n  50% {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg);\n    animation-timing-function: ease-in;\n  }\n\n  80% {\n    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n\n  to {\n    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n    animation-timing-function: ease-in;\n  }\n"]);return fr=function(){return n},n}var cr=a.keyframes(fr());function ur(){var n=s(["\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return ur=function(){return n},n}var mr=a.keyframes(ur());function dr(){var n=s(["\n  from {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n\n  40% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n\n  60% {\n    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n    opacity: 1;\n  }\n\n  80% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n  }\n\n  to {\n    transform: perspective(400px);\n  }\n"]);return dr=function(){return n},n}var lr=a.keyframes(dr());function pr(){var n=s(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n"]);return pr=function(){return n},n}var yr=a.keyframes(pr());function vr(){var n=s(["\n  from {\n    transform: perspective(400px);\n  }\n\n  30% {\n    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n    opacity: 1;\n  }\n\n  to {\n    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n    opacity: 0;\n  }\n"]);return vr=function(){return n},n}var gr=a.keyframes(vr());function xr(n,r){switch(r){case"horizontal":return n?yr:mr;case"vertical":return n?gr:lr;default:return cr}}function kr(){var n=s(["\n  0% {\n    animation-timing-function: ease-in-out;\n  }\n\n  20%,\n  60% {\n    transform: rotate3d(0, 0, 1, 80deg);\n    animation-timing-function: ease-in-out;\n  }\n\n  40%,\n  80% {\n    transform: rotate3d(0, 0, 1, 60deg);\n    animation-timing-function: ease-in-out;\n    opacity: 1;\n  }\n\n  to {\n    transform: translate3d(0, 700px, 0);\n    opacity: 0;\n  }\n"]);return kr=function(){return n},n}var br=a.keyframes(kr());function hr(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n\n  50% {\n    transform: rotate(-10deg);\n  }\n\n  70% {\n    transform: rotate(3deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n"]);return hr=function(){return n},n}var wr=a.keyframes(hr());function jr(){var n=s(["\n  from {\n    opacity: 0;\n    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n"]);return jr=function(){return n},n}var Yr=a.keyframes(jr());function Or(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n  }\n"]);return Or=function(){return n},n}var Xr=a.keyframes(Or());function zr(n){return n?Xr:Yr}function Nr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -200deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Nr=function(){return n},n}var Cr=a.keyframes(Nr());function Vr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Vr=function(){return n},n}var Fr=a.keyframes(Vr());function Sr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Sr=function(){return n},n}var qr=a.keyframes(Sr());function Ir(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Ir=function(){return n},n}var Br=a.keyframes(Ir());function Tr(){var n=s(["\n  from {\n    transform: rotate3d(0, 0, 1, -90deg);\n    opacity: 0;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n"]);return Tr=function(){return n},n}var Pr=a.keyframes(Tr());function Rr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 200deg);\n    opacity: 0;\n  }\n"]);return Rr=function(){return n},n}var _r=a.keyframes(Rr());function Ar(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 45deg);\n    opacity: 0;\n  }\n"]);return Ar=function(){return n},n}var Hr=a.keyframes(Ar());function Jr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Jr=function(){return n},n}var Mr=a.keyframes(Jr());function Zr(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, -45deg);\n    opacity: 0;\n  }\n"]);return Zr=function(){return n},n}var Dr=a.keyframes(Zr());function Er(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  to {\n    transform: rotate3d(0, 0, 1, 90deg);\n    opacity: 0;\n  }\n"]);return Er=function(){return n},n}var Gr=a.keyframes(Er());function Kr(){var n=s(["\n  from {\n    transform: translate3d(0, -100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Kr=function(){return n},n}var Lr=a.keyframes(Kr());function Qr(){var n=s(["\n  from {\n    transform: translate3d(-100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Qr=function(){return n},n}var Ur=a.keyframes(Qr());function Wr(){var n=s(["\n  from {\n    transform: translate3d(100%, 0, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return Wr=function(){return n},n}var $r=a.keyframes(Wr());function nt(){var n=s(["\n  from {\n    transform: translate3d(0, 100%, 0);\n    visibility: visible;\n  }\n\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n"]);return nt=function(){return n},n}var rt=a.keyframes(nt());function tt(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 100%, 0);\n  }\n"]);return tt=function(){return n},n}var at=a.keyframes(tt());function et(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(-100%, 0, 0);\n  }\n"]);return et=function(){return n},n}var ot=a.keyframes(et());function it(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(100%, 0, 0);\n  }\n"]);return it=function(){return n},n}var st=a.keyframes(it());function ft(){var n=s(["\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -100%, 0);\n  }\n"]);return ft=function(){return n},n}var ct=a.keyframes(ft());function ut(n,r){switch(r){case"down":return n?at:Lr;case"right":return n?st:$r;case"up":return n?ct:rt;case"left":default:return n?ot:Ur}}function mt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  50% {\n    opacity: 1;\n  }\n"]);return mt=function(){return n},n}var dt=a.keyframes(mt());function lt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return lt=function(){return n},n}var pt=a.keyframes(lt());function yt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return yt=function(){return n},n}var vt=a.keyframes(yt());function gt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return gt=function(){return n},n}var xt=a.keyframes(gt());function kt(){var n=s(["\n  from {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  60% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return kt=function(){return n},n}var bt=a.keyframes(kt());function ht(){var n=s(["\n  from {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n\n  to {\n    opacity: 0;\n  }\n"]);return ht=function(){return n},n}var wt=a.keyframes(ht());function jt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return jt=function(){return n},n}var Yt=a.keyframes(jt());function Ot(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(-2000px, 0, 0);\n  }\n"]);return Ot=function(){return n},n}var Xt=a.keyframes(Ot());function zt(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale(0.1) translate3d(2000px, 0, 0);\n  }\n"]);return zt=function(){return n},n}var Nt=a.keyframes(zt());function Ct(){var n=s(["\n  40% {\n    opacity: 1;\n    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  to {\n    opacity: 0;\n    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n  }\n"]);return Ct=function(){return n},n}var Vt=a.keyframes(Ct());function Ft(n,r){switch(r){case"down":return n?Yt:pt;case"left":return n?Xt:vt;case"right":return n?Nt:xt;case"up":return n?Vt:bt;default:return n?wt:dt}}exports.AttentionSeeker=function(r){var t=r.effect,a=void 0===t?"bounce":t,e=i(r,["effect"]),s=function(n){switch(n){case"flash":return[b];case"headShake":return[w,{animationTimingFunction:"ease-in-out"}];case"heartBeat":return[Y,{animationTimingFunction:"ease-in-out"}];case"jello":return[X,{transformOrigin:"center"}];case"pulse":return[N,{animationTimingFunction:"ease-in-out"}];case"rubberBand":return[V];case"shake":return[S];case"shakeX":return[I];case"shakeY":return[T];case"swing":return[R,{transformOrigin:"top center"}];case"tada":return[A];case"wobble":return[J];case"bounce":default:return[x,{transformOrigin:"center bottom"}]}}(a);return n.jsx(v,o({keyframes:s[0],css:s[1]},e))},exports.Bounce=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=i(r,["direction","reverse"]);return n.jsx(v,o({keyframes:un(e,t)},s))},exports.Fade=function(r){var t=r.big,a=void 0!==t&&t,e=r.direction,s=r.reverse,f=void 0!==s&&s,c=i(r,["big","direction","reverse"]);return n.jsx(v,o({keyframes:sr(a,f,e)},c))},exports.Flip=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=i(r,["direction","reverse"]);return n.jsx(v,o({keyframes:xr(e,t),css:{backfaceVisibility:"visible"}},s))},exports.Hinge=function(r){return n.jsx(v,o({keyframes:br,css:{transformOrigin:"top left"}},r))},exports.JackInTheBox=function(r){return n.jsx(v,o({keyframes:wr},r))},exports.Roll=function(r){var t=r.reverse,a=void 0!==t&&t,e=i(r,["reverse"]);return n.jsx(v,o({keyframes:zr(a)},e))},exports.Rotate=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=i(r,["direction","reverse"]),f=function(n,r){switch(r){case"bottom-left":return n?[Hr,{transformOrigin:"left bottom"}]:[Fr,{transformOrigin:"left bottom"}];case"bottom-right":return n?[Mr,{transformOrigin:"right bottom"}]:[qr,{transformOrigin:"right bottom"}];case"top-left":return n?[Dr,{transformOrigin:"left bottom"}]:[Br,{transformOrigin:"left bottom"}];case"top-right":return n?[Gr,{transformOrigin:"right bottom"}]:[Pr,{transformOrigin:"right bottom"}];default:return n?[_r,{transformOrigin:"center"}]:[Cr,{transformOrigin:"center"}]}}(e,t);return n.jsx(v,o({keyframes:f[0],css:f[1]},s))},exports.Slide=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=i(r,["direction","reverse"]);return n.jsx(v,o({keyframes:ut(e,t)},s))},exports.Zoom=function(r){var t=r.direction,a=r.reverse,e=void 0!==a&&a,s=i(r,["direction","reverse"]);return n.jsx(v,o({keyframes:Ft(e,t)},s))},exports.default=v;
 //# sourceMappingURL=react-awesome-reveal.cjs.production.min.js.map

dist/Reveal.d.ts

@@ -1,3 +0,2 @@
-/** @jsx jsx */
-import * as React from "react";
+import { FC } from "react";
 import { Interpolation, Theme } from "@emotion/react";
@@ -70,3 +69,3 @@ import { Keyframes } from "@emotion/serialize";
 }
-declare const Reveal: React.FC<RevealProps>;
+declare const Reveal: FC<RevealProps>;
 export default Reveal;

package.json

 {
   "name": "react-awesome-reveal",
   "description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "license": "MIT",
@@ -48,3 +48,3 @@ "author": {
   "peerDependencies": {
-    "react": ">=16"
+    "react": "^17.0.0 | ^16.14.0"
   },
@@ -67,2 +67,4 @@ "husky": {
   "devDependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/preset-react": "^7.12.10",
     "@emotion/eslint-plugin": "^11.0.0",
@@ -79,4 +81,4 @@ "@size-limit/preset-small-lib": "^4.8.0",
     "tsdx": "^0.14.1",
-    "tslib": "^2.0.3",
-    "typescript": "^3.9.7"
+    "tslib": "^2.1.0",
+    "typescript": "^4.1.3"
   },
@@ -87,3 +89,8 @@ "dependencies": {
     "react-is": "^17.0.1"
+  },
+  "resolutions": {
+    "**/typescript": "^4.1.3",
+    "**/@typescript-eslint/eslint-plugin": "^4.13.0",
+    "**/@typescript-eslint/parser": "^4.13.0"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

468336

increased by0.28%

Lines of code

3833

increased by0.74%

Worsened metrics

Dev dependency count

15

increased by15.38%

No dependency changes