intergalactic 15.129.0 → 15.130.0-prerelease.0

package/animation/lib/esm/Animation.mjs

@@ -1,147 +1,185 @@
-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 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 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 = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from 'intergalactic/core';
+import React from "react";
+import { Box } from 'intergalactic/flex-box';
+import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
+/*!__reshadow-styles__:"./style/animate.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (k.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___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_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"
+    ".___SAnimation_n827l_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_n827l);animation-duration:var(--durationFinalize_n827l);animation-delay:var(--delayFinalize_n827l);animation-name:var(--keyframesFinalize_n827l)}.___SAnimation_n827l_gg_.__transition-based_n827l_gg_{transition-timing-function:var(--timingFunction_n827l);transition-duration:var(--durationFinalize_n827l);transition-delay:var(--delayFinalize_n827l)}.___SAnimation_n827l_gg_.__visible_n827l_gg_{animation-duration:var(--durationInitialize_n827l);animation-delay:var(--delayInitialize_n827l);animation-name:var(--keyframesInitialize_n827l)}.___SAnimation_n827l_gg_.__visible_n827l_gg_.__transition-based_n827l_gg_{transition-timing-function:var(--timingFunction_n827l);transition-duration:var(--durationInitialize_n827l);transition-delay:var(--delayInitialize_n827l)}@media (prefers-reduced-motion){.___SAnimation_n827l_gg_.__transition-based_n827l_gg_,.___SAnimation_n827l_gg_.__visible_n827l_gg_.__transition-based_n827l_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_n827l_gg_,.___SAnimation_n827l_gg_.__visible_n827l_gg_{animation-timing-function:step-end;animation-iteration-count:1}}",
+    /*__inner_css_end__*/
+    "n827l_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SAnimation": "___SAnimation_n827l_gg_",
+    "--timingFunction": "--timingFunction_n827l",
+    "--durationFinalize": "--durationFinalize_n827l",
+    "--delayFinalize": "--delayFinalize_n827l",
+    "--keyframesFinalize": "--keyframesFinalize_n827l",
+    "_transition-based": "__transition-based_n827l_gg_",
+    "_visible": "__visible_n827l_gg_",
+    "--durationInitialize": "--durationInitialize_n827l",
+    "--delayInitialize": "--delayInitialize_n827l",
+    "--keyframesInitialize": "--keyframesInitialize_n827l"
   })
 );
