react-awesome-reveal 3.7.1 → 4.0.0-beta.0
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.
- package/dist/main.js +2336 -0
- package/dist/main.js.map +1 -0
- package/dist/module.js +2303 -0
- package/dist/module.js.map +1 -0
- package/dist/types.d.ts +185 -0
- package/dist/types.d.ts.map +1 -0
- package/package.json +31 -59
- package/README.md +0 -227
- package/dist/Reveal.d.ts +0 -70
- package/dist/animations/attention_seekers/bounce.d.ts +0 -5
- package/dist/animations/attention_seekers/flash.d.ts +0 -5
- package/dist/animations/attention_seekers/headShake.d.ts +0 -5
- package/dist/animations/attention_seekers/heartBeat.d.ts +0 -5
- package/dist/animations/attention_seekers/index.d.ts +0 -13
- package/dist/animations/attention_seekers/jello.d.ts +0 -5
- package/dist/animations/attention_seekers/pulse.d.ts +0 -5
- package/dist/animations/attention_seekers/rubberBand.d.ts +0 -5
- package/dist/animations/attention_seekers/shake.d.ts +0 -5
- package/dist/animations/attention_seekers/shakeX.d.ts +0 -5
- package/dist/animations/attention_seekers/shakeY.d.ts +0 -5
- package/dist/animations/attention_seekers/swing.d.ts +0 -5
- package/dist/animations/attention_seekers/tada.d.ts +0 -5
- package/dist/animations/attention_seekers/wobble.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceIn.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInDown.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInLeft.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInRight.d.ts +0 -5
- package/dist/animations/bouncing_entrances/bounceInUp.d.ts +0 -5
- package/dist/animations/bouncing_entrances/index.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOut.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutDown.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutLeft.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutRight.d.ts +0 -5
- package/dist/animations/bouncing_exits/bounceOutUp.d.ts +0 -5
- package/dist/animations/bouncing_exits/index.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeIn.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInBottomLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInBottomRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInDown.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInDownBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInLeftBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInRightBig.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInTopLeft.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInTopRight.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInUp.d.ts +0 -5
- package/dist/animations/fading_entrances/fadeInUpBig.d.ts +0 -5
- package/dist/animations/fading_entrances/index.d.ts +0 -13
- package/dist/animations/fading_exits/fadeOut.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutBottomLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutBottomRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutDown.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutDownBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutLeftBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutRightBig.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutTopLeft.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutTopRight.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutUp.d.ts +0 -5
- package/dist/animations/fading_exits/fadeOutUpBig.d.ts +0 -5
- package/dist/animations/fading_exits/index.d.ts +0 -13
- package/dist/animations/flippers/flip.d.ts +0 -5
- package/dist/animations/flippers/flipInX.d.ts +0 -5
- package/dist/animations/flippers/flipInY.d.ts +0 -5
- package/dist/animations/flippers/flipOutX.d.ts +0 -5
- package/dist/animations/flippers/flipOutY.d.ts +0 -5
- package/dist/animations/flippers/index.d.ts +0 -5
- package/dist/animations/rotating_entrances/index.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateIn.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInDownLeft.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInDownRight.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInUpLeft.d.ts +0 -5
- package/dist/animations/rotating_entrances/rotateInUpRight.d.ts +0 -5
- package/dist/animations/rotating_exits/index.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOut.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutDownLeft.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutDownRight.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutUpLeft.d.ts +0 -5
- package/dist/animations/rotating_exits/rotateOutUpRight.d.ts +0 -5
- package/dist/animations/sliding_entrances/index.d.ts +0 -4
- package/dist/animations/sliding_entrances/slideInDown.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInLeft.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInRight.d.ts +0 -5
- package/dist/animations/sliding_entrances/slideInUp.d.ts +0 -5
- package/dist/animations/sliding_exits/index.d.ts +0 -4
- package/dist/animations/sliding_exits/slideOutDown.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutLeft.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutRight.d.ts +0 -5
- package/dist/animations/sliding_exits/slideOutUp.d.ts +0 -5
- package/dist/animations/specials/hinge.d.ts +0 -5
- package/dist/animations/specials/index.d.ts +0 -4
- package/dist/animations/specials/jackInTheBox.d.ts +0 -5
- package/dist/animations/specials/rollIn.d.ts +0 -5
- package/dist/animations/specials/rollOut.d.ts +0 -5
- package/dist/animations/zooming_entrances/index.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomIn.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInDown.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInLeft.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInRight.d.ts +0 -5
- package/dist/animations/zooming_entrances/zoomInUp.d.ts +0 -5
- package/dist/animations/zooming_exits/index.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOut.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutDown.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutLeft.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutRight.d.ts +0 -5
- package/dist/animations/zooming_exits/zoomOutUp.d.ts +0 -5
- package/dist/components/AttentionSeeker.d.ts +0 -12
- package/dist/components/Bounce.d.ts +0 -17
- package/dist/components/Fade.d.ts +0 -22
- package/dist/components/Flip.d.ts +0 -17
- package/dist/components/Hinge.d.ts +0 -5
- package/dist/components/JackInTheBox.d.ts +0 -5
- package/dist/components/Roll.d.ts +0 -11
- package/dist/components/Rotate.d.ts +0 -17
- package/dist/components/Slide.d.ts +0 -17
- package/dist/components/Zoom.d.ts +0 -17
- package/dist/index.d.ts +0 -12
- package/dist/index.js +0 -8
- package/dist/react-awesome-reveal.cjs.development.js +0 -1186
- package/dist/react-awesome-reveal.cjs.development.js.map +0 -1
- package/dist/react-awesome-reveal.cjs.production.min.js +0 -2
- package/dist/react-awesome-reveal.cjs.production.min.js.map +0 -1
- package/dist/react-awesome-reveal.esm.js +0 -1173
- package/dist/react-awesome-reveal.esm.js.map +0 -1
- package/dist/utils/animations.d.ts +0 -7
- package/dist/utils/js-types.d.ts +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":"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","sources":["packages/lib/src/index.ts","packages/lib/src/components/AttentionSeeker.tsx","packages/lib/src/animations/attention_seekers/index.ts","packages/lib/src/animations/attention_seekers/bounce.ts","packages/lib/src/animations/attention_seekers/flash.ts","packages/lib/src/animations/attention_seekers/headShake.ts","packages/lib/src/animations/attention_seekers/heartBeat.ts","packages/lib/src/animations/attention_seekers/jello.ts","packages/lib/src/animations/attention_seekers/pulse.ts","packages/lib/src/animations/attention_seekers/rubberBand.ts","packages/lib/src/animations/attention_seekers/shake.ts","packages/lib/src/animations/attention_seekers/shakeX.ts","packages/lib/src/animations/attention_seekers/shakeY.ts","packages/lib/src/animations/attention_seekers/swing.ts","packages/lib/src/animations/attention_seekers/tada.ts","packages/lib/src/animations/attention_seekers/wobble.ts","packages/lib/src/Reveal.tsx","packages/lib/src/animations/fading_entrances/fadeInLeft.ts","packages/lib/src/utils/animations.ts","packages/lib/src/utils/js-types.ts","packages/lib/src/components/Bounce.tsx","packages/lib/src/animations/bouncing_entrances/index.ts","packages/lib/src/animations/bouncing_entrances/bounceIn.ts","packages/lib/src/animations/bouncing_entrances/bounceInDown.ts","packages/lib/src/animations/bouncing_entrances/bounceInLeft.ts","packages/lib/src/animations/bouncing_entrances/bounceInRight.ts","packages/lib/src/animations/bouncing_entrances/bounceInUp.ts","packages/lib/src/animations/bouncing_exits/index.ts","packages/lib/src/animations/bouncing_exits/bounceOut.ts","packages/lib/src/animations/bouncing_exits/bounceOutDown.ts","packages/lib/src/animations/bouncing_exits/bounceOutLeft.ts","packages/lib/src/animations/bouncing_exits/bounceOutRight.ts","packages/lib/src/animations/bouncing_exits/bounceOutUp.ts","packages/lib/src/components/Fade.tsx","packages/lib/src/animations/fading_entrances/index.ts","packages/lib/src/animations/fading_entrances/fadeIn.ts","packages/lib/src/animations/fading_entrances/fadeInBottomLeft.ts","packages/lib/src/animations/fading_entrances/fadeInBottomRight.ts","packages/lib/src/animations/fading_entrances/fadeInDown.ts","packages/lib/src/animations/fading_entrances/fadeInDownBig.ts","packages/lib/src/animations/fading_entrances/fadeInLeftBig.ts","packages/lib/src/animations/fading_entrances/fadeInRight.ts","packages/lib/src/animations/fading_entrances/fadeInRightBig.ts","packages/lib/src/animations/fading_entrances/fadeInTopLeft.ts","packages/lib/src/animations/fading_entrances/fadeInTopRight.ts","packages/lib/src/animations/fading_entrances/fadeInUp.ts","packages/lib/src/animations/fading_entrances/fadeInUpBig.ts","packages/lib/src/animations/fading_exits/index.ts","packages/lib/src/animations/fading_exits/fadeOut.ts","packages/lib/src/animations/fading_exits/fadeOutBottomLeft.ts","packages/lib/src/animations/fading_exits/fadeOutBottomRight.ts","packages/lib/src/animations/fading_exits/fadeOutDown.ts","packages/lib/src/animations/fading_exits/fadeOutDownBig.ts","packages/lib/src/animations/fading_exits/fadeOutLeft.ts","packages/lib/src/animations/fading_exits/fadeOutLeftBig.ts","packages/lib/src/animations/fading_exits/fadeOutRight.ts","packages/lib/src/animations/fading_exits/fadeOutRightBig.ts","packages/lib/src/animations/fading_exits/fadeOutTopLeft.ts","packages/lib/src/animations/fading_exits/fadeOutTopRight.ts","packages/lib/src/animations/fading_exits/fadeOutUp.ts","packages/lib/src/animations/fading_exits/fadeOutUpBig.ts","packages/lib/src/components/Flip.tsx","packages/lib/src/animations/flippers/index.ts","packages/lib/src/animations/flippers/flip.ts","packages/lib/src/animations/flippers/flipInX.ts","packages/lib/src/animations/flippers/flipInY.ts","packages/lib/src/animations/flippers/flipOutX.ts","packages/lib/src/animations/flippers/flipOutY.ts","packages/lib/src/components/Hinge.tsx","packages/lib/src/animations/specials/index.ts","packages/lib/src/animations/specials/hinge.ts","packages/lib/src/animations/specials/jackInTheBox.ts","packages/lib/src/animations/specials/rollIn.ts","packages/lib/src/animations/specials/rollOut.ts","packages/lib/src/components/JackInTheBox.tsx","packages/lib/src/components/Roll.tsx","packages/lib/src/components/Rotate.tsx","packages/lib/src/animations/rotating_entrances/index.ts","packages/lib/src/animations/rotating_entrances/rotateIn.ts","packages/lib/src/animations/rotating_entrances/rotateInDownLeft.ts","packages/lib/src/animations/rotating_entrances/rotateInDownRight.ts","packages/lib/src/animations/rotating_entrances/rotateInUpLeft.ts","packages/lib/src/animations/rotating_entrances/rotateInUpRight.ts","packages/lib/src/animations/rotating_exits/index.ts","packages/lib/src/animations/rotating_exits/rotateOut.ts","packages/lib/src/animations/rotating_exits/rotateOutDownLeft.ts","packages/lib/src/animations/rotating_exits/rotateOutDownRight.ts","packages/lib/src/animations/rotating_exits/rotateOutUpLeft.ts","packages/lib/src/animations/rotating_exits/rotateOutUpRight.ts","packages/lib/src/components/Slide.tsx","packages/lib/src/animations/sliding_entrances/index.ts","packages/lib/src/animations/sliding_entrances/slideInDown.ts","packages/lib/src/animations/sliding_entrances/slideInLeft.ts","packages/lib/src/animations/sliding_entrances/slideInRight.ts","packages/lib/src/animations/sliding_entrances/slideInUp.ts","packages/lib/src/animations/sliding_exits/index.ts","packages/lib/src/animations/sliding_exits/slideOutDown.ts","packages/lib/src/animations/sliding_exits/slideOutLeft.ts","packages/lib/src/animations/sliding_exits/slideOutRight.ts","packages/lib/src/animations/sliding_exits/slideOutUp.ts","packages/lib/src/components/Zoom.tsx","packages/lib/src/animations/zooming_entrances/index.ts","packages/lib/src/animations/zooming_entrances/zoomIn.ts","packages/lib/src/animations/zooming_entrances/zoomInDown.ts","packages/lib/src/animations/zooming_entrances/zoomInLeft.ts","packages/lib/src/animations/zooming_entrances/zoomInRight.ts","packages/lib/src/animations/zooming_entrances/zoomInUp.ts","packages/lib/src/animations/zooming_exits/index.ts","packages/lib/src/animations/zooming_exits/zoomOut.ts","packages/lib/src/animations/zooming_exits/zoomOutDown.ts","packages/lib/src/animations/zooming_exits/zoomOutLeft.ts","packages/lib/src/animations/zooming_exits/zoomOutRight.ts","packages/lib/src/animations/zooming_exits/zoomOutUp.ts"],"sourcesContent":["export * from \"./components/AttentionSeeker\";\nexport * from \"./components/Bounce\";\nexport * from \"./components/Fade\";\nexport * from \"./components/Flip\";\nexport * from \"./components/Hinge\";\nexport * from \"./components/JackInTheBox\";\nexport * from \"./components/Roll\";\nexport * from \"./components/Rotate\";\nexport * from \"./components/Slide\";\nexport * from \"./components/Zoom\";\nexport * from \"./Reveal\";\nexport { Reveal as default } from \"./Reveal\";\n","import type { Interpolation, Theme } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\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 getAttentionSeekerKeyframesAndCss(\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> = ({\n effect = \"bounce\",\n ...otherProps\n}) => {\n const [keyframes, animationCss] = getAttentionSeekerKeyframesAndCss(effect);\n\n return <Reveal keyframes={keyframes} css={animationCss} {...otherProps} />;\n};\n","export { default as bounce } from \"./bounce\";\nexport { default as flash } from \"./flash\";\nexport { default as headShake } from \"./headShake\";\nexport { default as heartBeat } from \"./heartBeat\";\nexport { default as jello } from \"./jello\";\nexport { default as pulse } from \"./pulse\";\nexport { default as rubberBand } from \"./rubberBand\";\nexport { default as shake } from \"./shake\";\nexport { default as shakeX } from \"./shakeX\";\nexport { default as shakeY } from \"./shakeY\";\nexport { default as swing } from \"./swing\";\nexport { default as tada } from \"./tada\";\nexport { default as wobble } 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 */\nconst 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\nexport default bounce;\n","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 */\nconst flash = keyframes`\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n`;\n\nexport default flash;\n","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 */\nconst 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\nexport default headShake;\n","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 */\nconst 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\nexport default heartBeat;\n","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 */\nconst 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\nexport default jello;\n","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 */\nconst 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\nexport default pulse;\n","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 */\nconst 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\nexport default rubberBand;\n","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 */\nconst 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\nexport default shake;\n","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 */\nconst 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\nexport default shakeX;\n","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 */\nconst 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\nexport default shakeY;\n","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 */\nconst 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\nexport default swing;\n","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 */\nconst 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\nexport default tada;\n","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 */\nconst 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\nexport default wobble;\n","import type { Interpolation, Theme } from \"@emotion/react\";\nimport { ClassNames, css, jsx } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\nimport { Children } from \"react\";\nimport { InView } from \"react-intersection-observer\";\nimport { isFragment } from \"react-is\";\n\nimport fadeInLeft from \"./animations/fading_entrances/fadeInLeft\";\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 whiteSpace: \"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> = ({\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}) => {\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 css={[revealCss, textBaseCss]}\n className={className}\n style={style}\n >\n {stringifiedChildren.split(\"\").map((char, index) =>\n jsx(\n \"span\",\n {\n key: index,\n className,\n css: inView\n ? getAnimationCss({\n keyframes,\n delay: delay + index * duration * damping,\n duration,\n })\n : hiddenCss,\n },\n char\n )\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 jsx(\n \"div\",\n {\n ref,\n className,\n css: inView\n ? [revealCss, getAnimationCss({ keyframes, delay, duration })]\n : hiddenCss,\n style,\n },\n children\n )\n }\n </InView>\n );\n }\n\n return (\n <>\n {Children.map(children, (node, index) => {\n const nodeElement = node as React.ReactElement;\n const nodeCss: Interpolation<Theme>[] = nodeElement.props.css\n ? [nodeElement.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 (nodeElement.type) {\n case \"ol\":\n case \"ul\":\n return (\n <ClassNames>\n {({ cx }) =>\n jsx(\n nodeElement.type,\n {\n ...nodeElement.props,\n className: cx(className, nodeElement.props.className),\n style: { ...style, ...nodeElement.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 {nodeElement.props.children}\n </Reveal>\n )\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 jsx(nodeElement.type, {\n ...nodeElement.props,\n ref,\n css: inView ? [revealCss, ...nodeCss] : hiddenCss,\n className: cx(\n childClassName,\n nodeElement.props.className\n ),\n style: { ...childStyle, ...nodeElement.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 jsx(\n \"div\",\n {\n ref,\n className,\n css: inView ? [revealCss, ...nodeCss] : hiddenCss,\n style,\n },\n <ClassNames>\n {({ cx }) =>\n jsx(nodeElement.type, {\n ...nodeElement.props,\n className: cx(\n childClassName,\n nodeElement.props.className\n ),\n style: { ...childStyle, ...nodeElement.props.style },\n })\n }\n </ClassNames>\n )\n }\n </InView>\n );\n }\n })}\n </>\n );\n};\n","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 */\nconst 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\nexport default fadeInLeft;\n","import { css } from \"@emotion/react\";\n\nimport fadeInLeft from \"../animations/fading_entrances/fadeInLeft\";\n\nexport function getAnimationCss({\n duration = 1000,\n delay = 0,\n timingFunction = \"ease\",\n keyframes = fadeInLeft,\n iterationCount = 1,\n}) {\n return css({\n animationDuration: `${duration}ms`,\n animationTimingFunction: timingFunction,\n animationDelay: `${delay}ms`,\n animationName: keyframes,\n animationDirection: \"normal\",\n animationFillMode: \"both\",\n animationIterationCount: iterationCount,\n });\n}\n","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","import {\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 getBounceKeyframes(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> = ({\n direction,\n reverse = false,\n ...otherProps\n}) => {\n return (\n <Reveal\n keyframes={getBounceKeyframes(reverse, direction)}\n {...otherProps}\n />\n );\n};\n","export { default as bounceIn } from \"./bounceIn\";\nexport { default as bounceInDown } from \"./bounceInDown\";\nexport { default as bounceInLeft } from \"./bounceInLeft\";\nexport { default as bounceInRight } from \"./bounceInRight\";\nexport { default as bounceInUp } 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 */\nconst 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\nexport default bounceIn;\n","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 */\nconst 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\nexport default bounceInDown;\n","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 */\nconst 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\nexport default bounceInLeft;\n","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 */\nconst 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\nexport default bounceInRight;\n","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 */\nconst 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\nexport default bounceInUp;\n","export { default as bounceOut } from \"./bounceOut\";\nexport { default as bounceOutDown } from \"./bounceOutDown\";\nexport { default as bounceOutLeft } from \"./bounceOutLeft\";\nexport { default as bounceOutRight } from \"./bounceOutRight\";\nexport { default as bounceOutUp } 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 */\nconst 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\nexport default bounceOut;\n","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 */\nconst 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\nexport default bounceOutDown;\n","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 */\nconst 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\nexport default bounceOutLeft;\n","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 */\nconst 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\nexport default bounceOutRight;\n","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 */\nconst 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\nexport default bounceOutUp;\n","import {\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 getFadeKeyframes(\n big: boolean,\n reverse: boolean,\n direction?: FadeDirection\n) {\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> = ({\n big = false,\n direction,\n reverse = false,\n ...otherProps\n}) => {\n return (\n <Reveal\n keyframes={getFadeKeyframes(big, reverse, direction)}\n {...otherProps}\n />\n );\n};\n","export { default as fadeIn } from \"./fadeIn\";\nexport { default as fadeInBottomLeft } from \"./fadeInBottomLeft\";\nexport { default as fadeInBottomRight } from \"./fadeInBottomRight\";\nexport { default as fadeInDown } from \"./fadeInDown\";\nexport { default as fadeInDownBig } from \"./fadeInDownBig\";\nexport { default as fadeInLeft } from \"./fadeInLeft\";\nexport { default as fadeInLeftBig } from \"./fadeInLeftBig\";\nexport { default as fadeInRight } from \"./fadeInRight\";\nexport { default as fadeInRightBig } from \"./fadeInRightBig\";\nexport { default as fadeInTopLeft } from \"./fadeInTopLeft\";\nexport { default as fadeInTopRight } from \"./fadeInTopRight\";\nexport { default as fadeInUp } from \"./fadeInUp\";\nexport { default as fadeInUpBig } 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 */\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n`;\n\nexport default fadeIn;\n","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 */\nconst 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\nexport default fadeInBottomLeft;\n","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 */\nconst 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\nexport default fadeInBottomRight;\n","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 */\nconst 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\nexport default fadeInDown;\n","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 */\nconst 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\nexport default fadeInDownBig;\n","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 */\nconst 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\nexport default fadeInLeftBig;\n","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 */\nconst 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\nexport default fadeInRight;\n","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 */\nconst 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\nexport default fadeInRightBig;\n","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 */\nconst 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\nexport default fadeInTopLeft;\n","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 */\nconst 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\nexport default fadeInTopRight;\n","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 */\nconst 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\nexport default fadeInUp;\n","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 */\nconst 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\nexport default fadeInUpBig;\n","export { default as fadeOut } from \"./fadeOut\";\nexport { default as fadeOutBottomLeft } from \"./fadeOutBottomLeft\";\nexport { default as fadeOutBottomRight } from \"./fadeOutBottomRight\";\nexport { default as fadeOutDown } from \"./fadeOutDown\";\nexport { default as fadeOutDownBig } from \"./fadeOutDownBig\";\nexport { default as fadeOutLeft } from \"./fadeOutLeft\";\nexport { default as fadeOutLeftBig } from \"./fadeOutLeftBig\";\nexport { default as fadeOutRight } from \"./fadeOutRight\";\nexport { default as fadeOutRightBig } from \"./fadeOutRightBig\";\nexport { default as fadeOutTopLeft } from \"./fadeOutTopLeft\";\nexport { default as fadeOutTopRight } from \"./fadeOutTopRight\";\nexport { default as fadeOutUp } from \"./fadeOutUp\";\nexport { default as fadeOutUpBig } 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 */\nconst fadeOut = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n`;\n\nexport default fadeOut;\n","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 */\nconst 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\nexport default fadeOutBottomLeft;\n","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 */\nconst 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\nexport default fadeOutBottomRight;\n","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 */\nconst fadeOutDown = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n`;\n\nexport default fadeOutDown;\n","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 */\nconst fadeOutDownBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n`;\n\nexport default fadeOutDownBig;\n","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 */\nconst fadeOutLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n`;\n\nexport default fadeOutLeft;\n","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 */\nconst fadeOutLeftBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n`;\n\nexport default fadeOutLeftBig;\n","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 */\nconst fadeOutRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n`;\n\nexport default fadeOutRight;\n","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 */\nconst fadeOutRightBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n`;\n\nexport default fadeOutRightBig;\n","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 */\nconst 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\nexport default fadeOutTopLeft;\n","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 */\nconst 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\nexport default fadeOutTopRight;\n","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 */\nconst fadeOutUp = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n\nexport default fadeOutUp;\n","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 */\nconst fadeOutUpBig = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n`;\n\nexport default fadeOutUpBig;\n","import type { Interpolation, Theme } from \"@emotion/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 getFlipKeyframes(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\nexport const Flip: React.FC<FlipProps> = ({\n direction,\n reverse = false,\n ...otherProps\n}) => {\n const animationCss: Interpolation<Theme> = { backfaceVisibility: \"visible\" };\n\n return (\n <Reveal\n keyframes={getFlipKeyframes(reverse, direction)}\n css={animationCss}\n {...otherProps}\n />\n );\n};\n","export { default as flip } from \"./flip\";\nexport { default as flipInX } from \"./flipInX\";\nexport { default as flipInY } from \"./flipInY\";\nexport { default as flipOutX } from \"./flipOutX\";\nexport { default as flipOutY } 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 */\nconst 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\nexport default flip;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInX.css}\n */\nconst 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\nexport default flipInX;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipInY.css}\n */\nconst 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\nexport default flipInY;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutX.css}\n */\nconst 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\nexport default flipOutX;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/flippers/flipOutY.css}\n */\nconst 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\nexport default flipOutY;\n","import type { Interpolation, Theme } 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\nexport const Hinge: React.FC<HingeProps> = (props) => {\n const animationCss: Interpolation<Theme> = { transformOrigin: \"top left\" };\n\n return <Reveal keyframes={hinge} css={animationCss} {...props} />;\n};\n","export { default as hinge } from \"./hinge\";\nexport { default as jackInTheBox } from \"./jackInTheBox\";\nexport { default as rollIn } from \"./rollIn\";\nexport { default as rollOut } 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 */\nconst 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\nexport default hinge;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/jackInTheBox.css}\n */\nconst 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\nexport default jackInTheBox;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollIn.css}\n */\nconst 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\nexport default rollIn;\n","import { keyframes } from \"@emotion/react\";\n\n/**\n * @see {@link https://github.com/animate-css/animate.css/blob/master/source/specials/rollOut.css}\n */\nconst 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\nexport default rollOut;\n","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","import { 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 getRollKeyframes(reverse: boolean) {\n return reverse ? rollOut : rollIn;\n}\n\nexport const Roll: React.FC<RollProps> = ({\n reverse = false,\n ...otherProps\n}) => {\n return <Reveal keyframes={getRollKeyframes(reverse)} {...otherProps} />;\n};\n","import type { Interpolation, Theme } from \"@emotion/react\";\nimport type { Keyframes } from \"@emotion/serialize\";\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 getRotateKeyframesAndCss(\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> = ({\n direction,\n reverse = false,\n ...otherProps\n}) => {\n const [keyframes, animationCss] = getRotateKeyframesAndCss(\n reverse,\n direction\n );\n\n return <Reveal keyframes={keyframes} css={animationCss} {...otherProps} />;\n};\n","export { default as rotateIn } from \"./rotateIn\";\nexport { default as rotateInDownLeft } from \"./rotateInDownLeft\";\nexport { default as rotateInDownRight } from \"./rotateInDownRight\";\nexport { default as rotateInUpLeft } from \"./rotateInUpLeft\";\nexport { default as rotateInUpRight } 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 */\nconst 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\nexport default rotateIn;\n","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 */\nconst 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\nexport default rotateInDownLeft;\n","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 */\nconst 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\nexport default rotateInDownRight;\n","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 */\nconst 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\nexport default rotateInUpLeft;\n","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 */\nconst 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\nexport default rotateInUpRight;\n","export { default as rotateOut } from \"./rotateOut\";\nexport { default as rotateOutDownLeft } from \"./rotateOutDownLeft\";\nexport { default as rotateOutDownRight } from \"./rotateOutDownRight\";\nexport { default as rotateOutUpLeft } from \"./rotateOutUpLeft\";\nexport { default as rotateOutUpRight } 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 */\nconst rotateOut = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n`;\n\nexport default rotateOut;\n","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 */\nconst rotateOutDownLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n`;\n\nexport default rotateOutDownLeft;\n","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 */\nconst rotateOutDownRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n`;\n\nexport default rotateOutDownRight;\n","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 */\nconst rotateOutUpLeft = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n`;\n\nexport default rotateOutUpLeft;\n","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 */\nconst rotateOutUpRight = keyframes`\n from {\n opacity: 1;\n }\n\n to {\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n`;\n\nexport default rotateOutUpRight;\n","import {\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 getSlideKeyframes(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> = ({\n direction,\n reverse = false,\n ...otherProps\n}) => {\n return (\n <Reveal keyframes={getSlideKeyframes(reverse, direction)} {...otherProps} />\n );\n};\n","export { default as slideInDown } from \"./slideInDown\";\nexport { default as slideInLeft } from \"./slideInLeft\";\nexport { default as slideInRight } from \"./slideInRight\";\nexport { default as slideInUp } 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 */\nconst 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\nexport default slideInDown;\n","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 */\nconst 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\nexport default slideInLeft;\n","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 */\nconst 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\nexport default slideInRight;\n","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 */\nconst 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\nexport default slideInUp;\n","export { default as slideOutDown } from \"./slideOutDown\";\nexport { default as slideOutLeft } from \"./slideOutLeft\";\nexport { default as slideOutRight } from \"./slideOutRight\";\nexport { default as slideOutUp } 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 */\nconst 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\nexport default slideOutDown;\n","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 */\nconst 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\nexport default slideOutLeft;\n","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 */\nconst 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\nexport default slideOutRight;\n","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 */\nconst 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\nexport default slideOutUp;\n","import {\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 getZoomKeyframes(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> = ({\n direction,\n reverse = false,\n ...otherProps\n}) => {\n return (\n <Reveal keyframes={getZoomKeyframes(reverse, direction)} {...otherProps} />\n );\n};\n","export { default as zoomIn } from \"./zoomIn\";\nexport { default as zoomInDown } from \"./zoomInDown\";\nexport { default as zoomInLeft } from \"./zoomInLeft\";\nexport { default as zoomInRight } from \"./zoomInRight\";\nexport { default as zoomInUp } 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 */\nconst 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\nexport default zoomIn;\n","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 */\nconst 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\nexport default zoomInDown;\n","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 */\nconst 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\nexport default zoomInLeft;\n","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 */\nconst 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\nexport default zoomInRight;\n","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 */\nconst 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\nexport default zoomInUp;\n","export { default as zoomOut } from \"./zoomOut\";\nexport { default as zoomOutDown } from \"./zoomOutDown\";\nexport { default as zoomOutLeft } from \"./zoomOutLeft\";\nexport { default as zoomOutRight } from \"./zoomOutRight\";\nexport { default as zoomOutUp } 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 */\nconst 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\nexport default zoomOut;\n","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 */\nconst 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\nexport default zoomOutDown;\n","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 */\nconst 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\nexport default zoomOutLeft;\n","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 */\nconst 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\nexport default zoomOutRight;\n","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 */\nconst 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\nexport default zoomOutUp;\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { Interpolation, Theme } from "@emotion/react";
|
|
2
|
+
import { Keyframes } from "@emotion/serialize";
|
|
3
|
+
export interface RevealProps {
|
|
4
|
+
/**
|
|
5
|
+
* Stagger its children animations.
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
cascade?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Factor that affects the delay that each animated element in a cascade animation will be assigned.
|
|
11
|
+
* @default 0.5
|
|
12
|
+
*/
|
|
13
|
+
damping?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Initial delay, in milliseconds.
|
|
16
|
+
* @default 0
|
|
17
|
+
*/
|
|
18
|
+
delay?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Animation duration, in milliseconds.
|
|
21
|
+
* @default 1000
|
|
22
|
+
*/
|
|
23
|
+
duration?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.
|
|
26
|
+
* @default 0
|
|
27
|
+
*/
|
|
28
|
+
fraction?: number;
|
|
29
|
+
/**
|
|
30
|
+
* Custom Emotion animation keyframes.
|
|
31
|
+
*/
|
|
32
|
+
keyframes?: Keyframes;
|
|
33
|
+
/**
|
|
34
|
+
* Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.
|
|
35
|
+
* @default false
|
|
36
|
+
*/
|
|
37
|
+
triggerOnce?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Custom Emotion styles.
|
|
40
|
+
*/
|
|
41
|
+
css?: Interpolation<Theme>;
|
|
42
|
+
/**
|
|
43
|
+
* Class names to add to the container element.
|
|
44
|
+
*/
|
|
45
|
+
className?: string;
|
|
46
|
+
/**
|
|
47
|
+
* Inline styles to add to the container element.
|
|
48
|
+
*/
|
|
49
|
+
style?: React.CSSProperties;
|
|
50
|
+
/**
|
|
51
|
+
* Class names to add to the child element.
|
|
52
|
+
*/
|
|
53
|
+
childClassName?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Inline styles to add to the child element.
|
|
56
|
+
*/
|
|
57
|
+
childStyle?: React.CSSProperties;
|
|
58
|
+
/**
|
|
59
|
+
* From React 18, children must be explicitly typed.
|
|
60
|
+
* @see https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-typescript-definitions
|
|
61
|
+
*/
|
|
62
|
+
children?: React.ReactNode;
|
|
63
|
+
/**
|
|
64
|
+
* Callback executed when the element enters or leaves the viewport.
|
|
65
|
+
* If more than one element is being animated, this function is called
|
|
66
|
+
* on each element.
|
|
67
|
+
*
|
|
68
|
+
* @param inView The current visibility flag.
|
|
69
|
+
* @param entry The current IntersectionObserverEntry.
|
|
70
|
+
*/
|
|
71
|
+
onVisibilityChange?(inView: boolean, entry: IntersectionObserverEntry): void;
|
|
72
|
+
}
|
|
73
|
+
export const Reveal: React.FC<RevealProps>;
|
|
74
|
+
type AttentionSeekerEffect = "bounce" | "flash" | "headShake" | "heartBeat" | "jello" | "pulse" | "rubberBand" | "shake" | "shakeX" | "shakeY" | "swing" | "tada" | "wobble";
|
|
75
|
+
export interface AttentionSeekerProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
76
|
+
/**
|
|
77
|
+
* The animation effect to use for this attention seeker.
|
|
78
|
+
* @default "bounce"
|
|
79
|
+
*/
|
|
80
|
+
effect?: AttentionSeekerEffect;
|
|
81
|
+
}
|
|
82
|
+
export const AttentionSeeker: React.FC<AttentionSeekerProps>;
|
|
83
|
+
type BounceDirection = "down" | "left" | "right" | "up";
|
|
84
|
+
export interface BounceProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
85
|
+
/**
|
|
86
|
+
* Origin of the animation.
|
|
87
|
+
* @default undefined
|
|
88
|
+
*/
|
|
89
|
+
direction?: BounceDirection;
|
|
90
|
+
/**
|
|
91
|
+
* Specifies if the animation should make element(s) disappear.
|
|
92
|
+
* @default false
|
|
93
|
+
*/
|
|
94
|
+
reverse?: boolean;
|
|
95
|
+
}
|
|
96
|
+
export const Bounce: React.FC<BounceProps>;
|
|
97
|
+
type FadeDirection = "bottom-left" | "bottom-right" | "down" | "left" | "right" | "top-left" | "top-right" | "up";
|
|
98
|
+
export interface FadeProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
99
|
+
/**
|
|
100
|
+
* Causes the animation to start farther. Only works with "down", "left", "right" and "up" directions.
|
|
101
|
+
* @default false
|
|
102
|
+
*/
|
|
103
|
+
big?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Origin of the animation.
|
|
106
|
+
* @default undefined
|
|
107
|
+
*/
|
|
108
|
+
direction?: FadeDirection;
|
|
109
|
+
/**
|
|
110
|
+
* Specifies if the animation should make element(s) disappear.
|
|
111
|
+
* @default false
|
|
112
|
+
*/
|
|
113
|
+
reverse?: boolean;
|
|
114
|
+
}
|
|
115
|
+
export const Fade: React.FC<FadeProps>;
|
|
116
|
+
type FlipDirection = "horizontal" | "vertical";
|
|
117
|
+
export interface FlipProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
118
|
+
/**
|
|
119
|
+
* Axis direction of the animation.
|
|
120
|
+
* @default undefined
|
|
121
|
+
*/
|
|
122
|
+
direction?: FlipDirection;
|
|
123
|
+
/**
|
|
124
|
+
* Specifies if the animation should make element(s) disappear. It only has effect if a direction is specified.
|
|
125
|
+
* @default false
|
|
126
|
+
*/
|
|
127
|
+
reverse?: boolean;
|
|
128
|
+
}
|
|
129
|
+
export const Flip: React.FC<FlipProps>;
|
|
130
|
+
export type HingeProps = Omit<RevealProps, "keyframes" | "css">;
|
|
131
|
+
export const Hinge: React.FC<HingeProps>;
|
|
132
|
+
export type JackInTheBoxProps = Omit<RevealProps, "keyframes" | "css">;
|
|
133
|
+
export const JackInTheBox: React.FC<JackInTheBoxProps>;
|
|
134
|
+
export interface RollProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
135
|
+
/**
|
|
136
|
+
* Specifies if the animation should make element(s) disappear.
|
|
137
|
+
* @default false
|
|
138
|
+
*/
|
|
139
|
+
reverse?: boolean;
|
|
140
|
+
}
|
|
141
|
+
export const Roll: React.FC<RollProps>;
|
|
142
|
+
type RotateDirection = "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
143
|
+
export interface RotateProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
144
|
+
/**
|
|
145
|
+
* Origin of the animation.
|
|
146
|
+
* @default undefined
|
|
147
|
+
*/
|
|
148
|
+
direction?: RotateDirection;
|
|
149
|
+
/**
|
|
150
|
+
* Specifies if the animation should make element(s) disappear.
|
|
151
|
+
* @default false
|
|
152
|
+
*/
|
|
153
|
+
reverse?: boolean;
|
|
154
|
+
}
|
|
155
|
+
export const Rotate: React.FC<RotateProps>;
|
|
156
|
+
type SlideDirection = "down" | "left" | "right" | "up";
|
|
157
|
+
export interface SlideProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
158
|
+
/**
|
|
159
|
+
* Origin of the animation.
|
|
160
|
+
* @default undefined
|
|
161
|
+
*/
|
|
162
|
+
direction?: SlideDirection;
|
|
163
|
+
/**
|
|
164
|
+
* Specifies if the animation should make element(s) disappear.
|
|
165
|
+
* @default false
|
|
166
|
+
*/
|
|
167
|
+
reverse?: boolean;
|
|
168
|
+
}
|
|
169
|
+
export const Slide: React.FC<SlideProps>;
|
|
170
|
+
type ZoomDirection = "down" | "left" | "right" | "up";
|
|
171
|
+
export interface ZoomProps extends Omit<RevealProps, "keyframes" | "css"> {
|
|
172
|
+
/**
|
|
173
|
+
* Origin of the animation.
|
|
174
|
+
* @default undefined
|
|
175
|
+
*/
|
|
176
|
+
direction?: ZoomDirection;
|
|
177
|
+
/**
|
|
178
|
+
* Specifies if the animation should make element(s) disappear.
|
|
179
|
+
* @default false
|
|
180
|
+
*/
|
|
181
|
+
reverse?: boolean;
|
|
182
|
+
}
|
|
183
|
+
export const Zoom: React.FC<ZoomProps>;
|
|
184
|
+
|
|
185
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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/fadeInLeft.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_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/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/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/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,"export * from \"./components/AttentionSeeker\";\nexport * from \"./components/Bounce\";\nexport * from \"./components/Fade\";\nexport * from \"./components/Flip\";\nexport * from \"./components/Hinge\";\nexport * from \"./components/JackInTheBox\";\nexport * from \"./components/Roll\";\nexport * from \"./components/Rotate\";\nexport * from \"./components/Slide\";\nexport * from \"./components/Zoom\";\nexport * from \"./Reveal\";\nexport { Reveal as default } from \"./Reveal\";\n"],"names":[],"version":3,"file":"types.d.ts.map","sourceRoot":"../../../"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-awesome-reveal",
|
|
3
3
|
"description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "4.0.0-beta.0",
|
|
5
5
|
"license": "MIT",
|
|
6
|
+
"source": "src/index.ts",
|
|
7
|
+
"main": "dist/main.js",
|
|
8
|
+
"module": "dist/module.js",
|
|
9
|
+
"types": "dist/types.d.ts",
|
|
10
|
+
"files": [
|
|
11
|
+
"dist"
|
|
12
|
+
],
|
|
13
|
+
"sideEffects": false,
|
|
6
14
|
"author": {
|
|
7
15
|
"name": "Dennis Morello",
|
|
8
|
-
"email": "
|
|
16
|
+
"email": "dennis@morello.dev",
|
|
9
17
|
"url": "https://morello.dev"
|
|
10
18
|
},
|
|
11
19
|
"homepage": "https://react-awesome-reveal.morello.dev",
|
|
@@ -23,70 +31,34 @@
|
|
|
23
31
|
],
|
|
24
32
|
"repository": {
|
|
25
33
|
"type": "git",
|
|
26
|
-
"url": "https://github.com/
|
|
34
|
+
"url": "https://github.com/morellodev/react-awesome-reveal"
|
|
27
35
|
},
|
|
28
36
|
"bugs": {
|
|
29
|
-
"url": "https://github.com/
|
|
30
|
-
},
|
|
31
|
-
"main": "dist/index.js",
|
|
32
|
-
"module": "dist/react-awesome-reveal.esm.js",
|
|
33
|
-
"typings": "dist/index.d.ts",
|
|
34
|
-
"files": [
|
|
35
|
-
"dist"
|
|
36
|
-
],
|
|
37
|
-
"sideEffects": false,
|
|
38
|
-
"scripts": {
|
|
39
|
-
"start": "tsdx watch",
|
|
40
|
-
"build": "tsdx build",
|
|
41
|
-
"test": "tsdx test --passWithNoTests",
|
|
42
|
-
"lint": "tsdx lint src",
|
|
43
|
-
"prepare": "tsdx build",
|
|
44
|
-
"size": "size-limit",
|
|
45
|
-
"analyze": "size-limit --why"
|
|
37
|
+
"url": "https://github.com/morellodev/react-awesome-reveal/issues"
|
|
46
38
|
},
|
|
47
39
|
"peerDependencies": {
|
|
48
|
-
"react": "
|
|
40
|
+
"@emotion/react": "^11.0.0",
|
|
41
|
+
"react": ">=16.14.0",
|
|
42
|
+
"react-dom": ">=16.14.0"
|
|
49
43
|
},
|
|
50
|
-
"husky": {
|
|
51
|
-
"hooks": {
|
|
52
|
-
"pre-commit": "tsdx lint"
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
"size-limit": [
|
|
56
|
-
{
|
|
57
|
-
"path": "dist/react-awesome-reveal.cjs.production.min.js",
|
|
58
|
-
"limit": "15 KB"
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"path": "dist/react-awesome-reveal.esm.js",
|
|
62
|
-
"limit": "15 KB"
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
44
|
"devDependencies": {
|
|
66
|
-
"@
|
|
67
|
-
"@
|
|
68
|
-
"@
|
|
69
|
-
"@
|
|
70
|
-
"@types/
|
|
71
|
-
"@types/react": "^
|
|
72
|
-
"@types/react-
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"react": "^
|
|
76
|
-
"react-dom": "^17.0.1",
|
|
77
|
-
"size-limit": "^4.10.0",
|
|
78
|
-
"tsdx": "^0.14.1",
|
|
79
|
-
"tslib": "^2.1.0",
|
|
80
|
-
"typescript": "^4.2.3"
|
|
45
|
+
"@emotion/react": "^11.9.0",
|
|
46
|
+
"@emotion/serialize": "^1.0.0",
|
|
47
|
+
"@parcel/packager-ts": "^2.5.0",
|
|
48
|
+
"@parcel/transformer-typescript-types": "^2.5.0",
|
|
49
|
+
"@types/react": "^18.0.9",
|
|
50
|
+
"@types/react-dom": "^18.0.3",
|
|
51
|
+
"@types/react-is": "^17.0.3",
|
|
52
|
+
"parcel": "^2.5.0",
|
|
53
|
+
"react": "^18.1.0",
|
|
54
|
+
"react-dom": "^18.1.0"
|
|
81
55
|
},
|
|
82
56
|
"dependencies": {
|
|
83
|
-
"
|
|
84
|
-
"react-
|
|
85
|
-
"react-is": "^17.0.1"
|
|
57
|
+
"react-intersection-observer": "^9.1.0",
|
|
58
|
+
"react-is": "^18.1.0"
|
|
86
59
|
},
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"**/@typescript-eslint/parser": "^4.16.1"
|
|
60
|
+
"scripts": {
|
|
61
|
+
"build": "tsc && parcel build",
|
|
62
|
+
"watch": "parcel watch"
|
|
91
63
|
}
|
|
92
|
-
}
|
|
64
|
+
}
|