intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/animation/lib/es6/Animation.js

@@ -0,0 +1,157 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import contextEnhance from '@semcore/utils/lib/enhances/contextEnhance';
+/*__reshadow-styles__:"./style/animate.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1tjys_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1tjys);animation-duration:var(--durationFinalize_1tjys);animation-delay:var(--delayFinalize_1tjys);animation-name:var(--keyframesFinalize_1tjys)}.___SAnimation_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:var(--timingFunction_1tjys);transition-duration:var(--durationFinalize_1tjys);transition-delay:var(--delayFinalize_1tjys)}.___SAnimation_1tjys_gg_.__visible_1tjys_gg_{animation-duration:var(--durationInitialize_1tjys);animation-delay:var(--delayInitialize_1tjys);animation-name:var(--keyframesInitialize_1tjys)}.___SAnimation_1tjys_gg_.__visible_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:var(--timingFunction_1tjys);transition-duration:var(--durationInitialize_1tjys);transition-delay:var(--delayInitialize_1tjys)}@media (prefers-reduced-motion){.___SAnimation_1tjys_gg_.__transition-based_1tjys_gg_,.___SAnimation_1tjys_gg_.__visible_1tjys_gg_.__transition-based_1tjys_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1tjys_gg_,.___SAnimation_1tjys_gg_.__visible_1tjys_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1tjys_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1tjys_gg_",
+  "--timingFunction": "--timingFunction_1tjys",
+  "--durationFinalize": "--durationFinalize_1tjys",
+  "--delayFinalize": "--delayFinalize_1tjys",
+  "--keyframesFinalize": "--keyframesFinalize_1tjys",
+  "_transition-based": "__transition-based_1tjys_gg_",
+  "_visible": "__visible_1tjys_gg_",
+  "--durationInitialize": "--durationInitialize_1tjys",
+  "--delayInitialize": "--delayInitialize_1tjys",
+  "--keyframesInitialize": "--keyframesInitialize_1tjys"
+});
+function propToArray(prop) {
+  return Array.isArray(prop) ? prop : [prop, prop];
+}
+var makeAnimationContextValue = function makeAnimationContextValue() {
+  var context = {
+    onAnimationStartSubscribers: [],
+    onAnimationStart: function onAnimationStart(callback) {
+      context.onAnimationStartSubscribers.push(callback);
+      return function () {
+        return context.onAnimationStartSubscribers.filter(function (cb) {
+          return cb !== callback;
+        });
+      };
+    },
+    onAnimationEndSubscribers: [],
+    onAnimationEnd: function onAnimationEnd(callback) {
+      context.onAnimationEndSubscribers.push(callback);
+      return function () {
+        return context.onAnimationEndSubscribers.filter(function (cb) {
+          return cb !== callback;
+        });
+      };
+    }
+  };
+  return context;
+};
+export var animationContext = /*#__PURE__*/React.createContext(null);
+var Animation = /*#__PURE__*/function (_Component) {
+  _inherits(Animation, _Component);
+  var _super = _createSuper(Animation);
+  function Animation() {
+    var _this;
+    _classCallCheck(this, Animation);
+    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), "animationContext", makeAnimationContextValue());
+    _defineProperty(_assertThisInitialized(_this), "onAnimationStart", function () {
+      var _this$asProps = _this.asProps,
+        animationsDisabled = _this$asProps.animationsDisabled,
+        parentAnimationContext = _this$asProps.parentAnimationContext;
+      var duration = animationsDisabled ? [0, 0] : propToArray(_this.asProps.duration);
+      var animationContext = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext.onAnimationStartSubscribers.forEach(function (callback) {
+        return callback(duration[0]);
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "onAnimationEnd", function (event) {
+      event.stopPropagation();
+      if (!_this.asProps.visible && !_this.props.preserveNode) {
+        _this.setState({
+          render: false
+        });
+      }
+      var parentAnimationContext = _this.asProps.parentAnimationContext;
+      var animationContext = parentAnimationContext !== null && parentAnimationContext !== void 0 ? parentAnimationContext : _this.animationContext;
+      animationContext.onAnimationEndSubscribers.forEach(function (callback) {
+        return callback();
+      });
+    });
+    return _this;
+  }
+  _createClass(Animation, [{
+    key: "render",
+    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,
+        render = _this$state.render,
+        wasInvisible = _this$state.wasInvisible;
+      if (!render) return null;
+      return /*#__PURE__*/React.createElement(animationContext.Provider, {
+        value: animationContextValue
+      }, (_ref2 = sstyled(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 getDerivedStateFromProps(props, state) {
+      var wasInvisible = state.wasInvisible || !props.visible;
+      if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {
+        return {
+          render: true,
+          wasInvisible: wasInvisible
+        };
+      }
+      return state;
+    }
+  }]);
+  return Animation;
+}(Component);
+_defineProperty(Animation, "displayName", 'Animation');
+_defineProperty(Animation, "style", style);
+_defineProperty(Animation, "defaultProps", {
+  visible: false,
+  duration: 0,
+  delay: 0,
+  keyframes: [],
+  initialAnimation: false,
+  timingFunction: 'ease-out',
+  animationsDisabled: false
+});
+_defineProperty(Animation, "enhance", [contextEnhance(animationContext, 'parentAnimationContext')]);
+export default createComponent(Animation);
+//# sourceMappingURL=Animation.js.map

package/libs/animation/lib/es6/Animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.js","names":["React","createComponent","Component","Root","sstyled","Box","contextEnhance","style","_sstyled","insert","propToArray","prop","Array","isArray","makeAnimationContextValue","context","onAnimationStartSubscribers","onAnimationStart","callback","push","filter","cb","onAnimationEndSubscribers","onAnimationEnd","animationContext","createContext","Animation","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","animationRunning","render","props","visible","preserveNode","wasInvisible","_this$asProps","asProps","animationsDisabled","parentAnimationContext","duration","forEach","event","stopPropagation","setState","_createClass","key","value","_ref","_ref2","SAnimation","_this$asProps2","styles","keyframes","initialAnimation","timingFunction","animationContextValue","delay","_this$state","state","createElement","Provider","cn","_objectSpread","_assignProps","getDerivedStateFromProps"],"sources":["../../src/Animation.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport contextEnhance from '@semcore/utils/lib/enhances/contextEnhance';\nimport style from './style/animate.shadow.css';\n\nfunction propToArray(prop) {\n  return Array.isArray(prop) ? prop : [prop, prop];\n}\n\nconst makeAnimationContextValue = () => {\n  const context = {\n    onAnimationStartSubscribers: [],\n    onAnimationStart: (callback) => {\n      context.onAnimationStartSubscribers.push(callback);\n      return () => context.onAnimationStartSubscribers.filter((cb) => cb !== callback);\n    },\n    onAnimationEndSubscribers: [],\n    onAnimationEnd: (callback) => {\n      context.onAnimationEndSubscribers.push(callback);\n      return () => context.onAnimationEndSubscribers.filter((cb) => cb !== callback);\n    },\n  };\n  return context;\n};\nexport const animationContext = React.createContext(null);\n\nclass Animation extends Component {\n  static displayName = 'Animation';\n  static style = style;\n  static defaultProps = {\n    visible: false,\n    duration: 0,\n    delay: 0,\n    keyframes: [],\n    initialAnimation: false,\n    timingFunction: 'ease-out',\n    animationsDisabled: false,\n  };\n  static enhance = [contextEnhance(animationContext, 'parentAnimationContext')];\n\n  static getDerivedStateFromProps(props, state) {\n    const wasInvisible = state.wasInvisible || !props.visible;\n    if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {\n      return { render: true, wasInvisible };\n    }\n    return state;\n  }\n\n  state = {\n    animationRunning: false,\n    render: this.props.visible || this.props.preserveNode,\n    wasInvisible: !this.props.visible,\n  };\n\n  animationContext = makeAnimationContextValue();\n\n  onAnimationStart = () => {\n    const { animationsDisabled, parentAnimationContext } = this.asProps;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationStartSubscribers.forEach((callback) => callback(duration[0]));\n  };\n\n  onAnimationEnd = (event) => {\n    event.stopPropagation();\n    if (!this.asProps.visible && !this.props.preserveNode) {\n      this.setState({ render: false });\n    }\n    const { parentAnimationContext } = this.asProps;\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationEndSubscribers.forEach((callback) => callback());\n  };\n\n  render() {\n    const SAnimation = Root;\n    const {\n      styles,\n      keyframes,\n      initialAnimation,\n      timingFunction,\n      animationsDisabled,\n      parentAnimationContext,\n    } = this.asProps;\n    const animationContextValue = parentAnimationContext ?? this.animationContext;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const { render, wasInvisible } = this.state;\n\n    if (!render) return null;\n\n    return (\n      <animationContext.Provider value={animationContextValue}>\n        {sstyled(styles)(\n          <SAnimation\n            render={Box}\n            onAnimationStart={this.onAnimationStart}\n            onAnimationEnd={this.onAnimationEnd}\n            durationInitialize={`${duration[0]}ms`}\n            durationFinalize={`${duration[1]}ms`}\n            delayInitialize={`${delay[0]}ms`}\n            delayFinalize={`${delay[1]}ms`}\n            timingFunction={timingFunction}\n            keyframesInitialize={\n              wasInvisible || initialAnimation ? keyframes[0] : 'totally-no-animations'\n            }\n            keyframesFinalize={keyframes[1]}\n          />,\n        )}\n      </animationContext.Provider>\n    );\n  }\n}\n\nexport default createComponent(Animation);\n"],"mappings":"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"}

package/libs/animation/lib/es6/Collapse.js

@@ -0,0 +1,96 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { sstyled as _sstyled } from "@semcore/core";
+var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
+import React from 'react';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import Animation from './Animation';
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1reys",
+  "@collapse-exit": "collapse-exit_1reys",
+  "__SCollapse": "___SCollapse_1reys_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1reys",
+  "@fade-in-out-exit": "fade-in-out-exit_1reys",
+  "@opacity-in": "opacity-in_1reys",
+  "@opacity-out": "opacity-out_1reys",
+  "@scale-left-in": "scale-left-in_1reys",
+  "@scale-right-in": "scale-right-in_1reys",
+  "@scale-top-in": "scale-top-in_1reys",
+  "@scale-bottom-in": "scale-bottom-in_1reys",
+  "@scale-left-out": "scale-left-out_1reys",
+  "@scale-right-out": "scale-right-out_1reys",
+  "@scale-top-out": "scale-top-out_1reys",
+  "@scale-bottom-out": "scale-bottom-out_1reys",
+  "@slide-top-in": "slide-top-in_1reys",
+  "@slide-top-out": "slide-top-out_1reys",
+  "@slide-bottom-in": "slide-bottom-in_1reys",
+  "@slide-bottom-out": "slide-bottom-out_1reys",
+  "@slide-left-in": "slide-left-in_1reys",
+  "@slide-left-out": "slide-left-out_1reys",
+  "@slide-right-in": "slide-right-in_1reys",
+  "@slide-right-out": "slide-right-out_1reys",
+  "@transform-enter": "transform-enter_1reys",
+  "--transformStart": "--transformStart_1reys",
+  "--transformEnd": "--transformEnd_1reys",
+  "@transform-exit": "transform-exit_1reys"
+});
+import { useForkRef } from '@semcore/utils/lib/ref';
+import useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';
+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 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 = 'hidden';
+    }
+    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 handleAnimationEnd = React.useCallback(function (event) {
+    if (event.currentTarget !== event.target) return;
+    if (onAnimationEnd) onAnimationEnd(event);
+    var element = event.currentTarget;
+    setTimeout(function () {
+      if (!element) return;
+      element.style.height = 'auto';
+      if (overflowHidden) {
+        element.style.overflow = overflowRef.current;
+      }
+    }, 0);
+  }, []);
+  return _ref = sstyled(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
+  })));
+}
+Collapse.displayName = 'Collapse';
+export default createBaseComponent(Collapse);
+//# sourceMappingURL=Collapse.js.map

