react-animate-z
Version:
React hook animate (lib)
2 lines (1 loc) • 31.8 kB
JavaScript
import n,{useState as t,useEffect as r}from"react";import a,{keyframes as o}from"styled-components";var e=function(){return e=Object.assign||function(n){for(var t,r=1,a=arguments.length;r<a;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},e.apply(this,arguments)};function s(n,t){var r={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&t.indexOf(a)<0&&(r[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(n);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(n,a[o])&&(r[a[o]]=n[a[o]])}return r}function f(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n}var m,i,l,c,p,d,g,y,x,u,X,Y,h,w,b,v,k,O,Z,T,I,N,F,j,E,B,z,C,P,L,A,M,R,S,W,q,D,V,H,G,J,K,Q,U,$,_,nn,tn,rn,an,on,en,sn,fn,mn,ln,cn,pn,dn,gn,yn,xn,un,Xn,Yn=o(m||(m=f(["\n 50% {\n border-color: transparent;\n }\n"],["\n 50% {\n border-color: transparent;\n }\n"]))),hn=a.span(i||(i=f(["\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"}),Yn),wn=function(a){var o=a.heading,e=void 0===o?"":o,s=a.dataText,f=void 0===s?[]:s,m=a.className,i=a.cursorColor,l=void 0===i?"#000":i,c=a.children,p=t(""),d=p[0],g=p[1],y=t(!1),x=y[0],u=y[1],X=t(0),Y=X[0],h=X[1],w=t(150),b=w[0],v=w[1],k=n.isValidElement(c)?[]:c||f;return r((function(){if(Array.isArray(k)&&0!==k.length){var n=setTimeout((function(){var n=Y%k.length,t=k[n];g((function(n){return x?t.substring(0,n.length-1):t.substring(0,n.length+1)})),v(x?30:150),x||d!==t?x&&""===d&&(u(!1),h((function(n){return n+1}))):setTimeout((function(){return u(!0)}),500)}),b);return function(){return clearTimeout(n)}}}),[d,x,Y,k,b]),n.createElement("div",{className:m},e&&n.createElement(n.Fragment,null,e," "),n.createElement("span",null,d),n.createElement(hn,{cursorColor:l}))},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=o(l||(l=f(["\n from { filter: blur(0px); }\n to { filter: blur(6px); }\n"],["\n from { filter: blur(0px); }\n to { filter: blur(6px); }\n"]))),kn=o(c||(c=f(["\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"]))),On=o(p||(p=f(["\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=o(d||(d=f(["\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"]))),Tn=o(g||(g=f(["\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"]))),In=o(y||(y=f(["\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=o(x||(x=f(["\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=o(u||(u=f(["\n from { transform: scale(1); }\n to { transform: scale(1.1); }\n"],["\n from { transform: scale(1); }\n to { transform: scale(1.1); }\n"]))),jn=o(X||(X=f(["\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"]))),En=o(Y||(Y=f(["\n from { transform: rotateY(0deg); }\n to { transform: rotateY(-360deg); }\n"],["\n from { transform: rotateY(0deg); }\n to { transform: rotateY(-360deg); }\n"]))),Bn=o(h||(h=f(["\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"]))),zn=o(w||(w=f(["\n from { opacity: 0; }\n to { opacity: 1; }\n"],["\n from { opacity: 0; }\n to { opacity: 1; }\n"]))),Cn=o(b||(b=f(["\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"]))),Pn=o(v||(v=f(["\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"]))),Ln=o(k||(k=f(["\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"]))),An=o(O||(O=f(["\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"]))),Mn=o(Z||(Z=f(["\n from { opacity: 1; }\n to { opacity: 0; }\n"],["\n from { opacity: 1; }\n to { opacity: 0; }\n"]))),Rn=o(T||(T=f(["\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"]))),Sn=o(I||(I=f(["\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=o(N||(N=f(["\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"]))),qn=o(F||(F=f(["\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=o(j||(j=f(["\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"]))),Vn=o(E||(E=f(["\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"]))),Hn=o(B||(B=f(["\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=o(z||(z=f(["\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=o(C||(C=f(["\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=o(P||(P=f(["\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=o(L||(L=f(["\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=o(A||(A=f(["\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=o(M||(M=f(["\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"]))),_n=o(R||(R=f(["\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"]))),nt=o(S||(S=f(["\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"]))),tt=o(W||(W=f([" // 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"]))),rt=o(q||(q=f(["\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"]))),at=o(D||(D=f(["\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"]))),ot=o(V||(V=f(["\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"]))),et=o(H||(H=f(["\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"]))),st=o(G||(G=f(["\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"]))),ft=o(J||(J=f(["\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"]))),mt=o(K||(K=f(["\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"]))),it=o(Q||(Q=f(["\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"]))),lt=o(U||(U=f(["\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"]))),ct=o($||($=f(["\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"]))),pt=o(_||(_=f(["\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"]))),dt=o(nn||(nn=f(["\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"]))),gt=o(tn||(tn=f(["\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"]))),yt=o(rn||(rn=f(["\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"]))),xt=o(an||(an=f(["\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"]))),ut=o(on||(on=f(["\n from { transform: scale(2); }\n to { transform: scale(1); }\n"],["\n from { transform: scale(2); }\n to { transform: scale(1); }\n"]))),Xt=o(en||(en=f(["\n from { transform: scale(1); }\n to { transform: scale(2); }\n"],["\n from { transform: scale(1); }\n to { transform: scale(2); }\n"]))),Yt=o(sn||(sn=f(["\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"]))),ht=o(fn||(fn=f(["\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"]))),wt={blur:vn,bounce:kn,effect3D:On,flash:Zn,float:Tn,glowing:In,jelly:Nn,pulse:Fn,shadow:jn,spin:En,swing:Bn,fadeIn:zn,fadeInFromLeft:Cn,fadeInFromRight:Pn,fadeInFromTop:Ln,fadeInFromBottom:An,fadeOut:Mn,fadeOutToLeft:Rn,fadeOutToRight:Sn,fadeOutToTop:Wn,fadeOutToBottom:qn,flip:$n,flipIn:_n,flipOut:nt,flipSlowDown:tt,flipFromTop:ot,flipToTop:rt,flipFromBottom:et,flipToBottom:at,flipFromLeftToCenter:st,fold:yt,unfold:xt,hangOnLeft:Dn,hangOnRight:Vn,rotateSlowDown:o(mn||(mn=f(["\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:Yt,rotateACW:ht,shakeMix:Kn,shakeHorizontal:Qn,shakeVertical:Un,squeezeMix:Hn,squeezeHorizontal:Gn,squeezeVertical:Jn,slideInFromLeft:ft,slideInFromRight:mt,slideOutToLeft:it,slideOutToRight:lt,slideInFromTop:ct,slideInFromBottom:pt,slideOutToTop:dt,slideOutToBottom:gt,zoomIn:ut,zoomOut:Xt,popIn:o(ln||(ln=f(["\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:o(cn||(cn=f(["\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:o(pn||(pn=f(["\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:o(dn||(dn=f(["\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:o(gn||(gn=f(["\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:o(yn||(yn=f(["\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:o(xn||(xn=f(["\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:o(un||(un=f([""],[""])))},bt=a("div").withConfig({shouldForwardProp:function(n){return!["type","duration","timing","delay","iteration","direction","fillMode"].includes(n)}})(Xn||(Xn=f(["\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 t=n.type;return wt[void 0===t?"blur":t]||wt.blur}),(function(n){var t=n.duration;return void 0===t?"1s":t}),(function(n){var t=n.timing;return bn[void 0===t?"ease":t]||bn.ease}),(function(n){var t=n.delay;return void 0===t?"0s":t}),(function(n){var t=n.iteration;return void 0===t?1:t}),(function(n){var t=n.direction;return void 0===t?"alternate":t}),(function(n){var t=n.fillMode;return void 0===t?"forwards":t})),vt=function(t){var r=t.tagName,a=void 0===r?"div":r,o=t.children,f=t.className,m=t.type,i=t.typingWrite,l=void 0===i?{}:i,c=s(t,["tagName","children","className","type","typingWrite"]);return"typewriter"===m?n.createElement(wn,e({className:f},l),o):n.createElement(bt,e({as:a,className:f,type:m},c),o)},kt={delay:"0s",direction:"normal",timing:"ease",iteration:1,fillMode:"forwards"},Ot=function(t){var r=t.children,a=t.tagName,o=void 0===a?"div":a,f=t.type,m=t.duration,i=void 0===m?"1s":m,l=t.className,c=s(t,["children","tagName","type","duration","className"]);return n.createElement(vt,e({},function(n,t){return e(e({},kt),{type:n,duration:t})}(f,i),{tagName:o},c,{className:l}),r)};export{vt as Animate,wn as AnimateTyping,Ot as AnimateWrapper,vt as default};