intergalactic 15.87.0-prerelease.3 → 15.88.0

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

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+var _ref3 = require("@semcore/utils/lib/ref");
+var _useEnhancedEffect = _interopRequireDefault(require("@semcore/utils/lib/use/useEnhancedEffect"));
+var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.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 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 = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  var SCollapse = _Animation["default"];
+  var overflowRef = _react["default"].useRef('initial');
+  var innerRef = _react["default"].useRef(null);
+  var forkedRef = (0, _ref3.useForkRef)(innerRef, ref);
+  (0, _useEnhancedEffect["default"])(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]);
+  (0, _useEnhancedEffect["default"])(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["default"].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["default"].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 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SCollapse, _ref.cn("SCollapse", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "ref": forkedRef
+  }, props), {}, {
+    "onAnimationStart": handleAnimationStart,
+    "onAnimationEnd": handleAnimationEnd,
+    "keyframes": [style['@collapse-enter'], style['@collapse-exit']],
+    "transition-based": true
+  })));
+}
+Collapse.displayName = 'Collapse';
+var _default = (0, _core.createBaseComponent)(Collapse);
+exports["default"] = _default;
+//# sourceMappingURL=Collapse.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_ref3","_useEnhancedEffect","_excluded","style","sstyled","insert","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties2","SCollapse","Animation","overflowRef","React","useRef","innerRef","forkedRef","useForkRef","useEnhancedEffect","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAyE,IAAAM,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAR,KAAA,CAAAS,OAAA,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;AAEzE,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,OAAAC,yBAAA,aAAAR,KAAA,EAAAL,SAAA;EACnF,IAAMc,SAAS,GAAGC,qBAAS;EAC3B,IAAMC,WAAW,GAAGC,iBAAK,CAACC,MAAM,CAAC,SAAS,CAAC;EAC3C,IAAMC,QAAQ,GAAGF,iBAAK,CAACC,MAAM,CAAC,IAAI,CAAC;EACnC,IAAME,SAAS,GAAG,IAAAC,gBAAU,EAACF,QAAQ,EAAEb,GAAG,CAAC;EAE3C,IAAAgB,6BAAiB,EAAC,YAAM;IACtB,IAAI,CAACH,QAAQ,CAACI,OAAO,EAAE;IACvB,IAAIX,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAACwB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;IAC3D,IAAI,CAACd,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAACwB,MAAM,MAAAC,MAAA,CAAMP,QAAQ,CAACI,OAAO,CAACI,YAAY,OAAI;IACxF,IAAIf,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAAC2B,iBAAiB,GAAG,MAAM;IACpE,IAAI,CAAChB,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAAC2B,iBAAiB,GAAG,MAAM;EACvE,CAAC,EAAE,CAAChB,KAAK,CAACY,OAAO,CAAC,CAAC;EAEnB,IAAAF,6BAAiB,EAAC,YAAM;IACtB,IAAI,CAACH,QAAQ,CAACI,OAAO,EAAE;IACvB,IAAIX,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAACwB,MAAM,GAAG,MAAM;IACzD,IAAI,CAACb,KAAK,CAACY,OAAO,EAAEL,QAAQ,CAACI,OAAO,CAACtB,KAAK,CAACwB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;EAC9D,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,oBAAoB,GAAGZ,iBAAK,CAACa,WAAW,CAC5C,UAACC,KAAK,EAAK;IACT,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,EAAE;IAC1C,IAAIzB,gBAAgB,EAAEA,gBAAgB,CAACuB,KAAK,CAAC;IAC7C,IAAIpB,cAAc,EAAE;MAClBK,WAAW,CAACO,OAAO,GAAGW,MAAM,CAACC,gBAAgB,CAACJ,KAAK,CAACC,aAAa,CAAC,CAACI,QAAQ;MAC3EL,KAAK,CAACC,aAAa,CAAC/B,KAAK,CAACmC,QAAQ,GAAG,QAAQ;IAC/C;IAEA,IAAIxB,KAAK,CAACY,OAAO,EAAEO,KAAK,CAACC,aAAa,CAAC/B,KAAK,CAACwB,MAAM,MAAAC,MAAA,CAAMK,KAAK,CAACC,aAAa,CAACL,YAAY,OAAI;IAC7F,IAAI,CAACf,KAAK,CAACY,OAAO,EAAEO,KAAK,CAACC,aAAa,CAAC/B,KAAK,CAACwB,MAAM,MAAAC,MAAA,CAAM,CAAC,OAAI;EACjE,CAAC,EACD,CAACd,KAAK,CAACY,OAAO,CAAC,CAChB;EAED,IAAMa,kBAAkB,GAAGpB,iBAAK,CAACa,WAAW,CAAC,UAACC,KAAK,EAAK;IACtD,IAAIA,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,EAAE;IAC1C,IAAIxB,cAAc,EAAEA,cAAc,CAACsB,KAAK,CAAC;IACzC,IAAMO,OAAO,GAAGP,KAAK,CAACC,aAAa;IAEnCO,UAAU,CAAC,YAAM;MACf,IAAI,CAACD,OAAO,EAAE;MACdA,OAAO,CAACrC,KAAK,CAACwB,MAAM,GAAG,MAAM;MAC7B,IAAId,cAAc,EAAE;QAClB2B,OAAO,CAACrC,KAAK,CAACmC,QAAQ,GAAGpB,WAAW,CAACO,OAAO;MAC9C;IACF,CAAC,EAAE,CAAC,CAAC;EACP,CAAC,EAAE,EAAE,CAAC;EAEN,OAAAhB,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBN,MAAA,YAAA6C,aAAA,CAAC1B,SAAS,EAAAP,IAAA,CAAAkC,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHtB;EAAS,GACVR,KAAK;IAAA,oBACSiB,oBAAoB;IAAA,kBACtBQ,kBAAkB;IAAA,aACvB,CAACpC,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAAA;EAAA,IAE9D;AAEN;AAEAG,QAAQ,CAACuC,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAEnB,IAAAC,yBAAmB,EAACzC,QAAQ,CAAC;AAAA0C,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.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 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(_Animation["default"], _ref.cn("Animation", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "ref": ref
+  }, props), {}, {
+    "keyframes": [style['@fade-in-out-enter'], style['@fade-in-out-exit']]
+  })));
+}
+FadeInOut.displayName = 'FadeInOut';
+var _default = (0, _core.createBaseComponent)(FadeInOut);
+exports["default"] = _default;
+//# sourceMappingURL=FadeInOut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FadeInOut.js","names":["_core","require","_react","_interopRequireDefault","_Animation","style","sstyled","insert","FadeInOut","props","ref","_ref","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAoC;AAAA,IAAAI,KAAA,+BAAAL,KAAA,CAAAM,OAAA,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,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBH,MAAA,YAAAU,aAAA,CAACR,UAAA,WAAS,EAAAO,IAAA,CAAAE,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;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;AAAC,IAAAC,QAAA,GAErB,IAAAC,yBAAmB,EAACT,SAAS,CAAC;AAAAU,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+var _ref2 = require("@semcore/utils/lib/ref");
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.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 Scale(props, ref) {
+  var _ref;
+  var _React$useState = _react["default"].useState(props.placement),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    placement = _React$useState2[0],
+    setPlacement = _React$useState2[1];
+  var keyframesKey = _react["default"].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["default"].useRef();
+  var forkedRef = (0, _ref2.useForkRef)(ref, popperCheckRef);
+  _react["default"].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 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(_Animation["default"], _ref.cn("Animation", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "ref": forkedRef
+  }, props), {}, {
+    "keyframes": [style["@".concat(keyframesKey, "-in")], style["@".concat(keyframesKey, "-out")]]
+  })));
+}
+Scale.displayName = 'Scale';
+var _default = (0, _core.createBaseComponent)(Scale);
+exports["default"] = _default;
+//# sourceMappingURL=Scale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scale.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_ref2","style","sstyled","insert","Scale","props","ref","_ref","_React$useState","React","useState","placement","_React$useState2","_slicedToArray2","setPlacement","keyframesKey","useMemo","startsWith","popperCheckRef","useRef","forkedRef","useForkRef","useEffect","current","timeout","setTimeout","dataset","popperPlacement","clearTimeout","visible","createElement","cn","_objectSpread2","concat","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAAoD;AAAA,IAAAK,KAAA,+BAAAN,KAAA,CAAAO,OAAA,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;AAEpD,SAASC,KAAKA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EACzB,IAAAC,eAAA,GAAkCC,iBAAK,CAACC,QAAQ,CAACL,KAAK,CAACM,SAAS,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAL,eAAA;IAA1DG,SAAS,GAAAC,gBAAA;IAAEE,YAAY,GAAAF,gBAAA;EAC9B,IAAMG,YAAY,GAAGN,iBAAK,CAACO,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,GAAGT,iBAAK,CAACU,MAAM,EAAE;EACrC,IAAMC,SAAS,GAAG,IAAAC,gBAAU,EAACf,GAAG,EAAEY,cAAc,CAAC;EAEjDT,iBAAK,CAACa,SAAS,CAAC,YAAM;IACpB,IAAIX,SAAS,IAAIA,SAAS,KAAK,MAAM,EAAE;IACvC,IAAI,CAACO,cAAc,CAACK,OAAO,EAAE;IAC7B,IAAMC,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/B,IAAI,CAACP,cAAc,CAACK,OAAO,EAAE;MAC7B,IAAMZ,SAAS,GAAGO,cAAc,CAACK,OAAO,CAACG,OAAO,CAACC,eAAe;MAChE,IAAIhB,SAAS,EAAEG,YAAY,CAACH,SAAS,CAAC;IACxC,CAAC,EAAE,CAAC,CAAC;IACL,OAAO;MAAA,OAAMiB,YAAY,CAACJ,OAAO,CAAC;IAAA;EACpC,CAAC,EAAE,CAACnB,KAAK,CAACwB,OAAO,CAAC,CAAC;EAEnB,OAAAtB,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBJ,MAAA,YAAAiC,aAAA,CAAC/B,UAAA,WAAS,EAAAQ,IAAA,CAAAwB,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHZ;EAAS,GACVf,KAAK;IAAA,aACE,CAACJ,KAAK,KAAAgC,MAAA,CAAKlB,YAAY,SAAM,EAAEd,KAAK,KAAAgC,MAAA,CAAKlB,YAAY,UAAO;EAAC,IACxE;AAEN;AAEAX,KAAK,CAAC8B,WAAW,GAAG,OAAO;AAAC,IAAAC,QAAA,GAEb,IAAAC,yBAAmB,EAAChC,KAAK,CAAC;AAAAiC,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.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 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(_Animation["default"], _ref.cn("Animation", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "ref": ref
+  }, props), {}, {
+    "keyframes": [style["@slide-".concat(props.slideOrigin, "-in")], style["@slide-".concat(props.slideOrigin, "-out")]]
+  })));
+}
+Slide.displayName = 'Slide';
+var _default = (0, _core.createBaseComponent)(Slide);
+exports["default"] = _default;
+//# sourceMappingURL=Slide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.js","names":["_core","require","_react","_interopRequireDefault","_Animation","style","sstyled","insert","Slide","props","ref","_ref","createElement","cn","_objectSpread2","concat","slideOrigin","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAoC;AAAA,IAAAI,KAAA,+BAAAL,KAAA,CAAAM,OAAA,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,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBH,MAAA,YAAAU,aAAA,CAACR,UAAA,WAAS,EAAAO,IAAA,CAAAE,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;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;AAAC,IAAAC,QAAA,GAEb,IAAAC,yBAAmB,EAACX,KAAK,CAAC;AAAAY,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _Animation = _interopRequireDefault(require("./Animation"));
+var _excluded = ["transform"];
+/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return _ref = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(_Animation["default"], _ref.cn("Animation", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    "ref": ref
+  }, other), {}, {
+    "transformStart": transform[0],
+    "transformEnd": transform[1],
+    "keyframes": [style['@transform-enter'], style['@transform-exit']]
+  })));
+}
+Transform.displayName = 'Transform';
+var _default = (0, _core.createBaseComponent)(Transform);
+exports["default"] = _default;
+//# sourceMappingURL=Transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Transform.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_excluded","style","sstyled","insert","Transform","props","ref","_ref","_props$transform","transform","other","_objectWithoutProperties2","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"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":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAoC,IAAAI,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAN,KAAA,CAAAO,OAAA,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,OAAAC,yBAAA,aAAKN,KAAK,EAAAL,SAAA;EAE1C,OAAAO,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBJ,MAAA,YAAAe,aAAA,CAACb,UAAA,WAAS,EAAAQ,IAAA,CAAAM,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHR;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,CAACW,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErB,IAAAC,yBAAmB,EAACb,SAAS,CAAC;AAAAc,OAAA,cAAAF,QAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/animation/lib/cjs/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/cjs/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Animation", {
+  enumerable: true,
+  get: function get() {
+    return _Animation["default"];
+  }
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function get() {
+    return _Collapse["default"];
+  }
+});
+Object.defineProperty(exports, "FadeInOut", {
+  enumerable: true,
+  get: function get() {
+    return _FadeInOut["default"];
+  }
+});
+Object.defineProperty(exports, "Scale", {
+  enumerable: true,
+  get: function get() {
+    return _Scale["default"];
+  }
+});
+Object.defineProperty(exports, "Slide", {
+  enumerable: true,
+  get: function get() {
+    return _Slide["default"];
+  }
+});
+Object.defineProperty(exports, "Transform", {
+  enumerable: true,
+  get: function get() {
+    return _Transform["default"];
+  }
+});
+Object.defineProperty(exports, "animationContext", {
+  enumerable: true,
+  get: function get() {
+    return _Animation.animationContext;
+  }
+});
+var _Animation = _interopRequireWildcard(require("./Animation"));
+var _Transform = _interopRequireDefault(require("./Transform"));
+var _FadeInOut = _interopRequireDefault(require("./FadeInOut"));
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+var _Scale = _interopRequireDefault(require("./Scale"));
+var _Slide = _interopRequireDefault(require("./Slide"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Animation","_interopRequireWildcard","require","_Transform","_interopRequireDefault","_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,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAEA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA"}