package/libs/animation/lib/es6/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","useForkRef","useEnhancedEffect","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties","_excluded","SCollapse","overflowRef","useRef","innerRef","forkedRef","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread","displayName"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'hidden';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      element.style.height = 'auto';\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEpC,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,iBAAiB,MAAM,0CAA0C;AAExE,SAASC,QAAQA,CAAAC,KAAA,EAAwEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EAAA,IAA1EC,gBAAgB,GAAAH,KAAA,CAAhBG,gBAAgB;IAAEC,cAAc,GAAAJ,KAAA,CAAdI,cAAc;IAAAC,oBAAA,GAAAL,KAAA,CAAEM,cAAc;IAAdA,cAAc,GAAAD,oBAAA,cAAG,IAAI,GAAAA,oBAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,KAAA,EAAAS,SAAA;EACnF,IAAMC,SAAS,GAAGjB,SAAS;EAC3B,IAAMkB,WAAW,GAAGrB,KAAK,CAACsB,MAAM,CAAC,SAAS,CAAC;EAC3C,IAAMC,QAAQ,GAAGvB,KAAK,CAACsB,MAAM,CAAC,IAAI,CAAC;EACnC,IAAME,SAAS,GAAGjB,UAAU,CAACgB,QAAQ,EAAEZ,GAAG,CAAC;EAE3CH,iBAAiB,CAAC,YAAM;IACtB,IAAI,CAACe,QAAQ,CAACE,OAAO,EAAE;IACvB,IAAIR,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAACuB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;IAC3D,IAAI,CAACX,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAACuB,MAAM,MAAAC,MAAA,CAAML,QAAQ,CAACE,OAAO,CAACI,YAAY,OAAI;IACxF,IAAIZ,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAAC0B,iBAAiB,GAAG,MAAM;IACpE,IAAI,CAACb,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAAC0B,iBAAiB,GAAG,MAAM;EACvE,CAAC,EAAE,CAACb,KAAK,CAACS,OAAO,CAAC,CAAC;EAEnBlB,iBAAiB,CAAC,YAAM;IACtB,IAAI,CAACe,QAAQ,CAACE,OAAO,EAAE;IACvB,IAAIR,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAACuB,MAAM,GAAG,MAAM;IACzD,IAAI,CAACV,KAAK,CAACS,OAAO,EAAEH,QAAQ,CAACE,OAAO,CAACrB,KAAK,CAACuB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;EAC9D,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,oBAAoB,GAAG/B,KAAK,CAACgC,WAAW,CAC5C,UAACC,KAAK,EAAK;IACT,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,EAAE;IAC1C,IAAItB,gBAAgB,EAAEA,gBAAgB,CAACoB,KAAK,CAAC;IAC7C,IAAIjB,cAAc,EAAE;MAClBK,WAAW,CAACI,OAAO,GAAGW,MAAM,CAACC,gBAAgB,CAACJ,KAAK,CAACC,aAAa,CAAC,CAACI,QAAQ;MAC3EL,KAAK,CAACC,aAAa,CAAC9B,KAAK,CAACkC,QAAQ,GAAG,QAAQ;IAC/C;IAEA,IAAIrB,KAAK,CAACS,OAAO,EAAEO,KAAK,CAACC,aAAa,CAAC9B,KAAK,CAACuB,MAAM,MAAAC,MAAA,CAAMK,KAAK,CAACC,aAAa,CAACL,YAAY,OAAI;IAC7F,IAAI,CAACZ,KAAK,CAACS,OAAO,EAAEO,KAAK,CAACC,aAAa,CAAC9B,KAAK,CAACuB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;EACjE,CAAC,EACD,CAACX,KAAK,CAACS,OAAO,CAAC,CAChB;EAED,IAAMa,kBAAkB,GAAGvC,KAAK,CAACgC,WAAW,CAAC,UAACC,KAAK,EAAK;IACtD,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,EAAE;IAC1C,IAAIrB,cAAc,EAAEA,cAAc,CAACmB,KAAK,CAAC;IACzC,IAAMO,OAAO,GAAGP,KAAK,CAACC,aAAa;IAEnCO,UAAU,CAAC,YAAM;MACf,IAAI,CAACD,OAAO,EAAE;MACdA,OAAO,CAACpC,KAAK,CAACuB,MAAM,GAAG,MAAM;MAC7B,IAAIX,cAAc,EAAE;QAClBwB,OAAO,CAACpC,KAAK,CAACkC,QAAQ,GAAGjB,WAAW,CAACI,OAAO;MAC9C;IACF,CAAC,EAAE,CAAC,CAAC;EACP,CAAC,EAAE,EAAE,CAAC;EAEN,OAAAb,IAAA,GAAOV,OAAO,CAACE,KAAK,CAAC,eACnBJ,KAAA,CAAA0C,aAAA,CAACtB,SAAS,EAAAR,IAAA,CAAA+B,EAAA,cAAAC,aAAA,CAAAA,aAAA;IAAA,OACHpB;EAAS,GACVP,KAAK;IAAA,oBACSc,oBAAoB;IAAA,kBACtBQ,kBAAkB;IAAA,aACvB,CAACnC,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAAA;EAAA,IAE9D;AAEN;AAEAK,QAAQ,CAACoC,WAAW,GAAG,UAAU;AAEjC,eAAe5C,mBAAmB,CAACQ,QAAQ,CAAC"}

