New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

react-awesome-reveal

Package Overview
Dependencies
Maintainers
1
Versions
72
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-awesome-reveal - npm Package Compare versions

Comparing version 4.0.0-beta.2 to 4.0.0

386

dist/main.js

@@ -40,3 +40,3 @@ var $jvNZe$emotionreactjsxruntime = require("@emotion/react/jsx-runtime");

const $88ffd68ae302398a$export$e3ce947fb98643bf = $jvNZe$emotionreact.keyframes`
const $88ffd68ae302398a$export$e3ce947fb98643bf = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -72,3 +72,3 @@ 20%,

const $fd9067391ce6df13$export$fff9462e59a6c087 = $jvNZe$emotionreact.keyframes`
const $fd9067391ce6df13$export$fff9462e59a6c087 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -87,3 +87,3 @@ 50%,

const $eb9167f8b04a1eef$export$cc718fa79617014c = $jvNZe$emotionreact.keyframes`
const $eb9167f8b04a1eef$export$cc718fa79617014c = (0, $jvNZe$emotionreact.keyframes)`
0% {

@@ -115,3 +115,3 @@ transform: translateX(0);

const $6efeb5b76066380c$export$f5767cd4e86f63a5 = $jvNZe$emotionreact.keyframes`
const $6efeb5b76066380c$export$f5767cd4e86f63a5 = (0, $jvNZe$emotionreact.keyframes)`
0% {

@@ -139,3 +139,3 @@ transform: scale(1);

const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = $jvNZe$emotionreact.keyframes`
const $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -177,3 +177,3 @@ 11.1%,

const $409347824bf28b80$export$f3aaf94dc96a60de = $jvNZe$emotionreact.keyframes`
const $409347824bf28b80$export$f3aaf94dc96a60de = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -193,3 +193,3 @@ transform: scale3d(1, 1, 1);

const $118273709ecc7996$export$bbc07f6a19d55e88 = $jvNZe$emotionreact.keyframes`
const $118273709ecc7996$export$bbc07f6a19d55e88 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -225,3 +225,3 @@ transform: scale3d(1, 1, 1);

const $99597785e49dcbea$export$267b06a7460aa7d3 = $jvNZe$emotionreact.keyframes`
const $99597785e49dcbea$export$267b06a7460aa7d3 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -249,3 +249,3 @@ to {

const $5dd42df0435d852f$export$8e99d6962f95c405 = $jvNZe$emotionreact.keyframes`
const $5dd42df0435d852f$export$8e99d6962f95c405 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -273,3 +273,3 @@ to {

const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = $jvNZe$emotionreact.keyframes`
const $ef91eb5bdfc318f0$export$8c0595fc0dd256ce = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -297,3 +297,3 @@ to {

const $17cad7ed79df0fbf$export$84fc4030631e573c = $jvNZe$emotionreact.keyframes`
const $17cad7ed79df0fbf$export$84fc4030631e573c = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -321,3 +321,3 @@ transform: rotate3d(0, 0, 1, 15deg);

const $cb5eed64c434fe13$export$1362d96c12095304 = $jvNZe$emotionreact.keyframes`
const $cb5eed64c434fe13$export$1362d96c12095304 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -351,3 +351,3 @@ transform: scale3d(1, 1, 1);

const $64e244b1100f4aec$export$138a91d3335be56 = $jvNZe$emotionreact.keyframes`
const $64e244b1100f4aec$export$138a91d3335be56 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -393,3 +393,3 @@ transform: translate3d(0, 0, 0);

const $9ea0f43f56ccecde$export$82e6205b15e6c637 = $jvNZe$emotionreact.keyframes`
const $9ea0f43f56ccecde$export$82e6205b15e6c637 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -405,3 +405,3 @@ opacity: 0;

const $5d24f5d06eb0ca64$export$27e0c58916e1badc = $jvNZe$emotionreact.keyframes`
const $5d24f5d06eb0ca64$export$27e0c58916e1badc = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -419,3 +419,3 @@ opacity: 0;

const $2a57c406215d34eb$export$f72096766ea3a089 = $jvNZe$emotionreact.keyframes`
const $2a57c406215d34eb$export$f72096766ea3a089 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -433,3 +433,3 @@ opacity: 0;

const $568a146f8f1dc468$export$6ecdcdb0033d0327 = $jvNZe$emotionreact.keyframes`
const $568a146f8f1dc468$export$6ecdcdb0033d0327 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -447,3 +447,3 @@ opacity: 0;

const $993b4f2eec647e23$export$aa45f1f50300a7c0 = $jvNZe$emotionreact.keyframes`
const $993b4f2eec647e23$export$aa45f1f50300a7c0 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -461,3 +461,3 @@ opacity: 0;

const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = $jvNZe$emotionreact.keyframes`
const $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -475,3 +475,3 @@ opacity: 0;

const $e77687a7cf911846$export$327c6b58e5f59d6f = $jvNZe$emotionreact.keyframes`
const $e77687a7cf911846$export$327c6b58e5f59d6f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -489,3 +489,3 @@ opacity: 0;

const $f128273212bfa795$export$7b78ca149b3ffe20 = $jvNZe$emotionreact.keyframes`
const $f128273212bfa795$export$7b78ca149b3ffe20 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -503,3 +503,3 @@ opacity: 0;

const $55cf3d076c695f42$export$6f5ccd79656f671 = $jvNZe$emotionreact.keyframes`
const $55cf3d076c695f42$export$6f5ccd79656f671 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -517,3 +517,3 @@ opacity: 0;

const $156b763c5e69a9ca$export$777354dbc7828ff3 = $jvNZe$emotionreact.keyframes`
const $156b763c5e69a9ca$export$777354dbc7828ff3 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -531,3 +531,3 @@ opacity: 0;

const $694098d2b7aee85e$export$d5bfa04a6ce7104f = $jvNZe$emotionreact.keyframes`
const $694098d2b7aee85e$export$d5bfa04a6ce7104f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -545,3 +545,3 @@ opacity: 0;

const $b15cf9ee005e2158$export$546bb2e31f381a81 = $jvNZe$emotionreact.keyframes`
const $b15cf9ee005e2158$export$546bb2e31f381a81 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -559,3 +559,3 @@ opacity: 0;

const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = $jvNZe$emotionreact.keyframes`
const $0cf1b8b22f8c2075$export$f18a2356a26ed325 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -576,4 +576,4 @@ opacity: 0;

function $f2597d38a334a0ad$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b , iterationCount: iterationCount = 1 , }) {
return $jvNZe$emotionreact.css`
function $f2597d38a334a0ad$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , iterationCount: iterationCount = 1 , }) {
return (0, $jvNZe$emotionreact.css)`
animation-duration: ${duration}ms;

@@ -598,6 +598,6 @@ animation-timing-function: ${timingFunction};

const $c8a4d927fd00b892$var$hiddenStyles = $jvNZe$emotionreact.css`
const $c8a4d927fd00b892$var$hiddenStyles = (0, $jvNZe$emotionreact.css)`
opacity: 0;
`;
const $c8a4d927fd00b892$var$textBaseStyles = $jvNZe$emotionreact.css`
const $c8a4d927fd00b892$var$textBaseStyles = (0, $jvNZe$emotionreact.css)`
display: inline-block;

@@ -607,13 +607,12 @@ white-space: pre;

const $c8a4d927fd00b892$export$9a32a8eb4bb56ca3 = (props)=>{
const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange , } = props;
const animationStyles = $jvNZe$react.useMemo(()=>$f2597d38a334a0ad$export$cdf1f51c52cf49d8({
const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b) , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange , } = props;
const animationStyles = (0, $jvNZe$react.useMemo)(()=>(0, $f2597d38a334a0ad$export$cdf1f51c52cf49d8)({
keyframes: keyframes,
duration: duration
})
, [
}), [
duration,
keyframes
]);
if ($6a26e8abc0402dd5$export$bedb7023a7733221(children)) return null;
if ($6a26e8abc0402dd5$export$f832f653c73e86f8(children)) return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$var$TextReveal, {
if ((0, $6a26e8abc0402dd5$export$bedb7023a7733221)(children)) return null;
if ((0, $6a26e8abc0402dd5$export$f832f653c73e86f8)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$TextReveal, {
...props,

@@ -623,9 +622,9 @@ animationStyles: animationStyles,

});
if ($jvNZe$reactis.isFragment(children)) return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$var$FragmentReveal, {
if ((0, $jvNZe$reactis.isFragment)(children)) return (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$var$FragmentReveal, {
...props,
animationStyles: animationStyles
});
return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreactjsxruntime.Fragment, {
children: $jvNZe$react.Children.map(children, (node, index)=>{
if (!/*#__PURE__*/ $jvNZe$react.isValidElement(node)) return null;
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreactjsxruntime.Fragment), {
children: (0, $jvNZe$react.Children).map(children, (node, index)=>{
if (!/*#__PURE__*/ (0, $jvNZe$react.isValidElement)(node)) return null;
const inViewStyles = [

@@ -639,4 +638,4 @@ revealCss,

case "ul":
return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
children: ({ cx: cx })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
children: ({ cx: cx })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
...node.props,

@@ -648,3 +647,3 @@ className: cx(className, node.props.className),

},
children: $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
children: (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
...props,

@@ -656,8 +655,8 @@ children: node.props.children

case "li":
return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
threshold: fraction,
triggerOnce: triggerOnce,
onChange: onVisibilityChange,
children: ({ inView: inView , ref: ref })=>$jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
children: ({ cx: cx })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
children: ({ inView: inView , ref: ref })=>(0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
children: ({ cx: cx })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
...node.props,

@@ -676,7 +675,7 @@ ref: ref,

default:
return $jvNZe$emotionreactjsxruntime.jsx($jvNZe$reactintersectionobserver.InView, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$reactintersectionobserver.InView), {
threshold: fraction,
triggerOnce: triggerOnce,
onChange: onVisibilityChange,
children: ({ inView: inView , ref: ref })=>$jvNZe$emotionreactjsxruntime.jsx("div", {
children: ({ inView: inView , ref: ref })=>(0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
ref: ref,

@@ -689,4 +688,4 @@ className: className,

},
children: $jvNZe$emotionreactjsxruntime.jsx($jvNZe$emotionreact.ClassNames, {
children: ({ cx: cx })=>$jvNZe$emotionreactjsxruntime.jsx(node.type, {
children: (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $jvNZe$emotionreact.ClassNames), {
children: ({ cx: cx })=>(0, $jvNZe$emotionreactjsxruntime.jsx)(node.type, {
...node.props,

@@ -708,3 +707,3 @@ className: cx(childClassName, node.props.className),

const { animationStyles: animationStyles , cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange , } = props;
const { ref: ref , inView: inView } = $jvNZe$reactintersectionobserver.useInView({
const { ref: ref , inView: inView } = (0, $jvNZe$reactintersectionobserver.useInView)({
triggerOnce: triggerOnce,

@@ -714,3 +713,3 @@ threshold: fraction,

});
return cascade ? $jvNZe$emotionreactjsxruntime.jsx("div", {
return cascade ? (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
ref: ref,

@@ -723,3 +722,3 @@ className: className,

style: style,
children: children.split("").map((char, index)=>$jvNZe$emotionreactjsxruntime.jsx("span", {
children: children.split("").map((char, index)=>(0, $jvNZe$emotionreactjsxruntime.jsx)("span", {
css: inView ? animationStyles : $c8a4d927fd00b892$var$hiddenStyles,

@@ -730,5 +729,4 @@ style: {

children: char
}, index)
)
}) : $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
}, index))
}) : (0, $jvNZe$emotionreactjsxruntime.jsx)($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
...props,

@@ -740,3 +738,3 @@ children: children

const { animationStyles: animationStyles , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange , } = props;
const { ref: ref , inView: inView } = $jvNZe$reactintersectionobserver.useInView({
const { ref: ref , inView: inView } = (0, $jvNZe$reactintersectionobserver.useInView)({
triggerOnce: triggerOnce,

@@ -750,3 +748,3 @@ threshold: fraction,

];
return $jvNZe$emotionreactjsxruntime.jsx("div", {
return (0, $jvNZe$emotionreactjsxruntime.jsx)("div", {
ref: ref,

@@ -765,7 +763,7 @@ className: className,

return [
$fd9067391ce6df13$export$fff9462e59a6c087
(0, $fd9067391ce6df13$export$fff9462e59a6c087)
];
case "headShake":
return [
$eb9167f8b04a1eef$export$cc718fa79617014c,
(0, $eb9167f8b04a1eef$export$cc718fa79617014c),
{

@@ -777,3 +775,3 @@ animationTimingFunction: "ease-in-out"

return [
$6efeb5b76066380c$export$f5767cd4e86f63a5,
(0, $6efeb5b76066380c$export$f5767cd4e86f63a5),
{

@@ -785,3 +783,3 @@ animationTimingFunction: "ease-in-out"

return [
$bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d,
(0, $bbf7c8c1f2f8bcda$export$821f6a9282d0ec8d),
{

@@ -793,3 +791,3 @@ transformOrigin: "center"

return [
$409347824bf28b80$export$f3aaf94dc96a60de,
(0, $409347824bf28b80$export$f3aaf94dc96a60de),
{

@@ -801,19 +799,19 @@ animationTimingFunction: "ease-in-out"

return [
$118273709ecc7996$export$bbc07f6a19d55e88
(0, $118273709ecc7996$export$bbc07f6a19d55e88)
];
case "shake":
return [
$99597785e49dcbea$export$267b06a7460aa7d3
(0, $99597785e49dcbea$export$267b06a7460aa7d3)
];
case "shakeX":
return [
$5dd42df0435d852f$export$8e99d6962f95c405
(0, $5dd42df0435d852f$export$8e99d6962f95c405)
];
case "shakeY":
return [
$ef91eb5bdfc318f0$export$8c0595fc0dd256ce
(0, $ef91eb5bdfc318f0$export$8c0595fc0dd256ce)
];
case "swing":
return [
$17cad7ed79df0fbf$export$84fc4030631e573c,
(0, $17cad7ed79df0fbf$export$84fc4030631e573c),
{

@@ -825,7 +823,7 @@ transformOrigin: "top center"

return [
$cb5eed64c434fe13$export$1362d96c12095304
(0, $cb5eed64c434fe13$export$1362d96c12095304)
];
case "wobble":
return [
$64e244b1100f4aec$export$138a91d3335be56
(0, $64e244b1100f4aec$export$138a91d3335be56)
];

@@ -835,3 +833,3 @@ case "bounce":

return [
$88ffd68ae302398a$export$e3ce947fb98643bf,
(0, $88ffd68ae302398a$export$e3ce947fb98643bf),
{

@@ -845,7 +843,6 @@ transformOrigin: "center bottom"

const { effect: effect = "bounce" , ...rest } = props;
const [keyframes, animationCss] = $jvNZe$react.useMemo(()=>$53b8ad22b050830b$var$getStyles(effect)
, [
const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$53b8ad22b050830b$var$getStyles(effect), [
effect
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -864,3 +861,3 @@ css: animationCss,

const $239280df9946b122$export$fccebd7948554554 = $jvNZe$emotionreact.keyframes`
const $239280df9946b122$export$fccebd7948554554 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -904,3 +901,3 @@ 20%,

const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = $jvNZe$emotionreact.keyframes`
const $6cf6d8e43927ecb0$export$5567dcc4c3474880 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -938,3 +935,3 @@ 60%,

const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = $jvNZe$emotionreact.keyframes`
const $5c0cd9513f5655ae$export$92fd46a1c9da5ead = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -972,3 +969,3 @@ 60%,

const $9fc2107612a180c2$export$aebe35d18555813a = $jvNZe$emotionreact.keyframes`
const $9fc2107612a180c2$export$aebe35d18555813a = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -1006,3 +1003,3 @@ 60%,

const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = $jvNZe$emotionreact.keyframes`
const $df2aa9ffda66bf8e$export$9e7bc32a82042281 = (0, $jvNZe$emotionreact.keyframes)`
from,

@@ -1042,3 +1039,3 @@ 60%,

const $279e1b37c9d3b420$export$cccc9e04465dce11 = $jvNZe$emotionreact.keyframes`
const $279e1b37c9d3b420$export$cccc9e04465dce11 = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -1061,3 +1058,3 @@ transform: scale3d(0.9, 0.9, 0.9);

const $c087b0b0bb8754b6$export$26ce0cf84248400c = $jvNZe$emotionreact.keyframes`
const $c087b0b0bb8754b6$export$26ce0cf84248400c = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -1080,3 +1077,3 @@ transform: translate3d(0, 10px, 0) scaleY(0.985);

const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = $jvNZe$emotionreact.keyframes`
const $2d05960b7dd695c1$export$3dabd2f5ee26f898 = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -1094,3 +1091,3 @@ opacity: 1;

const $6e8a1f82929c5a87$export$7b4a033090b713a = $jvNZe$emotionreact.keyframes`
const $6e8a1f82929c5a87$export$7b4a033090b713a = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -1108,3 +1105,3 @@ opacity: 1;

const $ffd8976020fae4b5$export$fe9810e7e30c9caa = $jvNZe$emotionreact.keyframes`
const $ffd8976020fae4b5$export$fe9810e7e30c9caa = (0, $jvNZe$emotionreact.keyframes)`
20% {

@@ -1132,11 +1129,11 @@ transform: translate3d(0, -10px, 0) scaleY(0.985);

case "down":
return reverse ? $c087b0b0bb8754b6$export$26ce0cf84248400c : $6cf6d8e43927ecb0$export$5567dcc4c3474880;
return reverse ? (0, $c087b0b0bb8754b6$export$26ce0cf84248400c) : (0, $6cf6d8e43927ecb0$export$5567dcc4c3474880);
case "left":
return reverse ? $2d05960b7dd695c1$export$3dabd2f5ee26f898 : $5c0cd9513f5655ae$export$92fd46a1c9da5ead;
return reverse ? (0, $2d05960b7dd695c1$export$3dabd2f5ee26f898) : (0, $5c0cd9513f5655ae$export$92fd46a1c9da5ead);
case "right":
return reverse ? $6e8a1f82929c5a87$export$7b4a033090b713a : $9fc2107612a180c2$export$aebe35d18555813a;
return reverse ? (0, $6e8a1f82929c5a87$export$7b4a033090b713a) : (0, $9fc2107612a180c2$export$aebe35d18555813a);
case "up":
return reverse ? $ffd8976020fae4b5$export$fe9810e7e30c9caa : $df2aa9ffda66bf8e$export$9e7bc32a82042281;
return reverse ? (0, $ffd8976020fae4b5$export$fe9810e7e30c9caa) : (0, $df2aa9ffda66bf8e$export$9e7bc32a82042281);
default:
return reverse ? $279e1b37c9d3b420$export$cccc9e04465dce11 : $239280df9946b122$export$fccebd7948554554;
return reverse ? (0, $279e1b37c9d3b420$export$cccc9e04465dce11) : (0, $239280df9946b122$export$fccebd7948554554);
}

@@ -1146,8 +1143,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$538f81368e1b5055$var$getStyles(reverse, direction)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$538f81368e1b5055$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1166,3 +1162,3 @@ ...rest

const $a785dbac738f5f3e$export$c091916f1530334c = $jvNZe$emotionreact.keyframes`
const $a785dbac738f5f3e$export$c091916f1530334c = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1178,3 +1174,3 @@ opacity: 1;

const $ce011eac9ce0614a$export$19a945979f1fb3dc = $jvNZe$emotionreact.keyframes`
const $ce011eac9ce0614a$export$19a945979f1fb3dc = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1192,3 +1188,3 @@ opacity: 1;

const $c2858a61175e3532$export$5728b370175ac481 = $jvNZe$emotionreact.keyframes`
const $c2858a61175e3532$export$5728b370175ac481 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1206,3 +1202,3 @@ opacity: 1;

const $0e2ef080f367183e$export$918ddd2a9d66b46e = $jvNZe$emotionreact.keyframes`
const $0e2ef080f367183e$export$918ddd2a9d66b46e = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1219,3 +1215,3 @@ opacity: 1;

const $d7fb8c5deff36398$export$658ef65a86bafcbd = $jvNZe$emotionreact.keyframes`
const $d7fb8c5deff36398$export$658ef65a86bafcbd = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1232,3 +1228,3 @@ opacity: 1;

const $d1a858cda71a4e75$export$99efea88984e567e = $jvNZe$emotionreact.keyframes`
const $d1a858cda71a4e75$export$99efea88984e567e = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1245,3 +1241,3 @@ opacity: 1;

const $95af0635245b07a1$export$3a9dc8f9529ceff5 = $jvNZe$emotionreact.keyframes`
const $95af0635245b07a1$export$3a9dc8f9529ceff5 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1258,3 +1254,3 @@ opacity: 1;

const $1ce7d5ebbf024e25$export$1541972369870d64 = $jvNZe$emotionreact.keyframes`
const $1ce7d5ebbf024e25$export$1541972369870d64 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1271,3 +1267,3 @@ opacity: 1;

const $98c2de600df5e876$export$d3f8667912a1aaa1 = $jvNZe$emotionreact.keyframes`
const $98c2de600df5e876$export$d3f8667912a1aaa1 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1284,3 +1280,3 @@ opacity: 1;

const $f86363e7f17f6b48$export$cc0980c21917f2b0 = $jvNZe$emotionreact.keyframes`
const $f86363e7f17f6b48$export$cc0980c21917f2b0 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1298,3 +1294,3 @@ opacity: 1;

const $a0fce7756a006a41$export$510f794173174a8b = $jvNZe$emotionreact.keyframes`
const $a0fce7756a006a41$export$510f794173174a8b = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1312,3 +1308,3 @@ opacity: 1;

const $41ae82f5230c6f3d$export$4163084011e71929 = $jvNZe$emotionreact.keyframes`
const $41ae82f5230c6f3d$export$4163084011e71929 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1325,3 +1321,3 @@ opacity: 1;

const $620ee1fbd37ce3b0$export$b0540367e09512e9 = $jvNZe$emotionreact.keyframes`
const $620ee1fbd37ce3b0$export$b0540367e09512e9 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1343,19 +1339,19 @@ opacity: 1;

case "bottom-left":
return reverse ? $ce011eac9ce0614a$export$19a945979f1fb3dc : $5d24f5d06eb0ca64$export$27e0c58916e1badc;
return reverse ? (0, $ce011eac9ce0614a$export$19a945979f1fb3dc) : (0, $5d24f5d06eb0ca64$export$27e0c58916e1badc);
case "bottom-right":
return reverse ? $c2858a61175e3532$export$5728b370175ac481 : $2a57c406215d34eb$export$f72096766ea3a089;
return reverse ? (0, $c2858a61175e3532$export$5728b370175ac481) : (0, $2a57c406215d34eb$export$f72096766ea3a089);
case "down":
return big ? reverse ? $d7fb8c5deff36398$export$658ef65a86bafcbd : $993b4f2eec647e23$export$aa45f1f50300a7c0 : reverse ? $0e2ef080f367183e$export$918ddd2a9d66b46e : $568a146f8f1dc468$export$6ecdcdb0033d0327;
return big ? reverse ? (0, $d7fb8c5deff36398$export$658ef65a86bafcbd) : (0, $993b4f2eec647e23$export$aa45f1f50300a7c0) : reverse ? (0, $0e2ef080f367183e$export$918ddd2a9d66b46e) : (0, $568a146f8f1dc468$export$6ecdcdb0033d0327);
case "left":
return big ? reverse ? $95af0635245b07a1$export$3a9dc8f9529ceff5 : $e77687a7cf911846$export$327c6b58e5f59d6f : reverse ? $d1a858cda71a4e75$export$99efea88984e567e : $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b;
return big ? reverse ? (0, $95af0635245b07a1$export$3a9dc8f9529ceff5) : (0, $e77687a7cf911846$export$327c6b58e5f59d6f) : reverse ? (0, $d1a858cda71a4e75$export$99efea88984e567e) : (0, $059dd4d1a0e7c5c8$export$d8fce5eeb232a07b);
case "right":
return big ? reverse ? $98c2de600df5e876$export$d3f8667912a1aaa1 : $55cf3d076c695f42$export$6f5ccd79656f671 : reverse ? $1ce7d5ebbf024e25$export$1541972369870d64 : $f128273212bfa795$export$7b78ca149b3ffe20;
return big ? reverse ? (0, $98c2de600df5e876$export$d3f8667912a1aaa1) : (0, $55cf3d076c695f42$export$6f5ccd79656f671) : reverse ? (0, $1ce7d5ebbf024e25$export$1541972369870d64) : (0, $f128273212bfa795$export$7b78ca149b3ffe20);
case "top-left":
return reverse ? $f86363e7f17f6b48$export$cc0980c21917f2b0 : $156b763c5e69a9ca$export$777354dbc7828ff3;
return reverse ? (0, $f86363e7f17f6b48$export$cc0980c21917f2b0) : (0, $156b763c5e69a9ca$export$777354dbc7828ff3);
case "top-right":
return reverse ? $a0fce7756a006a41$export$510f794173174a8b : $694098d2b7aee85e$export$d5bfa04a6ce7104f;
return reverse ? (0, $a0fce7756a006a41$export$510f794173174a8b) : (0, $694098d2b7aee85e$export$d5bfa04a6ce7104f);
case "up":
return big ? reverse ? $620ee1fbd37ce3b0$export$b0540367e09512e9 : $0cf1b8b22f8c2075$export$f18a2356a26ed325 : reverse ? $41ae82f5230c6f3d$export$4163084011e71929 : $b15cf9ee005e2158$export$546bb2e31f381a81;
return big ? reverse ? (0, $620ee1fbd37ce3b0$export$b0540367e09512e9) : (0, $0cf1b8b22f8c2075$export$f18a2356a26ed325) : reverse ? (0, $41ae82f5230c6f3d$export$4163084011e71929) : (0, $b15cf9ee005e2158$export$546bb2e31f381a81);
default:
return reverse ? $a785dbac738f5f3e$export$c091916f1530334c : $9ea0f43f56ccecde$export$82e6205b15e6c637;
return reverse ? (0, $a785dbac738f5f3e$export$c091916f1530334c) : (0, $9ea0f43f56ccecde$export$82e6205b15e6c637);
}

@@ -1365,4 +1361,3 @@ }

const { big: big = false , direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$38e0da7e8ca22f50$var$getStyles(big, reverse, direction)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$38e0da7e8ca22f50$var$getStyles(big, reverse, direction), [
big,

@@ -1372,3 +1367,3 @@ direction,

]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1387,3 +1382,3 @@ ...rest

const $7a93ca27322ab527$export$8a83211c878a3f1f = $jvNZe$emotionreact.keyframes`
const $7a93ca27322ab527$export$8a83211c878a3f1f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1419,3 +1414,3 @@ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

const $f9190ee81e2d4988$export$68ed1a067f792190 = $jvNZe$emotionreact.keyframes`
const $f9190ee81e2d4988$export$68ed1a067f792190 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1447,3 +1442,3 @@ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

const $305856451e6f8fcc$export$a10221d4eadc810 = $jvNZe$emotionreact.keyframes`
const $305856451e6f8fcc$export$a10221d4eadc810 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1475,3 +1470,3 @@ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = $jvNZe$emotionreact.keyframes`
const $86a1dd67c7624c85$export$4eaf247181cd9ec3 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1493,3 +1488,3 @@ transform: perspective(400px);

const $6bb13209ce33d395$export$93f09c73becb5407 = $jvNZe$emotionreact.keyframes`
const $6bb13209ce33d395$export$93f09c73becb5407 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1516,10 +1511,10 @@ transform: perspective(400px);

case "horizontal":
return reverse ? $86a1dd67c7624c85$export$4eaf247181cd9ec3 : $f9190ee81e2d4988$export$68ed1a067f792190;
return reverse ? (0, $86a1dd67c7624c85$export$4eaf247181cd9ec3) : (0, $f9190ee81e2d4988$export$68ed1a067f792190);
case "vertical":
return reverse ? $6bb13209ce33d395$export$93f09c73becb5407 : $305856451e6f8fcc$export$a10221d4eadc810;
return reverse ? (0, $6bb13209ce33d395$export$93f09c73becb5407) : (0, $305856451e6f8fcc$export$a10221d4eadc810);
default:
return $7a93ca27322ab527$export$8a83211c878a3f1f;
return 0, $7a93ca27322ab527$export$8a83211c878a3f1f;
}
}
const $a24d7b7f95c41c0b$var$animationCss = $jvNZe$emotionreact.css`
const $a24d7b7f95c41c0b$var$animationCss = (0, $jvNZe$emotionreact.css)`
backface-visibility: visible;

@@ -1529,8 +1524,7 @@ `;

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$a24d7b7f95c41c0b$var$getStyles(reverse, direction)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$a24d7b7f95c41c0b$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
css: $a24d7b7f95c41c0b$var$animationCss,

@@ -1549,3 +1543,3 @@ keyframes: keyframes,

const $d5624047c6cd5156$export$321a3d0bf2c75 = $jvNZe$emotionreact.keyframes`
const $d5624047c6cd5156$export$321a3d0bf2c75 = (0, $jvNZe$emotionreact.keyframes)`
0% {

@@ -1575,3 +1569,3 @@ animation-timing-function: ease-in-out;

const $763e7a71060b44ee$export$51046d36a99b73b0 = $jvNZe$emotionreact.keyframes`
const $763e7a71060b44ee$export$51046d36a99b73b0 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1598,3 +1592,3 @@ opacity: 0;

const $a5c6d470e6bb1934$export$6aa1850093220a4f = $jvNZe$emotionreact.keyframes`
const $a5c6d470e6bb1934$export$6aa1850093220a4f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1612,3 +1606,3 @@ opacity: 0;

const $a7e54697faae7be6$export$e78f98b32413b70e = $jvNZe$emotionreact.keyframes`
const $a7e54697faae7be6$export$e78f98b32413b70e = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1627,9 +1621,9 @@ opacity: 1;

const $ba126b9772ca94c1$var$animationCss = $jvNZe$emotionreact.css`
const $ba126b9772ca94c1$var$animationCss = (0, $jvNZe$emotionreact.css)`
transform-origin: top left;
`;
const $ba126b9772ca94c1$export$51b1a342f43475b0 = (props)=>{
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
css: $ba126b9772ca94c1$var$animationCss,
keyframes: $d5624047c6cd5156$export$321a3d0bf2c75,
keyframes: (0, $d5624047c6cd5156$export$321a3d0bf2c75),
...props

@@ -1647,4 +1641,4 @@ });

const $5923581cb4748dcc$export$2d9d44ff5c623255 = (props)=>{
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
keyframes: $763e7a71060b44ee$export$51046d36a99b73b0,
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: (0, $763e7a71060b44ee$export$51046d36a99b73b0),
...props

@@ -1663,11 +1657,10 @@ });

function $9e09e3efd7b75ad7$var$getStyles(reverse) {
return reverse ? $a7e54697faae7be6$export$e78f98b32413b70e : $a5c6d470e6bb1934$export$6aa1850093220a4f;
return reverse ? (0, $a7e54697faae7be6$export$e78f98b32413b70e) : (0, $a5c6d470e6bb1934$export$6aa1850093220a4f);
}
const $9e09e3efd7b75ad7$export$aa11096b70371f74 = (props)=>{
const { reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$9e09e3efd7b75ad7$var$getStyles(reverse)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$9e09e3efd7b75ad7$var$getStyles(reverse), [
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1685,3 +1678,3 @@ ...rest

const $1b29b037584a02bc$export$2b9048e0715456a4 = $jvNZe$emotionreact.keyframes`
const $1b29b037584a02bc$export$2b9048e0715456a4 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1699,3 +1692,3 @@ transform: rotate3d(0, 0, 1, -200deg);

const $6d158bf4c3b9a085$export$7336503083b51ac8 = $jvNZe$emotionreact.keyframes`
const $6d158bf4c3b9a085$export$7336503083b51ac8 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1713,3 +1706,3 @@ transform: rotate3d(0, 0, 1, -45deg);

const $8088f56d0f185f82$export$d39468e8ba1f782c = $jvNZe$emotionreact.keyframes`
const $8088f56d0f185f82$export$d39468e8ba1f782c = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1727,3 +1720,3 @@ transform: rotate3d(0, 0, 1, 45deg);

const $6989a54600cd1b06$export$3848addc86cdb49f = $jvNZe$emotionreact.keyframes`
const $6989a54600cd1b06$export$3848addc86cdb49f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1741,3 +1734,3 @@ transform: rotate3d(0, 0, 1, 45deg);

const $15ca95aca9bd2baa$export$bb10501f1250224d = $jvNZe$emotionreact.keyframes`
const $15ca95aca9bd2baa$export$bb10501f1250224d = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1757,3 +1750,3 @@ transform: rotate3d(0, 0, 1, -90deg);

const $95a219812d2befe1$export$5e1ccc268ae376b0 = $jvNZe$emotionreact.keyframes`
const $95a219812d2befe1$export$5e1ccc268ae376b0 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1770,3 +1763,3 @@ opacity: 1;

const $3c1382ebe584e541$export$fb5eb9e37db0dfef = $jvNZe$emotionreact.keyframes`
const $3c1382ebe584e541$export$fb5eb9e37db0dfef = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1783,3 +1776,3 @@ opacity: 1;

const $87e525313846a8f0$export$638177b843431394 = $jvNZe$emotionreact.keyframes`
const $87e525313846a8f0$export$638177b843431394 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1796,3 +1789,3 @@ opacity: 1;

const $5552c563ee00b4ba$export$d921b7e0db7ff86e = $jvNZe$emotionreact.keyframes`
const $5552c563ee00b4ba$export$d921b7e0db7ff86e = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1809,3 +1802,3 @@ opacity: 1;

const $16fb611719275541$export$43ebaa489dfc2f5d = $jvNZe$emotionreact.keyframes`
const $16fb611719275541$export$43ebaa489dfc2f5d = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1828,3 +1821,3 @@ opacity: 1;

return reverse ? [
$3c1382ebe584e541$export$fb5eb9e37db0dfef,
(0, $3c1382ebe584e541$export$fb5eb9e37db0dfef),
{

@@ -1834,3 +1827,3 @@ transformOrigin: "left bottom"

] : [
$6d158bf4c3b9a085$export$7336503083b51ac8,
(0, $6d158bf4c3b9a085$export$7336503083b51ac8),
{

@@ -1842,3 +1835,3 @@ transformOrigin: "left bottom"

return reverse ? [
$87e525313846a8f0$export$638177b843431394,
(0, $87e525313846a8f0$export$638177b843431394),
{

@@ -1848,3 +1841,3 @@ transformOrigin: "right bottom"

] : [
$8088f56d0f185f82$export$d39468e8ba1f782c,
(0, $8088f56d0f185f82$export$d39468e8ba1f782c),
{

@@ -1856,3 +1849,3 @@ transformOrigin: "right bottom"

return reverse ? [
$5552c563ee00b4ba$export$d921b7e0db7ff86e,
(0, $5552c563ee00b4ba$export$d921b7e0db7ff86e),
{

@@ -1862,3 +1855,3 @@ transformOrigin: "left bottom"

] : [
$6989a54600cd1b06$export$3848addc86cdb49f,
(0, $6989a54600cd1b06$export$3848addc86cdb49f),
{

@@ -1870,3 +1863,3 @@ transformOrigin: "left bottom"

return reverse ? [
$16fb611719275541$export$43ebaa489dfc2f5d,
(0, $16fb611719275541$export$43ebaa489dfc2f5d),
{

@@ -1876,3 +1869,3 @@ transformOrigin: "right bottom"

] : [
$15ca95aca9bd2baa$export$bb10501f1250224d,
(0, $15ca95aca9bd2baa$export$bb10501f1250224d),
{

@@ -1884,3 +1877,3 @@ transformOrigin: "right bottom"

return reverse ? [
$95a219812d2befe1$export$5e1ccc268ae376b0,
(0, $95a219812d2befe1$export$5e1ccc268ae376b0),
{

@@ -1890,3 +1883,3 @@ transformOrigin: "center"

] : [
$1b29b037584a02bc$export$2b9048e0715456a4,
(0, $1b29b037584a02bc$export$2b9048e0715456a4),
{

@@ -1900,8 +1893,7 @@ transformOrigin: "center"

const { direction: direction , reverse: reverse = false , ...rest } = props;
const [keyframes, animationCss] = $jvNZe$react.useMemo(()=>$f25af1ae851295d5$var$getStyles(reverse, direction)
, [
const [keyframes, animationCss] = (0, $jvNZe$react.useMemo)(()=>$f25af1ae851295d5$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
css: animationCss,

@@ -1920,3 +1912,3 @@ keyframes: keyframes,

const $1af9db7d37d42750$export$8775e04aa1928f66 = $jvNZe$emotionreact.keyframes`
const $1af9db7d37d42750$export$8775e04aa1928f66 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1933,3 +1925,3 @@ transform: translate3d(0, -100%, 0);

const $83c671c42e55a388$export$8da96f801aa19ebe = $jvNZe$emotionreact.keyframes`
const $83c671c42e55a388$export$8da96f801aa19ebe = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1946,3 +1938,3 @@ transform: translate3d(-100%, 0, 0);

const $a3c30b51c08a5fd5$export$706618d509d55167 = $jvNZe$emotionreact.keyframes`
const $a3c30b51c08a5fd5$export$706618d509d55167 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1959,3 +1951,3 @@ transform: translate3d(100%, 0, 0);

const $72d9e9426629a007$export$8ce8a09eb901d11 = $jvNZe$emotionreact.keyframes`
const $72d9e9426629a007$export$8ce8a09eb901d11 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1974,3 +1966,3 @@ transform: translate3d(0, 100%, 0);

const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = $jvNZe$emotionreact.keyframes`
const $a3e33ea8b70d329f$export$4d23096b87fa05f1 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -1987,3 +1979,3 @@ transform: translate3d(0, 0, 0);

const $a74adedc9b195b9f$export$78e157c613296941 = $jvNZe$emotionreact.keyframes`
const $a74adedc9b195b9f$export$78e157c613296941 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2000,3 +1992,3 @@ transform: translate3d(0, 0, 0);

const $e378f8605569fffa$export$45629ceb9412b813 = $jvNZe$emotionreact.keyframes`
const $e378f8605569fffa$export$45629ceb9412b813 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2013,3 +2005,3 @@ transform: translate3d(0, 0, 0);

const $026acf3f541549c5$export$341210899707327e = $jvNZe$emotionreact.keyframes`
const $026acf3f541549c5$export$341210899707327e = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2031,10 +2023,10 @@ transform: translate3d(0, 0, 0);

case "down":
return reverse ? $a3e33ea8b70d329f$export$4d23096b87fa05f1 : $1af9db7d37d42750$export$8775e04aa1928f66;
return reverse ? (0, $a3e33ea8b70d329f$export$4d23096b87fa05f1) : (0, $1af9db7d37d42750$export$8775e04aa1928f66);
case "right":
return reverse ? $e378f8605569fffa$export$45629ceb9412b813 : $a3c30b51c08a5fd5$export$706618d509d55167;
return reverse ? (0, $e378f8605569fffa$export$45629ceb9412b813) : (0, $a3c30b51c08a5fd5$export$706618d509d55167);
case "up":
return reverse ? $026acf3f541549c5$export$341210899707327e : $72d9e9426629a007$export$8ce8a09eb901d11;
return reverse ? (0, $026acf3f541549c5$export$341210899707327e) : (0, $72d9e9426629a007$export$8ce8a09eb901d11);
case "left":
default:
return reverse ? $a74adedc9b195b9f$export$78e157c613296941 : $83c671c42e55a388$export$8da96f801aa19ebe;
return reverse ? (0, $a74adedc9b195b9f$export$78e157c613296941) : (0, $83c671c42e55a388$export$8da96f801aa19ebe);
}

@@ -2044,8 +2036,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$f6faa87ecc5f38b3$var$getStyles(reverse, direction)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$f6faa87ecc5f38b3$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -2063,3 +2054,3 @@ ...rest

const $dc843673fdba933c$export$3b71758b3ed5255f = $jvNZe$emotionreact.keyframes`
const $dc843673fdba933c$export$3b71758b3ed5255f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2076,3 +2067,3 @@ opacity: 0;

const $0b42e7a53c517724$export$f1fb318c9f90bd9f = $jvNZe$emotionreact.keyframes`
const $0b42e7a53c517724$export$f1fb318c9f90bd9f = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2092,3 +2083,3 @@ opacity: 0;

const $936eed8bd433459e$export$3b5491f6985de80 = $jvNZe$emotionreact.keyframes`
const $936eed8bd433459e$export$3b5491f6985de80 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2108,3 +2099,3 @@ opacity: 0;

const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = $jvNZe$emotionreact.keyframes`
const $ceb2fe140eb0ceb1$export$6d68984f8269fb51 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2124,3 +2115,3 @@ opacity: 0;

const $4ac9fc03a237a348$export$f8e431a03d821bd2 = $jvNZe$emotionreact.keyframes`
const $4ac9fc03a237a348$export$f8e431a03d821bd2 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2142,3 +2133,3 @@ opacity: 0;

const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = $jvNZe$emotionreact.keyframes`
const $d60fcabdd553050f$export$9fdb0a49c6b4b521 = (0, $jvNZe$emotionreact.keyframes)`
from {

@@ -2159,3 +2150,3 @@ opacity: 1;

const $24a33ab629d9f63a$export$10deba13beba726f = $jvNZe$emotionreact.keyframes`
const $24a33ab629d9f63a$export$10deba13beba726f = (0, $jvNZe$emotionreact.keyframes)`
40% {

@@ -2175,3 +2166,3 @@ opacity: 1;

const $a6ffe5eb8dcf9326$export$a897bc2790be434e = $jvNZe$emotionreact.keyframes`
const $a6ffe5eb8dcf9326$export$a897bc2790be434e = (0, $jvNZe$emotionreact.keyframes)`
40% {

@@ -2189,3 +2180,3 @@ opacity: 1;

const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = $jvNZe$emotionreact.keyframes`
const $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 = (0, $jvNZe$emotionreact.keyframes)`
40% {

@@ -2203,3 +2194,3 @@ opacity: 1;

const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = $jvNZe$emotionreact.keyframes`
const $7ba775b3029ac26b$export$6c4c2ccf7a384b67 = (0, $jvNZe$emotionreact.keyframes)`
40% {

@@ -2224,11 +2215,11 @@ opacity: 1;

case "down":
return reverse ? $24a33ab629d9f63a$export$10deba13beba726f : $0b42e7a53c517724$export$f1fb318c9f90bd9f;
return reverse ? (0, $24a33ab629d9f63a$export$10deba13beba726f) : (0, $0b42e7a53c517724$export$f1fb318c9f90bd9f);
case "left":
return reverse ? $a6ffe5eb8dcf9326$export$a897bc2790be434e : $936eed8bd433459e$export$3b5491f6985de80;
return reverse ? (0, $a6ffe5eb8dcf9326$export$a897bc2790be434e) : (0, $936eed8bd433459e$export$3b5491f6985de80);
case "right":
return reverse ? $62cd9c1d62e0c7bf$export$23fe0a856d31fa73 : $ceb2fe140eb0ceb1$export$6d68984f8269fb51;
return reverse ? (0, $62cd9c1d62e0c7bf$export$23fe0a856d31fa73) : (0, $ceb2fe140eb0ceb1$export$6d68984f8269fb51);
case "up":
return reverse ? $7ba775b3029ac26b$export$6c4c2ccf7a384b67 : $4ac9fc03a237a348$export$f8e431a03d821bd2;
return reverse ? (0, $7ba775b3029ac26b$export$6c4c2ccf7a384b67) : (0, $4ac9fc03a237a348$export$f8e431a03d821bd2);
default:
return reverse ? $d60fcabdd553050f$export$9fdb0a49c6b4b521 : $dc843673fdba933c$export$3b71758b3ed5255f;
return reverse ? (0, $d60fcabdd553050f$export$9fdb0a49c6b4b521) : (0, $dc843673fdba933c$export$3b71758b3ed5255f);
}

@@ -2238,8 +2229,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $jvNZe$react.useMemo(()=>$034268f68644a31d$var$getStyles(reverse, direction)
, [
const keyframes = (0, $jvNZe$react.useMemo)(()=>$034268f68644a31d$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $jvNZe$emotionreactjsxruntime.jsx($c8a4d927fd00b892$export$9a32a8eb4bb56ca3, {
return (0, $jvNZe$emotionreactjsxruntime.jsx)((0, $c8a4d927fd00b892$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -2246,0 +2236,0 @@ ...rest

386

dist/module.js

@@ -33,3 +33,3 @@ import {jsx as $1xU4C$jsx, Fragment as $1xU4C$Fragment} from "@emotion/react/jsx-runtime";

const $775a2b03e866bcd9$export$e3ce947fb98643bf = $1xU4C$keyframes`
const $775a2b03e866bcd9$export$e3ce947fb98643bf = (0, $1xU4C$keyframes)`
from,

@@ -65,3 +65,3 @@ 20%,

const $60e0e70d0ee57fd6$export$fff9462e59a6c087 = $1xU4C$keyframes`
const $60e0e70d0ee57fd6$export$fff9462e59a6c087 = (0, $1xU4C$keyframes)`
from,

@@ -80,3 +80,3 @@ 50%,

const $84ec4f3762e23138$export$cc718fa79617014c = $1xU4C$keyframes`
const $84ec4f3762e23138$export$cc718fa79617014c = (0, $1xU4C$keyframes)`
0% {

@@ -108,3 +108,3 @@ transform: translateX(0);

const $c8867408124071c8$export$f5767cd4e86f63a5 = $1xU4C$keyframes`
const $c8867408124071c8$export$f5767cd4e86f63a5 = (0, $1xU4C$keyframes)`
0% {

@@ -132,3 +132,3 @@ transform: scale(1);

const $ae66423e2feef3f1$export$821f6a9282d0ec8d = $1xU4C$keyframes`
const $ae66423e2feef3f1$export$821f6a9282d0ec8d = (0, $1xU4C$keyframes)`
from,

@@ -170,3 +170,3 @@ 11.1%,

const $a95daebe57b5e1e5$export$f3aaf94dc96a60de = $1xU4C$keyframes`
const $a95daebe57b5e1e5$export$f3aaf94dc96a60de = (0, $1xU4C$keyframes)`
from {

@@ -186,3 +186,3 @@ transform: scale3d(1, 1, 1);

const $9ca3af9dea5fe859$export$bbc07f6a19d55e88 = $1xU4C$keyframes`
const $9ca3af9dea5fe859$export$bbc07f6a19d55e88 = (0, $1xU4C$keyframes)`
from {

@@ -218,3 +218,3 @@ transform: scale3d(1, 1, 1);

const $88c3a37920c89863$export$267b06a7460aa7d3 = $1xU4C$keyframes`
const $88c3a37920c89863$export$267b06a7460aa7d3 = (0, $1xU4C$keyframes)`
from,

@@ -242,3 +242,3 @@ to {

const $3a6f63f0cfcf24a9$export$8e99d6962f95c405 = $1xU4C$keyframes`
const $3a6f63f0cfcf24a9$export$8e99d6962f95c405 = (0, $1xU4C$keyframes)`
from,

@@ -266,3 +266,3 @@ to {

const $65bcd71eb9001959$export$8c0595fc0dd256ce = $1xU4C$keyframes`
const $65bcd71eb9001959$export$8c0595fc0dd256ce = (0, $1xU4C$keyframes)`
from,

@@ -290,3 +290,3 @@ to {

const $4fd2afcec80e2d0c$export$84fc4030631e573c = $1xU4C$keyframes`
const $4fd2afcec80e2d0c$export$84fc4030631e573c = (0, $1xU4C$keyframes)`
20% {

@@ -314,3 +314,3 @@ transform: rotate3d(0, 0, 1, 15deg);

const $67b2a29a5612958d$export$1362d96c12095304 = $1xU4C$keyframes`
const $67b2a29a5612958d$export$1362d96c12095304 = (0, $1xU4C$keyframes)`
from {

@@ -344,3 +344,3 @@ transform: scale3d(1, 1, 1);

const $4efebc091d1cec75$export$138a91d3335be56 = $1xU4C$keyframes`
const $4efebc091d1cec75$export$138a91d3335be56 = (0, $1xU4C$keyframes)`
from {

@@ -386,3 +386,3 @@ transform: translate3d(0, 0, 0);

const $08200e99613389d0$export$82e6205b15e6c637 = $1xU4C$keyframes`
const $08200e99613389d0$export$82e6205b15e6c637 = (0, $1xU4C$keyframes)`
from {

@@ -398,3 +398,3 @@ opacity: 0;

const $366095fe4168c22b$export$27e0c58916e1badc = $1xU4C$keyframes`
const $366095fe4168c22b$export$27e0c58916e1badc = (0, $1xU4C$keyframes)`
from {

@@ -412,3 +412,3 @@ opacity: 0;

const $c71c36ef60c84c2f$export$f72096766ea3a089 = $1xU4C$keyframes`
const $c71c36ef60c84c2f$export$f72096766ea3a089 = (0, $1xU4C$keyframes)`
from {

@@ -426,3 +426,3 @@ opacity: 0;

const $f735e05763ec9f0c$export$6ecdcdb0033d0327 = $1xU4C$keyframes`
const $f735e05763ec9f0c$export$6ecdcdb0033d0327 = (0, $1xU4C$keyframes)`
from {

@@ -440,3 +440,3 @@ opacity: 0;

const $f30cacd4a0b6f42a$export$aa45f1f50300a7c0 = $1xU4C$keyframes`
const $f30cacd4a0b6f42a$export$aa45f1f50300a7c0 = (0, $1xU4C$keyframes)`
from {

@@ -454,3 +454,3 @@ opacity: 0;

const $138b216f24cd3352$export$d8fce5eeb232a07b = $1xU4C$keyframes`
const $138b216f24cd3352$export$d8fce5eeb232a07b = (0, $1xU4C$keyframes)`
from {

@@ -468,3 +468,3 @@ opacity: 0;

const $7cd8f6575a1a10fd$export$327c6b58e5f59d6f = $1xU4C$keyframes`
const $7cd8f6575a1a10fd$export$327c6b58e5f59d6f = (0, $1xU4C$keyframes)`
from {

@@ -482,3 +482,3 @@ opacity: 0;

const $858c9afcf5e9cc61$export$7b78ca149b3ffe20 = $1xU4C$keyframes`
const $858c9afcf5e9cc61$export$7b78ca149b3ffe20 = (0, $1xU4C$keyframes)`
from {

@@ -496,3 +496,3 @@ opacity: 0;

const $829b04a741706129$export$6f5ccd79656f671 = $1xU4C$keyframes`
const $829b04a741706129$export$6f5ccd79656f671 = (0, $1xU4C$keyframes)`
from {

@@ -510,3 +510,3 @@ opacity: 0;

const $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3 = $1xU4C$keyframes`
const $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3 = (0, $1xU4C$keyframes)`
from {

@@ -524,3 +524,3 @@ opacity: 0;

const $bc109cfc9b233b31$export$d5bfa04a6ce7104f = $1xU4C$keyframes`
const $bc109cfc9b233b31$export$d5bfa04a6ce7104f = (0, $1xU4C$keyframes)`
from {

@@ -538,3 +538,3 @@ opacity: 0;

const $c2f1837e4822dc2d$export$546bb2e31f381a81 = $1xU4C$keyframes`
const $c2f1837e4822dc2d$export$546bb2e31f381a81 = (0, $1xU4C$keyframes)`
from {

@@ -552,3 +552,3 @@ opacity: 0;

const $aa30cfc033f0c6c8$export$f18a2356a26ed325 = $1xU4C$keyframes`
const $aa30cfc033f0c6c8$export$f18a2356a26ed325 = (0, $1xU4C$keyframes)`
from {

@@ -569,4 +569,4 @@ opacity: 0;

function $83a0c63b7d7fa82e$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = $138b216f24cd3352$export$d8fce5eeb232a07b , iterationCount: iterationCount = 1 , }) {
return $1xU4C$css`
function $83a0c63b7d7fa82e$export$cdf1f51c52cf49d8({ duration: duration = 1000 , delay: delay = 0 , timingFunction: timingFunction = "ease" , keyframes: keyframes = (0, $138b216f24cd3352$export$d8fce5eeb232a07b) , iterationCount: iterationCount = 1 , }) {
return (0, $1xU4C$css)`
animation-duration: ${duration}ms;

@@ -591,6 +591,6 @@ animation-timing-function: ${timingFunction};

const $dd2a0a37606c7cc8$var$hiddenStyles = $1xU4C$css`
const $dd2a0a37606c7cc8$var$hiddenStyles = (0, $1xU4C$css)`
opacity: 0;
`;
const $dd2a0a37606c7cc8$var$textBaseStyles = $1xU4C$css`
const $dd2a0a37606c7cc8$var$textBaseStyles = (0, $1xU4C$css)`
display: inline-block;

@@ -600,13 +600,12 @@ white-space: pre;

const $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3 = (props)=>{
const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = $138b216f24cd3352$export$d8fce5eeb232a07b , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange , } = props;
const animationStyles = $1xU4C$useMemo(()=>$83a0c63b7d7fa82e$export$cdf1f51c52cf49d8({
const { cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , keyframes: keyframes = (0, $138b216f24cd3352$export$d8fce5eeb232a07b) , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , childClassName: childClassName , childStyle: childStyle , children: children , onVisibilityChange: onVisibilityChange , } = props;
const animationStyles = (0, $1xU4C$useMemo)(()=>(0, $83a0c63b7d7fa82e$export$cdf1f51c52cf49d8)({
keyframes: keyframes,
duration: duration
})
, [
}), [
duration,
keyframes
]);
if ($1c19d828b946891f$export$bedb7023a7733221(children)) return null;
if ($1c19d828b946891f$export$f832f653c73e86f8(children)) return $1xU4C$jsx($dd2a0a37606c7cc8$var$TextReveal, {
if ((0, $1c19d828b946891f$export$bedb7023a7733221)(children)) return null;
if ((0, $1c19d828b946891f$export$f832f653c73e86f8)(children)) return (0, $1xU4C$jsx)($dd2a0a37606c7cc8$var$TextReveal, {
...props,

@@ -616,9 +615,9 @@ animationStyles: animationStyles,

});
if ($1xU4C$isFragment(children)) return $1xU4C$jsx($dd2a0a37606c7cc8$var$FragmentReveal, {
if ((0, $1xU4C$isFragment)(children)) return (0, $1xU4C$jsx)($dd2a0a37606c7cc8$var$FragmentReveal, {
...props,
animationStyles: animationStyles
});
return $1xU4C$jsx($1xU4C$Fragment, {
children: $1xU4C$Children.map(children, (node, index)=>{
if (!/*#__PURE__*/ $1xU4C$isValidElement(node)) return null;
return (0, $1xU4C$jsx)((0, $1xU4C$Fragment), {
children: (0, $1xU4C$Children).map(children, (node, index)=>{
if (!/*#__PURE__*/ (0, $1xU4C$isValidElement)(node)) return null;
const inViewStyles = [

@@ -632,4 +631,4 @@ revealCss,

case "ul":
return $1xU4C$jsx($1xU4C$ClassNames, {
children: ({ cx: cx })=>$1xU4C$jsx(node.type, {
return (0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
children: ({ cx: cx })=>(0, $1xU4C$jsx)(node.type, {
...node.props,

@@ -641,3 +640,3 @@ className: cx(className, node.props.className),

},
children: $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
children: (0, $1xU4C$jsx)($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
...props,

@@ -649,8 +648,8 @@ children: node.props.children

case "li":
return $1xU4C$jsx($1xU4C$InView, {
return (0, $1xU4C$jsx)((0, $1xU4C$InView), {
threshold: fraction,
triggerOnce: triggerOnce,
onChange: onVisibilityChange,
children: ({ inView: inView , ref: ref })=>$1xU4C$jsx($1xU4C$ClassNames, {
children: ({ cx: cx })=>$1xU4C$jsx(node.type, {
children: ({ inView: inView , ref: ref })=>(0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
children: ({ cx: cx })=>(0, $1xU4C$jsx)(node.type, {
...node.props,

@@ -669,7 +668,7 @@ ref: ref,

default:
return $1xU4C$jsx($1xU4C$InView, {
return (0, $1xU4C$jsx)((0, $1xU4C$InView), {
threshold: fraction,
triggerOnce: triggerOnce,
onChange: onVisibilityChange,
children: ({ inView: inView , ref: ref })=>$1xU4C$jsx("div", {
children: ({ inView: inView , ref: ref })=>(0, $1xU4C$jsx)("div", {
ref: ref,

@@ -682,4 +681,4 @@ className: className,

},
children: $1xU4C$jsx($1xU4C$ClassNames, {
children: ({ cx: cx })=>$1xU4C$jsx(node.type, {
children: (0, $1xU4C$jsx)((0, $1xU4C$ClassNames), {
children: ({ cx: cx })=>(0, $1xU4C$jsx)(node.type, {
...node.props,

@@ -701,3 +700,3 @@ className: cx(childClassName, node.props.className),

const { animationStyles: animationStyles , cascade: cascade = false , damping: damping = 0.5 , delay: delay = 0 , duration: duration = 1000 , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange , } = props;
const { ref: ref , inView: inView } = $1xU4C$useInView({
const { ref: ref , inView: inView } = (0, $1xU4C$useInView)({
triggerOnce: triggerOnce,

@@ -707,3 +706,3 @@ threshold: fraction,

});
return cascade ? $1xU4C$jsx("div", {
return cascade ? (0, $1xU4C$jsx)("div", {
ref: ref,

@@ -716,3 +715,3 @@ className: className,

style: style,
children: children.split("").map((char, index)=>$1xU4C$jsx("span", {
children: children.split("").map((char, index)=>(0, $1xU4C$jsx)("span", {
css: inView ? animationStyles : $dd2a0a37606c7cc8$var$hiddenStyles,

@@ -723,5 +722,4 @@ style: {

children: char
}, index)
)
}) : $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
}, index))
}) : (0, $1xU4C$jsx)($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
...props,

@@ -733,3 +731,3 @@ children: children

const { animationStyles: animationStyles , fraction: fraction = 0 , triggerOnce: triggerOnce = false , css: revealCss , className: className , style: style , children: children , onVisibilityChange: onVisibilityChange , } = props;
const { ref: ref , inView: inView } = $1xU4C$useInView({
const { ref: ref , inView: inView } = (0, $1xU4C$useInView)({
triggerOnce: triggerOnce,

@@ -743,3 +741,3 @@ threshold: fraction,

];
return $1xU4C$jsx("div", {
return (0, $1xU4C$jsx)("div", {
ref: ref,

@@ -758,7 +756,7 @@ className: className,

return [
$60e0e70d0ee57fd6$export$fff9462e59a6c087
(0, $60e0e70d0ee57fd6$export$fff9462e59a6c087)
];
case "headShake":
return [
$84ec4f3762e23138$export$cc718fa79617014c,
(0, $84ec4f3762e23138$export$cc718fa79617014c),
{

@@ -770,3 +768,3 @@ animationTimingFunction: "ease-in-out"

return [
$c8867408124071c8$export$f5767cd4e86f63a5,
(0, $c8867408124071c8$export$f5767cd4e86f63a5),
{

@@ -778,3 +776,3 @@ animationTimingFunction: "ease-in-out"

return [
$ae66423e2feef3f1$export$821f6a9282d0ec8d,
(0, $ae66423e2feef3f1$export$821f6a9282d0ec8d),
{

@@ -786,3 +784,3 @@ transformOrigin: "center"

return [
$a95daebe57b5e1e5$export$f3aaf94dc96a60de,
(0, $a95daebe57b5e1e5$export$f3aaf94dc96a60de),
{

@@ -794,19 +792,19 @@ animationTimingFunction: "ease-in-out"

return [
$9ca3af9dea5fe859$export$bbc07f6a19d55e88
(0, $9ca3af9dea5fe859$export$bbc07f6a19d55e88)
];
case "shake":
return [
$88c3a37920c89863$export$267b06a7460aa7d3
(0, $88c3a37920c89863$export$267b06a7460aa7d3)
];
case "shakeX":
return [
$3a6f63f0cfcf24a9$export$8e99d6962f95c405
(0, $3a6f63f0cfcf24a9$export$8e99d6962f95c405)
];
case "shakeY":
return [
$65bcd71eb9001959$export$8c0595fc0dd256ce
(0, $65bcd71eb9001959$export$8c0595fc0dd256ce)
];
case "swing":
return [
$4fd2afcec80e2d0c$export$84fc4030631e573c,
(0, $4fd2afcec80e2d0c$export$84fc4030631e573c),
{

@@ -818,7 +816,7 @@ transformOrigin: "top center"

return [
$67b2a29a5612958d$export$1362d96c12095304
(0, $67b2a29a5612958d$export$1362d96c12095304)
];
case "wobble":
return [
$4efebc091d1cec75$export$138a91d3335be56
(0, $4efebc091d1cec75$export$138a91d3335be56)
];

@@ -828,3 +826,3 @@ case "bounce":

return [
$775a2b03e866bcd9$export$e3ce947fb98643bf,
(0, $775a2b03e866bcd9$export$e3ce947fb98643bf),
{

@@ -838,7 +836,6 @@ transformOrigin: "center bottom"

const { effect: effect = "bounce" , ...rest } = props;
const [keyframes, animationCss] = $1xU4C$useMemo(()=>$b828946c3a57391e$var$getStyles(effect)
, [
const [keyframes, animationCss] = (0, $1xU4C$useMemo)(()=>$b828946c3a57391e$var$getStyles(effect), [
effect
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -857,3 +854,3 @@ css: animationCss,

const $f23f07773ccaa81e$export$fccebd7948554554 = $1xU4C$keyframes`
const $f23f07773ccaa81e$export$fccebd7948554554 = (0, $1xU4C$keyframes)`
from,

@@ -897,3 +894,3 @@ 20%,

const $cb0c7cbcbf809567$export$5567dcc4c3474880 = $1xU4C$keyframes`
const $cb0c7cbcbf809567$export$5567dcc4c3474880 = (0, $1xU4C$keyframes)`
from,

@@ -931,3 +928,3 @@ 60%,

const $0cebab2ec78c5352$export$92fd46a1c9da5ead = $1xU4C$keyframes`
const $0cebab2ec78c5352$export$92fd46a1c9da5ead = (0, $1xU4C$keyframes)`
from,

@@ -965,3 +962,3 @@ 60%,

const $e627ac5da737c319$export$aebe35d18555813a = $1xU4C$keyframes`
const $e627ac5da737c319$export$aebe35d18555813a = (0, $1xU4C$keyframes)`
from,

@@ -999,3 +996,3 @@ 60%,

const $ae0ebc4be3d9e415$export$9e7bc32a82042281 = $1xU4C$keyframes`
const $ae0ebc4be3d9e415$export$9e7bc32a82042281 = (0, $1xU4C$keyframes)`
from,

@@ -1035,3 +1032,3 @@ 60%,

const $8dd7d3345c71ecd6$export$cccc9e04465dce11 = $1xU4C$keyframes`
const $8dd7d3345c71ecd6$export$cccc9e04465dce11 = (0, $1xU4C$keyframes)`
20% {

@@ -1054,3 +1051,3 @@ transform: scale3d(0.9, 0.9, 0.9);

const $e21944c4774dcfc8$export$26ce0cf84248400c = $1xU4C$keyframes`
const $e21944c4774dcfc8$export$26ce0cf84248400c = (0, $1xU4C$keyframes)`
20% {

@@ -1073,3 +1070,3 @@ transform: translate3d(0, 10px, 0) scaleY(0.985);

const $6e2056233ddc9e07$export$3dabd2f5ee26f898 = $1xU4C$keyframes`
const $6e2056233ddc9e07$export$3dabd2f5ee26f898 = (0, $1xU4C$keyframes)`
20% {

@@ -1087,3 +1084,3 @@ opacity: 1;

const $d28f4592496a3ac2$export$7b4a033090b713a = $1xU4C$keyframes`
const $d28f4592496a3ac2$export$7b4a033090b713a = (0, $1xU4C$keyframes)`
20% {

@@ -1101,3 +1098,3 @@ opacity: 1;

const $25ef3a9d11ae653f$export$fe9810e7e30c9caa = $1xU4C$keyframes`
const $25ef3a9d11ae653f$export$fe9810e7e30c9caa = (0, $1xU4C$keyframes)`
20% {

@@ -1125,11 +1122,11 @@ transform: translate3d(0, -10px, 0) scaleY(0.985);

case "down":
return reverse ? $e21944c4774dcfc8$export$26ce0cf84248400c : $cb0c7cbcbf809567$export$5567dcc4c3474880;
return reverse ? (0, $e21944c4774dcfc8$export$26ce0cf84248400c) : (0, $cb0c7cbcbf809567$export$5567dcc4c3474880);
case "left":
return reverse ? $6e2056233ddc9e07$export$3dabd2f5ee26f898 : $0cebab2ec78c5352$export$92fd46a1c9da5ead;
return reverse ? (0, $6e2056233ddc9e07$export$3dabd2f5ee26f898) : (0, $0cebab2ec78c5352$export$92fd46a1c9da5ead);
case "right":
return reverse ? $d28f4592496a3ac2$export$7b4a033090b713a : $e627ac5da737c319$export$aebe35d18555813a;
return reverse ? (0, $d28f4592496a3ac2$export$7b4a033090b713a) : (0, $e627ac5da737c319$export$aebe35d18555813a);
case "up":
return reverse ? $25ef3a9d11ae653f$export$fe9810e7e30c9caa : $ae0ebc4be3d9e415$export$9e7bc32a82042281;
return reverse ? (0, $25ef3a9d11ae653f$export$fe9810e7e30c9caa) : (0, $ae0ebc4be3d9e415$export$9e7bc32a82042281);
default:
return reverse ? $8dd7d3345c71ecd6$export$cccc9e04465dce11 : $f23f07773ccaa81e$export$fccebd7948554554;
return reverse ? (0, $8dd7d3345c71ecd6$export$cccc9e04465dce11) : (0, $f23f07773ccaa81e$export$fccebd7948554554);
}

@@ -1139,8 +1136,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$bb6327b1f47bffee$var$getStyles(reverse, direction)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$bb6327b1f47bffee$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1159,3 +1155,3 @@ ...rest

const $10b9de0e704be0a9$export$c091916f1530334c = $1xU4C$keyframes`
const $10b9de0e704be0a9$export$c091916f1530334c = (0, $1xU4C$keyframes)`
from {

@@ -1171,3 +1167,3 @@ opacity: 1;

const $c986105b0d63214f$export$19a945979f1fb3dc = $1xU4C$keyframes`
const $c986105b0d63214f$export$19a945979f1fb3dc = (0, $1xU4C$keyframes)`
from {

@@ -1185,3 +1181,3 @@ opacity: 1;

const $b2ae8909c8c95f0f$export$5728b370175ac481 = $1xU4C$keyframes`
const $b2ae8909c8c95f0f$export$5728b370175ac481 = (0, $1xU4C$keyframes)`
from {

@@ -1199,3 +1195,3 @@ opacity: 1;

const $786dfbf27ee43a53$export$918ddd2a9d66b46e = $1xU4C$keyframes`
const $786dfbf27ee43a53$export$918ddd2a9d66b46e = (0, $1xU4C$keyframes)`
from {

@@ -1212,3 +1208,3 @@ opacity: 1;

const $30ecc333f4f638c6$export$658ef65a86bafcbd = $1xU4C$keyframes`
const $30ecc333f4f638c6$export$658ef65a86bafcbd = (0, $1xU4C$keyframes)`
from {

@@ -1225,3 +1221,3 @@ opacity: 1;

const $5a5a87fc1ae727ce$export$99efea88984e567e = $1xU4C$keyframes`
const $5a5a87fc1ae727ce$export$99efea88984e567e = (0, $1xU4C$keyframes)`
from {

@@ -1238,3 +1234,3 @@ opacity: 1;

const $02f1098f7416aebc$export$3a9dc8f9529ceff5 = $1xU4C$keyframes`
const $02f1098f7416aebc$export$3a9dc8f9529ceff5 = (0, $1xU4C$keyframes)`
from {

@@ -1251,3 +1247,3 @@ opacity: 1;

const $d29cff0228f6cb2e$export$1541972369870d64 = $1xU4C$keyframes`
const $d29cff0228f6cb2e$export$1541972369870d64 = (0, $1xU4C$keyframes)`
from {

@@ -1264,3 +1260,3 @@ opacity: 1;

const $904a461673c31049$export$d3f8667912a1aaa1 = $1xU4C$keyframes`
const $904a461673c31049$export$d3f8667912a1aaa1 = (0, $1xU4C$keyframes)`
from {

@@ -1277,3 +1273,3 @@ opacity: 1;

const $7b17baffb6a876fc$export$cc0980c21917f2b0 = $1xU4C$keyframes`
const $7b17baffb6a876fc$export$cc0980c21917f2b0 = (0, $1xU4C$keyframes)`
from {

@@ -1291,3 +1287,3 @@ opacity: 1;

const $c3f459764655acf7$export$510f794173174a8b = $1xU4C$keyframes`
const $c3f459764655acf7$export$510f794173174a8b = (0, $1xU4C$keyframes)`
from {

@@ -1305,3 +1301,3 @@ opacity: 1;

const $2796cd5f6b3ee53e$export$4163084011e71929 = $1xU4C$keyframes`
const $2796cd5f6b3ee53e$export$4163084011e71929 = (0, $1xU4C$keyframes)`
from {

@@ -1318,3 +1314,3 @@ opacity: 1;

const $4b33f120f7b08d73$export$b0540367e09512e9 = $1xU4C$keyframes`
const $4b33f120f7b08d73$export$b0540367e09512e9 = (0, $1xU4C$keyframes)`
from {

@@ -1336,19 +1332,19 @@ opacity: 1;

case "bottom-left":
return reverse ? $c986105b0d63214f$export$19a945979f1fb3dc : $366095fe4168c22b$export$27e0c58916e1badc;
return reverse ? (0, $c986105b0d63214f$export$19a945979f1fb3dc) : (0, $366095fe4168c22b$export$27e0c58916e1badc);
case "bottom-right":
return reverse ? $b2ae8909c8c95f0f$export$5728b370175ac481 : $c71c36ef60c84c2f$export$f72096766ea3a089;
return reverse ? (0, $b2ae8909c8c95f0f$export$5728b370175ac481) : (0, $c71c36ef60c84c2f$export$f72096766ea3a089);
case "down":
return big ? reverse ? $30ecc333f4f638c6$export$658ef65a86bafcbd : $f30cacd4a0b6f42a$export$aa45f1f50300a7c0 : reverse ? $786dfbf27ee43a53$export$918ddd2a9d66b46e : $f735e05763ec9f0c$export$6ecdcdb0033d0327;
return big ? reverse ? (0, $30ecc333f4f638c6$export$658ef65a86bafcbd) : (0, $f30cacd4a0b6f42a$export$aa45f1f50300a7c0) : reverse ? (0, $786dfbf27ee43a53$export$918ddd2a9d66b46e) : (0, $f735e05763ec9f0c$export$6ecdcdb0033d0327);
case "left":
return big ? reverse ? $02f1098f7416aebc$export$3a9dc8f9529ceff5 : $7cd8f6575a1a10fd$export$327c6b58e5f59d6f : reverse ? $5a5a87fc1ae727ce$export$99efea88984e567e : $138b216f24cd3352$export$d8fce5eeb232a07b;
return big ? reverse ? (0, $02f1098f7416aebc$export$3a9dc8f9529ceff5) : (0, $7cd8f6575a1a10fd$export$327c6b58e5f59d6f) : reverse ? (0, $5a5a87fc1ae727ce$export$99efea88984e567e) : (0, $138b216f24cd3352$export$d8fce5eeb232a07b);
case "right":
return big ? reverse ? $904a461673c31049$export$d3f8667912a1aaa1 : $829b04a741706129$export$6f5ccd79656f671 : reverse ? $d29cff0228f6cb2e$export$1541972369870d64 : $858c9afcf5e9cc61$export$7b78ca149b3ffe20;
return big ? reverse ? (0, $904a461673c31049$export$d3f8667912a1aaa1) : (0, $829b04a741706129$export$6f5ccd79656f671) : reverse ? (0, $d29cff0228f6cb2e$export$1541972369870d64) : (0, $858c9afcf5e9cc61$export$7b78ca149b3ffe20);
case "top-left":
return reverse ? $7b17baffb6a876fc$export$cc0980c21917f2b0 : $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3;
return reverse ? (0, $7b17baffb6a876fc$export$cc0980c21917f2b0) : (0, $6bd5ef3c2c1dbd7b$export$777354dbc7828ff3);
case "top-right":
return reverse ? $c3f459764655acf7$export$510f794173174a8b : $bc109cfc9b233b31$export$d5bfa04a6ce7104f;
return reverse ? (0, $c3f459764655acf7$export$510f794173174a8b) : (0, $bc109cfc9b233b31$export$d5bfa04a6ce7104f);
case "up":
return big ? reverse ? $4b33f120f7b08d73$export$b0540367e09512e9 : $aa30cfc033f0c6c8$export$f18a2356a26ed325 : reverse ? $2796cd5f6b3ee53e$export$4163084011e71929 : $c2f1837e4822dc2d$export$546bb2e31f381a81;
return big ? reverse ? (0, $4b33f120f7b08d73$export$b0540367e09512e9) : (0, $aa30cfc033f0c6c8$export$f18a2356a26ed325) : reverse ? (0, $2796cd5f6b3ee53e$export$4163084011e71929) : (0, $c2f1837e4822dc2d$export$546bb2e31f381a81);
default:
return reverse ? $10b9de0e704be0a9$export$c091916f1530334c : $08200e99613389d0$export$82e6205b15e6c637;
return reverse ? (0, $10b9de0e704be0a9$export$c091916f1530334c) : (0, $08200e99613389d0$export$82e6205b15e6c637);
}

@@ -1358,4 +1354,3 @@ }

const { big: big = false , direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$adcb99eda27e89cd$var$getStyles(big, reverse, direction)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$adcb99eda27e89cd$var$getStyles(big, reverse, direction), [
big,

@@ -1365,3 +1360,3 @@ direction,

]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1380,3 +1375,3 @@ ...rest

const $eec6c40c650fffda$export$8a83211c878a3f1f = $1xU4C$keyframes`
const $eec6c40c650fffda$export$8a83211c878a3f1f = (0, $1xU4C$keyframes)`
from {

@@ -1412,3 +1407,3 @@ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

const $d0caf64734ff9f36$export$68ed1a067f792190 = $1xU4C$keyframes`
const $d0caf64734ff9f36$export$68ed1a067f792190 = (0, $1xU4C$keyframes)`
from {

@@ -1440,3 +1435,3 @@ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

const $74b6ba089c3e11bb$export$a10221d4eadc810 = $1xU4C$keyframes`
const $74b6ba089c3e11bb$export$a10221d4eadc810 = (0, $1xU4C$keyframes)`
from {

@@ -1468,3 +1463,3 @@ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

const $3296d9d5923bb947$export$4eaf247181cd9ec3 = $1xU4C$keyframes`
const $3296d9d5923bb947$export$4eaf247181cd9ec3 = (0, $1xU4C$keyframes)`
from {

@@ -1486,3 +1481,3 @@ transform: perspective(400px);

const $598ddfaf542bad06$export$93f09c73becb5407 = $1xU4C$keyframes`
const $598ddfaf542bad06$export$93f09c73becb5407 = (0, $1xU4C$keyframes)`
from {

@@ -1509,10 +1504,10 @@ transform: perspective(400px);

case "horizontal":
return reverse ? $3296d9d5923bb947$export$4eaf247181cd9ec3 : $d0caf64734ff9f36$export$68ed1a067f792190;
return reverse ? (0, $3296d9d5923bb947$export$4eaf247181cd9ec3) : (0, $d0caf64734ff9f36$export$68ed1a067f792190);
case "vertical":
return reverse ? $598ddfaf542bad06$export$93f09c73becb5407 : $74b6ba089c3e11bb$export$a10221d4eadc810;
return reverse ? (0, $598ddfaf542bad06$export$93f09c73becb5407) : (0, $74b6ba089c3e11bb$export$a10221d4eadc810);
default:
return $eec6c40c650fffda$export$8a83211c878a3f1f;
return 0, $eec6c40c650fffda$export$8a83211c878a3f1f;
}
}
const $f0d920b909797485$var$animationCss = $1xU4C$css`
const $f0d920b909797485$var$animationCss = (0, $1xU4C$css)`
backface-visibility: visible;

@@ -1522,8 +1517,7 @@ `;

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$f0d920b909797485$var$getStyles(reverse, direction)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$f0d920b909797485$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
css: $f0d920b909797485$var$animationCss,

@@ -1542,3 +1536,3 @@ keyframes: keyframes,

const $93fbf746a871b56c$export$321a3d0bf2c75 = $1xU4C$keyframes`
const $93fbf746a871b56c$export$321a3d0bf2c75 = (0, $1xU4C$keyframes)`
0% {

@@ -1568,3 +1562,3 @@ animation-timing-function: ease-in-out;

const $9b96b9cef1ba3bd6$export$51046d36a99b73b0 = $1xU4C$keyframes`
const $9b96b9cef1ba3bd6$export$51046d36a99b73b0 = (0, $1xU4C$keyframes)`
from {

@@ -1591,3 +1585,3 @@ opacity: 0;

const $8d79c6bb52991451$export$6aa1850093220a4f = $1xU4C$keyframes`
const $8d79c6bb52991451$export$6aa1850093220a4f = (0, $1xU4C$keyframes)`
from {

@@ -1605,3 +1599,3 @@ opacity: 0;

const $1bc55f3d64a5479e$export$e78f98b32413b70e = $1xU4C$keyframes`
const $1bc55f3d64a5479e$export$e78f98b32413b70e = (0, $1xU4C$keyframes)`
from {

@@ -1620,9 +1614,9 @@ opacity: 1;

const $14213465a09382a1$var$animationCss = $1xU4C$css`
const $14213465a09382a1$var$animationCss = (0, $1xU4C$css)`
transform-origin: top left;
`;
const $14213465a09382a1$export$51b1a342f43475b0 = (props)=>{
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
css: $14213465a09382a1$var$animationCss,
keyframes: $93fbf746a871b56c$export$321a3d0bf2c75,
keyframes: (0, $93fbf746a871b56c$export$321a3d0bf2c75),
...props

@@ -1640,4 +1634,4 @@ });

const $2e65c14677169be3$export$2d9d44ff5c623255 = (props)=>{
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
keyframes: $9b96b9cef1ba3bd6$export$51046d36a99b73b0,
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: (0, $9b96b9cef1ba3bd6$export$51046d36a99b73b0),
...props

@@ -1656,11 +1650,10 @@ });

function $9f6ff16b7ccd9662$var$getStyles(reverse) {
return reverse ? $1bc55f3d64a5479e$export$e78f98b32413b70e : $8d79c6bb52991451$export$6aa1850093220a4f;
return reverse ? (0, $1bc55f3d64a5479e$export$e78f98b32413b70e) : (0, $8d79c6bb52991451$export$6aa1850093220a4f);
}
const $9f6ff16b7ccd9662$export$aa11096b70371f74 = (props)=>{
const { reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$9f6ff16b7ccd9662$var$getStyles(reverse)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$9f6ff16b7ccd9662$var$getStyles(reverse), [
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -1678,3 +1671,3 @@ ...rest

const $4c1352e04b1341e1$export$2b9048e0715456a4 = $1xU4C$keyframes`
const $4c1352e04b1341e1$export$2b9048e0715456a4 = (0, $1xU4C$keyframes)`
from {

@@ -1692,3 +1685,3 @@ transform: rotate3d(0, 0, 1, -200deg);

const $48c780d6063bb76d$export$7336503083b51ac8 = $1xU4C$keyframes`
const $48c780d6063bb76d$export$7336503083b51ac8 = (0, $1xU4C$keyframes)`
from {

@@ -1706,3 +1699,3 @@ transform: rotate3d(0, 0, 1, -45deg);

const $adf9b50c9d30b8c1$export$d39468e8ba1f782c = $1xU4C$keyframes`
const $adf9b50c9d30b8c1$export$d39468e8ba1f782c = (0, $1xU4C$keyframes)`
from {

@@ -1720,3 +1713,3 @@ transform: rotate3d(0, 0, 1, 45deg);

const $2879cc390c4f9feb$export$3848addc86cdb49f = $1xU4C$keyframes`
const $2879cc390c4f9feb$export$3848addc86cdb49f = (0, $1xU4C$keyframes)`
from {

@@ -1734,3 +1727,3 @@ transform: rotate3d(0, 0, 1, 45deg);

const $215b25e6efaf8c40$export$bb10501f1250224d = $1xU4C$keyframes`
const $215b25e6efaf8c40$export$bb10501f1250224d = (0, $1xU4C$keyframes)`
from {

@@ -1750,3 +1743,3 @@ transform: rotate3d(0, 0, 1, -90deg);

const $5e3af844b74f4a29$export$5e1ccc268ae376b0 = $1xU4C$keyframes`
const $5e3af844b74f4a29$export$5e1ccc268ae376b0 = (0, $1xU4C$keyframes)`
from {

@@ -1763,3 +1756,3 @@ opacity: 1;

const $eaa7cb0a622e8248$export$fb5eb9e37db0dfef = $1xU4C$keyframes`
const $eaa7cb0a622e8248$export$fb5eb9e37db0dfef = (0, $1xU4C$keyframes)`
from {

@@ -1776,3 +1769,3 @@ opacity: 1;

const $1d57d92ac3de1096$export$638177b843431394 = $1xU4C$keyframes`
const $1d57d92ac3de1096$export$638177b843431394 = (0, $1xU4C$keyframes)`
from {

@@ -1789,3 +1782,3 @@ opacity: 1;

const $3751f1834bf68f7f$export$d921b7e0db7ff86e = $1xU4C$keyframes`
const $3751f1834bf68f7f$export$d921b7e0db7ff86e = (0, $1xU4C$keyframes)`
from {

@@ -1802,3 +1795,3 @@ opacity: 1;

const $b594b4195a1f8dfb$export$43ebaa489dfc2f5d = $1xU4C$keyframes`
const $b594b4195a1f8dfb$export$43ebaa489dfc2f5d = (0, $1xU4C$keyframes)`
from {

@@ -1821,3 +1814,3 @@ opacity: 1;

return reverse ? [
$eaa7cb0a622e8248$export$fb5eb9e37db0dfef,
(0, $eaa7cb0a622e8248$export$fb5eb9e37db0dfef),
{

@@ -1827,3 +1820,3 @@ transformOrigin: "left bottom"

] : [
$48c780d6063bb76d$export$7336503083b51ac8,
(0, $48c780d6063bb76d$export$7336503083b51ac8),
{

@@ -1835,3 +1828,3 @@ transformOrigin: "left bottom"

return reverse ? [
$1d57d92ac3de1096$export$638177b843431394,
(0, $1d57d92ac3de1096$export$638177b843431394),
{

@@ -1841,3 +1834,3 @@ transformOrigin: "right bottom"

] : [
$adf9b50c9d30b8c1$export$d39468e8ba1f782c,
(0, $adf9b50c9d30b8c1$export$d39468e8ba1f782c),
{

@@ -1849,3 +1842,3 @@ transformOrigin: "right bottom"

return reverse ? [
$3751f1834bf68f7f$export$d921b7e0db7ff86e,
(0, $3751f1834bf68f7f$export$d921b7e0db7ff86e),
{

@@ -1855,3 +1848,3 @@ transformOrigin: "left bottom"

] : [
$2879cc390c4f9feb$export$3848addc86cdb49f,
(0, $2879cc390c4f9feb$export$3848addc86cdb49f),
{

@@ -1863,3 +1856,3 @@ transformOrigin: "left bottom"

return reverse ? [
$b594b4195a1f8dfb$export$43ebaa489dfc2f5d,
(0, $b594b4195a1f8dfb$export$43ebaa489dfc2f5d),
{

@@ -1869,3 +1862,3 @@ transformOrigin: "right bottom"

] : [
$215b25e6efaf8c40$export$bb10501f1250224d,
(0, $215b25e6efaf8c40$export$bb10501f1250224d),
{

@@ -1877,3 +1870,3 @@ transformOrigin: "right bottom"

return reverse ? [
$5e3af844b74f4a29$export$5e1ccc268ae376b0,
(0, $5e3af844b74f4a29$export$5e1ccc268ae376b0),
{

@@ -1883,3 +1876,3 @@ transformOrigin: "center"

] : [
$4c1352e04b1341e1$export$2b9048e0715456a4,
(0, $4c1352e04b1341e1$export$2b9048e0715456a4),
{

@@ -1893,8 +1886,7 @@ transformOrigin: "center"

const { direction: direction , reverse: reverse = false , ...rest } = props;
const [keyframes, animationCss] = $1xU4C$useMemo(()=>$b3cda162b54b7f9b$var$getStyles(reverse, direction)
, [
const [keyframes, animationCss] = (0, $1xU4C$useMemo)(()=>$b3cda162b54b7f9b$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
css: animationCss,

@@ -1913,3 +1905,3 @@ keyframes: keyframes,

const $08a6d6958bce74b0$export$8775e04aa1928f66 = $1xU4C$keyframes`
const $08a6d6958bce74b0$export$8775e04aa1928f66 = (0, $1xU4C$keyframes)`
from {

@@ -1926,3 +1918,3 @@ transform: translate3d(0, -100%, 0);

const $6a7df70e305e76cd$export$8da96f801aa19ebe = $1xU4C$keyframes`
const $6a7df70e305e76cd$export$8da96f801aa19ebe = (0, $1xU4C$keyframes)`
from {

@@ -1939,3 +1931,3 @@ transform: translate3d(-100%, 0, 0);

const $1166e7eaf80c152f$export$706618d509d55167 = $1xU4C$keyframes`
const $1166e7eaf80c152f$export$706618d509d55167 = (0, $1xU4C$keyframes)`
from {

@@ -1952,3 +1944,3 @@ transform: translate3d(100%, 0, 0);

const $25db459b9b912857$export$8ce8a09eb901d11 = $1xU4C$keyframes`
const $25db459b9b912857$export$8ce8a09eb901d11 = (0, $1xU4C$keyframes)`
from {

@@ -1967,3 +1959,3 @@ transform: translate3d(0, 100%, 0);

const $2403da231d01874f$export$4d23096b87fa05f1 = $1xU4C$keyframes`
const $2403da231d01874f$export$4d23096b87fa05f1 = (0, $1xU4C$keyframes)`
from {

@@ -1980,3 +1972,3 @@ transform: translate3d(0, 0, 0);

const $b1965542e1b0fd17$export$78e157c613296941 = $1xU4C$keyframes`
const $b1965542e1b0fd17$export$78e157c613296941 = (0, $1xU4C$keyframes)`
from {

@@ -1993,3 +1985,3 @@ transform: translate3d(0, 0, 0);

const $808371df5d376103$export$45629ceb9412b813 = $1xU4C$keyframes`
const $808371df5d376103$export$45629ceb9412b813 = (0, $1xU4C$keyframes)`
from {

@@ -2006,3 +1998,3 @@ transform: translate3d(0, 0, 0);

const $7dd51fec84d23796$export$341210899707327e = $1xU4C$keyframes`
const $7dd51fec84d23796$export$341210899707327e = (0, $1xU4C$keyframes)`
from {

@@ -2024,10 +2016,10 @@ transform: translate3d(0, 0, 0);

case "down":
return reverse ? $2403da231d01874f$export$4d23096b87fa05f1 : $08a6d6958bce74b0$export$8775e04aa1928f66;
return reverse ? (0, $2403da231d01874f$export$4d23096b87fa05f1) : (0, $08a6d6958bce74b0$export$8775e04aa1928f66);
case "right":
return reverse ? $808371df5d376103$export$45629ceb9412b813 : $1166e7eaf80c152f$export$706618d509d55167;
return reverse ? (0, $808371df5d376103$export$45629ceb9412b813) : (0, $1166e7eaf80c152f$export$706618d509d55167);
case "up":
return reverse ? $7dd51fec84d23796$export$341210899707327e : $25db459b9b912857$export$8ce8a09eb901d11;
return reverse ? (0, $7dd51fec84d23796$export$341210899707327e) : (0, $25db459b9b912857$export$8ce8a09eb901d11);
case "left":
default:
return reverse ? $b1965542e1b0fd17$export$78e157c613296941 : $6a7df70e305e76cd$export$8da96f801aa19ebe;
return reverse ? (0, $b1965542e1b0fd17$export$78e157c613296941) : (0, $6a7df70e305e76cd$export$8da96f801aa19ebe);
}

@@ -2037,8 +2029,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$bc8935a93473b50d$var$getStyles(reverse, direction)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$bc8935a93473b50d$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -2056,3 +2047,3 @@ ...rest

const $f7e4d68bfafb6745$export$3b71758b3ed5255f = $1xU4C$keyframes`
const $f7e4d68bfafb6745$export$3b71758b3ed5255f = (0, $1xU4C$keyframes)`
from {

@@ -2069,3 +2060,3 @@ opacity: 0;

const $0b51d5dcc7d47099$export$f1fb318c9f90bd9f = $1xU4C$keyframes`
const $0b51d5dcc7d47099$export$f1fb318c9f90bd9f = (0, $1xU4C$keyframes)`
from {

@@ -2085,3 +2076,3 @@ opacity: 0;

const $15336543be08c5df$export$3b5491f6985de80 = $1xU4C$keyframes`
const $15336543be08c5df$export$3b5491f6985de80 = (0, $1xU4C$keyframes)`
from {

@@ -2101,3 +2092,3 @@ opacity: 0;

const $b2e140171e7136ca$export$6d68984f8269fb51 = $1xU4C$keyframes`
const $b2e140171e7136ca$export$6d68984f8269fb51 = (0, $1xU4C$keyframes)`
from {

@@ -2117,3 +2108,3 @@ opacity: 0;

const $ec4613187956c5d4$export$f8e431a03d821bd2 = $1xU4C$keyframes`
const $ec4613187956c5d4$export$f8e431a03d821bd2 = (0, $1xU4C$keyframes)`
from {

@@ -2135,3 +2126,3 @@ opacity: 0;

const $e4125ea27977caec$export$9fdb0a49c6b4b521 = $1xU4C$keyframes`
const $e4125ea27977caec$export$9fdb0a49c6b4b521 = (0, $1xU4C$keyframes)`
from {

@@ -2152,3 +2143,3 @@ opacity: 1;

const $847be49731bae03b$export$10deba13beba726f = $1xU4C$keyframes`
const $847be49731bae03b$export$10deba13beba726f = (0, $1xU4C$keyframes)`
40% {

@@ -2168,3 +2159,3 @@ opacity: 1;

const $01242516c1736d7c$export$a897bc2790be434e = $1xU4C$keyframes`
const $01242516c1736d7c$export$a897bc2790be434e = (0, $1xU4C$keyframes)`
40% {

@@ -2182,3 +2173,3 @@ opacity: 1;

const $0a1dc9441a503604$export$23fe0a856d31fa73 = $1xU4C$keyframes`
const $0a1dc9441a503604$export$23fe0a856d31fa73 = (0, $1xU4C$keyframes)`
40% {

@@ -2196,3 +2187,3 @@ opacity: 1;

const $b36043e442e1ddcb$export$6c4c2ccf7a384b67 = $1xU4C$keyframes`
const $b36043e442e1ddcb$export$6c4c2ccf7a384b67 = (0, $1xU4C$keyframes)`
40% {

@@ -2217,11 +2208,11 @@ opacity: 1;

case "down":
return reverse ? $847be49731bae03b$export$10deba13beba726f : $0b51d5dcc7d47099$export$f1fb318c9f90bd9f;
return reverse ? (0, $847be49731bae03b$export$10deba13beba726f) : (0, $0b51d5dcc7d47099$export$f1fb318c9f90bd9f);
case "left":
return reverse ? $01242516c1736d7c$export$a897bc2790be434e : $15336543be08c5df$export$3b5491f6985de80;
return reverse ? (0, $01242516c1736d7c$export$a897bc2790be434e) : (0, $15336543be08c5df$export$3b5491f6985de80);
case "right":
return reverse ? $0a1dc9441a503604$export$23fe0a856d31fa73 : $b2e140171e7136ca$export$6d68984f8269fb51;
return reverse ? (0, $0a1dc9441a503604$export$23fe0a856d31fa73) : (0, $b2e140171e7136ca$export$6d68984f8269fb51);
case "up":
return reverse ? $b36043e442e1ddcb$export$6c4c2ccf7a384b67 : $ec4613187956c5d4$export$f8e431a03d821bd2;
return reverse ? (0, $b36043e442e1ddcb$export$6c4c2ccf7a384b67) : (0, $ec4613187956c5d4$export$f8e431a03d821bd2);
default:
return reverse ? $e4125ea27977caec$export$9fdb0a49c6b4b521 : $f7e4d68bfafb6745$export$3b71758b3ed5255f;
return reverse ? (0, $e4125ea27977caec$export$9fdb0a49c6b4b521) : (0, $f7e4d68bfafb6745$export$3b71758b3ed5255f);
}

@@ -2231,8 +2222,7 @@ }

const { direction: direction , reverse: reverse = false , ...rest } = props;
const keyframes = $1xU4C$useMemo(()=>$49c87fb6bc676a71$var$getStyles(reverse, direction)
, [
const keyframes = (0, $1xU4C$useMemo)(()=>$49c87fb6bc676a71$var$getStyles(reverse, direction), [
direction,
reverse
]);
return $1xU4C$jsx($dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3, {
return (0, $1xU4C$jsx)((0, $dd2a0a37606c7cc8$export$9a32a8eb4bb56ca3), {
keyframes: keyframes,

@@ -2239,0 +2229,0 @@ ...rest

24

package.json
{
"name": "react-awesome-reveal",
"description": "React components to add reveal animations using the Intersection Observer API and CSS Animations.",
"version": "4.0.0-beta.2",
"version": "4.0.0",
"license": "MIT",

@@ -60,16 +60,16 @@ "source": "src/index.ts",

"devDependencies": {
"@emotion/react": "^11.9.0",
"@emotion/serialize": "^1.0.3",
"@parcel/packager-ts": "^2.5.0",
"@parcel/transformer-typescript-tsc": "^2.5.0",
"@parcel/transformer-typescript-types": "^2.5.0",
"@types/react": "^18.0.9",
"@types/react-dom": "^18.0.3",
"@emotion/react": "^11.10.0",
"@emotion/serialize": "^1.1.0",
"@parcel/packager-ts": "^2.7.0",
"@parcel/transformer-typescript-tsc": "^2.7.0",
"@parcel/transformer-typescript-types": "^2.7.0",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@types/react-is": "^17.0.3",
"parcel": "^2.5.0",
"react": "^18.1.0"
"parcel": "^2.7.0",
"react": "^18.2.0"
},
"dependencies": {
"react-intersection-observer": "^9.1.0",
"react-is": "^18.1.0"
"react-intersection-observer": "^9.4.0",
"react-is": "^18.2.0"
},

@@ -76,0 +76,0 @@ "scripts": {

4

README.md

@@ -41,6 +41,2 @@ # React Awesome Reveal

## Demo
You can find a demo website [here](https://react-awesome-reveal.morello.dev).
## Installation

@@ -47,0 +43,0 @@ 

dist/main.js.map

Sorry, the diff of this file is not supported yet

dist/module.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc