npm - react-awesome-reveal - Versions diffs - 3.7.2 → 4.0.0-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/module.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;A;;AOAA;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,CAAA,AAAC;;AEjCF;AAKO,MAAM,yCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;AAWC,CAAA,AAAC;;AEhBF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;;;;;;;;;;;;;;;;AAwBC,CAAA,AAAC;;AE7BF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;;;;;;;;;;;;AAoBC,CAAA,AAAC;;AEzBF;AAKO,MAAM,yCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCC,CAAA,AAAC;;AEvCF;AAKO,MAAM,yCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;;AAYC,CAAA,AAAC;;AEjBF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,CAAA,AAAC;;AEjCF;AAKO,MAAM,yCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;;;;;;;;;;AAoBC,CAAA,AAAC;;AEzBF;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;;;;;;;;;;;;AAoBC,CAAA,AAAC;;AEzBF;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;;;;;;;;;;;;AAoBC,CAAA,AAAC;;AEzBF;AAKO,MAAM,yCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;;;;;;;;;;AAoBC,CAAA,AAAC;;AEzBF;AAKO,MAAM,yCAAI,GAAG,gBAAS,CAA7B;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BC,CAAA,AAAC;;AE/BF;AAKO,MAAM,wCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,CAAA,AAAC;;;;;;;A;;;;;AKjCF;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;AAQC,CAAA,AAAC;;AEbF;AAKO,MAAM,yCAAgB,GAAG,gBAAS,CAAzC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAiB,GAAG,gBAAS,CAA1C;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,wCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;AAUC,CAAA,AAAC;;;;AEfF;;AAIM,SAAU,yCAAe,CAAC,YAC9B,QAAQ,GAAG,IAAI,UACf,KAAK,GAAG,CAAC,mBACT,cAAc,GAAG,MAAM,cACvB,SAAS,GAAG,yCAAU,mBACtB,cAAc,GAAG,CAAC,KACnB,EAND;IAOE,OAAO,UAAG,AAAA,CAAV;wBACwB,EAAA,QAAQ,CAAR;+BACO,EAAA,cAAc,CAAd;qBACV,EAAA,KAAK,CAAL;oBACD,EAAA,SAAS,CAAT;;;+BAGW,EAAA,cAAc,CAAd;EAC9B,CAAA,CAAC;CACH;;;AEpBK,SAAU,yCAAiB,CAAC,KAAc,EAAhD;IACE,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;CAC9C;AAEK,SAAU,yCAAY,CAC1B,KAAc,EADhB;IAGE,OACE,OAAO,KAAK,KAAK,QAAQ,IACzB,OAAO,KAAK,KAAK,QAAQ,IACzB,OAAO,KAAK,KAAK,SAAS,CAC1B;CACH;;;A/BDD,MAAM,+BAAS,GAAG,UAAG,CAArB;;AAEC,CAAA,AAAC;AAEF,MAAM,iCAAW,GAAG,UAAG,CAAvB;;;AAGC,CAAA,AAAC;AAyEK,MAAM,yCAAM,GAA0B,CAAC,KAAK,GAAnD;IACE,MAAM,WACJ,OAAO,GAAG,KAAK,YACf,OAAO,GAAG,GAAG,UACb,KAAK,GAAG,CAAC,aACT,QAAQ,GAAG,IAAI,aACf,QAAQ,GAAG,CAAC,cACZ,SAAS,GAAG,yCAAU,gBACtB,WAAW,GAAG,KAAK,GACnB,GAAG,EAAE,SAAS,CAAA,E,WACd,SAAS,CAAA,E,OACT,KAAK,CAAA,E,gBACL,cAAc,CAAA,E,YACd,UAAU,CAAA,E,UACV,QAAQ,CAAA,E,oBACR,kBAAkB,CAAA,IACnB,GAAG,KAAK,AAAC;IAEV,IAAI,yCAAiB,CAAC,QAAQ,CAAC,EAC7B,OAAO,IAAI,CAAC;IAGd,IAAI,yCAAY,CAAC,QAAQ,CAAC,EAAE;QAC1B,MAAM,mBAAmB,GAAG,MAAM,CAAC,QAAQ,CAAC,AAAC;QAE7C,OAAO,OAAO,GACZ,UAAA,CAAC,aAAM,EAAA;YACL,SAAS,EAAE,QAAQ;YACnB,WAAW,EAAE,WAAW;YACxB,QAAQ,EAAE,kBAAkB;YAAA,QAAA,EAE3B,CAAC,E,QAAE,MAAM,CAAA,E,KAAE,GAAG,CAAA,EAAE,GACf,UAAA,CAAA,KAAA,EAAA;oBACE,GAAG,EAAE,GAAG;oBACR,SAAS,EAAE,SAAS;oBACpB,GAAG,EAAE;wBAAC,SAAS;wBAAE,iCAAW;qBAAC;oBAC7B,KAAK,EAAE,KAAK;oBAAA,QAAA,EAEX,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,GAC7C,UAAA,CAAA,MAAA,EAAA;4BAEE,SAAS,EAAE,SAAS;4BACpB,GAAG,EACD,MAAM,GACF,yCAAe,CAAC;2CACd,SAAS;gCACT,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO;0CACzC,QAAQ;6BACT,CAAC,GACF,+BAAS;4BAAA,QAAA,EAGd,IAAI;yBAAA,EAZA,KAAK,CAaL;oBACR,CAAC;iBAAA,CACE;SACP,CACM,GAET,UAAA,CAAC,yCAAM,EAAA;mBAEH,KAAK;sBACL,QAAQ;sBACR,QAAQ;uBACR,SAAS;yBACT,WAAW;YACX,GAAG,EAAE,SAAS;uBACd,SAAS;mBACT,KAAK;YACN,QAAA,EAEA,mBAAmB;SAAA,CACb,AACV,CAAC;KACH;IAED,IAAI,iBAAU,CAAC,QAAQ,CAAC,EACtB,OACE,UAAA,CAAC,aAAM,EAAA;QACL,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,kBAAkB;QAAA,QAAA,EAE3B,CAAC,E,QAAE,MAAM,CAAA,E,KAAE,GAAG,CAAA,EAAE,GACf,UAAA,CAAA,KAAA,EAAA;gBACE,GAAG,EAAE,GAAG;gBACR,SAAS,EAAE,SAAS;gBACpB,GAAG,EACD,MAAM,GACF;oBAAC,SAAS;oBAAE,yCAAe,CAAC;mCAAE,SAAS;+BAAE,KAAK;kCAAE,QAAQ;qBAAE,CAAC;iBAAC,GAC5D,+BAAS;gBAEf,KAAK,EAAE,KAAK;gBAAA,QAAA,EAEX,QAAQ;aAAA,CACL;KACP,CACM,CACT;IAGJ,OACE,UAAA,CAAA,eAAA,EAAA;QAAA,QAAA,EACG,eAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,GAFxC;YAGM,IAAI,eAAC,qBAAc,CAAC,IAAI,CAAC,EAAE,OAAO,IAAI,CAAC;YAEvC,MAAM,OAAO,GAA2B,IAAI,CAAC,KAAK,CAAC,GAAG,GAClD;gBAAC,IAAI,CAAC,KAAK,CAAC,GAAG;aAAC,GAChB,EAAE,AAAC;YAEP,OAAO,CAAC,IAAI,CACV,yCAAe,CAAC;2BACd,SAAS;gBACT,KAAK,EAAE,KAAK,GAAI,CAAA,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAA,AAAC;0BACzD,QAAQ;aACT,CAAC,CACH,CAAC;YAEF,OAAQ,IAAI,CAAC,IAAI;gBACf,KAAK,IAAI,CAAC;gBACV,KAAK,IAAI;oBACP,OACE,UAAA,CAAC,iBAAU,EAAA;wBAAA,QAAA,EACR,CAAC,E,IAAE,EAAE,CAAA,EAAE,GACN,UAAA,CAAC,IAAI,CAAC,IAAI,EAAA;gCAAA,GACJ,IAAI,CAAC,KAAK;gCACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;gCAC9C,KAAK,EAAE;oCAAE,GAAG,KAAK;oCAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;iCAAE;gCAAA,QAAA,EAExC,UAAA,CAAC,yCAAM,EAAA;6CAEH,OAAO;6CACP,OAAO;2CACP,KAAK;8CACL,QAAQ;8CACR,QAAQ;+CACR,SAAS;iDACT,WAAW;oCACX,GAAG,EAAE,SAAS;oDACd,cAAc;gDACd,UAAU;oCACX,QAAA,EAEA,IAAI,CAAC,KAAK,CAAC,QAAQ;iCAAA,CACb;6BAAA,CACC;qBACb,CACU,CACb;gBACJ,KAAK,IAAI;oBACP,OACE,UAAA,CAAC,aAAM,EAAA;wBACL,SAAS,EAAE,QAAQ;wBACnB,WAAW,EAAE,WAAW;wBACxB,QAAQ,EAAE,kBAAkB;wBAAA,QAAA,EAE3B,CAAC,E,QAAE,MAAM,CAAA,E,KAAE,GAAG,CAAA,EAAE,GACf,UAAA,CAAC,iBAAU,EAAA;gCAAA,QAAA,EACR,CAAC,E,IAAE,EAAE,CAAA,EAAE,GACN,UAAA,CAAC,IAAI,CAAC,IAAI,EAAA;wCAAA,GACJ,IAAI,CAAC,KAAK;wCACd,GAAG,EAAE,GAAG;wCACR,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;wCACnD,GAAG,EAAE,MAAM,GAAG;4CAAC,SAAS;+CAAK,OAAO;yCAAC,GAAG,+BAAS;wCACjD,KAAK,EAAE;4CAAE,GAAG,UAAU;4CAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;yCAAE;qCAAA,CAC7C;6BACH,CACU;qBACd,CACM,CACT;gBACJ;oBACE,OACE,UAAA,CAAC,aAAM,EAAA;wBACL,SAAS,EAAE,QAAQ;wBACnB,WAAW,EAAE,WAAW;wBACxB,QAAQ,EAAE,kBAAkB;wBAAA,QAAA,EAE3B,CAAC,E,QAAE,MAAM,CAAA,E,KAAE,GAAG,CAAA,EAAE,GACf,UAAA,CAAA,KAAA,EAAA;gCACE,GAAG,EAAE,GAAG;gCACR,SAAS,EAAE,SAAS;gCACpB,GAAG,EAAE,MAAM,GAAG;oCAAC,SAAS;uCAAK,OAAO;iCAAC,GAAG,+BAAS;gCACjD,KAAK,EAAE,KAAK;gCAAA,QAAA,EAEZ,UAAA,CAAC,iBAAU,EAAA;oCAAA,QAAA,EACR,CAAC,E,IAAE,EAAE,CAAA,EAAE,GACN,UAAA,CAAC,IAAI,CAAC,IAAI,EAAA;4CAAA,GACJ,IAAI,CAAC,KAAK;4CACd,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;4CACnD,KAAK,EAAE;gDAAE,GAAG,UAAU;gDAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;6CAAE;yCAAA,CAC7C;iCACH,CACU;6BAAA,CACT;qBACP,CACM,CACT;aACL;SACF,CAAC;KAAA,CACD,CACH;CACH,AAAC;;;A7BvPF,SAAS,+BAAS,CAChB,MAA6B,EAD/B;IAGE,OAAQ,MAAM;QACZ,KAAK,OAAO;YACV,OAAO;gBAAC,yCAAK;aAAC,CAAC;QACjB,KAAK,WAAW;YACd,OAAO;gBAAC,yCAAS;gBAAE;oBAAE,uBAAuB,EAAE,aAAa;iBAAE;aAAC,CAAC;QACjE,KAAK,WAAW;YACd,OAAO;gBAAC,yCAAS;gBAAE;oBAAE,uBAAuB,EAAE,aAAa;iBAAE;aAAC,CAAC;QACjE,KAAK,OAAO;YACV,OAAO;gBAAC,yCAAK;gBAAE;oBAAE,eAAe,EAAE,QAAQ;iBAAE;aAAC,CAAC;QAChD,KAAK,OAAO;YACV,OAAO;gBAAC,yCAAK;gBAAE;oBAAE,uBAAuB,EAAE,aAAa;iBAAE;aAAC,CAAC;QAC7D,KAAK,YAAY;YACf,OAAO;gBAAC,yCAAU;aAAC,CAAC;QACtB,KAAK,OAAO;YACV,OAAO;gBAAC,yCAAK;aAAC,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO;gBAAC,yCAAM;aAAC,CAAC;QAClB,KAAK,QAAQ;YACX,OAAO;gBAAC,yCAAM;aAAC,CAAC;QAClB,KAAK,OAAO;YACV,OAAO;gBAAC,yCAAK;gBAAE;oBAAE,eAAe,EAAE,YAAY;iBAAE;aAAC,CAAC;QACpD,KAAK,MAAM;YACT,OAAO;gBAAC,yCAAI;aAAC,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO;gBAAC,wCAAM;aAAC,CAAC;QAClB,KAAK,QAAQ,CAAC;QACd;YACE,OAAO;gBAAC,yCAAM;gBAAE;oBAAE,eAAe,EAAE,eAAe;iBAAE;aAAC,CAAC;KACzD;CACF;AAEM,MAAM,yCAAe,GAAmC,CAAC,KAAK,GAArE;IACE,MAAM,UAAE,MAAM,GAAG,QAAQ,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAE7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,cAAO,CAAC,IAAM,+BAAS,CAAC,MAAM,CAAC;IAAA,EAAE;QAAC,MAAM;KAAC,CAAC,AAAC;IAE7E,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAE,GAAG,EAAE,YAAY;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACtE,AAAC;;AHtFF;;;;A;;AoEAA;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCC,CAAA,AAAC;;AEzCF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BC,CAAA,AAAC;;AEnCF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BC,CAAA,AAAC;;AEnCF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BC,CAAA,AAAC;;AEnCF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BC,CAAA,AAAC;;;;AGnCF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;;;;;;;AAeC,CAAA,AAAC;;AEpBF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;;;;;;AAeC,CAAA,AAAC;;AEpBF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,wCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;;;;;;AAeC,CAAA,AAAC;;;;;AtBcF,SAAS,+BAAS,CAAC,OAAgB,EAAE,SAA2B,EAAhE;IACE,OAAQ,SAAS;QACf,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,yCAAa,GAAG,yCAAY,CAAC;QAChD,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,yCAAa,GAAG,yCAAY,CAAC;QAChD,KAAK,OAAO;YACV,OAAO,OAAO,GAAG,wCAAc,GAAG,yCAAa,CAAC;QAClD,KAAK,IAAI;YACP,OAAO,OAAO,GAAG,yCAAW,GAAG,yCAAU,CAAC;QAC5C;YACE,OAAO,OAAO,GAAG,yCAAS,GAAG,yCAAQ,CAAC;KACzC;CACF;AAEM,MAAM,yCAAM,GAA0B,CAAC,KAAK,GAAnD;IACE,MAAM,E,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEtD,MAAM,SAAS,GAAG,cAAO,CACvB,IAAM,+BAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAAA,EACnC;QAAC,SAAS;QAAE,OAAO;KAAC,CACrB,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACnD,AAAC;;;;;;A;;;A2B1DF;AAKO,MAAM,yCAAO,GAAG,gBAAS,CAAhC;;;;;;;;AAQC,CAAA,AAAC;;AEbF;AAKO,MAAM,yCAAiB,GAAG,gBAAS,CAA1C;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAkB,GAAG,gBAAS,CAA3C;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAe,GAAG,gBAAS,CAAxC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAe,GAAG,gBAAS,CAAxC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;AASC,CAAA,AAAC;;;;;A3BiDF,SAAS,+BAAS,CAAC,GAAY,EAAE,OAAgB,EAAE,SAAyB,EAA5E;IACE,OAAQ,SAAS;QACf,KAAK,aAAa;YAChB,OAAO,OAAO,GAAG,yCAAiB,GAAG,yCAAgB,CAAC;QACxD,KAAK,cAAc;YACjB,OAAO,OAAO,GAAG,yCAAkB,GAAG,yCAAiB,CAAC;QAC1D,KAAK,MAAM;YACT,OAAO,GAAG,GACN,OAAO,GACL,yCAAc,GACd,yCAAa,GACf,OAAO,GACP,yCAAW,GACX,yCAAU,CAAC;QACjB,KAAK,MAAM;YACT,OAAO,GAAG,GACN,OAAO,GACL,yCAAc,GACd,yCAAa,GACf,OAAO,GACP,yCAAW,GACX,yCAAU,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,GAAG,GACN,OAAO,GACL,yCAAe,GACf,wCAAc,GAChB,OAAO,GACP,yCAAY,GACZ,yCAAW,CAAC;QAClB,KAAK,UAAU;YACb,OAAO,OAAO,GAAG,yCAAc,GAAG,yCAAa,CAAC;QAClD,KAAK,WAAW;YACd,OAAO,OAAO,GAAG,yCAAe,GAAG,yCAAc,CAAC;QACpD,KAAK,IAAI;YACP,OAAO,GAAG,GACN,OAAO,GACL,yCAAY,GACZ,yCAAW,GACb,OAAO,GACP,yCAAS,GACT,yCAAQ,CAAC;QACf;YACE,OAAO,OAAO,GAAG,yCAAO,GAAG,yCAAM,CAAC;KACrC;CACF;AAEM,MAAM,yCAAI,GAAwB,CAAC,KAAK,GAA/C;IACE,MAAM,OAAE,GAAG,GAAG,KAAK,G,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEnE,MAAM,SAAS,GAAG,cAAO,CACvB,IAAM,+BAAS,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC;IAAA,EACxC;QAAC,GAAG;QAAE,SAAS;QAAE,OAAO;KAAC,CAC1B,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACnD,AAAC;;;;;;A;;;AgCvHF;AAKO,MAAM,yCAAI,GAAG,gBAAS,CAA7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,CAAA,AAAC;;AEjCF;AAKO,MAAM,yCAAO,GAAG,gBAAS,CAAhC;;;;;;;;;;;;;;;;;;;;;;;;AAwBC,CAAA,AAAC;;AE7BF;AAKO,MAAM,wCAAO,GAAG,gBAAS,CAAhC;;;;;;;;;;;;;;;;;;;;;;;;AAwBC,CAAA,AAAC;;AE7BF;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;;;;;AAcC,CAAA,AAAC;;AEnBF;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;;;;;AAcC,CAAA,AAAC;;;;;AXSF,SAAS,+BAAS,CAAC,OAAgB,EAAE,SAAyB,EAA9D;IACE,OAAQ,SAAS;QACf,KAAK,YAAY;YACf,OAAO,OAAO,GAAG,yCAAQ,GAAG,yCAAO,CAAC;QACtC,KAAK,UAAU;YACb,OAAO,OAAO,GAAG,yCAAQ,GAAG,wCAAO,CAAC;QACtC;YACE,OAAO,yCAAI,CAAC;KACf;CACF;AAED,MAAM,kCAAY,GAAG,UAAG,CAAxB;;AAEC,CAAA,AAAC;AAEK,MAAM,yCAAI,GAAwB,CAAC,KAAK,GAA/C;IACE,MAAM,E,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEtD,MAAM,SAAS,GAAG,cAAO,CACvB,IAAM,+BAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAAA,EACnC;QAAC,SAAS;QAAE,OAAO;KAAC,CACrB,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,GAAG,EAAE,kCAAY;QAAE,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACtE,AAAC;;;;;;A;;AgBpDF;AAKO,MAAM,sCAAK,GAAG,gBAAS,CAA9B;;;;;;;;;;;;;;;;;;;;;;AAsBC,CAAA,AAAC;;AE3BF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;;;;;;;;;;;AAmBC,CAAA,AAAC;;AExBF;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAO,GAAG,gBAAS,CAAhC;;;;;;;;;AASC,CAAA,AAAC;;;;;ATNF,MAAM,kCAAY,GAAG,UAAG,CAAxB;;AAEC,CAAA,AAAC;AAEK,MAAM,yCAAK,GAAyB,CAAC,KAAK,GAAjD;IACE,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,GAAG,EAAE,kCAAY;QAAE,SAAS,EAAE,sCAAK;QAAA,GAAM,KAAK;KAAA,CAAI,CAAC;CACnE,AAAC;;;;;;A;;;AWRK,MAAM,yCAAY,GAAgC,CAAC,KAAK,GAA/D;IACE,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,yCAAY;QAAA,GAAM,KAAK;KAAA,CAAI,CAAC;CACvD,AAAC;;;;;;A;;;;AEMF,SAAS,+BAAS,CAAC,OAAgB,EAAnC;IACE,OAAO,OAAO,GAAG,yCAAO,GAAG,yCAAM,CAAC;CACnC;AAEM,MAAM,yCAAI,GAAwB,CAAC,KAAK,GAA/C;IACE,MAAM,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAE3C,MAAM,SAAS,GAAG,cAAO,CAAC,IAAM,+BAAS,CAAC,OAAO,CAAC;IAAA,EAAE;QAAC,OAAO;KAAC,CAAC,AAAC;IAE/D,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACnD,AAAC;;;;;;A;;AKxBF;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAgB,GAAG,gBAAS,CAAzC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAiB,GAAG,gBAAS,CAA1C;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAc,GAAG,gBAAS,CAAvC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAe,GAAG,gBAAS,CAAxC;;;;;;;;;;AAUC,CAAA,AAAC;;;;AGfF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAiB,GAAG,gBAAS,CAA1C;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAkB,GAAG,gBAAS,CAA3C;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAe,GAAG,gBAAS,CAAxC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAgB,GAAG,gBAAS,CAAzC;;;;;;;;;AASC,CAAA,AAAC;;;;;AtB0BF,SAAS,+BAAS,CAChB,OAAgB,EAChB,SAA2B,EAF7B;IAIE,OAAQ,SAAS;QACf,KAAK,aAAa;YAChB,OAAO,OAAO,GACV;gBAAC,yCAAiB;gBAAE;oBAAE,eAAe,EAAE,aAAa;iBAAE;aAAC,GACvD;gBAAC,yCAAgB;gBAAE;oBAAE,eAAe,EAAE,aAAa;iBAAE;aAAC,CAAC;QAC7D,KAAK,cAAc;YACjB,OAAO,OAAO,GACV;gBAAC,yCAAkB;gBAAE;oBAAE,eAAe,EAAE,cAAc;iBAAE;aAAC,GACzD;gBAAC,yCAAiB;gBAAE;oBAAE,eAAe,EAAE,cAAc;iBAAE;aAAC,CAAC;QAC/D,KAAK,UAAU;YACb,OAAO,OAAO,GACV;gBAAC,yCAAe;gBAAE;oBAAE,eAAe,EAAE,aAAa;iBAAE;aAAC,GACrD;gBAAC,yCAAc;gBAAE;oBAAE,eAAe,EAAE,aAAa;iBAAE;aAAC,CAAC;QAC3D,KAAK,WAAW;YACd,OAAO,OAAO,GACV;gBAAC,yCAAgB;gBAAE;oBAAE,eAAe,EAAE,cAAc;iBAAE;aAAC,GACvD;gBAAC,yCAAe;gBAAE;oBAAE,eAAe,EAAE,cAAc;iBAAE;aAAC,CAAC;QAC7D;YACE,OAAO,OAAO,GACV;gBAAC,yCAAS;gBAAE;oBAAE,eAAe,EAAE,QAAQ;iBAAE;aAAC,GAC1C;gBAAC,yCAAQ;gBAAE;oBAAE,eAAe,EAAE,QAAQ;iBAAE;aAAC,CAAC;KACjD;CACF;AAEM,MAAM,yCAAM,GAA0B,CAAC,KAAK,GAAnD;IACE,MAAM,E,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,cAAO,CACvC,IAAM,+BAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAAA,EACnC;QAAC,SAAS;QAAE,OAAO;KAAC,CACrB,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,GAAG,EAAE,YAAY;QAAE,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACtE,AAAC;;;;;;A;;A2B7EF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,wCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;AASC,CAAA,AAAC;;;;AGdF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAa,GAAG,gBAAS,CAAtC;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;AASC,CAAA,AAAC;;;;;AlBkBF,SAAS,+BAAS,CAAC,OAAgB,EAAE,SAA0B,EAA/D;IACE,OAAQ,SAAS;QACf,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,yCAAY,GAAG,yCAAW,CAAC;QAC9C,KAAK,OAAO;YACV,OAAO,OAAO,GAAG,yCAAa,GAAG,yCAAY,CAAC;QAChD,KAAK,IAAI;YACP,OAAO,OAAO,GAAG,yCAAU,GAAG,wCAAS,CAAC;QAC1C,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,OAAO,GAAG,yCAAY,GAAG,yCAAW,CAAC;KAC/C;CACF;AAEM,MAAM,yCAAK,GAAyB,CAAC,KAAK,GAAjD;IACE,MAAM,E,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEtD,MAAM,SAAS,GAAG,cAAO,CACvB,IAAM,+BAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAAA,EACnC;QAAC,SAAS;QAAE,OAAO;KAAC,CACrB,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACnD,AAAC;;;;;;A;;AuBvDF;AAKO,MAAM,yCAAM,GAAG,gBAAS,CAA/B;;;;;;;;;AASC,CAAA,AAAC;;AEdF;AAKO,MAAM,yCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;;;AAYC,CAAA,AAAC;;AEjBF;AAKO,MAAM,wCAAU,GAAG,gBAAS,CAAnC;;;;;;;;;;;;AAYC,CAAA,AAAC;;AEjBF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;;;AAYC,CAAA,AAAC;;AEjBF;AAKO,MAAM,yCAAQ,GAAG,gBAAS,CAAjC;;;;;;;;;;;;AAYC,CAAA,AAAC;;;;AGjBF;AAKO,MAAM,yCAAO,GAAG,gBAAS,CAAhC;;;;;;;;;;;;;AAaC,CAAA,AAAC;;AElBF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;;;AAYC,CAAA,AAAC;;AEjBF;AAKO,MAAM,yCAAW,GAAG,gBAAS,CAApC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAY,GAAG,gBAAS,CAArC;;;;;;;;;;AAUC,CAAA,AAAC;;AEfF;AAKO,MAAM,yCAAS,GAAG,gBAAS,CAAlC;;;;;;;;;;;;AAYC,CAAA,AAAC;;;;;AtBiBF,SAAS,+BAAS,CAAC,OAAgB,EAAE,SAAyB,EAA9D;IACE,OAAQ,SAAS;QACf,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,yCAAW,GAAG,yCAAU,CAAC;QAC5C,KAAK,MAAM;YACT,OAAO,OAAO,GAAG,yCAAW,GAAG,wCAAU,CAAC;QAC5C,KAAK,OAAO;YACV,OAAO,OAAO,GAAG,yCAAY,GAAG,yCAAW,CAAC;QAC9C,KAAK,IAAI;YACP,OAAO,OAAO,GAAG,yCAAS,GAAG,yCAAQ,CAAC;QACxC;YACE,OAAO,OAAO,GAAG,yCAAO,GAAG,yCAAM,CAAC;KACrC;CACF;AAEM,MAAM,wCAAI,GAAwB,CAAC,KAAK,GAA/C;IACE,MAAM,E,WAAE,SAAS,CAAA,WAAE,OAAO,GAAG,KAAK,GAAE,GAAG,IAAI,EAAE,GAAG,KAAK,AAAC;IAEtD,MAAM,SAAS,GAAG,cAAO,CACvB,IAAM,+BAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAAA,EACnC;QAAC,SAAS;QAAE,OAAO;KAAC,CACrB,AAAC;IAEF,OAAO,UAAA,CAAC,yCAAM,EAAA;QAAC,SAAS,EAAE,SAAS;QAAA,GAAM,IAAI;KAAA,CAAI,CAAC;CACnD,AAAC;;;;;;;;;;;;;;A9L1DF","sources":["packages/lib/src/index.ts","index.ts","packages/lib/src/components/index.ts","packages/lib/src/components/AttentionSeeker.tsx","AttentionSeeker.tsx","packages/lib/src/animations/attention_seekers/index.ts","packages/lib/src/animations/attention_seekers/bounce.ts","bounce.ts","packages/lib/src/animations/attention_seekers/flash.ts","flash.ts","packages/lib/src/animations/attention_seekers/headShake.ts","headShake.ts","packages/lib/src/animations/attention_seekers/heartBeat.ts","heartBeat.ts","packages/lib/src/animations/attention_seekers/jello.ts","jello.ts","packages/lib/src/animations/attention_seekers/pulse.ts","pulse.ts","packages/lib/src/animations/attention_seekers/rubberBand.ts","rubberBand.ts","packages/lib/src/animations/attention_seekers/shake.ts","shake.ts","packages/lib/src/animations/attention_seekers/shakeX.ts","shakeX.ts","packages/lib/src/animations/attention_seekers/shakeY.ts","shakeY.ts","packages/lib/src/animations/attention_seekers/swing.ts","swing.ts","packages/lib/src/animations/attention_seekers/tada.ts","tada.ts","packages/lib/src/animations/attention_seekers/wobble.ts","wobble.ts","packages/lib/src/Reveal.tsx","Reveal.tsx","packages/lib/src/animations/fading_entrances/index.ts","packages/lib/src/animations/fading_entrances/fadeIn.ts","fadeIn.ts","packages/lib/src/animations/fading_entrances/fadeInBottomLeft.ts","fadeInBottomLeft.ts","packages/lib/src/animations/fading_entrances/fadeInBottomRight.ts","fadeInBottomRight.ts","packages/lib/src/animations/fading_entrances/fadeInDown.ts","fadeInDown.ts","packages/lib/src/animations/fading_entrances/fadeInDownBig.ts","fadeInDownBig.ts","packages/lib/src/animations/fading_entrances/fadeInLeft.ts","fadeInLeft.ts","packages/lib/src/animations/fading_entrances/fadeInLeftBig.ts","fadeInLeftBig.ts","packages/lib/src/animations/fading_entrances/fadeInRight.ts","fadeInRight.ts","packages/lib/src/animations/fading_entrances/fadeInRightBig.ts","fadeInRightBig.ts","packages/lib/src/animations/fading_entrances/fadeInTopLeft.ts","fadeInTopLeft.ts","packages/lib/src/animations/fading_entrances/fadeInTopRight.ts","fadeInTopRight.ts","packages/lib/src/animations/fading_entrances/fadeInUp.ts","fadeInUp.ts","packages/lib/src/animations/fading_entrances/fadeInUpBig.ts","fadeInUpBig.ts","packages/lib/src/utils/animations.ts","animations.ts","packages/lib/src/utils/js-types.ts","js-types.ts","packages/lib/src/components/Bounce.tsx","Bounce.tsx","packages/lib/src/animations/bouncing_entrances/index.ts","packages/lib/src/animations/bouncing_entrances/bounceIn.ts","bounceIn.ts","packages/lib/src/animations/bouncing_entrances/bounceInDown.ts","bounceInDown.ts","packages/lib/src/animations/bouncing_entrances/bounceInLeft.ts","bounceInLeft.ts","packages/lib/src/animations/bouncing_entrances/bounceInRight.ts","bounceInRight.ts","packages/lib/src/animations/bouncing_entrances/bounceInUp.ts","bounceInUp.ts","packages/lib/src/animations/bouncing_exits/index.ts","packages/lib/src/animations/bouncing_exits/bounceOut.ts","bounceOut.ts","packages/lib/src/animations/bouncing_exits/bounceOutDown.ts","bounceOutDown.ts","packages/lib/src/animations/bouncing_exits/bounceOutLeft.ts","bounceOutLeft.ts","packages/lib/src/animations/bouncing_exits/bounceOutRight.ts","bounceOutRight.ts","packages/lib/src/animations/bouncing_exits/bounceOutUp.ts","bounceOutUp.ts","packages/lib/src/components/Fade.tsx","Fade.tsx","packages/lib/src/animations/fading_exits/index.ts","packages/lib/src/animations/fading_exits/fadeOut.ts","fadeOut.ts","packages/lib/src/animations/fading_exits/fadeOutBottomLeft.ts","fadeOutBottomLeft.ts","packages/lib/src/animations/fading_exits/fadeOutBottomRight.ts","fadeOutBottomRight.ts","packages/lib/src/animations/fading_exits/fadeOutDown.ts","fadeOutDown.ts","packages/lib/src/animations/fading_exits/fadeOutDownBig.ts","fadeOutDownBig.ts","packages/lib/src/animations/fading_exits/fadeOutLeft.ts","fadeOutLeft.ts","packages/lib/src/animations/fading_exits/fadeOutLeftBig.ts","fadeOutLeftBig.ts","packages/lib/src/animations/fading_exits/fadeOutRight.ts","fadeOutRight.ts","packages/lib/src/animations/fading_exits/fadeOutRightBig.ts","fadeOutRightBig.ts","packages/lib/src/animations/fading_exits/fadeOutTopLeft.ts","fadeOutTopLeft.ts","packages/lib/src/animations/fading_exits/fadeOutTopRight.ts","fadeOutTopRight.ts","packages/lib/src/animations/fading_exits/fadeOutUp.ts","fadeOutUp.ts","packages/lib/src/animations/fading_exits/fadeOutUpBig.ts","fadeOutUpBig.ts","packages/lib/src/components/Flip.tsx","Flip.tsx","packages/lib/src/animations/flippers/index.ts","packages/lib/src/animations/flippers/flip.ts","flip.ts","packages/lib/src/animations/flippers/flipInX.ts","flipInX.ts","packages/lib/src/animations/flippers/flipInY.ts","flipInY.ts","packages/lib/src/animations/flippers/flipOutX.ts","flipOutX.ts","packages/lib/src/animations/flippers/flipOutY.ts","flipOutY.ts","packages/lib/src/components/Hinge.tsx","Hinge.tsx","packages/lib/src/animations/specials/index.ts","packages/lib/src/animations/specials/hinge.ts","hinge.ts","packages/lib/src/animations/specials/jackInTheBox.ts","jackInTheBox.ts","packages/lib/src/animations/specials/rollIn.ts","rollIn.ts","packages/lib/src/animations/specials/rollOut.ts","rollOut.ts","packages/lib/src/components/JackInTheBox.tsx","JackInTheBox.tsx","packages/lib/src/components/Roll.tsx","Roll.tsx","packages/lib/src/components/Rotate.tsx","Rotate.tsx","packages/lib/src/animations/rotating_entrances/index.ts","packages/lib/src/animations/rotating_entrances/rotateIn.ts","rotateIn.ts","packages/lib/src/animations/rotating_entrances/rotateInDownLeft.ts","rotateInDownLeft.ts","packages/lib/src/animations/rotating_entrances/rotateInDownRight.ts","rotateInDownRight.ts","packages/lib/src/animations/rotating_entrances/rotateInUpLeft.ts","rotateInUpLeft.ts","packages/lib/src/animations/rotating_entrances/rotateInUpRight.ts","rotateInUpRight.ts","packages/lib/src/animations/rotating_exits/index.ts","packages/lib/src/animations/rotating_exits/rotateOut.ts","rotateOut.ts","packages/lib/src/animations/rotating_exits/rotateOutDownLeft.ts","rotateOutDownLeft.ts","packages/lib/src/animations/rotating_exits/rotateOutDownRight.ts","rotateOutDownRight.ts","packages/lib/src/animations/rotating_exits/rotateOutUpLeft.ts","rotateOutUpLeft.ts","packages/lib/src/animations/rotating_exits/rotateOutUpRight.ts","rotateOutUpRight.ts","packages/lib/src/components/Slide.tsx","Slide.tsx","packages/lib/src/animations/sliding_entrances/index.ts","packages/lib/src/animations/sliding_entrances/slideInDown.ts","slideInDown.ts","packages/lib/src/animations/sliding_entrances/slideInLeft.ts","slideInLeft.ts","packages/lib/src/animations/sliding_entrances/slideInRight.ts","slideInRight.ts","packages/lib/src/animations/sliding_entrances/slideInUp.ts","slideInUp.ts","packages/lib/src/animations/sliding_exits/index.ts","packages/lib/src/animations/sliding_exits/slideOutDown.ts","slideOutDown.ts","packages/lib/src/animations/sliding_exits/slideOutLeft.ts","slideOutLeft.ts","packages/lib/src/animations/sliding_exits/slideOutRight.ts","slideOutRight.ts","packages/lib/src/animations/sliding_exits/slideOutUp.ts","slideOutUp.ts","packages/lib/src/components/Zoom.tsx","Zoom.tsx","packages/lib/src/animations/zooming_entrances/index.ts","packages/lib/src/animations/zooming_entrances/zoomIn.ts","zoomIn.ts","packages/lib/src/animations/zooming_entrances/zoomInDown.ts","zoomInDown.ts","packages/lib/src/animations/zooming_entrances/zoomInLeft.ts","zoomInLeft.ts","packages/lib/src/animations/zooming_entrances/zoomInRight.ts","zoomInRight.ts","packages/lib/src/animations/zooming_entrances/zoomInUp.ts","zoomInUp.ts","packages/lib/src/animations/zooming_exits/index.ts","packages/lib/src/animations/zooming_exits/zoomOut.ts","zoomOut.ts","packages/lib/src/animations/zooming_exits/zoomOutDown.ts","zoomOutDown.ts","packages/lib/src/animations/zooming_exits/zoomOutLeft.ts","zoomOutLeft.ts","packages/lib/src/animations/zooming_exits/zoomOutRight.ts","zoomOutRight.ts","packages/lib/src/animations/zooming_exits/zoomOutUp.ts","zoomOutUp.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./Reveal\";\nexport { Reveal as default } from \"./Reveal\";\n",null,"export * from \"./AttentionSeeker\";\nexport * from \"./Bounce\";\nexport * from \"./Fade\";\nexport * from \"./Flip\";\nexport * from \"./Hinge\";\nexport * from \"./JackInTheBox\";\nexport * from \"./Roll\";\nexport * from \"./Rotate\";\nexport * from \"./Slide\";\nexport * from \"./Zoom\";\n","import type { Interpolation, Theme } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\nimport { useMemo } from \"react\";\n\nimport {\n bounce,\n flash,\n headShake,\n heartBeat,\n jello,\n pulse,\n rubberBand,\n shake,\n shakeX,\n shakeY,\n swing,\n tada,\n wobble,\n} from \"../animations/attention_seekers\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype AttentionSeekerEffect =\n | \"bounce\"\n | \"flash\"\n | \"headShake\"\n | \"heartBeat\"\n | \"jello\"\n | \"pulse\"\n | \"rubberBand\"\n | \"shake\"\n | \"shakeX\"\n | \"shakeY\"\n | \"swing\"\n | \"tada\"\n | \"wobble\";\n\nexport interface AttentionSeekerProps\n extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * The animation effect to use for this attention seeker.\n * @default \"bounce\"\n */\n effect?: AttentionSeekerEffect;\n}\n\nfunction getStyles(\n effect: AttentionSeekerEffect\n): [Keyframes, Interpolation<Theme>?] {\n switch (effect) {\n case \"flash\":\n return [flash];\n case \"headShake\":\n return [headShake, { animationTimingFunction: \"ease-in-out\" }];\n case \"heartBeat\":\n return [heartBeat, { animationTimingFunction: \"ease-in-out\" }];\n case \"jello\":\n return [jello, { transformOrigin: \"center\" }];\n case \"pulse\":\n return [pulse, { animationTimingFunction: \"ease-in-out\" }];\n case \"rubberBand\":\n return [rubberBand];\n case \"shake\":\n return [shake];\n case \"shakeX\":\n return [shakeX];\n case \"shakeY\":\n return [shakeY];\n case \"swing\":\n return [swing, { transformOrigin: \"top center\" }];\n case \"tada\":\n return [tada];\n case \"wobble\":\n return [wobble];\n case \"bounce\":\n default:\n return [bounce, { transformOrigin: \"center bottom\" }];\n }\n}\n\nexport const AttentionSeeker: React.FC<AttentionSeekerProps> = (props) => {\n const { effect = \"bounce\", ...rest } = props;\n\n const [keyframes, animationCss] = useMemo(() => getStyles(effect), [effect]);\n\n return <Reveal keyframes={keyframes} css={animationCss} {...rest} />;\n};\n",null,"export * from \"./bounce\";\nexport * from \"./flash\";\nexport * from \"./headShake\";\nexport * from \"./heartBeat\";\nexport * from \"./jello\";\nexport * from \"./pulse\";\nexport * from \"./rubberBand\";\nexport * from \"./shake\";\nexport * from \"./shakeX\";\nexport * from \"./shakeY\";\nexport * from \"./swing\";\nexport * from \"./tada\";\nexport * from \"./wobble\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/bounce.css}\n */\nexport const bounce = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/flash.css}\n */\nexport const flash = keyframes`\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/headShake.css}\n */\nexport const headShake = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/heartBeat.css}\n */\nexport const heartBeat = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/jello.css}\n */\nexport const jello = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/pulse.css}\n */\nexport const pulse = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/rubberBand.css}\n */\nexport const rubberBand = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shake.css}\n */\nexport const shake = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeX.css}\n */\nexport const shakeX = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/shakeY.css}\n */\nexport const shakeY = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/swing.css}\n */\nexport const swing = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/tada.css}\n */\nexport const tada = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/attention_seekers/wobble.css}\n */\nexport const wobble = keyframes`\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`;\n",null,"import type { Interpolation, Theme } from \"@emotion/react\";\nimport { ClassNames, css } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\nimport { Children, isValidElement } from \"react\";\nimport { InView } from \"react-intersection-observer\";\nimport { isFragment } from \"react-is\";\n\nimport { fadeInLeft } from \"./animations/fading_entrances\";\nimport { getAnimationCss } from \"./utils/animations\";\nimport { isNullOrUndefined, isStringLike } from \"./utils/js-types\";\n\nconst hiddenCss = css`\n opacity: 0;\n`;\n\nconst textBaseCss = css`\n display: inline-block;\n white-space: pre;\n`;\n\nexport interface RevealProps {\n /**\n * Stagger its children animations.\n * @default false\n */\n cascade?: boolean;\n /**\n * Factor that affects the delay that each animated element in a cascade animation will be assigned.\n * @default 0.5\n */\n damping?: number;\n /**\n * Initial delay, in milliseconds.\n * @default 0\n */\n delay?: number;\n /**\n * Animation duration, in milliseconds.\n * @default 1000\n */\n duration?: number;\n /**\n * Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.\n * @default 0\n */\n fraction?: number;\n /**\n * Custom Emotion animation keyframes.\n */\n keyframes?: Keyframes;\n /**\n * Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.\n * @default false\n */\n triggerOnce?: boolean;\n /**\n * Custom Emotion styles.\n */\n css?: Interpolation<Theme>;\n /**\n * Class names to add to the container element.\n */\n className?: string;\n /**\n * Inline styles to add to the container element.\n */\n style?: React.CSSProperties;\n /**\n * Class names to add to the child element.\n */\n childClassName?: string;\n /**\n * Inline styles to add to the child element.\n */\n childStyle?: React.CSSProperties;\n /**\n * From React 18, children must be explicitly typed.\n * @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions\n */\n children?: React.ReactNode;\n /**\n * Callback executed when the element enters or leaves the viewport.\n * If more than one element is being animated, this function is called\n * on each element.\n *\n * @param inView The current visibility flag.\n * @param entry The current IntersectionObserverEntry.\n */\n onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;\n}\n\nexport const Reveal: React.FC<RevealProps> = (props) => {\n const {\n cascade = false,\n damping = 0.5,\n delay = 0,\n duration = 1000,\n fraction = 0,\n keyframes = fadeInLeft,\n triggerOnce = false,\n css: revealCss,\n className,\n style,\n childClassName,\n childStyle,\n children,\n onVisibilityChange,\n } = props;\n\n if (isNullOrUndefined(children)) {\n return null;\n }\n\n if (isStringLike(children)) {\n const stringifiedChildren = String(children);\n\n return cascade ? (\n <InView\n threshold={fraction}\n triggerOnce={triggerOnce}\n onChange={onVisibilityChange}\n >\n {({ inView, ref }) => (\n <div\n ref={ref}\n className={className}\n css={[revealCss, textBaseCss]}\n style={style}\n >\n {stringifiedChildren.split(\"\").map((char, index) => (\n <span\n key={index}\n className={className}\n css={\n inView\n ? getAnimationCss({\n keyframes,\n delay: delay + index * duration * damping,\n duration,\n })\n : hiddenCss\n }\n >\n {char}\n </span>\n ))}\n </div>\n )}\n </InView>\n ) : (\n <Reveal\n {...{\n delay,\n duration,\n fraction,\n keyframes,\n triggerOnce,\n css: revealCss,\n className,\n style,\n }}\n >\n {stringifiedChildren}\n </Reveal>\n );\n }\n\n if (isFragment(children)) {\n return (\n <InView\n threshold={fraction}\n triggerOnce={triggerOnce}\n onChange={onVisibilityChange}\n >\n {({ inView, ref }) => (\n <div\n ref={ref}\n className={className}\n css={\n inView\n ? [revealCss, getAnimationCss({ keyframes, delay, duration })]\n : hiddenCss\n }\n style={style}\n >\n {children}\n </div>\n )}\n </InView>\n );\n }\n\n return (\n <>\n {Children.map(children, (node, index) => {\n if (!isValidElement(node)) return null;\n\n const nodeCss: Interpolation<Theme>[] = node.props.css\n ? [node.props.css]\n : [];\n\n nodeCss.push(\n getAnimationCss({\n keyframes,\n delay: delay + (cascade ? index * duration * damping : 0),\n duration,\n })\n );\n\n switch (node.type) {\n case \"ol\":\n case \"ul\":\n return (\n <ClassNames>\n {({ cx }) => (\n <node.type\n {...node.props}\n className={cx(className, node.props.className)}\n style={{ ...style, ...node.props.style }}\n >\n <Reveal\n {...{\n cascade,\n damping,\n delay,\n duration,\n fraction,\n keyframes,\n triggerOnce,\n css: revealCss,\n childClassName,\n childStyle,\n }}\n >\n {node.props.children}\n </Reveal>\n </node.type>\n )}\n </ClassNames>\n );\n case \"li\":\n return (\n <InView\n threshold={fraction}\n triggerOnce={triggerOnce}\n onChange={onVisibilityChange}\n >\n {({ inView, ref }) => (\n <ClassNames>\n {({ cx }) => (\n <node.type\n {...node.props}\n ref={ref}\n className={cx(childClassName, node.props.className)}\n css={inView ? [revealCss, ...nodeCss] : hiddenCss}\n style={{ ...childStyle, ...node.props.style }}\n />\n )}\n </ClassNames>\n )}\n </InView>\n );\n default:\n return (\n <InView\n threshold={fraction}\n triggerOnce={triggerOnce}\n onChange={onVisibilityChange}\n >\n {({ inView, ref }) => (\n <div\n ref={ref}\n className={className}\n css={inView ? [revealCss, ...nodeCss] : hiddenCss}\n style={style}\n >\n <ClassNames>\n {({ cx }) => (\n <node.type\n {...node.props}\n className={cx(childClassName, node.props.className)}\n style={{ ...childStyle, ...node.props.style }}\n />\n )}\n </ClassNames>\n </div>\n )}\n </InView>\n );\n }\n })}\n </>\n );\n};\n",null,"export * from \"./fadeIn\";\nexport * from \"./fadeInBottomLeft\";\nexport * from \"./fadeInBottomRight\";\nexport * from \"./fadeInDown\";\nexport * from \"./fadeInDownBig\";\nexport * from \"./fadeInLeft\";\nexport * from \"./fadeInLeftBig\";\nexport * from \"./fadeInRight\";\nexport * from \"./fadeInRightBig\";\nexport * from \"./fadeInTopLeft\";\nexport * from \"./fadeInTopRight\";\nexport * from \"./fadeInUp\";\nexport * from \"./fadeInUpBig\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeIn.css}\n */\nexport const fadeIn = keyframes`\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomLeft.css}\n */\nexport const fadeInBottomLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInBottomRight.css}\n */\nexport const fadeInBottomRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDown.css}\n */\nexport const fadeInDown = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInDownBig.css}\n */\nexport const fadeInDownBig = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeft.css}\n */\nexport const fadeInLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInLeftBig.css}\n */\nexport const fadeInLeftBig = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRight.css}\n */\nexport const fadeInRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInRightBig.css}\n */\nexport const fadeInRightBig = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopLeft.css}\n */\nexport const fadeInTopLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInTopRight.css}\n */\nexport const fadeInTopRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUp.css}\n */\nexport const fadeInUp = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_entrances/fadeInUpBig.css}\n */\nexport const fadeInUpBig = keyframes`\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`;\n",null,"import { css } from \"@emotion/react\";\n\nimport { fadeInLeft } from \"../animations/fading_entrances\";\n\nexport function getAnimationCss({\n duration = 1000,\n delay = 0,\n timingFunction = \"ease\",\n keyframes = fadeInLeft,\n iterationCount = 1,\n}) {\n return css`\n animation-duration: ${duration}ms;\n animation-timing-function: ${timingFunction};\n animation-delay: ${delay}ms;\n animation-name: ${keyframes};\n animation-direction: normal;\n animation-fill-mode: both;\n animation-iteration-count: ${iterationCount};\n `;\n}\n",null,"export function isNullOrUndefined(value: unknown): value is null | undefined {\n return value === null || value === undefined;\n}\n\nexport function isStringLike(\n value: unknown\n): value is string | number | boolean {\n return (\n typeof value === \"string\" ||\n typeof value === \"number\" ||\n typeof value === \"boolean\"\n );\n}\n",null,"import { useMemo } from \"react\";\n\nimport {\n bounceIn,\n bounceInDown,\n bounceInLeft,\n bounceInRight,\n bounceInUp,\n} from \"../animations/bouncing_entrances\";\nimport {\n bounceOut,\n bounceOutDown,\n bounceOutLeft,\n bounceOutRight,\n bounceOutUp,\n} from \"../animations/bouncing_exits\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype BounceDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\nexport interface BounceProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Origin of the animation.\n * @default undefined\n */\n direction?: BounceDirection;\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean, direction?: BounceDirection) {\n switch (direction) {\n case \"down\":\n return reverse ? bounceOutDown : bounceInDown;\n case \"left\":\n return reverse ? bounceOutLeft : bounceInLeft;\n case \"right\":\n return reverse ? bounceOutRight : bounceInRight;\n case \"up\":\n return reverse ? bounceOutUp : bounceInUp;\n default:\n return reverse ? bounceOut : bounceIn;\n }\n}\n\nexport const Bounce: React.FC<BounceProps> = (props) => {\n const { direction, reverse = false, ...rest } = props;\n\n const keyframes = useMemo(\n () => getStyles(reverse, direction),\n [direction, reverse]\n );\n\n return <Reveal keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./bounceIn\";\nexport * from \"./bounceInDown\";\nexport * from \"./bounceInLeft\";\nexport * from \"./bounceInRight\";\nexport * from \"./bounceInUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceIn.css}\n */\nexport const bounceIn = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInDown.css}\n */\nexport const bounceInDown = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInLeft.css}\n */\nexport const bounceInLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInRight.css}\n */\nexport const bounceInRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_entrances/bounceInUp.css}\n */\nexport const bounceInUp = keyframes`\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`;\n",null,"export * from \"./bounceOut\";\nexport * from \"./bounceOutDown\";\nexport * from \"./bounceOutLeft\";\nexport * from \"./bounceOutRight\";\nexport * from \"./bounceOutUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOut.css}\n */\nexport const bounceOut = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutDown.css}\n */\nexport const bounceOutDown = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutLeft.css}\n */\nexport const bounceOutLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutRight.css}\n */\nexport const bounceOutRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/bouncing_exits/bounceOutUp.css}\n */\nexport const bounceOutUp = keyframes`\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`;\n",null,"import { useMemo } from \"react\";\n\nimport {\n fadeIn,\n fadeInBottomLeft,\n fadeInBottomRight,\n fadeInDown,\n fadeInDownBig,\n fadeInLeft,\n fadeInLeftBig,\n fadeInRight,\n fadeInRightBig,\n fadeInTopLeft,\n fadeInTopRight,\n fadeInUp,\n fadeInUpBig,\n} from \"../animations/fading_entrances\";\nimport {\n fadeOut,\n fadeOutBottomLeft,\n fadeOutBottomRight,\n fadeOutDown,\n fadeOutDownBig,\n fadeOutLeft,\n fadeOutLeftBig,\n fadeOutRight,\n fadeOutRightBig,\n fadeOutTopLeft,\n fadeOutTopRight,\n fadeOutUp,\n fadeOutUpBig,\n} from \"../animations/fading_exits\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype FadeDirection =\n | \"bottom-left\"\n | \"bottom-right\"\n | \"down\"\n | \"left\"\n | \"right\"\n | \"top-left\"\n | \"top-right\"\n | \"up\";\n\nexport interface FadeProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Causes the animation to start farther. Only works with \"down\", \"left\", \"right\" and \"up\" directions.\n * @default false\n */\n big?: boolean;\n /**\n * Origin of the animation.\n * @default undefined\n */\n direction?: FadeDirection;\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(big: boolean, reverse: boolean, direction?: FadeDirection) {\n switch (direction) {\n case \"bottom-left\":\n return reverse ? fadeOutBottomLeft : fadeInBottomLeft;\n case \"bottom-right\":\n return reverse ? fadeOutBottomRight : fadeInBottomRight;\n case \"down\":\n return big\n ? reverse\n ? fadeOutDownBig\n : fadeInDownBig\n : reverse\n ? fadeOutDown\n : fadeInDown;\n case \"left\":\n return big\n ? reverse\n ? fadeOutLeftBig\n : fadeInLeftBig\n : reverse\n ? fadeOutLeft\n : fadeInLeft;\n case \"right\":\n return big\n ? reverse\n ? fadeOutRightBig\n : fadeInRightBig\n : reverse\n ? fadeOutRight\n : fadeInRight;\n case \"top-left\":\n return reverse ? fadeOutTopLeft : fadeInTopLeft;\n case \"top-right\":\n return reverse ? fadeOutTopRight : fadeInTopRight;\n case \"up\":\n return big\n ? reverse\n ? fadeOutUpBig\n : fadeInUpBig\n : reverse\n ? fadeOutUp\n : fadeInUp;\n default:\n return reverse ? fadeOut : fadeIn;\n }\n}\n\nexport const Fade: React.FC<FadeProps> = (props) => {\n const { big = false, direction, reverse = false, ...rest } = props;\n\n const keyframes = useMemo(\n () => getStyles(big, reverse, direction),\n [big, direction, reverse]\n );\n\n return <Reveal keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./fadeOut\";\nexport * from \"./fadeOutBottomLeft\";\nexport * from \"./fadeOutBottomRight\";\nexport * from \"./fadeOutDown\";\nexport * from \"./fadeOutDownBig\";\nexport * from \"./fadeOutLeft\";\nexport * from \"./fadeOutLeftBig\";\nexport * from \"./fadeOutRight\";\nexport * from \"./fadeOutRightBig\";\nexport * from \"./fadeOutTopLeft\";\nexport * from \"./fadeOutTopRight\";\nexport * from \"./fadeOutUp\";\nexport * from \"./fadeOutUpBig\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOut.css}\n */\nexport const fadeOut = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomLeft.css}\n */\nexport const fadeOutBottomLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutBottomRight.css}\n */\nexport const fadeOutBottomRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDown.css}\n */\nexport const fadeOutDown = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutDownBig.css}\n */\nexport const fadeOutDownBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeft.css}\n */\nexport const fadeOutLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutLeftBig.css}\n */\nexport const fadeOutLeftBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRight.css}\n */\nexport const fadeOutRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutRightBig.css}\n */\nexport const fadeOutRightBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopLeft.css}\n */\nexport const fadeOutTopLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutTopRight.css}\n */\nexport const fadeOutTopRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUp.css}\n */\nexport const fadeOutUp = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/fading_exits/fadeOutUpBig.css}\n */\nexport const fadeOutUpBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n`;\n",null,"import { css } from \"@emotion/react\";\nimport { useMemo } from \"react\";\n\nimport {\n flip,\n flipInX,\n flipInY,\n flipOutX,\n flipOutY,\n} from \"../animations/flippers\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype FlipDirection = \"horizontal\" | \"vertical\";\n\nexport interface FlipProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Axis direction of the animation.\n * @default undefined\n */\n direction?: FlipDirection;\n /**\n * Specifies if the animation should make element(s) disappear. It only has effect if a direction is specified.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean, direction?: FlipDirection) {\n switch (direction) {\n case \"horizontal\":\n return reverse ? flipOutX : flipInX;\n case \"vertical\":\n return reverse ? flipOutY : flipInY;\n default:\n return flip;\n }\n}\n\nconst animationCss = css`\n backface-visibility: visible;\n`;\n\nexport const Flip: React.FC<FlipProps> = (props) => {\n const { direction, reverse = false, ...rest } = props;\n\n const keyframes = useMemo(\n () => getStyles(reverse, direction),\n [direction, reverse]\n );\n\n return <Reveal css={animationCss} keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./flip\";\nexport * from \"./flipInX\";\nexport * from \"./flipInY\";\nexport * from \"./flipOutX\";\nexport * from \"./flipOutY\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flip.css}\n */\nexport const flip = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}\n */\nexport const flipInX = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}\n */\nexport const flipInY = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}\n */\nexport const flipOutX = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}\n */\nexport const flipOutY = keyframes`\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`;\n",null,"import { css } from \"@emotion/react\";\n\nimport { hinge } from \"../animations/specials\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\nexport type HingeProps = Omit<RevealProps, \"keyframes\" | \"css\">;\n\nconst animationCss = css`\n transform-origin: top left;\n`;\n\nexport const Hinge: React.FC<HingeProps> = (props) => {\n return <Reveal css={animationCss} keyframes={hinge} {...props} />;\n};\n",null,"export * from \"./hinge\";\nexport * from \"./jackInTheBox\";\nexport * from \"./rollIn\";\nexport * from \"./rollOut\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/hinge.css}\n */\nexport const hinge = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}\n */\nexport const jackInTheBox = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}\n */\nexport const rollIn = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}\n */\nexport const rollOut = keyframes`\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`;\n",null,"import { jackInTheBox } from \"../animations/specials\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\nexport type JackInTheBoxProps = Omit<RevealProps, \"keyframes\" | \"css\">;\n\nexport const JackInTheBox: React.FC<JackInTheBoxProps> = (props) => {\n return <Reveal keyframes={jackInTheBox} {...props} />;\n};\n",null,"import { useMemo } from \"react\";\n\nimport { rollIn, rollOut } from \"../animations/specials\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\nexport interface RollProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean) {\n return reverse ? rollOut : rollIn;\n}\n\nexport const Roll: React.FC<RollProps> = (props) => {\n const { reverse = false, ...rest } = props;\n\n const keyframes = useMemo(() => getStyles(reverse), [reverse]);\n\n return <Reveal keyframes={keyframes} {...rest} />;\n};\n",null,"import type { Interpolation, Theme } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\nimport { useMemo } from \"react\";\n\nimport {\n rotateIn,\n rotateInDownLeft,\n rotateInDownRight,\n rotateInUpLeft,\n rotateInUpRight,\n} from \"../animations/rotating_entrances\";\nimport {\n rotateOut,\n rotateOutDownLeft,\n rotateOutDownRight,\n rotateOutUpLeft,\n rotateOutUpRight,\n} from \"../animations/rotating_exits\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype RotateDirection =\n | \"bottom-left\"\n | \"bottom-right\"\n | \"top-left\"\n | \"top-right\";\n\nexport interface RotateProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Origin of the animation.\n * @default undefined\n */\n direction?: RotateDirection;\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(\n reverse: boolean,\n direction?: RotateDirection\n): [Keyframes, Interpolation<Theme>?] {\n switch (direction) {\n case \"bottom-left\":\n return reverse\n ? [rotateOutDownLeft, { transformOrigin: \"left bottom\" }]\n : [rotateInDownLeft, { transformOrigin: \"left bottom\" }];\n case \"bottom-right\":\n return reverse\n ? [rotateOutDownRight, { transformOrigin: \"right bottom\" }]\n : [rotateInDownRight, { transformOrigin: \"right bottom\" }];\n case \"top-left\":\n return reverse\n ? [rotateOutUpLeft, { transformOrigin: \"left bottom\" }]\n : [rotateInUpLeft, { transformOrigin: \"left bottom\" }];\n case \"top-right\":\n return reverse\n ? [rotateOutUpRight, { transformOrigin: \"right bottom\" }]\n : [rotateInUpRight, { transformOrigin: \"right bottom\" }];\n default:\n return reverse\n ? [rotateOut, { transformOrigin: \"center\" }]\n : [rotateIn, { transformOrigin: \"center\" }];\n }\n}\n\nexport const Rotate: React.FC<RotateProps> = (props) => {\n const { direction, reverse = false, ...rest } = props;\n\n const [keyframes, animationCss] = useMemo(\n () => getStyles(reverse, direction),\n [direction, reverse]\n );\n\n return <Reveal css={animationCss} keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./rotateIn\";\nexport * from \"./rotateInDownLeft\";\nexport * from \"./rotateInDownRight\";\nexport * from \"./rotateInUpLeft\";\nexport * from \"./rotateInUpRight\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateIn.css}\n */\nexport const rotateIn = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownLeft.css}\n */\nexport const rotateInDownLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInDownRight.css}\n */\nexport const rotateInDownRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpLeft.css}\n */\nexport const rotateInUpLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_entrances/rotateInUpRight.css}\n */\nexport const rotateInUpRight = keyframes`\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`;\n",null,"export * from \"./rotateOut\";\nexport * from \"./rotateOutDownLeft\";\nexport * from \"./rotateOutDownRight\";\nexport * from \"./rotateOutUpLeft\";\nexport * from \"./rotateOutUpRight\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOut.css}\n */\nexport const rotateOut = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownLeft.css}\n */\nexport const rotateOutDownLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutDownRight.css}\n */\nexport const rotateOutDownRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpLeft.css}\n */\nexport const rotateOutUpLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/rotating_exits/rotateOutUpRight.css}\n */\nexport const rotateOutUpRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n`;\n",null,"import { useMemo } from \"react\";\n\nimport {\n slideInDown,\n slideInLeft,\n slideInRight,\n slideInUp,\n} from \"../animations/sliding_entrances\";\nimport {\n slideOutDown,\n slideOutLeft,\n slideOutRight,\n slideOutUp,\n} from \"../animations/sliding_exits\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype SlideDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\nexport interface SlideProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Origin of the animation.\n * @default undefined\n */\n direction?: SlideDirection;\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean, direction?: SlideDirection) {\n switch (direction) {\n case \"down\":\n return reverse ? slideOutDown : slideInDown;\n case \"right\":\n return reverse ? slideOutRight : slideInRight;\n case \"up\":\n return reverse ? slideOutUp : slideInUp;\n case \"left\":\n default:\n return reverse ? slideOutLeft : slideInLeft;\n }\n}\n\nexport const Slide: React.FC<SlideProps> = (props) => {\n const { direction, reverse = false, ...rest } = props;\n\n const keyframes = useMemo(\n () => getStyles(reverse, direction),\n [direction, reverse]\n );\n\n return <Reveal keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./slideInDown\";\nexport * from \"./slideInLeft\";\nexport * from \"./slideInRight\";\nexport * from \"./slideInUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInDown.css}\n */\nexport const slideInDown = keyframes`\n from {\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n transform: translate3d(0, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInLeft.css}\n */\nexport const slideInLeft = keyframes`\n from {\n transform: translate3d(-100%, 0, 0);\n visibility: visible;\n }\n\n to {\n transform: translate3d(0, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInRight.css}\n */\nexport const slideInRight = keyframes`\n from {\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n }\n\n to {\n transform: translate3d(0, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_entrances/slideInUp.css}\n */\nexport const slideInUp = keyframes`\n from {\n transform: translate3d(0, 100%, 0);\n visibility: visible;\n }\n\n to {\n transform: translate3d(0, 0, 0);\n }\n`;\n",null,"export * from \"./slideOutDown\";\nexport * from \"./slideOutLeft\";\nexport * from \"./slideOutRight\";\nexport * from \"./slideOutUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutDown.css}\n */\nexport const slideOutDown = keyframes`\n from {\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate3d(0, 100%, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutLeft.css}\n */\nexport const slideOutLeft = keyframes`\n from {\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate3d(-100%, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutRight.css}\n */\nexport const slideOutRight = keyframes`\n from {\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate3d(100%, 0, 0);\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/sliding_exits/slideOutUp.css}\n */\nexport const slideOutUp = keyframes`\n from {\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n transform: translate3d(0, -100%, 0);\n }\n`;\n",null,"import { useMemo } from \"react\";\n\nimport {\n zoomIn,\n zoomInDown,\n zoomInLeft,\n zoomInRight,\n zoomInUp,\n} from \"../animations/zooming_entrances\";\nimport {\n zoomOut,\n zoomOutDown,\n zoomOutLeft,\n zoomOutRight,\n zoomOutUp,\n} from \"../animations/zooming_exits\";\nimport type { RevealProps } from \"../Reveal\";\nimport { Reveal } from \"../Reveal\";\n\ntype ZoomDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\nexport interface ZoomProps extends Omit<RevealProps, \"keyframes\" | \"css\"> {\n /**\n * Origin of the animation.\n * @default undefined\n */\n direction?: ZoomDirection;\n /**\n * Specifies if the animation should make element(s) disappear.\n * @default false\n */\n reverse?: boolean;\n}\n\nfunction getStyles(reverse: boolean, direction?: ZoomDirection) {\n switch (direction) {\n case \"down\":\n return reverse ? zoomOutDown : zoomInDown;\n case \"left\":\n return reverse ? zoomOutLeft : zoomInLeft;\n case \"right\":\n return reverse ? zoomOutRight : zoomInRight;\n case \"up\":\n return reverse ? zoomOutUp : zoomInUp;\n default:\n return reverse ? zoomOut : zoomIn;\n }\n}\n\nexport const Zoom: React.FC<ZoomProps> = (props) => {\n const { direction, reverse = false, ...rest } = props;\n\n const keyframes = useMemo(\n () => getStyles(reverse, direction),\n [direction, reverse]\n );\n\n return <Reveal keyframes={keyframes} {...rest} />;\n};\n",null,"export * from \"./zoomIn\";\nexport * from \"./zoomInDown\";\nexport * from \"./zoomInLeft\";\nexport * from \"./zoomInRight\";\nexport * from \"./zoomInUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomIn.css}\n */\nexport const zoomIn = keyframes`\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 50% {\n opacity: 1;\n }\n`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInDown.css}\n */\nexport const zoomInDown = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInLeft.css}\n */\nexport const zoomInLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInRight.css}\n */\nexport const zoomInRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_entrances/zoomInUp.css}\n */\nexport const zoomInUp = keyframes`\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`;\n",null,"export * from \"./zoomOut\";\nexport * from \"./zoomOutDown\";\nexport * from \"./zoomOutLeft\";\nexport * from \"./zoomOutRight\";\nexport * from \"./zoomOutUp\";\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOut.css}\n */\nexport const zoomOut = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutDown.css}\n */\nexport const zoomOutDown = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutLeft.css}\n */\nexport const zoomOutLeft = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutRight.css}\n */\nexport const zoomOutRight = keyframes`\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`;\n",null,"import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/zooming_exits/zoomOutUp.css}\n */\nexport const zoomOutUp = keyframes`\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`;\n",null],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts ADDED Viewed