package/libs/animation/lib/es6/FadeInOut.js

@@ -0,0 +1,46 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import React from 'react';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import Animation from './Animation';
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1reys",
+  "@collapse-exit": "collapse-exit_1reys",
+  "__SCollapse": "___SCollapse_1reys_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1reys",
+  "@fade-in-out-exit": "fade-in-out-exit_1reys",
+  "@opacity-in": "opacity-in_1reys",
+  "@opacity-out": "opacity-out_1reys",
+  "@scale-left-in": "scale-left-in_1reys",
+  "@scale-right-in": "scale-right-in_1reys",
+  "@scale-top-in": "scale-top-in_1reys",
+  "@scale-bottom-in": "scale-bottom-in_1reys",
+  "@scale-left-out": "scale-left-out_1reys",
+  "@scale-right-out": "scale-right-out_1reys",
+  "@scale-top-out": "scale-top-out_1reys",
+  "@scale-bottom-out": "scale-bottom-out_1reys",
+  "@slide-top-in": "slide-top-in_1reys",
+  "@slide-top-out": "slide-top-out_1reys",
+  "@slide-bottom-in": "slide-bottom-in_1reys",
+  "@slide-bottom-out": "slide-bottom-out_1reys",
+  "@slide-left-in": "slide-left-in_1reys",
+  "@slide-left-out": "slide-left-out_1reys",
+  "@slide-right-in": "slide-right-in_1reys",
+  "@slide-right-out": "slide-right-out_1reys",
+  "@transform-enter": "transform-enter_1reys",
+  "--transformStart": "--transformStart_1reys",
+  "--transformEnd": "--transformEnd_1reys",
+  "@transform-exit": "transform-exit_1reys"
+});
+function FadeInOut(props, ref) {
+  var _ref;
+  return _ref = sstyled(style), /*#__PURE__*/React.createElement(Animation, _ref.cn("Animation", _objectSpread(_objectSpread({
+    "ref": ref
+  }, props), {}, {
+    "keyframes": [style['@fade-in-out-enter'], style['@fade-in-out-exit']]
+  })));
+}
+FadeInOut.displayName = 'FadeInOut';
+export default createBaseComponent(FadeInOut);
+//# sourceMappingURL=FadeInOut.js.map

