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

package/dist/react-awesome-reveal.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-awesome-reveal.esm.js","sources":["../src/animations/fading_entrances/fadeInLeft.ts","../src/utils/js-types.ts","../src/utils/animations.ts","../src/Reveal.tsx","../src/animations/attention_seekers/bounce.ts","../src/animations/attention_seekers/flash.ts","../src/animations/attention_seekers/headShake.ts","../src/animations/attention_seekers/heartBeat.ts","../src/animations/attention_seekers/jello.ts","../src/animations/attention_seekers/pulse.ts","../src/animations/attention_seekers/rubberBand.ts","../src/animations/attention_seekers/shake.ts","../src/animations/attention_seekers/shakeX.ts","../src/animations/attention_seekers/shakeY.ts","../src/animations/attention_seekers/swing.ts","../src/animations/attention_seekers/tada.ts","../src/animations/attention_seekers/wobble.ts","../src/components/AttentionSeeker.tsx","../src/animations/bouncing_entrances/bounceIn.ts","../src/animations/bouncing_entrances/bounceInDown.ts","../src/animations/bouncing_entrances/bounceInLeft.ts","../src/animations/bouncing_entrances/bounceInRight.ts","../src/animations/bouncing_entrances/bounceInUp.ts","../src/animations/bouncing_exits/bounceOut.ts","../src/animations/bouncing_exits/bounceOutDown.ts","../src/animations/bouncing_exits/bounceOutLeft.ts","../src/animations/bouncing_exits/bounceOutRight.ts","../src/animations/bouncing_exits/bounceOutUp.ts","../src/components/Bounce.tsx","../src/animations/fading_entrances/fadeIn.ts","../src/animations/fading_entrances/fadeInBottomLeft.ts","../src/animations/fading_entrances/fadeInBottomRight.ts","../src/animations/fading_entrances/fadeInDown.ts","../src/animations/fading_entrances/fadeInDownBig.ts","../src/animations/fading_entrances/fadeInLeftBig.ts","../src/animations/fading_entrances/fadeInRight.ts","../src/animations/fading_entrances/fadeInRightBig.ts","../src/animations/fading_entrances/fadeInTopLeft.ts","../src/animations/fading_entrances/fadeInTopRight.ts","../src/animations/fading_entrances/fadeInUp.ts","../src/animations/fading_entrances/fadeInUpBig.ts","../src/animations/fading_exits/fadeOut.ts","../src/animations/fading_exits/fadeOutBottomLeft.ts","../src/animations/fading_exits/fadeOutBottomRight.ts","../src/animations/fading_exits/fadeOutDown.ts","../src/animations/fading_exits/fadeOutDownBig.ts","../src/animations/fading_exits/fadeOutLeft.ts","../src/animations/fading_exits/fadeOutLeftBig.ts","../src/animations/fading_exits/fadeOutRight.ts","../src/animations/fading_exits/fadeOutRightBig.ts","../src/animations/fading_exits/fadeOutTopLeft.ts","../src/animations/fading_exits/fadeOutTopRight.ts","../src/animations/fading_exits/fadeOutUp.ts","../src/animations/fading_exits/fadeOutUpBig.ts","../src/components/Fade.tsx","../src/animations/flippers/flip.ts","../src/animations/flippers/flipInX.ts","../src/animations/flippers/flipInY.ts","../src/animations/flippers/flipOutX.ts","../src/animations/flippers/flipOutY.ts","../src/components/Flip.tsx","../src/animations/specials/hinge.ts","../src/animations/specials/jackInTheBox.ts","../src/animations/specials/rollIn.ts","../src/animations/specials/rollOut.ts","../src/components/Hinge.tsx","../src/components/JackInTheBox.tsx","../src/components/Roll.tsx","../src/animations/rotating_entrances/rotateIn.ts","../src/animations/rotating_entrances/rotateInDownLeft.ts","../src/animations/rotating_entrances/rotateInDownRight.ts","../src/animations/rotating_entrances/rotateInUpLeft.ts","../src/animations/rotating_entrances/rotateInUpRight.ts","../src/animations/rotating_exits/rotateOut.ts","../src/animations/rotating_exits/rotateOutDownLeft.ts","../src/animations/rotating_exits/rotateOutDownRight.ts","../src/animations/rotating_exits/rotateOutUpLeft.ts","../src/animations/rotating_exits/rotateOutUpRight.ts","../src/components/Rotate.tsx","../src/animations/sliding_entrances/slideInDown.ts","../src/animations/sliding_entrances/slideInLeft.ts","../src/animations/sliding_entrances/slideInRight.ts","../src/animations/sliding_entrances/slideInUp.ts","../src/animations/sliding_exits/slideOutDown.ts","../src/animations/sliding_exits/slideOutLeft.ts","../src/animations/sliding_exits/slideOutRight.ts","../src/animations/sliding_exits/slideOutUp.ts","../src/components/Slide.tsx","../src/animations/zooming_entrances/zoomIn.ts","../src/animations/zooming_entrances/zoomInDown.ts","../src/animations/zooming_entrances/zoomInLeft.ts","../src/animations/zooming_entrances/zoomInRight.ts","../src/animations/zooming_entrances/zoomInUp.ts","../src/animations/zooming_exits/zoomOut.ts","../src/animations/zooming_exits/zoomOutDown.ts","../src/animations/zooming_exits/zoomOutLeft.ts","../src/animations/zooming_exits/zoomOutRight.ts","../src/animations/zooming_exits/zoomOutUp.ts","../src/components/Zoom.tsx"],"sourcesContent":["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","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 { 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    animation-duration: ${duration}ms;\n    animation-timing-function: ${timingFunction};\n    animation-delay: ${delay}ms;\n    animation-name: ${keyframes};\n    animation-direction: normal;\n    animation-fill-mode: both;\n    animation-iteration-count: ${iterationCount};\n  `;\n}\n","import { Children, FC } from \"react\";\nimport { isFragment } from \"react-is\";\nimport { ClassNames, Interpolation, Theme, css, jsx } from \"@emotion/react\";\nimport { Keyframes } from \"@emotion/serialize\";\nimport { InView } from \"react-intersection-observer\";\n\nimport fadeInLeft from \"./animations/fading_entrances/fadeInLeft\";\nimport { isNullOrUndefined, isStringLike } from \"./utils/js-types\";\nimport { getAnimationCss } from \"./utils/animations\";\n\nconst hiddenCss = css`\n  opacity: 0;\n`;\n\nconst textBaseCss = css`\n  display: inline-block;\n  white-space: pre;\n`;\n\nexport interface RevealProps {\n  /**\n   * Stagger its children animations.\n   * @default false\n   */\n  cascade?: boolean;\n  /**\n   * Factor that affects the delay that each animated element in a cascade animation will be assigned.\n   * @default 0.5\n   */\n  damping?: number;\n  /**\n   * Initial delay, in milliseconds.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Animation duration, in milliseconds.\n   * @default 1000\n   */\n  duration?: number;\n  /**\n   * Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered.\n   * @default 0\n   */\n  fraction?: number;\n  /**\n   * Custom Emotion animation keyframes.\n   */\n  keyframes?: Keyframes;\n  /**\n   * Specifies if the animation should run only once or everytime the element enters/exits/re-enters the viewport.\n   * @default false\n   */\n  triggerOnce?: boolean;\n  /**\n   * Custom Emotion styles.\n   */\n  css?: Interpolation<Theme>;\n  /**\n   * Class names to add to the container element.\n   */\n  className?: string;\n  /**\n   * Inline styles to add to the container element.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Class names to add to the child element.\n   */\n  childClassName?: string;\n  /**\n   * Inline styles to add to the child element.\n   */\n  childStyle?: React.CSSProperties;\n  /**\n   * 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\nconst Reveal: 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              <span\n                key={index}\n                css={\n                  inView\n                    ? getAnimationCss({\n                        keyframes,\n                        delay: delay + index * duration * damping,\n                        duration\n                      })\n                    : hiddenCss\n                }\n                className={childClassName}\n                style={childStyle}\n              >\n                {char}\n              </span>\n            ))}\n          </div>\n        )}\n      </InView>\n    ) : (\n      <Reveal\n        {...{\n          delay,\n          duration,\n          fraction,\n          keyframes,\n          triggerOnce,\n          css: revealCss,\n          className,\n          style\n        }}\n      >\n        {stringifiedChildren}\n      </Reveal>\n    );\n  }\n\n  if (isFragment(children)) {\n    return (\n      <InView\n        threshold={fraction}\n        triggerOnce={triggerOnce}\n        onChange={onVisibilityChange}\n      >\n        {({ inView, ref }) => (\n          <div\n            ref={ref}\n            css={\n              inView\n                ? [revealCss, getAnimationCss({ keyframes, delay, duration })]\n                : hiddenCss\n            }\n            className={className}\n            style={style}\n          >\n            {children}\n          </div>\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                  <div\n                    ref={ref}\n                    css={inView ? [revealCss, ...nodeCss] : hiddenCss}\n                    className={className}\n                    style={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                  </div>\n                )}\n              </InView>\n            );\n        }\n      })}\n    </>\n  );\n};\n\nexport default Reveal;\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 { Interpolation, Theme } from \"@emotion/react\";\nimport { Keyframes } from \"@emotion/serialize\";\n\nimport Reveal, { RevealProps } from \"../Reveal\";\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\";\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\ninterface AttentionSeekerProps 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\nconst 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\nexport default AttentionSeeker;\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","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 Reveal, { RevealProps } from \"../Reveal\";\nimport {\n  bounceIn,\n  bounceInDown,\n  bounceInLeft,\n  bounceInRight,\n  bounceInUp\n} from \"../animations/bouncing_entrances\";\nimport {\n  bounceOut,\n  bounceOutDown,\n  bounceOutLeft,\n  bounceOutRight,\n  bounceOutUp\n} from \"../animations/bouncing_exits\";\n\ntype BounceDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\ninterface 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\nconst 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\nexport default Bounce;\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","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 Reveal, { RevealProps } from \"../Reveal\";\nimport {\n  fadeIn,\n  fadeInBottomLeft,\n  fadeInBottomRight,\n  fadeInDown,\n  fadeInDownBig,\n  fadeInLeft,\n  fadeInLeftBig,\n  fadeInRight,\n  fadeInRightBig,\n  fadeInTopLeft,\n  fadeInTopRight,\n  fadeInUp,\n  fadeInUpBig\n} from \"../animations/fading_entrances\";\nimport {\n  fadeOut,\n  fadeOutBottomLeft,\n  fadeOutBottomRight,\n  fadeOutDown,\n  fadeOutDownBig,\n  fadeOutLeft,\n  fadeOutLeftBig,\n  fadeOutRight,\n  fadeOutRightBig,\n  fadeOutTopLeft,\n  fadeOutTopRight,\n  fadeOutUp,\n  fadeOutUpBig\n} from \"../animations/fading_exits\";\n\ntype FadeDirection =\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"down\"\n  | \"left\"\n  | \"right\"\n  | \"top-left\"\n  | \"top-right\"\n  | \"up\";\n\ninterface 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\nconst 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\nexport default Fade;\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 { Interpolation, Theme } from \"@emotion/react\";\n\nimport Reveal, { RevealProps } from \"../Reveal\";\nimport {\n  flip,\n  flipInX,\n  flipInY,\n  flipOutX,\n  flipOutY\n} from \"../animations/flippers\";\n\ntype FlipDirection = \"horizontal\" | \"vertical\";\n\ninterface 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\nconst 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\nexport default Flip;\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 { Interpolation, Theme } from \"@emotion/react\";\n\nimport Reveal, { RevealProps } from \"../Reveal\";\nimport { hinge } from \"../animations/specials\";\n\ntype HingeProps = Omit<RevealProps, \"keyframes\" | \"css\">;\n\nconst Hinge: React.FC<HingeProps> = props => {\n  const animationCss: Interpolation<Theme> = { transformOrigin: \"top left\" };\n\n  return <Reveal keyframes={hinge} css={animationCss} {...props} />;\n};\n\nexport default Hinge;\n","import Reveal, { RevealProps } from \"../Reveal\";\nimport { jackInTheBox } from \"../animations/specials\";\n\ntype JackInTheBoxProps = Omit<RevealProps, \"keyframes\" | \"css\">;\n\nconst JackInTheBox: React.FC<JackInTheBoxProps> = props => {\n  return <Reveal keyframes={jackInTheBox} {...props} />;\n};\n\nexport default JackInTheBox;\n","import Reveal, { RevealProps } from \"../Reveal\";\nimport { rollIn, rollOut } from \"../animations/specials\";\n\ninterface 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\nconst Roll: React.FC<RollProps> = ({ reverse = false, ...otherProps }) => {\n  return <Reveal keyframes={getRollKeyframes(reverse)} {...otherProps} />;\n};\n\nexport default Roll;\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","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 { Interpolation, Theme } from \"@emotion/react\";\nimport { Keyframes } from \"@emotion/serialize\";\n\nimport Reveal, { RevealProps } from \"../Reveal\";\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\";\n\ntype RotateDirection =\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-left\"\n  | \"top-right\";\n\ninterface 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\nconst 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\nexport default Rotate;\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","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 Reveal, { RevealProps } from \"../Reveal\";\nimport {\n  slideInDown,\n  slideInLeft,\n  slideInRight,\n  slideInUp\n} from \"../animations/sliding_entrances\";\nimport {\n  slideOutDown,\n  slideOutLeft,\n  slideOutRight,\n  slideOutUp\n} from \"../animations/sliding_exits\";\n\ntype SlideDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\ninterface 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\nconst Slide: React.FC<SlideProps> = ({\n  direction,\n  reverse = false,\n  ...otherProps\n}) => {\n  return (\n    <Reveal keyframes={getSlideKeyframes(reverse, direction)} {...otherProps} />\n  );\n};\n\nexport default Slide;\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","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","import Reveal, { RevealProps } from \"../Reveal\";\nimport {\n  zoomIn,\n  zoomInDown,\n  zoomInLeft,\n  zoomInRight,\n  zoomInUp\n} from \"../animations/zooming_entrances\";\nimport {\n  zoomOut,\n  zoomOutDown,\n  zoomOutLeft,\n  zoomOutRight,\n  zoomOutUp\n} from \"../animations/zooming_exits\";\n\ntype ZoomDirection = \"down\" | \"left\" | \"right\" | \"up\";\n\ninterface 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\nconst Zoom: React.FC<ZoomProps> = ({\n  direction,\n  reverse = false,\n  ...otherProps\n}) => {\n  return (\n    <Reveal keyframes={getZoomKeyframes(reverse, direction)} {...otherProps} />\n  );\n};\n\nexport default Zoom;\n"],"names":["fadeInLeft","keyframes","isNullOrUndefined","value","undefined","isStringLike","getAnimationCss","duration","delay","timingFunction","iterationCount","css","hiddenCss","textBaseCss","Reveal","cascade","damping","fraction","triggerOnce","revealCss","className","style","childClassName","childStyle","children","onVisibilityChange","stringifiedChildren","String","_jsx","inView","ref","split","map","char","index","isFragment","Children","node","nodeElement","nodeCss","props","push","type","cx","jsx","bounce","flash","headShake","heartBeat","jello","pulse","rubberBand","shake","shakeX","shakeY","swing","tada","wobble","getAttentionSeekerKeyframesAndCss","effect","animationTimingFunction","transformOrigin","AttentionSeeker","otherProps","animationCss","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","bounceOut","bounceOutDown","bounceOutLeft","bounceOutRight","bounceOutUp","getBounceKeyframes","reverse","direction","Bounce","fadeIn","fadeInBottomLeft","fadeInBottomRight","fadeInDown","fadeInDownBig","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInTopLeft","fadeInTopRight","fadeInUp","fadeInUpBig","fadeOut","fadeOutBottomLeft","fadeOutBottomRight","fadeOutDown","fadeOutDownBig","fadeOutLeft","fadeOutLeftBig","fadeOutRight","fadeOutRightBig","fadeOutTopLeft","fadeOutTopRight","fadeOutUp","fadeOutUpBig","getFadeKeyframes","big","Fade","flip","flipInX","flipInY","flipOutX","flipOutY","getFlipKeyframes","Flip","backfaceVisibility","hinge","jackInTheBox","rollIn","rollOut","Hinge","JackInTheBox","getRollKeyframes","Roll","rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft","rotateInUpRight","rotateOut","rotateOutDownLeft","rotateOutDownRight","rotateOutUpLeft","rotateOutUpRight","getRotateKeyframesAndCss","Rotate","slideInDown","slideInLeft","slideInRight","slideInUp","slideOutDown","slideOutLeft","slideOutRight","slideOutUp","getSlideKeyframes","Slide","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","zoomOut","zoomOutDown","zoomOutLeft","zoomOutRight","zoomOutUp","getZoomKeyframes","Zoom"],"mappings":"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"}

package/dist/utils/animations.d.ts

@@ -1,7 +0,0 @@
-export declare function getAnimationCss({ duration, delay, timingFunction, keyframes, iterationCount }: {
-    duration?: number | undefined;
-    delay?: number | undefined;
-    timingFunction?: string | undefined;
-    keyframes?: import("@emotion/serialize").Keyframes | undefined;
-    iterationCount?: number | undefined;
-}): import("@emotion/utils").SerializedStyles;

package/dist/utils/js-types.d.ts

@@ -1,2 +0,0 @@
-export declare function isNullOrUndefined(value: unknown): value is null | undefined;
-export declare function isStringLike(value: unknown): value is string | number | boolean;