-function b(s) {
-  return Array.isArray(s) ? s : [s, s];
+function propToArray(prop) {
+  return Array.isArray(prop) ? prop : [prop, prop];
 }
-var R = function() {
-  var m = {
+var makeAnimationContextValue = function makeAnimationContextValue2() {
+  var context = {
     onAnimationStartSubscribers: [],
-    onAnimationStart: function(n) {
-      return m.onAnimationStartSubscribers.push(n), function() {
-        return m.onAnimationStartSubscribers.filter(function(t) {
-          return t !== n;
+    onAnimationStart: function onAnimationStart(callback) {
+      context.onAnimationStartSubscribers.push(callback);
+      return function() {
+        return context.onAnimationStartSubscribers.filter(function(cb) {
+          return cb !== callback;
         });
       };
     },
     onAnimationEndSubscribers: [],
-    onAnimationEnd: function(n) {
-      return m.onAnimationEndSubscribers.push(n), function() {
-        return m.onAnimationEndSubscribers.filter(function(t) {
-          return t !== n;
+    onAnimationEnd: function onAnimationEnd(callback) {
+      context.onAnimationEndSubscribers.push(callback);
+      return function() {
+        return context.onAnimationEndSubscribers.filter(function(cb) {
+          return cb !== callback;
         });
       };
     }
   };
-  return m;
-}, S = /* @__PURE__ */ g.createContext(null), d = /* @__PURE__ */ function(s) {
-  P(_, s);
-  var m = E(_);
-  function _() {
-    var n;
-    x(this, _);
-    for (var t = arguments.length, a = new Array(t), r = 0; r < t; r++)
-      a[r] = arguments[r];
-    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", R()), e(u(n), "onAnimationStart", function() {
-      n.animationSupported = !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();
-    }), e(u(n), "handleAnimationEnd", function() {
-      !n.asProps.visible && !n.props.preserveNode && n.setState({
-        render: !1
-      });
-      var i = n.asProps.parentAnimationContext, l = i ?? n.animationContext;
-      l.onAnimationEndSubscribers.forEach(function(o) {
-        return o();
+  return context;
+};
+var animationContext = /* @__PURE__ */ React.createContext(null);
+var Animation = /* @__PURE__ */ function(_Component) {
+  _inherits(Animation2, _Component);
+  var _super = _createSuper(Animation2);
+  function Animation2() {
+    var _this;
+    _classCallCheck(this, Animation2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      animationRunning: false,
+      render: _this.props.visible || _this.props.preserveNode,
+      wasInvisible: !_this.props.visible
+    });
+    _defineProperty(_assertThisInitialized(_this), "animationSupported", false);
+    _defineProperty(_assertThisInitialized(_this), "animationContext", makeAnimationContextValue());
+    _defineProperty(_assertThisInitialized(_this), "onAnimationStart", function() {
+      _this.animationSupported = true;
+      var _this$asProps = _this.asProps, animationsDisabled = _this$asProps.animationsDisabled, parentAnimationContext = _this$asProps.parentAnimationContext;
+      var duration = animationsDisabled ? [0, 0] : propToArray(_this.asProps.duration);
+      var animationContext2 = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext2.onAnimationStartSubscribers.forEach(function(callback) {
+        return callback(duration[0]);
       });
-    }), e(u(n), "animationEventFallback", function() {
-      if (n.state.render && !n.animationSupported) {
-        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);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onAnimationEnd", function(event) {
+      _this.animationSupported = true;
+      _this.handleAnimationEnd();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function() {
+      if (!_this.asProps.visible && !_this.props.preserveNode) {
+        _this.setState({
+          render: false
+        });
       }
-    }), n;
+      var parentAnimationContext = _this.asProps.parentAnimationContext;
+      var animationContext2 = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext2.onAnimationEndSubscribers.forEach(function(callback) {
+        return callback();
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "animationEventFallback", function() {
+      if (!_this.state.render) return;
+      if (_this.animationSupported) return;
+      var delayArr = _this.asProps.animationsDisabled ? [0, 0] : propToArray(_this.asProps.delay);
+      var delay = _this.asProps.visible ? delayArr[0] : delayArr[1];
+      var duration = _this.asProps.animationsDisabled ? 0 : _this.asProps.duration + 100;
+      setTimeout(function() {
+        if (_this.animationSupported) return;
+        _this.handleAnimationEnd();
+      }, duration + delay);
+    });
+    return _this;
   }
-  return I(_, [{
+  _createClass(Animation2, [{
     key: "componentDidMount",
-    value: function() {
+    value: function componentDidMount() {
       this.animationEventFallback();
     }
   }, {
     key: "componentDidUpdate",
-    value: function(t, a) {
-      (t.visible !== this.props.visible || a.render !== this.state.render) && this.animationEventFallback();
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.visible !== this.props.visible || prevState.render !== this.state.render) {
+        this.animationEventFallback();
+      }
     }
   }, {
     key: "render",
-    value: function() {
-      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(A[0], "ms"),
-        durationFinalize: "".concat(A[1], "ms"),
-        delayInitialize: "".concat(y[0], "ms"),
-        delayFinalize: "".concat(y[1], "ms"),
-        timingFunction: v,
-        keyframesInitialize: F || c ? o[0] : "totally-no-animations",
-        keyframesFinalize: o[1]
-      }, t)))))) : null;
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SAnimation = Box;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, keyframes = _this$asProps2.keyframes, initialAnimation = _this$asProps2.initialAnimation, timingFunction = _this$asProps2.timingFunction, animationsDisabled = _this$asProps2.animationsDisabled, parentAnimationContext = _this$asProps2.parentAnimationContext;
+      var animationContextValue = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : this.animationContext;
+      var duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);
+      var delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);
+      var _this$state = this.state, render2 = _this$state.render, wasInvisible = _this$state.wasInvisible;
+      if (!render2) return null;
+      return /* @__PURE__ */ React.createElement(animationContext.Provider, {
+        value: animationContextValue
+      }, (_ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAnimation, _ref2.cn("SAnimation", _objectSpread({}, assignProps({
+        "onAnimationStart": this.onAnimationStart,
+        "onAnimationEnd": this.onAnimationEnd,
+        "durationInitialize": "".concat(duration[0], "ms"),
+        "durationFinalize": "".concat(duration[1], "ms"),
+        "delayInitialize": "".concat(delay[0], "ms"),
+        "delayFinalize": "".concat(delay[1], "ms"),
+        "timingFunction": timingFunction,
+        "keyframesInitialize": wasInvisible || initialAnimation ? keyframes[0] : "totally-no-animations",
+        "keyframesFinalize": keyframes[1]
+      }, _ref))))));
     }
   }], [{
     key: "getDerivedStateFromProps",
-    value: function(t, a) {
-      var r = a.wasInvisible || !t.visible;
-      return t.visible || t.preserveNode || a.wasInvisible !== r ? {
-        render: !0,
-        wasInvisible: r
-      } : a;
+    value: function getDerivedStateFromProps(props, state) {
+      var wasInvisible = state.wasInvisible || !props.visible;
+      if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {
+        return {
+          render: true,
+          wasInvisible
+        };
+      }
+      return state;
     }
-  }]), _;
-}(N);
-e(d, "displayName", "Animation");
-e(d, "style", M);
-e(d, "defaultProps", {
-  visible: !1,
+  }]);
+  return Animation2;
+}(Component);
+_defineProperty(Animation, "displayName", "Animation");
+_defineProperty(Animation, "style", style);
+_defineProperty(Animation, "defaultProps", {
+  visible: false,
   duration: 0,
   delay: 0,
   keyframes: [],
-  initialAnimation: !1,
+  initialAnimation: false,
   timingFunction: "ease-out",
-  animationsDisabled: !1
+  animationsDisabled: false
 });
-e(d, "enhance", [V(S, "parentAnimationContext")]);
-const Y = D(d);
+_defineProperty(Animation, "enhance", [contextEnhance(animationContext, "parentAnimationContext")]);
+const Animation$1 = createComponent(Animation);
 export {
-  S as animationContext,
-  Y as default
+  animationContext,
+  Animation$1 as default
 };

package/animation/lib/esm/Collapse.mjs

@@ -1,78 +1,106 @@
-import u from "@babel/runtime/helpers/esm/objectSpread2";
-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 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 = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import React from "react";
+import { createBaseComponent, sstyled as sstyled$1 } from 'intergalactic/core';
+import Animation from "./Animation.mjs";
+import { useForkRef } from 'intergalactic/utils/lib/ref';
+import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
+var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
+/*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (X.insert(
+  (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}",
-    "2c217_gg_"
-  ), {
-    "@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"
+    "@keyframes collapse-enter_4d05e{0%,to{overflow:clip}}@keyframes collapse-exit_4d05e{0%,to{overflow:clip}}@keyframes fade-in-out-enter_4d05e{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_4d05e{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_4d05e{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_4d05e{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_4d05e{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_4d05e{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_4d05e{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_4d05e{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_4d05e{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_4d05e{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_4d05e{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_4d05e{0%{transform:var(--transformStart_4d05e)}to{transform:var(--transformEnd_4d05e)}}@keyframes transform-exit_4d05e{0%{transform:var(--transformEnd_4d05e)}to{transform:var(--transformStart_4d05e)}}.___SCollapse_4d05e_gg_{transition-property:height;display:flow-root}",
+    /*__inner_css_end__*/
+    "4d05e_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "@collapse-enter": "collapse-enter_4d05e",
+    "@collapse-exit": "collapse-exit_4d05e",
+    "__SCollapse": "___SCollapse_4d05e_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_4d05e",
+    "@fade-in-out-exit": "fade-in-out-exit_4d05e",
+    "@opacity-in": "opacity-in_4d05e",
+    "@opacity-out": "opacity-out_4d05e",
+    "@scale-left-in": "scale-left-in_4d05e",
+    "@scale-right-in": "scale-right-in_4d05e",
+    "@scale-top-in": "scale-top-in_4d05e",
+    "@scale-bottom-in": "scale-bottom-in_4d05e",
+    "@scale-left-out": "scale-left-out_4d05e",
+    "@scale-right-out": "scale-right-out_4d05e",
+    "@scale-top-out": "scale-top-out_4d05e",
+    "@scale-bottom-out": "scale-bottom-out_4d05e",
+    "@slide-top-in": "slide-top-in_4d05e",
+    "@slide-top-out": "slide-top-out_4d05e",
+    "@slide-bottom-in": "slide-bottom-in_4d05e",
+    "@slide-bottom-out": "slide-bottom-out_4d05e",
+    "@slide-left-in": "slide-left-in_4d05e",
+    "@slide-left-out": "slide-left-out_4d05e",
+    "@slide-right-in": "slide-right-in_4d05e",
+    "@slide-right-out": "slide-right-out_4d05e",
+    "@transform-enter": "transform-enter_4d05e",
+    "--transformStart": "--transformStart_4d05e",
+    "--transformEnd": "--transformEnd_4d05e",
+    "@transform-exit": "transform-exit_4d05e"
   })
 );
-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")));
+function Collapse(_ref2, ref) {
+  var _ref;
+  var onAnimationStart = _ref2.onAnimationStart, onAnimationEnd = _ref2.onAnimationEnd, _ref2$overflowHidden = _ref2.overflowHidden, overflowHidden = _ref2$overflowHidden === void 0 ? true : _ref2$overflowHidden, props = _objectWithoutProperties(_ref2, _excluded);
+  var SCollapse = Animation;
+  var overflowRef = React.useRef("initial");
+  var innerRef = React.useRef(null);
+  var forkedRef = useForkRef(innerRef, ref);
+  useEnhancedEffect(function() {
+    if (!innerRef.current) return;
+    if (props.visible) innerRef.current.style.height = "".concat(0, "px");
+    if (!props.visible) innerRef.current.style.height = "".concat(innerRef.current.scrollHeight, "px");
+    if (props.visible) innerRef.current.style.animationFillMode = "none";
+    if (!props.visible) innerRef.current.style.animationFillMode = "both";
+  }, [props.visible]);
+  useEnhancedEffect(function() {
+    if (!innerRef.current) return;
+    if (props.visible) innerRef.current.style.height = "auto";
+    if (!props.visible) innerRef.current.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 b = r.useCallback(function(e) {
-    if (e.currentTarget === e.target) {
-      f && f(e);
-      var n = e.currentTarget;
-      setTimeout(function() {
-        n && (i.current && (n.style.height = "auto"), i.current || (n.style.height = "".concat(0, "px")), m && (n.style.overflow = y.current));
-      }, 0);
+  var handleAnimationStart = React.useCallback(function(event) {
+    if (event.currentTarget !== event.target) return;
+    if (onAnimationStart) onAnimationStart(event);
+    if (overflowHidden) {
+      overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;
+      event.currentTarget.style.overflow = "clip";
     }
+    if (props.visible) event.currentTarget.style.height = "".concat(event.currentTarget.scrollHeight, "px");
+    if (!props.visible) event.currentTarget.style.height = "".concat(0, "px");
+  }, [props.visible]);
+  var visibleRef = React.useRef(props.visible);
+  visibleRef.current = props.visible;
+  var handleAnimationEnd = React.useCallback(function(event) {
+    if (event.currentTarget !== event.target) return;
+    if (onAnimationEnd) onAnimationEnd(event);
+    var element = event.currentTarget;
+    setTimeout(function() {
+      if (!element) return;
+      if (visibleRef.current) element.style.height = "auto";
+      if (!visibleRef.current) element.style.height = "".concat(0, "px");
+      if (overflowHidden) {
+        element.style.overflow = overflowRef.current;
+      }
+    }, 0);
   }, []);
-  return l = S(s), /* @__PURE__ */ r.createElement(g, l.cn("SCollapse", u(u({
-    ref: h
-  }, t), {}, {
-    onAnimationStart: x,
-    onAnimationEnd: b,
-    keyframes: [s["@collapse-enter"], s["@collapse-exit"]],
-    "transition-based": !0
+  return _ref = sstyled$1(style), /* @__PURE__ */ React.createElement(SCollapse, _ref.cn("SCollapse", _objectSpread(_objectSpread({
+    "ref": forkedRef
+  }, props), {}, {
+    "onAnimationStart": handleAnimationStart,
+    "onAnimationEnd": handleAnimationEnd,
+    "keyframes": [style["@collapse-enter"], style["@collapse-exit"]],
+    "transition-based": true
   })));
 }
-d.displayName = "Collapse";
-const B = Y(d);
+Collapse.displayName = "Collapse";
+const Collapse$1 = createBaseComponent(Collapse);
 export {
-  B as default
+  Collapse$1 as default
 };

package/animation/lib/esm/FadeInOut.mjs

@@ -1,54 +1,57 @@
-import a from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as n } from 'intergalactic/utils/lib/core/index';
-import i from "react";
-import { createBaseComponent as c, sstyled as l } from 'intergalactic/core';
-import p from "./Animation.mjs";
-var t = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from 'intergalactic/utils/lib/core/index';
+import React from "react";
+import { createBaseComponent, sstyled as sstyled$1 } from 'intergalactic/core';
+import Animation from "./Animation.mjs";
+/*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (n.insert(
+  (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}",
-    "2c217_gg_"
-  ), {
-    "@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"
+    "@keyframes collapse-enter_4d05e{0%,to{overflow:clip}}@keyframes collapse-exit_4d05e{0%,to{overflow:clip}}@keyframes fade-in-out-enter_4d05e{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_4d05e{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_4d05e{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_4d05e{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{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_4d05e{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_4d05e{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_4d05e{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_4d05e{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_4d05e{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_4d05e{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_4d05e{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_4d05e{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_4d05e{0%{transform:var(--transformStart_4d05e)}to{transform:var(--transformEnd_4d05e)}}@keyframes transform-exit_4d05e{0%{transform:var(--transformEnd_4d05e)}to{transform:var(--transformStart_4d05e)}}.___SCollapse_4d05e_gg_{transition-property:height;display:flow-root}",
+    /*__inner_css_end__*/
+    "4d05e_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "@collapse-enter": "collapse-enter_4d05e",
+    "@collapse-exit": "collapse-exit_4d05e",
+    "__SCollapse": "___SCollapse_4d05e_gg_",
+    "@fade-in-out-enter": "fade-in-out-enter_4d05e",
+    "@fade-in-out-exit": "fade-in-out-exit_4d05e",
+    "@opacity-in": "opacity-in_4d05e",
+    "@opacity-out": "opacity-out_4d05e",
+    "@scale-left-in": "scale-left-in_4d05e",
+    "@scale-right-in": "scale-right-in_4d05e",
+    "@scale-top-in": "scale-top-in_4d05e",
+    "@scale-bottom-in": "scale-bottom-in_4d05e",
+    "@scale-left-out": "scale-left-out_4d05e",
+    "@scale-right-out": "scale-right-out_4d05e",
+    "@scale-top-out": "scale-top-out_4d05e",
+    "@scale-bottom-out": "scale-bottom-out_4d05e",
+    "@slide-top-in": "slide-top-in_4d05e",
+    "@slide-top-out": "slide-top-out_4d05e",
+    "@slide-bottom-in": "slide-bottom-in_4d05e",
+    "@slide-bottom-out": "slide-bottom-out_4d05e",
+    "@slide-left-in": "slide-left-in_4d05e",
+    "@slide-left-out": "slide-left-out_4d05e",
+    "@slide-right-in": "slide-right-in_4d05e",
+    "@slide-right-out": "slide-right-out_4d05e",
+    "@transform-enter": "transform-enter_4d05e",
+    "--transformStart": "--transformStart_4d05e",
+    "--transformEnd": "--transformEnd_4d05e",
+    "@transform-exit": "transform-exit_4d05e"
   })
 );
-function o(r, s) {
-  var e;
-  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"]]
+function FadeInOut(props, ref) {
+  var _ref;
+  return _ref = sstyled$1(style), /* @__PURE__ */ React.createElement(Animation, _ref.cn("Animation", _objectSpread(_objectSpread({
+    "ref": ref
+  }, props), {}, {
+    "keyframes": [style["@fade-in-out-enter"], style["@fade-in-out-exit"]]
   })));
 }
-o.displayName = "FadeInOut";
-const u = c(o);
+FadeInOut.displayName = "FadeInOut";
+const FadeInOut$1 = createBaseComponent(FadeInOut);
 export {
-  u as default
+  FadeInOut$1 as default
 };