@@ -0,0 +1,185 @@
+import { Interpolation, Theme } from "@emotion/react";
+import { Keyframes } from "@emotion/serialize";
+export interface RevealProps {
+    /**
+     * Stagger its children animations.
+     * @default false
+     */
+    cascade?: boolean;
+    /**
+     * Factor that affects the delay that each animated element in a cascade animation will be assigned.
+     * @default 0.5
+     */
+    damping?: number;
+    /**
+     * Initial delay, in milliseconds.
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * Animation duration, in milliseconds.
+     * @default 1000
+     */
+    duration?: number;
+    /**
+     * Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.
+     * @default 0
+     */
+    fraction?: number;
+    /**
+     * Custom Emotion animation keyframes.
+     */
+    keyframes?: Keyframes;
+    /**
+     * Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.
+     * @default false
+     */
+    triggerOnce?: boolean;
+    /**
+     * Custom Emotion styles.
+     */
+    css?: Interpolation<Theme>;
+    /**
+     * Class names to add to the container element.
+     */
+    className?: string;
+    /**
+     * Inline styles to add to the container element.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Class names to add to the child element.
+     */
+    childClassName?: string;
+    /**
+     * Inline styles to add to the child element.
+     */
+    childStyle?: React.CSSProperties;
+    /**
+     * From React 18, children must be explicitly typed.
+     * @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions
+     */
+    children?: React.ReactNode;
+    /**
+     * Callback executed when the element enters or leaves the viewport.
+     * If more than one element is being animated, this function is called
+     * on each element.
+     *
+     * @param inView The current visibility flag.
+     * @param entry The current IntersectionObserverEntry.
+     */
+    onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;
+}
+export const Reveal: React.FC<RevealProps>;
+type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
+export interface AttentionSeekerProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * The animation effect to use for this attention seeker.
+     * @default "bounce"
+     */
+    effect?: AttentionSeekerEffect;
+}
+export const AttentionSeeker: React.FC<AttentionSeekerProps>;
+type BounceDirection = "down" | "left" | "right" | "up";
+export interface BounceProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Origin of the animation.
+     * @default undefined
+     */
+    direction?: BounceDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Bounce: React.FC<BounceProps>;
+type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
+export interface FadeProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Causes the animation to start farther. Only works with "down", "left", "right" and "up" directions.
+     * @default false
+     */
+    big?: boolean;
+    /**
+     * Origin of the animation.
+     * @default undefined
+     */
+    direction?: FadeDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Fade: React.FC<FadeProps>;
+type FlipDirection = "horizontal" | "vertical";
+export interface FlipProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Axis direction of the animation.
+     * @default undefined
+     */
+    direction?: FlipDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear. It only has effect if a direction is specified.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Flip: React.FC<FlipProps>;
+export type HingeProps = Omit<RevealProps, "keyframes" | "css">;
+export const Hinge: React.FC<HingeProps>;
+export type JackInTheBoxProps = Omit<RevealProps, "keyframes" | "css">;
+export const JackInTheBox: React.FC<JackInTheBoxProps>;
+export interface RollProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Roll: React.FC<RollProps>;
+type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
+export interface RotateProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Origin of the animation.
+     * @default undefined
+     */
+    direction?: RotateDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Rotate: React.FC<RotateProps>;
+type SlideDirection = "down" | "left" | "right" | "up";
+export interface SlideProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Origin of the animation.
+     * @default undefined
+     */
+    direction?: SlideDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Slide: React.FC<SlideProps>;
+type ZoomDirection = "down" | "left" | "right" | "up";
+export interface ZoomProps extends Omit<RevealProps, "keyframes" | "css"> {
+    /**
+     * Origin of the animation.
+     * @default undefined
+     */
+    direction?: ZoomDirection;
+    /**
+     * Specifies if the animation should make element(s) disappear.
+     * @default false
+     */
+    reverse?: boolean;
+}
+export const Zoom: React.FC<ZoomProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"mappings":"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","sources":["packages/lib/src/src/animations/attention_seekers/bounce.ts","packages/lib/src/src/animations/attention_seekers/flash.ts","packages/lib/src/src/animations/attention_seekers/headShake.ts","packages/lib/src/src/animations/attention_seekers/heartBeat.ts","packages/lib/src/src/animations/attention_seekers/jello.ts","packages/lib/src/src/animations/attention_seekers/pulse.ts","packages/lib/src/src/animations/attention_seekers/rubberBand.ts","packages/lib/src/src/animations/attention_seekers/shake.ts","packages/lib/src/src/animations/attention_seekers/shakeX.ts","packages/lib/src/src/animations/attention_seekers/shakeY.ts","packages/lib/src/src/animations/attention_seekers/swing.ts","packages/lib/src/src/animations/attention_seekers/tada.ts","packages/lib/src/src/animations/attention_seekers/wobble.ts","packages/lib/src/src/animations/attention_seekers/index.ts","packages/lib/src/src/animations/fading_entrances/fadeIn.ts","packages/lib/src/src/animations/fading_entrances/fadeInBottomLeft.ts","packages/lib/src/src/animations/fading_entrances/fadeInBottomRight.ts","packages/lib/src/src/animations/fading_entrances/fadeInDown.ts","packages/lib/src/src/animations/fading_entrances/fadeInDownBig.ts","packages/lib/src/src/animations/fading_entrances/fadeInLeft.ts","packages/lib/src/src/animations/fading_entrances/fadeInLeftBig.ts","packages/lib/src/src/animations/fading_entrances/fadeInRight.ts","packages/lib/src/src/animations/fading_entrances/fadeInRightBig.ts","packages/lib/src/src/animations/fading_entrances/fadeInTopLeft.ts","packages/lib/src/src/animations/fading_entrances/fadeInTopRight.ts","packages/lib/src/src/animations/fading_entrances/fadeInUp.ts","packages/lib/src/src/animations/fading_entrances/fadeInUpBig.ts","packages/lib/src/src/animations/fading_entrances/index.ts","packages/lib/src/src/utils/animations.ts","packages/lib/src/src/utils/js-types.ts","packages/lib/src/src/Reveal.tsx","packages/lib/src/src/components/AttentionSeeker.tsx","packages/lib/src/src/animations/bouncing_entrances/bounceIn.ts","packages/lib/src/src/animations/bouncing_entrances/bounceInDown.ts","packages/lib/src/src/animations/bouncing_entrances/bounceInLeft.ts","packages/lib/src/src/animations/bouncing_entrances/bounceInRight.ts","packages/lib/src/src/animations/bouncing_entrances/bounceInUp.ts","packages/lib/src/src/animations/bouncing_entrances/index.ts","packages/lib/src/src/animations/bouncing_exits/bounceOut.ts","packages/lib/src/src/animations/bouncing_exits/bounceOutDown.ts","packages/lib/src/src/animations/bouncing_exits/bounceOutLeft.ts","packages/lib/src/src/animations/bouncing_exits/bounceOutRight.ts","packages/lib/src/src/animations/bouncing_exits/bounceOutUp.ts","packages/lib/src/src/animations/bouncing_exits/index.ts","packages/lib/src/src/components/Bounce.tsx","packages/lib/src/src/animations/fading_exits/fadeOut.ts","packages/lib/src/src/animations/fading_exits/fadeOutBottomLeft.ts","packages/lib/src/src/animations/fading_exits/fadeOutBottomRight.ts","packages/lib/src/src/animations/fading_exits/fadeOutDown.ts","packages/lib/src/src/animations/fading_exits/fadeOutDownBig.ts","packages/lib/src/src/animations/fading_exits/fadeOutLeft.ts","packages/lib/src/src/animations/fading_exits/fadeOutLeftBig.ts","packages/lib/src/src/animations/fading_exits/fadeOutRight.ts","packages/lib/src/src/animations/fading_exits/fadeOutRightBig.ts","packages/lib/src/src/animations/fading_exits/fadeOutTopLeft.ts","packages/lib/src/src/animations/fading_exits/fadeOutTopRight.ts","packages/lib/src/src/animations/fading_exits/fadeOutUp.ts","packages/lib/src/src/animations/fading_exits/fadeOutUpBig.ts","packages/lib/src/src/animations/fading_exits/index.ts","packages/lib/src/src/components/Fade.tsx","packages/lib/src/src/animations/flippers/flip.ts","packages/lib/src/src/animations/flippers/flipInX.ts","packages/lib/src/src/animations/flippers/flipInY.ts","packages/lib/src/src/animations/flippers/flipOutX.ts","packages/lib/src/src/animations/flippers/flipOutY.ts","packages/lib/src/src/animations/flippers/index.ts","packages/lib/src/src/components/Flip.tsx","packages/lib/src/src/animations/specials/hinge.ts","packages/lib/src/src/animations/specials/jackInTheBox.ts","packages/lib/src/src/animations/specials/rollIn.ts","packages/lib/src/src/animations/specials/rollOut.ts","packages/lib/src/src/animations/specials/index.ts","packages/lib/src/src/components/Hinge.tsx","packages/lib/src/src/components/JackInTheBox.tsx","packages/lib/src/src/components/Roll.tsx","packages/lib/src/src/animations/rotating_entrances/rotateIn.ts","packages/lib/src/src/animations/rotating_entrances/rotateInDownLeft.ts","packages/lib/src/src/animations/rotating_entrances/rotateInDownRight.ts","packages/lib/src/src/animations/rotating_entrances/rotateInUpLeft.ts","packages/lib/src/src/animations/rotating_entrances/rotateInUpRight.ts","packages/lib/src/src/animations/rotating_entrances/index.ts","packages/lib/src/src/animations/rotating_exits/rotateOut.ts","packages/lib/src/src/animations/rotating_exits/rotateOutDownLeft.ts","packages/lib/src/src/animations/rotating_exits/rotateOutDownRight.ts","packages/lib/src/src/animations/rotating_exits/rotateOutUpLeft.ts","packages/lib/src/src/animations/rotating_exits/rotateOutUpRight.ts","packages/lib/src/src/animations/rotating_exits/index.ts","packages/lib/src/src/components/Rotate.tsx","packages/lib/src/src/animations/sliding_entrances/slideInDown.ts","packages/lib/src/src/animations/sliding_entrances/slideInLeft.ts","packages/lib/src/src/animations/sliding_entrances/slideInRight.ts","packages/lib/src/src/animations/sliding_entrances/slideInUp.ts","packages/lib/src/src/animations/sliding_entrances/index.ts","packages/lib/src/src/animations/sliding_exits/slideOutDown.ts","packages/lib/src/src/animations/sliding_exits/slideOutLeft.ts","packages/lib/src/src/animations/sliding_exits/slideOutRight.ts","packages/lib/src/src/animations/sliding_exits/slideOutUp.ts","packages/lib/src/src/animations/sliding_exits/index.ts","packages/lib/src/src/components/Slide.tsx","packages/lib/src/src/animations/zooming_entrances/zoomIn.ts","packages/lib/src/src/animations/zooming_entrances/zoomInDown.ts","packages/lib/src/src/animations/zooming_entrances/zoomInLeft.ts","packages/lib/src/src/animations/zooming_entrances/zoomInRight.ts","packages/lib/src/src/animations/zooming_entrances/zoomInUp.ts","packages/lib/src/src/animations/zooming_entrances/index.ts","packages/lib/src/src/animations/zooming_exits/zoomOut.ts","packages/lib/src/src/animations/zooming_exits/zoomOutDown.ts","packages/lib/src/src/animations/zooming_exits/zoomOutLeft.ts","packages/lib/src/src/animations/zooming_exits/zoomOutRight.ts","packages/lib/src/src/animations/zooming_exits/zoomOutUp.ts","packages/lib/src/src/animations/zooming_exits/index.ts","packages/lib/src/src/components/Zoom.tsx","packages/lib/src/src/components/index.ts","packages/lib/src/src/index.ts","packages/lib/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"export * from \"./components\";\nexport * from \"./Reveal\";\nexport { Reveal as default } from \"./Reveal\";\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json CHANGED Viewed

@@ -1,13 +1,37 @@
 {
   "name": "react-awesome-reveal",
   "description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
-  "version": "3.7.2",
+  "version": "4.0.0-beta.1",
   "license": "MIT",
+  "source": "src/index.ts",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/types.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/module.js",
+      "require": "./dist/main.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
   "author": {
     "name": "Dennis Morello",
-    "email": "dennismorello@gmail.com",
+    "email": "dennis@morello.dev",
     "url": "https://morello.dev"
   },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/morellodev"
+    },
+    {
+      "type": "opencollective",
+      "url": "https://opencollective.com/react-awesome-reveal"
+    }
+  ],
   "homepage": "https://react-awesome-reveal.morello.dev",
   "keywords": [
     "react",
@@ -28,70 +52,27 @@
   "bugs": {
     "url": "https://github.com/morellodev/react-awesome-reveal/issues"
   },
-  "main": "dist/index.js",
-  "module": "dist/react-awesome-reveal.esm.js",
-  "typings": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint src",
-    "prepare": "tsdx build",
-    "size": "size-limit",
-    "analyze": "size-limit --why",
-    "release": "semantic-release"
-  },
   "peerDependencies": {
+    "@emotion/react": "^11.0.0",
     "react": ">=16.14.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
-  "size-limit": [
-    {
-      "path": "dist/react-awesome-reveal.cjs.production.min.js",
-      "limit": "15 KB"
-    },
-    {
-      "path": "dist/react-awesome-reveal.esm.js",
-      "limit": "15 KB"
-    }
-  ],
   "devDependencies": {
-    "@babel/core": "^7.14.3",
-    "@babel/preset-react": "^7.13.13",
-    "@emotion/eslint-plugin": "^11.2.0",
-    "@semantic-release/git": "^9.0.0",
-    "@semantic-release/github": "^7.2.3",
-    "@semantic-release/npm": "^7.1.3",
-    "@size-limit/preset-small-lib": "^4.11.0",
-    "@types/jest": "^26.0.23",
-    "@types/react": "^17.0.9",
-    "@types/react-dom": "^17.0.6",
-    "@types/react-is": "^16.7.1",
-    "husky": "^4.3.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "semantic-release": "^17.4.3",
-    "size-limit": "^4.11.0",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.2.0",
-    "typescript": "^4.3.2"
+    "@emotion/react": "^11.9.0",
+    "@parcel/packager-ts": "^2.5.0",
+    "@parcel/transformer-typescript-tsc": "^2.5.0",
+    "@parcel/transformer-typescript-types": "^2.5.0",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.3",
+    "@types/react-is": "^17.0.3",
+    "parcel": "^2.5.0",
+    "react": "^18.1.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.4.0",
-    "react-intersection-observer": "^8.32.0",
-    "react-is": "^17.0.2"
+    "react-intersection-observer": "^9.1.0",
+    "react-is": "^18.1.0"
   },
-  "resolutions": {
-    "**/@typescript-eslint/eslint-plugin": "^4.26.0",
-    "**/@typescript-eslint/parser": "^4.26.0",
-    "**/typescript": "^4.3.2"
+  "scripts": {
+    "start": "parcel watch",
+    "build": "tsc --noEmit && parcel build"
   }
-}
+}