package/libs/animation/lib/es6/FadeInOut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeInOut.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","FadeInOut","props","ref","_ref","createElement","cn","_objectSpread","displayName"],"sources":["../../src/FadeInOut.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\n\nfunction FadeInOut(props, ref) {\n  return sstyled(style)(\n    <Animation\n      ref={ref}\n      {...props}\n      keyframes={[style['@fade-in-out-enter'], style['@fade-in-out-exit']]}\n    />,\n  );\n}\n\nFadeInOut.displayName = 'FadeInOut';\n\nexport default createBaseComponent(FadeInOut);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EAC7B,OAAAA,IAAA,GAAOR,OAAO,CAACE,KAAK,CAAC,eACnBJ,KAAA,CAAAW,aAAA,CAACR,SAAS,EAAAO,IAAA,CAAAE,EAAA,cAAAC,aAAA,CAAAA,aAAA;IAAA,OACHJ;EAAG,GACJD,KAAK;IAAA,aACE,CAACJ,KAAK,CAAC,oBAAoB,CAAC,EAAEA,KAAK,CAAC,mBAAmB,CAAC;EAAC,IACpE;AAEN;AAEAG,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,eAAeb,mBAAmB,CAACM,SAAS,CAAC"}

package/libs/animation/lib/es6/Scale.js

