react-animate-z/build/index.js

React hook animate (lib)

!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("styled-components")):"function"==typeof define&&define.amd?define(["exports","react","styled-components"],r):r((n="undefined"!=typeof globalThis?globalThis:n||self).ReactAnimate={},n.React,n.styled)}(this,(function(n,r,t){"use strict";function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=a(r),o=a(t),s=function(){return s=Object.assign||function(n){for(var r,t=1,a=arguments.length;t<a;t++)for(var e in r=arguments[t])Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n},s.apply(this,arguments)};function f(n,r){var t={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&r.indexOf(a)<0&&(t[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(a=Object.getOwnPropertySymbols(n);e<a.length;e++)r.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(n,a[e])&&(t[a[e]]=n[a[e]])}return t}function m(n,r){return Object.defineProperty?Object.defineProperty(n,"raw",{value:r}):n.raw=r,n}var i,l,c,p,d,g,y,u,x,X,Y,k,h,w,b,v,O,T,Z,I,j,N,F,E,B,P,S,z,A,C,R,L,M,q,W,D,V,H,_,G,J,K,Q,U,$,nn,rn,tn,an,en,on,sn,fn,mn,ln,cn,pn,dn,gn,yn,un,xn,Xn,Yn,kn=t.keyframes(i||(i=m(["\n  50% {\n    border-color: transparent;\n  }\n"],["\n  50% {\n    border-color: transparent;\n  }\n"]))),hn=o.default.span(l||(l=m(["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"],["\n  margin-left: 2px;\n  border-left: 3px solid ",";\n  animation: "," 0.7s steps(1) infinite;\n"])),(function(n){return n.cursorColor||"#000"}),kn),wn=function(n){var t=n.heading,a=void 0===t?"":t,o=n.dataText,s=void 0===o?[]:o,f=n.className,m=n.cursorColor,i=void 0===m?"#000":m,l=n.children,c=r.useState(""),p=c[0],d=c[1],g=r.useState(!1),y=g[0],u=g[1],x=r.useState(0),X=x[0],Y=x[1],k=r.useState(150),h=k[0],w=k[1],b=e.default.isValidElement(l)?[]:l||s;return r.useEffect((function(){if(Array.isArray(b)&&0!==b.length){var n=setTimeout((function(){var n=X%b.length,r=b[n];d((function(n){return y?r.substring(0,n.length-1):r.substring(0,n.length+1)})),w(y?30:150),y||p!==r?y&&""===p&&(u(!1),Y((function(n){return n+1}))):setTimeout((function(){return u(!0)}),500)}),h);return function(){return clearTimeout(n)}}}),[p,y,X,b,h]),e.default.createElement("div",{className:f},a&&e.default.createElement(e.default.Fragment,null,a," "),e.default.createElement("span",null,p),e.default.createElement(hn,{cursorColor:i}))},bn={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},vn=t.keyframes(c||(c=m(["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"],["\n  from { filter: blur(0px); }\n  to { filter: blur(6px); }\n"]))),On=t.keyframes(p||(p=m(["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"],["\n  10% { transform: scaleY(0.9) translateY(5%); }\n  45% { transform: scaleY(1.2) translateY(-100%); }\n  65% { transform: scaleY(0.95) translateY(0); }\n  75% { transform: scaleY(1.05) translateY(-25%); }\n  85% { transform: scaleY(1) translateY(0); }\n  100% { transform: scaleY(1) translateY(0%); }\n"]))),Tn=t.keyframes(d||(d=m(["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"],["\n  to {\n    text-shadow:\n    0 1px 0 #ccc,\n    0 2px 0 #c9c9c9,\n    0 3px 0 #bbb,\n    0 4px 0 #b9b9b9,\n    0 5px 0 #aaa,\n    0 6px 1px rgba(0, 0, 0, .1),\n    0 0 5px rgba(0, 0, 0, .1),\n    0 1px 3px rgba(0, 0, 0, .3),\n    0 3px 5px rgba(0, 0, 0, .2),\n    0 5px 10px rgba(0, 0, 0, .25)\n  }\n"]))),Zn=t.keyframes(g||(g=m(["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"],["\n  0%, 40%, 80% { opacity: 1; }\n  20%, 60%, 100% { opacity: 0; }\n"]))),In=t.keyframes(y||(y=m(["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"],["\n  0% { transform: translate(2%, -10%) rotate(-1deg); }\n  100% { transform: translate(-2%, 5%) rotate(3deg); }\n"]))),jn=t.keyframes(u||(u=m(["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"],["\n  0% { color: inherit; text-shadow: none; }\n  2%, 59%, 64%, 79% { color: #fff; }\n  3%, 59%, 63%, 78% { text-shadow: 0px 0px 60px, 0 0 22px, 0 0 1em inherit, 0 0 0.5em inherit, 0 0 .1em inherit, 0 10px 3px #000; }\n  60% { color: inherit; text-shadow: none; }\n  75% { color: inherit; text-shadow: none; }\n"]))),Nn=t.keyframes(x||(x=m(["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  20% { transform: scaleX(0.9); }\n  50% { transform: scaleX(1.25); }\n  85% { transform: scaleX(0.8); }\n  100% { transform: scaleX(1); }\n"]))),Fn=t.keyframes(X||(X=m(["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(1.1); }\n"]))),En=t.keyframes(Y||(Y=m(["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"],["\n  0%   { text-shadow: 1px 1px 0px #333; }\n\t50%   { text-shadow: 3px 3px 2px #333; }\n\t100%  { text-shadow: 9px 10px 6px #999; }\n"]))),Bn=t.keyframes(k||(k=m(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"],["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(-360deg); }\n"]))),Pn=t.keyframes(h||(h=m(["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"],["\n  0% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n  20% {\n    transform: rotateZ(15deg);\n    transform-origin: center top;\n  }\n  40% {\n    transform: rotateZ(-15deg);\n    transform-origin: center top;\n  }\n  60% {\n    transform: rotateZ(7deg);\n    transform-origin: center top;\n  }\n  80% {\n    transform: rotateZ(-7deg);\n    transform-origin: center top;\n  }\n  100% {\n    transform: rotateZ(0deg);\n    transform-origin: center top;\n  }\n"]))),Sn=t.keyframes(w||(w=m(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"],["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"]))),zn=t.keyframes(b||(b=m(["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  to { opacity: 1 }\n"]))),An=t.keyframes(v||(v=m(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to { opacity: 1 }\n"]))),Cn=t.keyframes(O||(O=m(["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to { opacity: 1 }\n"]))),Rn=t.keyframes(T||(T=m(["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"],["\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  to { opacity: 1 }\n"]))),Ln=t.keyframes(Z||(Z=m(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"],["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"]))),Mn=t.keyframes(I||(I=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),qn=t.keyframes(j||(j=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),Wn=t.keyframes(N||(N=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),Dn=t.keyframes(F||(F=m(["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  from { opacity: 1; }\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),Vn=t.keyframes(E||(E=m(["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"],["\n  0% { transform-origin: left; }\n  30% {\n    transform: rotate(110deg);\n    transform-origin: left;\n  }\n  50% {\n    transform: rotate(75deg);\n    transform-origin: left;\n  }\n  65% {\n    transform: rotate(100deg);\n    transform-origin: left;\n  }\n  78% {\n    transform: rotate(80deg);\n    transform-origin: left;\n  }\n  88% {\n    transform: rotate(95deg);\n    transform-origin: left;\n  }\n  95% {\n    transform: rotate(86deg);\n    transform-origin: left;\n  }\n  100% {\n    transform: rotate(90deg);\n    transform-origin: left;\n  }\n"]))),Hn=t.keyframes(B||(B=m(["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"],["\n  0% { transform-origin: right; }\n  30% {\n    transform: rotate(-110deg);\n    transform-origin: right;\n  }\n  50% {\n    transform: rotate(-75deg);\n    transform-origin: right;\n  }\n  65% {\n    transform: rotate(-100deg);\n    transform-origin: right;\n  }\n  78% {\n    transform: rotate(-80deg);\n    transform-origin: right;\n  }\n  88% {\n    transform: rotate(-95deg);\n    transform-origin: right;\n  }\n  95% {\n    transform: rotate(-86deg);\n    transform-origin: right;\n  }\n  100% {\n    transform: rotate(-90deg);\n    transform-origin: right;\n  }\n"]))),_n=t.keyframes(P||(P=m(["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"],["\n  0% { transform: scale(1, 1); }\n  15% { transform: scale(0.95, 0.95); }\n  30% { transform: scale(0.9, 0.9); }\n  55% { transform: scale(0.75, 0.75); }\n  70% { transform: scale(1.3, 1.3); }\n  85% { transform: scale(0.95, 0.95); }\n  100% { transform: scale(1, 1); }\n"]))),Gn=t.keyframes(S||(S=m(["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"],["\n  0% { transform: scaleX(1); }\n  15% { transform: scaleX(0.95); }\n  30% { transform: scaleX(0.9); }\n  55% { transform: scaleX(0.75); }\n  70% { transform: scaleX(1.3); }\n  85% { transform: scaleX(0.95); }\n  100% { transform: scaleX(1); }\n"]))),Jn=t.keyframes(z||(z=m(["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"],["\n  0% { transform: scaleY(1); }\n  15% { transform: scaleY(0.95); }\n  30% { transform: scaleY(0.9); }\n  55% { transform: scaleY(0.75); }\n  70% { transform: scaleY(1.3); }\n  85% { transform: scaleY(0.95); }\n  100% { transform: scaleY(1); }\n"]))),Kn=t.keyframes(A||(A=m(["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"],["\n  0% { transform: translate(2px, 1px) rotate(0deg); }\n  10% { transform: translate(-1px, -2px) rotate(-1deg); }\n  20% { transform: translate(-3px, 0px) rotate(1deg); }\n  30% { transform: translate(0px, 2px) rotate(0deg); }\n  40% { transform: translate(1px, -1px) rotate(1deg); }\n  50% { transform: translate(-1px, 2px) rotate(-1deg); }\n  60% { transform: translate(-3px, 1px) rotate(0deg); }\n  70% { transform: translate(2px, 1px) rotate(-1deg); }\n  80% { transform: translate(-1px, -1px) rotate(1deg); }\n  90% { transform: translate(2px, 2px) rotate(0deg); }\n  100% { transform: translate(1px, -2px) rotate(-1deg); }\n"]))),Qn=t.keyframes(C||(C=m(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateX(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateX(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateX(-4px) }\n"]))),Un=t.keyframes(R||(R=m(["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"],["\n  5%, 13%, 22%, 31%, 40%, 49%, 58%, 67%, 76%, 85%, 94% { transform: translateY(6px) }\n  10%, 15%, 24%, 33%, 42%, 51%, 60%, 69%, 78%, 87%, 96% { transform: translateY(2px) }\n  15%, 18%, 27%, 36%, 45%, 54%, 63%, 72%, 81%, 90%, 99% { transform: translateY(-4px) }\n"]))),$n=t.keyframes(L||(L=m(["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"],["\n  0% {\n    transform: perspective(1000px) rotateX(360deg);\n    transform-origin: center;\n  }\n  100% {\n    transform: perspective(1000px) rotateX(0deg);\n    transform-origin: center;\n  }\n"]))),nr=t.keyframes(M||(M=m(["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"],["\n  0% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n  35% {\n    transform: rotateX(120deg);\n    opacity: 0;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(360deg);\n    opacity: 1;\n  }\n"]))),rr=t.keyframes(q||(q=m(["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"],["\n  0% {\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  35% {\n    transform: rotateX(-40deg);\n    opacity: 1;\n  }\n  65% {\n    opacity: 0;\n  }\n  100% {\n    transform: rotateX(180deg);\n    opacity: 0;\n  }\n"]))),tr=t.keyframes(W||(W=m([" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"],[" // tbm\n  0% {\n    transform:rotateX(0deg);\n  }\n  5% {\n    transform: rotateX(1turn);\n  }\n  10% {\n    transform: rotateX(2turn);\n  }\n  20% {\n    transform: rotateX(3turn);\n  }\n  40% {\n    transform: rotateX(4turn);\n  }\n  70%, 100% {\n    transform: rotateX(5turn);\n  }\n"]))),ar=t.keyframes(D||(D=m(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: center top;\n    opacity: 1;\n  }\n  to {\n    transform: rotateX(90deg);\n    transform-origin: center top;\n    opacity: 0;\n  }\n"]))),er=t.keyframes(V||(V=m(["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"],["\n  from {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) translateY(0px);\n  }\n  to {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(-90deg) translateY(50px);\n  }\n"]))),or=t.keyframes(H||(H=m(["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"],["\n  from {\n    opacity: 0;\n    transform-origin: 0%, 0%;\n    transform: rotateX(90deg);\n  }\n  to {\n    opacity: 1;\n    transform-origin: 0%, 0%;\n    transform: rotateX(0deg) ;\n  }\n"]))),sr=t.keyframes(_||(_=m(["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"],["\n  from {\n    transform: rotateX(-90deg);\n    transform-origin: 50% 0;\n    opacity: 0;\n  }\n  to {\n    transform: rotateX(0deg);\n    transform-origin: 50% 0;\n    opacity: 1;\n  }\n"]))),fr=t.keyframes(G||(G=m(["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"],["\n  0% {\n    transform: rotateY(-95deg)  translateX(-200px) ;\n    transform-origin: left;\n  }\n  100% {\n    transform: rotateY(0deg);\n    transform-origin: left;\n  }\n"]))),mr=t.keyframes(J||(J=m(["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),ir=t.keyframes(K||(K=m(["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateX(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n"]))),lr=t.keyframes(Q||(Q=m(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-100%);\n  }\n"]))),cr=t.keyframes(U||(U=m(["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateX(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"]))),pr=t.keyframes($||($=m(["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(-20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),dr=t.keyframes(nn||(nn=m(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  60% {\n    opacity: 1;\n    transform: translateY(20%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"]))),gr=t.keyframes(rn||(rn=m(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(-120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n"]))),yr=t.keyframes(tn||(tn=m(["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"],["\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  60% {\n    opacity: 0;\n    transform: translateY(120%);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n"]))),ur=t.keyframes(an||(an=m(["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  30% { transform: scale3d(1, 0.4, 1); }\n  60% { transform: scale3d(0.4, 0.4, 1); }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.2, 0.2, 0.2);\n  }\n"]))),xr=t.keyframes(en||(en=m(["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale3d(0, 0, 0); }\n  30% {\n    opacity: 1;\n    transform: scale3d(0.4, 0.4, 1);\n  }\n  60% { transform: scale3d(0.4, 1, 1); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),Xr=t.keyframes(on||(on=m(["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"],["\n  from { transform: scale(2); }\n  to { transform: scale(1); }\n"]))),Yr=t.keyframes(sn||(sn=m(["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"],["\n  from { transform: scale(1); }\n  to { transform: scale(2); }\n"]))),kr=t.keyframes(fn||(fn=m(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(360deg);\n    transform-origin: center center;\n  }\n"]))),hr=t.keyframes(mn||(mn=m(["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"],["\n  from {\n    transform: rotate(0deg);\n    transform-origin: center center;\n  }\n  to {\n    transform: rotate(-360deg);\n    transform-origin: center center;\n  }\n"]))),wr={blur:vn,bounce:On,effect3D:Tn,flash:Zn,float:In,glowing:jn,jelly:Nn,pulse:Fn,shadow:En,spin:Bn,swing:Pn,fadeIn:Sn,fadeInFromLeft:zn,fadeInFromRight:An,fadeInFromTop:Cn,fadeInFromBottom:Rn,fadeOut:Ln,fadeOutToLeft:Mn,fadeOutToRight:qn,fadeOutToTop:Wn,fadeOutToBottom:Dn,flip:$n,flipIn:nr,flipOut:rr,flipSlowDown:tr,flipFromTop:or,flipToTop:ar,flipFromBottom:sr,flipToBottom:er,flipFromLeftToCenter:fr,fold:ur,unfold:xr,hangOnLeft:Vn,hangOnRight:Hn,rotateSlowDown:t.keyframes(ln||(ln=m(["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"],["\n  0% { transform:rotateZ(0deg);  }\n  5% { transform: rotateZ(1turn); }\n  10% { transform: rotateZ(2turn); }\n  20% { transform: rotateZ(3turn); }\n  40% { transform: rotateZ(4turn); }\n  65%, 100% { transform: rotateZ(5turn); }\n"]))),rotateCW:kr,rotateACW:hr,shakeMix:Kn,shakeHorizontal:Qn,shakeVertical:Un,squeezeMix:_n,squeezeHorizontal:Gn,squeezeVertical:Jn,slideInFromLeft:mr,slideInFromRight:ir,slideOutToLeft:lr,slideOutToRight:cr,slideInFromTop:pr,slideInFromBottom:dr,slideOutToTop:gr,slideOutToBottom:yr,zoomIn:Xr,zoomOut:Yr,popIn:t.keyframes(cn||(cn=m(["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"],["\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  30% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  60% { transform: scale3d(1, 1, 1); }\n  80% { transform: scale3d(1.03, 1.03, 1.03); }\n  100% { transform: scale3d(1, 1, 1); }\n"]))),popOut:t.keyframes(pn||(pn=m(["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"],["\n  0% { transform: scale3d(1, 1, 1); }\n  60% {\n    transform: scale3d(1.1, 1.1, 1.1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n"]))),rubberBand:t.keyframes(dn||(dn=m(["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"],["\n   0%, 100%{  transform:  scaleX(1)  };\n   30%{  transform:  scale(1.25, .75)  };\n   40%{  transform:  scale(.75, 1.25)  };\n   50%{  transform:  scale(1.15, .85)  };\n   65%{  transform:  scale(.95, 1.05)  };\n   75%{  transform:  scale(1.05, .95)  };\n"]))),jello:t.keyframes(gn||(gn=m(["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"],["\n   0%, 11.1%, 100%{  transform:  none  };\n   22.2%{  transform:  skewX(-12.5deg) skewY(-12.5deg)  };\n   33.3%{  transform:  skewX(6.25deg) skewY(6.25deg)  };\n   44.4%{  transform:  skewX(-3.125deg) skewY(-3.125deg)  };\n   55.5%{  transform:  skewX(1.5625deg) skewY(1.5625deg)  };\n   66.6%{  transform:  skewX(-.78125deg) skewY(-.78125deg)  };\n   77.7%{  transform:  skewX(.390625deg) skewY(.390625deg)  };\n   88.8%{  transform:  skewX(-.1953125deg) skewY(-.1953125deg)  };\n"]))),wobble:t.keyframes(yn||(yn=m(["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"],["\n    0% {\n        transform: none;\n    }\n    15% {\n        transform: translate3d(-15%, 0, 0) rotate(-5deg);\n    }\n    30% {\n        transform: translate3d(15%, 0, 0) rotate(3deg);\n    }\n    45% {\n        transform: translate3d(-10%, 0, 0) rotate(-3deg);\n    }\n    60% {\n        transform: translate3d(10%, 0, 0) rotate(2deg);\n    }\n    75% {\n        transform: translate3d(-5%, 0, 0) rotate(-1deg);\n    }\n    100% {\n        transform: none;\n    }\n"]))),rollIn:t.keyframes(un||(un=m(["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"],["\n    0% {\n        opacity: 0;\n        transform: translate3d(-100%, 0, 0) rotate(-120deg);\n    }\n    100% {\n        opacity: 1;\n        transform: none;\n    }\n"]))),jackInTheBox:t.keyframes(xn||(xn=m(["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"],["\n  0% {\n    opacity: 0;\n    transform: scale(0.1) rotate(30deg);\n    transform-origin: center bottom;\n  }\n  50% {\n      transform: rotate(-10deg);\n  }\n  70% {\n      transform: rotate(3deg);\n  }\n  100% {\n      opacity: 1;\n      transform: scale(1);\n  }\n"]))),typewriter:t.keyframes(Xn||(Xn=m([""],[""])))},br=o.default("div").withConfig({shouldForwardProp:function(n){return!["type","duration","timing","delay","iteration","direction","fillMode"].includes(n)}})(Yn||(Yn=m(["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"],["\n  margin: 0;\n  padding: 0;\n  animation-name: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-delay: ",";\n  animation-iteration-count: ",";\n  animation-direction: ",";\n  animation-fill-mode: ",";\n"])),(function(n){var r=n.type;return wr[void 0===r?"blur":r]||wr.blur}),(function(n){var r=n.duration;return void 0===r?"1s":r}),(function(n){var r=n.timing;return bn[void 0===r?"ease":r]||bn.ease}),(function(n){var r=n.delay;return void 0===r?"0s":r}),(function(n){var r=n.iteration;return void 0===r?1:r}),(function(n){var r=n.direction;return void 0===r?"alternate":r}),(function(n){var r=n.fillMode;return void 0===r?"forwards":r})),vr=function(n){var r=n.tagName,t=void 0===r?"div":r,a=n.children,o=n.className,m=n.type,i=n.typingWrite,l=void 0===i?{}:i,c=f(n,["tagName","children","className","type","typingWrite"]);return"typewriter"===m?e.default.createElement(wn,s({className:o},l),a):e.default.createElement(br,s({as:t,className:o,type:m},c),a)},Or={delay:"0s",direction:"normal",timing:"ease",iteration:1,fillMode:"forwards"};n.Animate=vr,n.AnimateTyping=wn,n.AnimateWrapper=function(n){var r=n.children,t=n.tagName,a=void 0===t?"div":t,o=n.type,m=n.duration,i=void 0===m?"1s":m,l=n.className,c=f(n,["children","tagName","type","duration","className"]);return e.default.createElement(vr,s({},function(n,r){return s(s({},Or),{type:n,duration:r})}(o,i),{tagName:a},c,{className:l}),r)},n.default=vr,Object.defineProperty(n,"__esModule",{value:!0})}));