intergalactic 15.128.0-prerelease.0 → 15.128.0-prerelease.2

package/animation/lib/es6/Transform.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1wfmy{0%,to{overflow:clip}}@keyframes collapse-exit_1wfmy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1wfmy{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1wfmy{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1wfmy{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1wfmy{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1wfmy{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1wfmy{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1wfmy{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1wfmy{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1wfmy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1wfmy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1wfmy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1wfmy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1wfmy{0%{transform:var(--transformStart_1wfmy)}to{transform:var(--transformEnd_1wfmy)}}@keyframes transform-exit_1wfmy{0%{transform:var(--transformEnd_1wfmy)}to{transform:var(--transformStart_1wfmy)}}.___SCollapse_1wfmy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1wfmy_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1wfmy",
-  "@collapse-exit": "collapse-exit_1wfmy",
-  "__SCollapse": "___SCollapse_1wfmy_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1wfmy",
-  "@fade-in-out-exit": "fade-in-out-exit_1wfmy",
-  "@opacity-in": "opacity-in_1wfmy",
-  "@opacity-out": "opacity-out_1wfmy",
-  "@scale-left-in": "scale-left-in_1wfmy",
-  "@scale-right-in": "scale-right-in_1wfmy",
-  "@scale-top-in": "scale-top-in_1wfmy",
-  "@scale-bottom-in": "scale-bottom-in_1wfmy",
-  "@scale-left-out": "scale-left-out_1wfmy",
-  "@scale-right-out": "scale-right-out_1wfmy",
-  "@scale-top-out": "scale-top-out_1wfmy",
-  "@scale-bottom-out": "scale-bottom-out_1wfmy",
-  "@slide-top-in": "slide-top-in_1wfmy",
-  "@slide-top-out": "slide-top-out_1wfmy",
-  "@slide-bottom-in": "slide-bottom-in_1wfmy",
-  "@slide-bottom-out": "slide-bottom-out_1wfmy",
-  "@slide-left-in": "slide-left-in_1wfmy",
-  "@slide-left-out": "slide-left-out_1wfmy",
-  "@slide-right-in": "slide-right-in_1wfmy",
-  "@slide-right-out": "slide-right-out_1wfmy",
-  "@transform-enter": "transform-enter_1wfmy",
-  "--transformStart": "--transformStart_1wfmy",
-  "--transformEnd": "--transformEnd_1wfmy",
-  "@transform-exit": "transform-exit_1wfmy"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_2c217{0%,to{overflow:clip}}@keyframes collapse-exit_2c217{0%,to{overflow:clip}}@keyframes fade-in-out-enter_2c217{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_2c217{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_2c217{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_2c217{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_2c217{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_2c217{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_2c217{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_2c217{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_2c217{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_2c217{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_2c217{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_2c217{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_2c217{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_2c217{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_2c217{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_2c217{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_2c217{0%{transform:var(--transformStart_2c217)}to{transform:var(--transformEnd_2c217)}}@keyframes transform-exit_2c217{0%{transform:var(--transformEnd_2c217)}to{transform:var(--transformStart_2c217)}}.___SCollapse_2c217_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "2c217_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_2c217",
+  "@collapse-exit": "collapse-exit_2c217",
+  "__SCollapse": "___SCollapse_2c217_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_2c217",
+  "@fade-in-out-exit": "fade-in-out-exit_2c217",
+  "@opacity-in": "opacity-in_2c217",
+  "@opacity-out": "opacity-out_2c217",
+  "@scale-left-in": "scale-left-in_2c217",
+  "@scale-right-in": "scale-right-in_2c217",
+  "@scale-top-in": "scale-top-in_2c217",
+  "@scale-bottom-in": "scale-bottom-in_2c217",
+  "@scale-left-out": "scale-left-out_2c217",
+  "@scale-right-out": "scale-right-out_2c217",
+  "@scale-top-out": "scale-top-out_2c217",
+  "@scale-bottom-out": "scale-bottom-out_2c217",
+  "@slide-top-in": "slide-top-in_2c217",
+  "@slide-top-out": "slide-top-out_2c217",
+  "@slide-bottom-in": "slide-bottom-in_2c217",
+  "@slide-bottom-out": "slide-bottom-out_2c217",
+  "@slide-left-in": "slide-left-in_2c217",
+  "@slide-left-out": "slide-left-out_2c217",
+  "@slide-right-in": "slide-right-in_2c217",
+  "@slide-right-out": "slide-right-out_2c217",
+  "@transform-enter": "transform-enter_2c217",
+  "--transformStart": "--transformStart_2c217",
+  "--transformEnd": "--transformEnd_2c217",
+  "@transform-exit": "transform-exit_2c217"
 });
 function Transform(props, ref) {
   var _ref;

package/animation/lib/esm/Animation.mjs

@@ -1,74 +1,74 @@
-import x from "@babel/runtime/helpers/esm/objectSpread2";
-import I from "@babel/runtime/helpers/esm/classCallCheck";
-import P from "@babel/runtime/helpers/esm/createClass";
+import C from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import I from "@babel/runtime/helpers/esm/createClass";
 import u from "@babel/runtime/helpers/esm/assertThisInitialized";
-import E from "@babel/runtime/helpers/esm/inherits";
-import k from "@babel/runtime/helpers/esm/createSuper";
+import P from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
 import e from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as D } from 'intergalactic/utils/lib/core/index';
-import w, { sstyled as $, assignProps as N, Component as T } from 'intergalactic/core';
-import A from "react";
-import { Box as V } from 'intergalactic/flex-box';
-import M from 'intergalactic/utils/lib/enhances/contextEnhance';
-var R = (
+import { sstyled as k } from 'intergalactic/utils/lib/core/index';
+import D, { sstyled as w, assignProps as $, Component as N } from 'intergalactic/core';
+import g from "react";
+import { Box as T } from 'intergalactic/flex-box';
+import V from 'intergalactic/utils/lib/enhances/contextEnhance';
+var M = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (k.insert(
     /*__inner_css_start__*/
-    ".___SAnimation_f91n3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_f91n3);animation-duration:var(--durationFinalize_f91n3);animation-delay:var(--delayFinalize_f91n3);animation-name:var(--keyframesFinalize_f91n3)}.___SAnimation_f91n3_gg_.__transition-based_f91n3_gg_{transition-timing-function:var(--timingFunction_f91n3);transition-duration:var(--durationFinalize_f91n3);transition-delay:var(--delayFinalize_f91n3)}.___SAnimation_f91n3_gg_.__visible_f91n3_gg_{animation-duration:var(--durationInitialize_f91n3);animation-delay:var(--delayInitialize_f91n3);animation-name:var(--keyframesInitialize_f91n3)}.___SAnimation_f91n3_gg_.__visible_f91n3_gg_.__transition-based_f91n3_gg_{transition-timing-function:var(--timingFunction_f91n3);transition-duration:var(--durationInitialize_f91n3);transition-delay:var(--delayInitialize_f91n3)}@media (prefers-reduced-motion){.___SAnimation_f91n3_gg_.__transition-based_f91n3_gg_,.___SAnimation_f91n3_gg_.__visible_f91n3_gg_.__transition-based_f91n3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_f91n3_gg_,.___SAnimation_f91n3_gg_.__visible_f91n3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}",
-    "f91n3_gg_"
+    ".___SAnimation_1pbqm_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1pbqm);animation-duration:var(--durationFinalize_1pbqm);animation-delay:var(--delayFinalize_1pbqm);animation-name:var(--keyframesFinalize_1pbqm)}.___SAnimation_1pbqm_gg_.__transition-based_1pbqm_gg_{transition-timing-function:var(--timingFunction_1pbqm);transition-duration:var(--durationFinalize_1pbqm);transition-delay:var(--delayFinalize_1pbqm)}.___SAnimation_1pbqm_gg_.__visible_1pbqm_gg_{animation-duration:var(--durationInitialize_1pbqm);animation-delay:var(--delayInitialize_1pbqm);animation-name:var(--keyframesInitialize_1pbqm)}.___SAnimation_1pbqm_gg_.__visible_1pbqm_gg_.__transition-based_1pbqm_gg_{transition-timing-function:var(--timingFunction_1pbqm);transition-duration:var(--durationInitialize_1pbqm);transition-delay:var(--delayInitialize_1pbqm)}@media (prefers-reduced-motion){.___SAnimation_1pbqm_gg_.__transition-based_1pbqm_gg_,.___SAnimation_1pbqm_gg_.__visible_1pbqm_gg_.__transition-based_1pbqm_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1pbqm_gg_,.___SAnimation_1pbqm_gg_.__visible_1pbqm_gg_{animation-timing-function:step-end;animation-iteration-count:1}}",
+    "1pbqm_gg_"
   ), {
-    __SAnimation: "___SAnimation_f91n3_gg_",
-    "--timingFunction": "--timingFunction_f91n3",
-    "--durationFinalize": "--durationFinalize_f91n3",
-    "--delayFinalize": "--delayFinalize_f91n3",
-    "--keyframesFinalize": "--keyframesFinalize_f91n3",
-    "_transition-based": "__transition-based_f91n3_gg_",
-    _visible: "__visible_f91n3_gg_",
-    "--durationInitialize": "--durationInitialize_f91n3",
-    "--delayInitialize": "--delayInitialize_f91n3",
-    "--keyframesInitialize": "--keyframesInitialize_f91n3"
+    __SAnimation: "___SAnimation_1pbqm_gg_",
+    "--timingFunction": "--timingFunction_1pbqm",
+    "--durationFinalize": "--durationFinalize_1pbqm",
+    "--delayFinalize": "--delayFinalize_1pbqm",
+    "--keyframesFinalize": "--keyframesFinalize_1pbqm",
+    "_transition-based": "__transition-based_1pbqm_gg_",
+    _visible: "__visible_1pbqm_gg_",
+    "--durationInitialize": "--durationInitialize_1pbqm",
+    "--delayInitialize": "--delayInitialize_1pbqm",
+    "--keyframesInitialize": "--keyframesInitialize_1pbqm"
   })
 );
-function c(m) {
-  return Array.isArray(m) ? m : [m, m];
+function b(s) {
+  return Array.isArray(s) ? s : [s, s];
 }
-var U = function() {
-  var s = {
+var R = function() {
+  var m = {
     onAnimationStartSubscribers: [],
     onAnimationStart: function(n) {
-      return s.onAnimationStartSubscribers.push(n), function() {
-        return s.onAnimationStartSubscribers.filter(function(t) {
+      return m.onAnimationStartSubscribers.push(n), function() {
+        return m.onAnimationStartSubscribers.filter(function(t) {
           return t !== n;
         });
       };
     },
     onAnimationEndSubscribers: [],
     onAnimationEnd: function(n) {
-      return s.onAnimationEndSubscribers.push(n), function() {
-        return s.onAnimationEndSubscribers.filter(function(t) {
+      return m.onAnimationEndSubscribers.push(n), function() {
+        return m.onAnimationEndSubscribers.filter(function(t) {
           return t !== n;
         });
       };
     }
   };
-  return s;
-}, h = /* @__PURE__ */ A.createContext(null), d = /* @__PURE__ */ function(m) {
-  E(_, m);
-  var s = k(_);
+  return m;
+}, S = /* @__PURE__ */ g.createContext(null), d = /* @__PURE__ */ function(s) {
+  P(_, s);
+  var m = E(_);
   function _() {
     var n;
-    I(this, _);
+    x(this, _);
     for (var t = arguments.length, a = new Array(t), r = 0; r < t; r++)
       a[r] = arguments[r];
-    return n = s.call.apply(s, [this].concat(a)), e(u(n), "state", {
+    return n = m.call.apply(m, [this].concat(a)), e(u(n), "state", {
       animationRunning: !1,
       render: n.props.visible || n.props.preserveNode,
       wasInvisible: !n.props.visible
-    }), e(u(n), "animationSupported", !1), e(u(n), "animationContext", U()), e(u(n), "onAnimationStart", function() {
+    }), e(u(n), "animationSupported", !1), e(u(n), "animationContext", R()), e(u(n), "onAnimationStart", function() {
       n.animationSupported = !0;
-      var i = n.asProps, l = i.animationsDisabled, o = i.parentAnimationContext, v = l ? [0, 0] : c(n.asProps.duration), p = o ?? n.animationContext;
-      p.onAnimationStartSubscribers.forEach(function(f) {
-        return f(v[0]);
+      var i = n.asProps, l = i.animationsDisabled, o = i.parentAnimationContext, c = l ? [0, 0] : b(n.asProps.duration), v = o ?? n.animationContext;
+      v.onAnimationStartSubscribers.forEach(function(p) {
+        return p(c[0]);
       });
     }), e(u(n), "onAnimationEnd", function(i) {
       n.animationSupported = !0, n.handleAnimationEnd();
@@ -82,14 +82,14 @@ var U = function() {
       });
     }), e(u(n), "animationEventFallback", function() {
       if (n.state.render && !n.animationSupported) {
-        var i = n.asProps.animationsDisabled ? [0, 0] : c(n.asProps.delay), l = n.asProps.visible ? i[0] : i[1], o = n.asProps.animationsDisabled ? 0 : n.asProps.duration + 100;
+        var i = n.asProps.animationsDisabled ? [0, 0] : b(n.asProps.delay), l = n.asProps.visible ? i[0] : i[1], o = n.asProps.animationsDisabled ? 0 : n.asProps.duration + 100;
         setTimeout(function() {
           n.animationSupported || n.handleAnimationEnd();
         }, o + l);
       }
     }), n;
   }
-  return P(_, [{
+  return I(_, [{
     key: "componentDidMount",
     value: function() {
       this.animationEventFallback();
@@ -102,18 +102,18 @@ var U = function() {
   }, {
     key: "render",
     value: function() {
-      var t = this.asProps, a, r = V, i = this.asProps, l = i.styles, o = i.keyframes, v = i.initialAnimation, p = i.timingFunction, f = i.animationsDisabled, g = i.parentAnimationContext, z = g ?? this.animationContext, b = f ? [0, 0] : c(this.asProps.duration), y = f ? [0, 0] : c(this.asProps.delay), S = this.state, F = S.render, C = S.wasInvisible;
-      return F ? /* @__PURE__ */ A.createElement(h.Provider, {
-        value: z
-      }, (a = $(l), /* @__PURE__ */ A.createElement(r, a.cn("SAnimation", x({}, N({
+      var t = this.asProps, a, r = T, i = this.asProps, l = i.styles, o = i.keyframes, c = i.initialAnimation, v = i.timingFunction, p = i.animationsDisabled, f = i.parentAnimationContext, h = f ?? this.animationContext, A = p ? [0, 0] : b(this.asProps.duration), y = p ? [0, 0] : b(this.asProps.delay), q = this.state, z = q.render, F = q.wasInvisible;
+      return z ? /* @__PURE__ */ g.createElement(S.Provider, {
+        value: h
+      }, (a = w(l), /* @__PURE__ */ g.createElement(r, a.cn("SAnimation", C({}, $({
         onAnimationStart: this.onAnimationStart,
         onAnimationEnd: this.onAnimationEnd,
-        durationInitialize: "".concat(b[0], "ms"),
-        durationFinalize: "".concat(b[1], "ms"),
+        durationInitialize: "".concat(A[0], "ms"),
+        durationFinalize: "".concat(A[1], "ms"),
         delayInitialize: "".concat(y[0], "ms"),
         delayFinalize: "".concat(y[1], "ms"),
-        timingFunction: p,
-        keyframesInitialize: C || v ? o[0] : "totally-no-animations",
+        timingFunction: v,
+        keyframesInitialize: F || c ? o[0] : "totally-no-animations",
         keyframesFinalize: o[1]
       }, t)))))) : null;
     }
@@ -127,9 +127,9 @@ var U = function() {
       } : a;
     }
   }]), _;
-}(T);
+}(N);
 e(d, "displayName", "Animation");
-e(d, "style", R);
+e(d, "style", M);
 e(d, "defaultProps", {
   visible: !1,
   duration: 0,
@@ -139,9 +139,9 @@ e(d, "defaultProps", {
   timingFunction: "ease-out",
   animationsDisabled: !1
 });
-e(d, "enhance", [M(h, "parentAnimationContext")]);
-const Y = w(d);
+e(d, "enhance", [V(S, "parentAnimationContext")]);
+const Y = D(d);
 export {
-  h as animationContext,
+  S as animationContext,
   Y as default
 };

package/animation/lib/esm/Collapse.mjs

@@ -1,78 +1,78 @@
 import u from "@babel/runtime/helpers/esm/objectSpread2";
-import b from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import { sstyled as k } from 'intergalactic/utils/lib/core/index';
+import k from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import { sstyled as X } from 'intergalactic/utils/lib/core/index';
 import r from "react";
-import { createBaseComponent as X, sstyled as Y } from 'intergalactic/core';
-import S from "./Animation.mjs";
+import { createBaseComponent as Y, sstyled as S } from 'intergalactic/core';
+import w from "./Animation.mjs";
 import { useForkRef as C } from 'intergalactic/utils/lib/ref';
 import _ from 'intergalactic/utils/lib/use/useEnhancedEffect';
 var E = ["onAnimationStart", "onAnimationEnd", "overflowHidden"], s = (
   /*__reshadow_css_start__*/
-  (k.insert(
+  (X.insert(
     /*__inner_css_start__*/
-    "@keyframes collapse-enter_1wfmy{0%,to{overflow:clip}}@keyframes collapse-exit_1wfmy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1wfmy{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1wfmy{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1wfmy{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1wfmy{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1wfmy{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1wfmy{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1wfmy{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1wfmy{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1wfmy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1wfmy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1wfmy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1wfmy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1wfmy{0%{transform:var(--transformStart_1wfmy)}to{transform:var(--transformEnd_1wfmy)}}@keyframes transform-exit_1wfmy{0%{transform:var(--transformEnd_1wfmy)}to{transform:var(--transformStart_1wfmy)}}.___SCollapse_1wfmy_gg_{transition-property:height;display:flow-root}",
-    "1wfmy_gg_"
+    "@keyframes collapse-enter_2c217{0%,to{overflow:clip}}@keyframes collapse-exit_2c217{0%,to{overflow:clip}}@keyframes fade-in-out-enter_2c217{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_2c217{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_2c217{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_2c217{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_2c217{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_2c217{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_2c217{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_2c217{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_2c217{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_2c217{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_2c217{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_2c217{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_2c217{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_2c217{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_2c217{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_2c217{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_2c217{0%{transform:var(--transformStart_2c217)}to{transform:var(--transformEnd_2c217)}}@keyframes transform-exit_2c217{0%{transform:var(--transformEnd_2c217)}to{transform:var(--transformStart_2c217)}}.___SCollapse_2c217_gg_{transition-property:height;display:flow-root}",
+    "2c217_gg_"
   ), {
-    "@collapse-enter": "collapse-enter_1wfmy",
-    "@collapse-exit": "collapse-exit_1wfmy",
-    __SCollapse: "___SCollapse_1wfmy_gg_",
-    "@fade-in-out-enter": "fade-in-out-enter_1wfmy",
-    "@fade-in-out-exit": "fade-in-out-exit_1wfmy",
-    "@opacity-in": "opacity-in_1wfmy",
-    "@opacity-out": "opacity-out_1wfmy",
-    "@scale-left-in": "scale-left-in_1wfmy",
-    "@scale-right-in": "scale-right-in_1wfmy",
-    "@scale-top-in": "scale-top-in_1wfmy",
-    "@scale-bottom-in": "scale-bottom-in_1wfmy",
-    "@scale-left-out": "scale-left-out_1wfmy",
-    "@scale-right-out": "scale-right-out_1wfmy",
-    "@scale-top-out": "scale-top-out_1wfmy",
-    "@scale-bottom-out": "scale-bottom-out_1wfmy",
-    "@slide-top-in": "slide-top-in_1wfmy",
-    "@slide-top-out": "slide-top-out_1wfmy",
-    "@slide-bottom-in": "slide-bottom-in_1wfmy",
-    "@slide-bottom-out": "slide-bottom-out_1wfmy",
-    "@slide-left-in": "slide-left-in_1wfmy",
-    "@slide-left-out": "slide-left-out_1wfmy",
-    "@slide-right-in": "slide-right-in_1wfmy",
-    "@slide-right-out": "slide-right-out_1wfmy",
-    "@transform-enter": "transform-enter_1wfmy",
-    "--transformStart": "--transformStart_1wfmy",
-    "--transformEnd": "--transformEnd_1wfmy",
-    "@transform-exit": "transform-exit_1wfmy"
+    "@collapse-enter": "collapse-enter_2c217",
+    "@collapse-exit": "collapse-exit_2c217",
+    __SCollapse: "___SCollapse_2c217_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_2c217",
+    "@fade-in-out-exit": "fade-in-out-exit_2c217",
+    "@opacity-in": "opacity-in_2c217",
+    "@opacity-out": "opacity-out_2c217",
+    "@scale-left-in": "scale-left-in_2c217",
+    "@scale-right-in": "scale-right-in_2c217",
+    "@scale-top-in": "scale-top-in_2c217",
+    "@scale-bottom-in": "scale-bottom-in_2c217",
+    "@scale-left-out": "scale-left-out_2c217",
+    "@scale-right-out": "scale-right-out_2c217",
+    "@scale-top-out": "scale-top-out_2c217",
+    "@scale-bottom-out": "scale-bottom-out_2c217",
+    "@slide-top-in": "slide-top-in_2c217",
+    "@slide-top-out": "slide-top-out_2c217",
+    "@slide-bottom-in": "slide-bottom-in_2c217",
+    "@slide-bottom-out": "slide-bottom-out_2c217",
+    "@slide-left-in": "slide-left-in_2c217",
+    "@slide-left-out": "slide-left-out_2c217",
+    "@slide-right-in": "slide-right-in_2c217",
+    "@slide-right-out": "slide-right-out_2c217",
+    "@transform-enter": "transform-enter_2c217",
+    "--transformStart": "--transformStart_2c217",
+    "--transformEnd": "--transformEnd_2c217",
+    "@transform-exit": "transform-exit_2c217"
   })
 );
-function w(o, d) {
-  var l, f = o.onAnimationStart, m = o.onAnimationEnd, c = o.overflowHidden, y = c === void 0 ? !0 : c, t = b(o, E), v = S, p = r.useRef("initial"), a = r.useRef(null), g = C(a, d);
+function d(o, v) {
+  var l, c = o.onAnimationStart, f = o.onAnimationEnd, p = o.overflowHidden, m = p === void 0 ? !0 : p, t = k(o, E), g = w, y = r.useRef("initial"), a = r.useRef(null), h = C(a, v);
   _(function() {
     a.current && (t.visible && (a.current.style.height = "".concat(0, "px")), t.visible || (a.current.style.height = "".concat(a.current.scrollHeight, "px")), t.visible && (a.current.style.animationFillMode = "none"), t.visible || (a.current.style.animationFillMode = "both"));
   }, [t.visible]), _(function() {
     a.current && (t.visible && (a.current.style.height = "auto"), t.visible || (a.current.style.height = "".concat(0, "px")));
   }, []);
-  var h = r.useCallback(function(e) {
-    e.currentTarget === e.target && (f && f(e), y && (p.current = window.getComputedStyle(e.currentTarget).overflow, e.currentTarget.style.overflow = "clip"), t.visible && (e.currentTarget.style.height = "".concat(e.currentTarget.scrollHeight, "px")), t.visible || (e.currentTarget.style.height = "".concat(0, "px")));
+  var x = r.useCallback(function(e) {
+    e.currentTarget === e.target && (c && c(e), m && (y.current = window.getComputedStyle(e.currentTarget).overflow, e.currentTarget.style.overflow = "clip"), t.visible && (e.currentTarget.style.height = "".concat(e.currentTarget.scrollHeight, "px")), t.visible || (e.currentTarget.style.height = "".concat(0, "px")));
   }, [t.visible]), i = r.useRef(t.visible);
   i.current = t.visible;
-  var x = r.useCallback(function(e) {
+  var b = r.useCallback(function(e) {
     if (e.currentTarget === e.target) {
-      m && m(e);
+      f && f(e);
       var n = e.currentTarget;
       setTimeout(function() {
-        n && (i.current && (n.style.height = "auto"), i.current || (n.style.height = "".concat(0, "px")), y && (n.style.overflow = p.current));
+        n && (i.current && (n.style.height = "auto"), i.current || (n.style.height = "".concat(0, "px")), m && (n.style.overflow = y.current));
       }, 0);
     }
   }, []);
-  return l = Y(s), /* @__PURE__ */ r.createElement(v, l.cn("SCollapse", u(u({
-    ref: g
+  return l = S(s), /* @__PURE__ */ r.createElement(g, l.cn("SCollapse", u(u({
+    ref: h
   }, t), {}, {
-    onAnimationStart: h,
-    onAnimationEnd: x,
+    onAnimationStart: x,
+    onAnimationEnd: b,
     keyframes: [s["@collapse-enter"], s["@collapse-exit"]],
     "transition-based": !0
   })));
 }
-w.displayName = "Collapse";
-const B = X(w);
+d.displayName = "Collapse";
+const B = Y(d);
 export {
   B as default
 };

package/animation/lib/esm/FadeInOut.mjs

@@ -1,54 +1,54 @@
 import a from "@babel/runtime/helpers/esm/objectSpread2";
 import { sstyled as n } from 'intergalactic/utils/lib/core/index';
-import f from "react";
-import { createBaseComponent as i, sstyled as m } from 'intergalactic/core';
-import l from "./Animation.mjs";
+import i from "react";
+import { createBaseComponent as c, sstyled as l } from 'intergalactic/core';
+import p from "./Animation.mjs";
 var t = (
   /*__reshadow_css_start__*/
   (n.insert(
     /*__inner_css_start__*/
-    "@keyframes collapse-enter_1wfmy{0%,to{overflow:clip}}@keyframes collapse-exit_1wfmy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1wfmy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1wfmy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1wfmy{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1wfmy{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1wfmy{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1wfmy{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1wfmy{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1wfmy{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1wfmy{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1wfmy{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1wfmy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1wfmy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1wfmy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1wfmy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1wfmy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1wfmy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1wfmy{0%{transform:var(--transformStart_1wfmy)}to{transform:var(--transformEnd_1wfmy)}}@keyframes transform-exit_1wfmy{0%{transform:var(--transformEnd_1wfmy)}to{transform:var(--transformStart_1wfmy)}}.___SCollapse_1wfmy_gg_{transition-property:height;display:flow-root}",
-    "1wfmy_gg_"
+    "@keyframes collapse-enter_2c217{0%,to{overflow:clip}}@keyframes collapse-exit_2c217{0%,to{overflow:clip}}@keyframes fade-in-out-enter_2c217{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_2c217{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_2c217{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_2c217{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_2c217{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_2c217{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_2c217{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_2c217{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_2c217{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_2c217{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_2c217{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_2c217{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_2c217{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_2c217{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_2c217{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_2c217{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_2c217{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_2c217{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_2c217{0%{transform:var(--transformStart_2c217)}to{transform:var(--transformEnd_2c217)}}@keyframes transform-exit_2c217{0%{transform:var(--transformEnd_2c217)}to{transform:var(--transformStart_2c217)}}.___SCollapse_2c217_gg_{transition-property:height;display:flow-root}",
+    "2c217_gg_"
   ), {
-    "@collapse-enter": "collapse-enter_1wfmy",
-    "@collapse-exit": "collapse-exit_1wfmy",
-    __SCollapse: "___SCollapse_1wfmy_gg_",
-    "@fade-in-out-enter": "fade-in-out-enter_1wfmy",
-    "@fade-in-out-exit": "fade-in-out-exit_1wfmy",
-    "@opacity-in": "opacity-in_1wfmy",
-    "@opacity-out": "opacity-out_1wfmy",
-    "@scale-left-in": "scale-left-in_1wfmy",
-    "@scale-right-in": "scale-right-in_1wfmy",
-    "@scale-top-in": "scale-top-in_1wfmy",
-    "@scale-bottom-in": "scale-bottom-in_1wfmy",
-    "@scale-left-out": "scale-left-out_1wfmy",
-    "@scale-right-out": "scale-right-out_1wfmy",
-    "@scale-top-out": "scale-top-out_1wfmy",
-    "@scale-bottom-out": "scale-bottom-out_1wfmy",
-    "@slide-top-in": "slide-top-in_1wfmy",
-    "@slide-top-out": "slide-top-out_1wfmy",
-    "@slide-bottom-in": "slide-bottom-in_1wfmy",
-    "@slide-bottom-out": "slide-bottom-out_1wfmy",
-    "@slide-left-in": "slide-left-in_1wfmy",
-    "@slide-left-out": "slide-left-out_1wfmy",
-    "@slide-right-in": "slide-right-in_1wfmy",
-    "@slide-right-out": "slide-right-out_1wfmy",
-    "@transform-enter": "transform-enter_1wfmy",
-    "--transformStart": "--transformStart_1wfmy",
-    "--transformEnd": "--transformEnd_1wfmy",
-    "@transform-exit": "transform-exit_1wfmy"
+    "@collapse-enter": "collapse-enter_2c217",
+    "@collapse-exit": "collapse-exit_2c217",
+    __SCollapse: "___SCollapse_2c217_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_2c217",
+    "@fade-in-out-exit": "fade-in-out-exit_2c217",
+    "@opacity-in": "opacity-in_2c217",
+    "@opacity-out": "opacity-out_2c217",
+    "@scale-left-in": "scale-left-in_2c217",
+    "@scale-right-in": "scale-right-in_2c217",
+    "@scale-top-in": "scale-top-in_2c217",
+    "@scale-bottom-in": "scale-bottom-in_2c217",
+    "@scale-left-out": "scale-left-out_2c217",
+    "@scale-right-out": "scale-right-out_2c217",
+    "@scale-top-out": "scale-top-out_2c217",
+    "@scale-bottom-out": "scale-bottom-out_2c217",
+    "@slide-top-in": "slide-top-in_2c217",
+    "@slide-top-out": "slide-top-out_2c217",
+    "@slide-bottom-in": "slide-bottom-in_2c217",
+    "@slide-bottom-out": "slide-bottom-out_2c217",
+    "@slide-left-in": "slide-left-in_2c217",
+    "@slide-left-out": "slide-left-out_2c217",
+    "@slide-right-in": "slide-right-in_2c217",
+    "@slide-right-out": "slide-right-out_2c217",
+    "@transform-enter": "transform-enter_2c217",
+    "--transformStart": "--transformStart_2c217",
+    "--transformEnd": "--transformEnd_2c217",
+    "@transform-exit": "transform-exit_2c217"
   })
 );
 function o(r, s) {
   var e;
-  return e = m(t), /* @__PURE__ */ f.createElement(l, e.cn("Animation", a(a({
+  return e = l(t), /* @__PURE__ */ i.createElement(p, e.cn("Animation", a(a({
     ref: s
   }, r), {}, {
     keyframes: [t["@fade-in-out-enter"], t["@fade-in-out-exit"]]
   })));
 }
 o.displayName = "FadeInOut";
-const d = i(o);
+const u = c(o);
 export {
-  d as default
+  u as default
 };