@@ -0,0 +1,73 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled as _sstyled } from "@semcore/core";
+import React from 'react';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import Animation from './Animation';
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1reys",
+  "@collapse-exit": "collapse-exit_1reys",
+  "__SCollapse": "___SCollapse_1reys_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1reys",
+  "@fade-in-out-exit": "fade-in-out-exit_1reys",
+  "@opacity-in": "opacity-in_1reys",
+  "@opacity-out": "opacity-out_1reys",
+  "@scale-left-in": "scale-left-in_1reys",
+  "@scale-right-in": "scale-right-in_1reys",
+  "@scale-top-in": "scale-top-in_1reys",
+  "@scale-bottom-in": "scale-bottom-in_1reys",
+  "@scale-left-out": "scale-left-out_1reys",
+  "@scale-right-out": "scale-right-out_1reys",
+  "@scale-top-out": "scale-top-out_1reys",
+  "@scale-bottom-out": "scale-bottom-out_1reys",
+  "@slide-top-in": "slide-top-in_1reys",
+  "@slide-top-out": "slide-top-out_1reys",
+  "@slide-bottom-in": "slide-bottom-in_1reys",
+  "@slide-bottom-out": "slide-bottom-out_1reys",
+  "@slide-left-in": "slide-left-in_1reys",
+  "@slide-left-out": "slide-left-out_1reys",
+  "@slide-right-in": "slide-right-in_1reys",
+  "@slide-right-out": "slide-right-out_1reys",
+  "@transform-enter": "transform-enter_1reys",
+  "--transformStart": "--transformStart_1reys",
+  "--transformEnd": "--transformEnd_1reys",
+  "@transform-exit": "transform-exit_1reys"
+});
+import { useForkRef } from '@semcore/utils/lib/ref';
+function Scale(props, ref) {
+  var _ref;
+  var _React$useState = React.useState(props.placement),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    placement = _React$useState2[0],
+    setPlacement = _React$useState2[1];
+  var keyframesKey = React.useMemo(function () {
+    if (placement.startsWith('left')) return 'scale-left';
+    if (placement.startsWith('right')) return 'scale-right';
+    if (placement.startsWith('bottom')) return 'scale-bottom';
+    if (placement.startsWith('top')) return 'scale-top';
+    return 'opacity';
+  }, [placement]);
+  var popperCheckRef = React.useRef();
+  var forkedRef = useForkRef(ref, popperCheckRef);
+  React.useEffect(function () {
+    if (placement && placement !== 'auto') return;
+    if (!popperCheckRef.current) return;
+    var timeout = setTimeout(function () {
+      if (!popperCheckRef.current) return;
+      var placement = popperCheckRef.current.dataset.popperPlacement;
+      if (placement) setPlacement(placement);
+    }, 0);
+    return function () {
+      return clearTimeout(timeout);
+    };
+  }, [props.visible]);
+  return _ref = sstyled(style), /*#__PURE__*/React.createElement(Animation, _ref.cn("Animation", _objectSpread(_objectSpread({
+    "ref": forkedRef
+  }, props), {}, {
+    "keyframes": [style["@".concat(keyframesKey, "-in")], style["@".concat(keyframesKey, "-out")]]
+  })));
+}
+Scale.displayName = 'Scale';
+export default createBaseComponent(Scale);
+//# sourceMappingURL=Scale.js.map

