intergalactic 15.43.0-prerelease-f399822f → 15.43.0-prerelease-960d7de5

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"}

package/libs/animation/lib/es6/style/animate.shadow.css

@@ -0,0 +1,44 @@
+SAnimation {
+  animation-fill-mode: both;
+  animation-timing-function: var(--timingFunction);
+  animation-duration: var(--durationFinalize);
+  animation-delay: var(--delayFinalize);
+  animation-name: var(--keyframesFinalize);
+}
+SAnimation[transition-based] {
+  transition-timing-function: var(--timingFunction);
+  transition-duration: var(--durationFinalize);
+  transition-delay: var(--delayFinalize);
+}
+
+SAnimation[visible] {
+  animation-duration: var(--durationInitialize);
+  animation-delay: var(--delayInitialize);
+  animation-name: var(--keyframesInitialize);
+}
+SAnimation[visible][transition-based] {
+  transition-timing-function: var(--timingFunction);
+  transition-duration: var(--durationInitialize);
+  transition-delay: var(--delayInitialize);
+}
+
+@media (prefers-reduced-motion) {
+  SAnimation {
+    animation-timing-function: step-end;
+    animation-iteration-count: 1;
+  }
+  SAnimation[transition-based] {
+    transition-timing-function: none;
+    transition-duration: none;
+    transition-delay: none;
+  }
+  SAnimation[visible] {
+    animation-timing-function: step-end;
+    animation-iteration-count: 1;
+  }
+  SAnimation[visible][transition-based] {
+    transition-timing-function: none;
+    transition-duration: none;
+    transition-delay: none;
+  }
+}

package/libs/animation/lib/es6/style/keyframes.shadow.css

@@ -0,0 +1,244 @@
+@keyframes collapse-enter {
+  from {
+    overflow: hidden;
+  }
+  to {
+    overflow: hidden;
+  }
+}
+@keyframes collapse-exit {
+  from {
+    overflow: hidden;
+  }
+  to {
+    overflow: hidden;
+  }
+}
+SCollapse {
+  transition-property: height;
+}
+
+@keyframes fade-in-out-enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fade-in-out-exit {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes opacity-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes opacity-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes scale-left-in {
+  from {
+    opacity: 0;
+    transform: translateX(20px) scaleX(0.9);
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0px) scaleX(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-right-in {
+  from {
+    opacity: 0;
+    transform: translateX(-20px) scaleX(0.9);
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0px) scaleX(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-top-in {
+  from {
+    opacity: 0;
+    transform: translateY(20px) scaleY(0.9);
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0px) scaleY(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-bottom-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px) scaleY(0.9);
+    pointer-events: none;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0px) scaleY(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-left-out {
+  to {
+    opacity: 0;
+    transform: translateX(20px) scaleX(0.9);
+    pointer-events: none;
+  }
+  from {
+    opacity: 1;
+    transform: translateX(0px) scaleX(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-right-out {
+  to {
+    opacity: 0;
+    transform: translateX(-20px) scaleX(0.9);
+    pointer-events: none;
+  }
+  from {
+    opacity: 1;
+    transform: translateX(0px) scaleX(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-top-out {
+  to {
+    opacity: 0;
+    transform: translateY(20px) scaleY(0.9);
+    pointer-events: none;
+  }
+  from {
+    opacity: 1;
+    transform: translateY(0px) scaleY(1);
+    pointer-events: all;
+  }
+}
+@keyframes scale-bottom-out {
+  to {
+    opacity: 0;
+    transform: translateY(-20px) scaleY(0.9);
+    pointer-events: none;
+  }
+  from {
+    opacity: 1;
+    transform: translateY(0px) scaleY(1);
+    pointer-events: all;
+  }
+}
+@keyframes slide-top-in {
+  from {
+    opacity: 0;
+    transform: translateY(-100px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slide-top-out {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-100px);
+  }
+}
+@keyframes slide-bottom-in {
+  from {
+    opacity: 0;
+    transform: translateY(100px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes slide-bottom-out {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(100px);
+  }
+}
+@keyframes slide-left-in {
+  from {
+    opacity: 0;
+    transform: translateX(-100px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slide-left-out {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(-100px);
+  }
+}
+@keyframes slide-right-in {
+  from {
+    opacity: 0;
+    transform: translateX(100px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes slide-right-out {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateX(100px);
+  }
+}
+@keyframes transform-enter {
+  from {
+    transform: var(--transformStart);
+  }
+  to {
+    transform: var(--transformEnd);
+  }
+}
+@keyframes transform-exit {
+  from {
+    transform: var(--transformEnd);
+  }
+  to {
+    transform: var(--transformStart);
+  }
+}

package/libs/animation/lib/types/index.d.ts

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