package/libs/animation/lib/es6/Scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scale.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","useForkRef","Scale","props","ref","_ref","_React$useState","useState","placement","_React$useState2","_slicedToArray","setPlacement","keyframesKey","useMemo","startsWith","popperCheckRef","useRef","forkedRef","useEffect","current","timeout","setTimeout","dataset","popperPlacement","clearTimeout","visible","createElement","cn","_objectSpread","concat","displayName"],"sources":["../../src/Scale.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\n\nfunction Scale(props, ref) {\n  const [placement, setPlacement] = React.useState(props.placement);\n  const keyframesKey = React.useMemo(() => {\n    if (placement.startsWith('left')) return 'scale-left';\n    if (placement.startsWith('right')) return 'scale-right';\n    if (placement.startsWith('bottom')) return 'scale-bottom';\n    if (placement.startsWith('top')) return 'scale-top';\n\n    return 'opacity';\n  }, [placement]);\n\n  const popperCheckRef = React.useRef();\n  const forkedRef = useForkRef(ref, popperCheckRef);\n\n  React.useEffect(() => {\n    if (placement && placement !== 'auto') return;\n    if (!popperCheckRef.current) return;\n    const timeout = setTimeout(() => {\n      if (!popperCheckRef.current) return;\n      const placement = popperCheckRef.current.dataset.popperPlacement;\n      if (placement) setPlacement(placement);\n    }, 0);\n    return () => clearTimeout(timeout);\n  }, [props.visible]);\n\n  return sstyled(style)(\n    <Animation\n      ref={forkedRef}\n      {...props}\n      keyframes={[style[`@${keyframesKey}-in`], style[`@${keyframesKey}-out`]]}\n    />,\n  );\n}\n\nScale.displayName = 'Scale';\n\nexport default createBaseComponent(Scale);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAEpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,KAAKA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EACzB,IAAAC,eAAA,GAAkCZ,KAAK,CAACa,QAAQ,CAACJ,KAAK,CAACK,SAAS,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA;IAA1DE,SAAS,GAAAC,gBAAA;IAAEE,YAAY,GAAAF,gBAAA;EAC9B,IAAMG,YAAY,GAAGlB,KAAK,CAACmB,OAAO,CAAC,YAAM;IACvC,IAAIL,SAAS,CAACM,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,YAAY;IACrD,IAAIN,SAAS,CAACM,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,aAAa;IACvD,IAAIN,SAAS,CAACM,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,cAAc;IACzD,IAAIN,SAAS,CAACM,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,WAAW;IAEnD,OAAO,SAAS;EAClB,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,IAAMO,cAAc,GAAGrB,KAAK,CAACsB,MAAM,EAAE;EACrC,IAAMC,SAAS,GAAGhB,UAAU,CAACG,GAAG,EAAEW,cAAc,CAAC;EAEjDrB,KAAK,CAACwB,SAAS,CAAC,YAAM;IACpB,IAAIV,SAAS,IAAIA,SAAS,KAAK,MAAM,EAAE;IACvC,IAAI,CAACO,cAAc,CAACI,OAAO,EAAE;IAC7B,IAAMC,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/B,IAAI,CAACN,cAAc,CAACI,OAAO,EAAE;MAC7B,IAAMX,SAAS,GAAGO,cAAc,CAACI,OAAO,CAACG,OAAO,CAACC,eAAe;MAChE,IAAIf,SAAS,EAAEG,YAAY,CAACH,SAAS,CAAC;IACxC,CAAC,EAAE,CAAC,CAAC;IACL,OAAO;MAAA,OAAMgB,YAAY,CAACJ,OAAO,CAAC;IAAA;EACpC,CAAC,EAAE,CAACjB,KAAK,CAACsB,OAAO,CAAC,CAAC;EAEnB,OAAApB,IAAA,GAAOT,OAAO,CAACE,KAAK,CAAC,eACnBJ,KAAA,CAAAgC,aAAA,CAAC7B,SAAS,EAAAQ,IAAA,CAAAsB,EAAA,cAAAC,aAAA,CAAAA,aAAA;IAAA,OACHX;EAAS,GACVd,KAAK;IAAA,aACE,CAACL,KAAK,KAAA+B,MAAA,CAAKjB,YAAY,SAAM,EAAEd,KAAK,KAAA+B,MAAA,CAAKjB,YAAY,UAAO;EAAC,IACxE;AAEN;AAEAV,KAAK,CAAC4B,WAAW,GAAG,OAAO;AAE3B,eAAenC,mBAAmB,CAACO,KAAK,CAAC"}

package/libs/animation/lib/es6/Slide.js

@@ -0,0 +1,46 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { sstyled as _sstyled } from "@semcore/core";
+import React from 'react';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import Animation from './Animation';
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1reys",
+  "@collapse-exit": "collapse-exit_1reys",
+  "__SCollapse": "___SCollapse_1reys_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1reys",
+  "@fade-in-out-exit": "fade-in-out-exit_1reys",
+  "@opacity-in": "opacity-in_1reys",
+  "@opacity-out": "opacity-out_1reys",
+  "@scale-left-in": "scale-left-in_1reys",
+  "@scale-right-in": "scale-right-in_1reys",
+  "@scale-top-in": "scale-top-in_1reys",
+  "@scale-bottom-in": "scale-bottom-in_1reys",
+  "@scale-left-out": "scale-left-out_1reys",
+  "@scale-right-out": "scale-right-out_1reys",
+  "@scale-top-out": "scale-top-out_1reys",
+  "@scale-bottom-out": "scale-bottom-out_1reys",
+  "@slide-top-in": "slide-top-in_1reys",
+  "@slide-top-out": "slide-top-out_1reys",
+  "@slide-bottom-in": "slide-bottom-in_1reys",
+  "@slide-bottom-out": "slide-bottom-out_1reys",
+  "@slide-left-in": "slide-left-in_1reys",
+  "@slide-left-out": "slide-left-out_1reys",
+  "@slide-right-in": "slide-right-in_1reys",
+  "@slide-right-out": "slide-right-out_1reys",
+  "@transform-enter": "transform-enter_1reys",
+  "--transformStart": "--transformStart_1reys",
+  "--transformEnd": "--transformEnd_1reys",
+  "@transform-exit": "transform-exit_1reys"
+});
+function Slide(props, ref) {
+  var _ref;
+  return _ref = sstyled(style), /*#__PURE__*/React.createElement(Animation, _ref.cn("Animation", _objectSpread(_objectSpread({
+    "ref": ref
+  }, props), {}, {
+    "keyframes": [style["@slide-".concat(props.slideOrigin, "-in")], style["@slide-".concat(props.slideOrigin, "-out")]]
+  })));
+}
+Slide.displayName = 'Slide';
+export default createBaseComponent(Slide);
+//# sourceMappingURL=Slide.js.map

package/libs/animation/lib/es6/Slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","Slide","props","ref","_ref","createElement","cn","_objectSpread","concat","slideOrigin","displayName"],"sources":["../../src/Slide.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\n\nfunction Slide(props, ref) {\n  return sstyled(style)(\n    <Animation\n      ref={ref}\n      {...props}\n      keyframes={[\n        style[`@slide-${props.slideOrigin}-in`],\n        style[`@slide-${props.slideOrigin}-out`],\n      ]}\n    />,\n  );\n}\n\nSlide.displayName = 'Slide';\n\nexport default createBaseComponent(Slide);\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpC,SAASC,KAAKA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EACzB,OAAAA,IAAA,GAAOR,OAAO,CAACE,KAAK,CAAC,eACnBJ,KAAA,CAAAW,aAAA,CAACR,SAAS,EAAAO,IAAA,CAAAE,EAAA,cAAAC,aAAA,CAAAA,aAAA;IAAA,OACHJ;EAAG,GACJD,KAAK;IAAA,aACE,CACTJ,KAAK,WAAAU,MAAA,CAAWN,KAAK,CAACO,WAAW,SAAM,EACvCX,KAAK,WAAAU,MAAA,CAAWN,KAAK,CAACO,WAAW,UAAO;EACzC,IACD;AAEN;AAEAR,KAAK,CAACS,WAAW,GAAG,OAAO;AAE3B,eAAef,mBAAmB,CAACM,KAAK,CAAC"}

package/libs/animation/lib/es6/Transform.js

@@ -0,0 +1,53 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import { sstyled as _sstyled } from "@semcore/core";
+var _excluded = ["transform"];
+import React from 'react';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import Animation from './Animation';
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1reys{0%,to{overflow:hidden}}@keyframes collapse-exit_1reys{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1reys{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1reys{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1reys{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1reys{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{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_1reys{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1reys{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1reys{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1reys{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1reys{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1reys{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1reys{0%{transform:var(--transformStart_1reys)}to{transform:var(--transformEnd_1reys)}}@keyframes transform-exit_1reys{0%{transform:var(--transformEnd_1reys)}to{transform:var(--transformStart_1reys)}}.___SCollapse_1reys_gg_{transition-property:height}" /*__inner_css_end__*/, "1reys_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1reys",
+  "@collapse-exit": "collapse-exit_1reys",
+  "__SCollapse": "___SCollapse_1reys_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1reys",
+  "@fade-in-out-exit": "fade-in-out-exit_1reys",
+  "@opacity-in": "opacity-in_1reys",
+  "@opacity-out": "opacity-out_1reys",
+  "@scale-left-in": "scale-left-in_1reys",
+  "@scale-right-in": "scale-right-in_1reys",
+  "@scale-top-in": "scale-top-in_1reys",
+  "@scale-bottom-in": "scale-bottom-in_1reys",
+  "@scale-left-out": "scale-left-out_1reys",
+  "@scale-right-out": "scale-right-out_1reys",
+  "@scale-top-out": "scale-top-out_1reys",
+  "@scale-bottom-out": "scale-bottom-out_1reys",
+  "@slide-top-in": "slide-top-in_1reys",
+  "@slide-top-out": "slide-top-out_1reys",
+  "@slide-bottom-in": "slide-bottom-in_1reys",
+  "@slide-bottom-out": "slide-bottom-out_1reys",
+  "@slide-left-in": "slide-left-in_1reys",
+  "@slide-left-out": "slide-left-out_1reys",
+  "@slide-right-in": "slide-right-in_1reys",
+  "@slide-right-out": "slide-right-out_1reys",
+  "@transform-enter": "transform-enter_1reys",
+  "--transformStart": "--transformStart_1reys",
+  "--transformEnd": "--transformEnd_1reys",
+  "@transform-exit": "transform-exit_1reys"
+});
+function Transform(props, ref) {
+  var _ref;
+  var _props$transform = props.transform,
+    transform = _props$transform === void 0 ? [] : _props$transform,
+    other = _objectWithoutProperties(props, _excluded);
+  return _ref = sstyled(style), /*#__PURE__*/React.createElement(Animation, _ref.cn("Animation", _objectSpread(_objectSpread({
+    "ref": ref
+  }, other), {}, {
+    "transformStart": transform[0],
+    "transformEnd": transform[1],
+    "keyframes": [style['@transform-enter'], style['@transform-exit']]
+  })));
+}
+Transform.displayName = 'Transform';
+export default createBaseComponent(Transform);
+//# sourceMappingURL=Transform.js.map

package/libs/animation/lib/es6/Transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transform.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","Transform","props","ref","_ref","_props$transform","transform","other","_objectWithoutProperties","_excluded","createElement","cn","_objectSpread","displayName"],"sources":["../../src/Transform.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\n\nfunction Transform(props, ref) {\n  const { transform = [], ...other } = props;\n\n  return sstyled(style)(\n    <Animation\n      ref={ref}\n      {...other}\n      transformStart={transform[0]}\n      transformEnd={transform[1]}\n      keyframes={[style['@transform-enter'], style['@transform-exit']]}\n    />,\n  );\n}\n\nTransform.displayName = 'Transform';\n\nexport default createBaseComponent(Transform);\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,OAAOC,SAAS,MAAM,aAAa;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EAC7B,IAAAC,gBAAA,GAAqCH,KAAK,CAAlCI,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EAE1C,OAAAL,IAAA,GAAOR,OAAO,CAACE,KAAK,CAAC,eACnBJ,KAAA,CAAAgB,aAAA,CAACb,SAAS,EAAAO,IAAA,CAAAO,EAAA,cAAAC,aAAA,CAAAA,aAAA;IAAA,OACHT;EAAG,GACJI,KAAK;IAAA,kBACOD,SAAS,CAAC,CAAC,CAAC;IAAA,gBACdA,SAAS,CAAC,CAAC,CAAC;IAAA,aACf,CAACR,KAAK,CAAC,kBAAkB,CAAC,EAAEA,KAAK,CAAC,iBAAiB,CAAC;EAAC,IAChE;AAEN;AAEAG,SAAS,CAACY,WAAW,GAAG,WAAW;AAEnC,eAAelB,mBAAmB,CAACM,SAAS,CAAC"}

package/libs/animation/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/libs/animation/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\ntype CssTimingFunction =\n  | 'ease'\n  | 'ease-in'\n  | 'ease-out'\n  | 'ease-in-out'\n  | 'linear'\n  | 'step-start'\n  | 'step-end';\n\n/** @deprecated */\nexport interface IAnimationProps extends AnimationProps, UnknownProperties {}\nexport type AnimationProps = BoxProps & {\n  /** The property is responsible for the visibility of the element */\n  visible?: boolean;\n  /** Animation duration in ms\n   * @default 0\n   */\n  duration?: number | [number, number];\n  /** Animation delay in ms\n   * @default 0\n   */\n  delay?: number | [number, number];\n  /** Animation titles */\n  keyframes?: [string, string];\n  /** If it set to `true`, animated node is persisted in dom even if `visible=false`   */\n  preserveNode?: boolean;\n  /** Enables animation on first rendering\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * @default ease-out\n   */\n  timingFunction?: CssTimingFunction;\n  /**\n   * @default false\n   */\n  animationsDisabled?: boolean;\n};\n\n/** @deprecated */\nexport interface ICollapseProps extends CollapseProps, UnknownProperties {}\nexport type CollapseProps = AnimationProps & {\n  /**\n   * Add overflow=hidden when passing animation\n   * @default true\n   * */\n  overflowHidden?: boolean;\n};\n\n/** @deprecated */\nexport interface IFadeInOutProps extends FadeInOutProps, UnknownProperties {}\nexport type FadeInOutProps = AnimationProps & {};\n\n/** @deprecated */\nexport interface ITransformProps extends TransformProps, UnknownProperties {}\nexport type TransformProps = AnimationProps & {\n  /** Animation effects\n   * @default []\n   */\n  transform?: [string, string];\n};\n\n/** @deprecated */\nexport interface IScaleProps extends ScaleProps, UnknownProperties {}\nexport type ScaleProps = AnimationProps & {\n  /** Placement of appearing block\n   */\n  placement?:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right-start'\n    | 'right-end'\n    | 'left-start'\n    | 'left-end';\n};\n\n/** @deprecated */\nexport interface ISlideProps extends SlideProps, UnknownProperties {}\nexport type SlideProps = AnimationProps & {\n  /** Direction from which slide animation will be performed\n   */\n  slideOrigin?: 'top' | 'bottom' | 'left' | 'right';\n};\n\ntype DisposeSubscription = () => void;\ndeclare const animationContext: React.Context<{\n  onAnimationStart: (callback: () => void) => DisposeSubscription;\n  onAnimationEnd: (callback: () => void) => DisposeSubscription;\n}>;\ndeclare const Animation: Intergalactic.Component<'div', AnimationProps>;\ndeclare const Collapse: Intergalactic.Component<'div', CollapseProps>;\ndeclare const FadeInOut: Intergalactic.Component<'div', FadeInOutProps>;\ndeclare const Transform: Intergalactic.Component<'div', TransformProps>;\ndeclare const Scale: Intergalactic.Component<'div', ScaleProps>;\ndeclare const Slide: Intergalactic.Component<'div', SlideProps>;\n\nexport { Animation, Collapse, FadeInOut, Transform, Scale, Slide, animationContext };\n"],"mappings":""}

package/libs/animation/lib/es6/index.js

@@ -0,0 +1,7 @@
+export { default as Animation, animationContext } from './Animation';
+export { default as Transform } from './Transform';
+export { default as FadeInOut } from './FadeInOut';
+export { default as Collapse } from './Collapse';
+export { default as Scale } from './Scale';
+export { default as Slide } from './Slide';
+//# sourceMappingURL=index.js.map

package/libs/animation/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Animation","animationContext","Transform","FadeInOut","Collapse","Scale","Slide"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Animation, animationContext } from './Animation';\n\nexport { default as Transform } from './Transform';\n\nexport { default as FadeInOut } from './FadeInOut';\n\nexport { default as Collapse } from './Collapse';\n\nexport { default as Scale } from './Scale';\n\nexport { default as Slide } from './Slide';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,EAAEC,gBAAgB,QAAQ,aAAa;AAEpE,SAASF,OAAO,IAAIG,SAAS,QAAQ,aAAa;AAElD,SAASH,OAAO,IAAII,SAAS,QAAQ,aAAa;AAElD,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,YAAY;AAEhD,SAASL,OAAO,IAAIM,KAAK,QAAQ,SAAS;AAE1C,SAASN,OAAO,IAAIO,KAAK,QAAQ,SAAS"}