intergalactic 15.84.0 → 15.85.0-prerelease.1

package/animation/lib/cjs/Scale.js

@@ -7,39 +7,40 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _core = require("intergalactic/core");
+var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _ref2 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dqi1{0%,to{overflow:clip}}@keyframes collapse-exit_1dqi1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dqi1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dqi1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dqi1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dqi1{0%{transform:var(--transformStart_1dqi1)}to{transform:var(--transformEnd_1dqi1)}}@keyframes transform-exit_1dqi1{0%{transform:var(--transformEnd_1dqi1)}to{transform:var(--transformStart_1dqi1)}}.___SCollapse_1dqi1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1dqi1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1dqi1",
-  "@collapse-exit": "collapse-exit_1dqi1",
-  "__SCollapse": "___SCollapse_1dqi1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1dqi1",
-  "@fade-in-out-exit": "fade-in-out-exit_1dqi1",
-  "@opacity-in": "opacity-in_1dqi1",
-  "@opacity-out": "opacity-out_1dqi1",
-  "@scale-left-in": "scale-left-in_1dqi1",
-  "@scale-right-in": "scale-right-in_1dqi1",
-  "@scale-top-in": "scale-top-in_1dqi1",
-  "@scale-bottom-in": "scale-bottom-in_1dqi1",
-  "@scale-left-out": "scale-left-out_1dqi1",
-  "@scale-right-out": "scale-right-out_1dqi1",
-  "@scale-top-out": "scale-top-out_1dqi1",
-  "@scale-bottom-out": "scale-bottom-out_1dqi1",
-  "@slide-top-in": "slide-top-in_1dqi1",
-  "@slide-top-out": "slide-top-out_1dqi1",
-  "@slide-bottom-in": "slide-bottom-in_1dqi1",
-  "@slide-bottom-out": "slide-bottom-out_1dqi1",
-  "@slide-left-in": "slide-left-in_1dqi1",
-  "@slide-left-out": "slide-left-out_1dqi1",
-  "@slide-right-in": "slide-right-in_1dqi1",
-  "@slide-right-out": "slide-right-out_1dqi1",
-  "@transform-enter": "transform-enter_1dqi1",
-  "--transformStart": "--transformStart_1dqi1",
-  "--transformEnd": "--transformEnd_1dqi1",
-  "@transform-exit": "transform-exit_1dqi1"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_11xfy{0%,to{overflow:clip}}@keyframes collapse-exit_11xfy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11xfy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11xfy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11xfy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11xfy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11xfy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11xfy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11xfy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11xfy{0%{transform:var(--transformStart_11xfy)}to{transform:var(--transformEnd_11xfy)}}@keyframes transform-exit_11xfy{0%{transform:var(--transformEnd_11xfy)}to{transform:var(--transformStart_11xfy)}}.___SCollapse_11xfy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11xfy_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_11xfy",
+  "@collapse-exit": "collapse-exit_11xfy",
+  "__SCollapse": "___SCollapse_11xfy_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_11xfy",
+  "@fade-in-out-exit": "fade-in-out-exit_11xfy",
+  "@opacity-in": "opacity-in_11xfy",
+  "@opacity-out": "opacity-out_11xfy",
+  "@scale-left-in": "scale-left-in_11xfy",
+  "@scale-right-in": "scale-right-in_11xfy",
+  "@scale-top-in": "scale-top-in_11xfy",
+  "@scale-bottom-in": "scale-bottom-in_11xfy",
+  "@scale-left-out": "scale-left-out_11xfy",
+  "@scale-right-out": "scale-right-out_11xfy",
+  "@scale-top-out": "scale-top-out_11xfy",
+  "@scale-bottom-out": "scale-bottom-out_11xfy",
+  "@slide-top-in": "slide-top-in_11xfy",
+  "@slide-top-out": "slide-top-out_11xfy",
+  "@slide-bottom-in": "slide-bottom-in_11xfy",
+  "@slide-bottom-out": "slide-bottom-out_11xfy",
+  "@slide-left-in": "slide-left-in_11xfy",
+  "@slide-left-out": "slide-left-out_11xfy",
+  "@slide-right-in": "slide-right-in_11xfy",
+  "@slide-right-out": "slide-right-out_11xfy",
+  "@transform-enter": "transform-enter_11xfy",
+  "--transformStart": "--transformStart_11xfy",
+  "--transformEnd": "--transformEnd_11xfy",
+  "@transform-exit": "transform-exit_11xfy"
 });
 function Scale(props, ref) {
   var _ref;

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

@@ -1 +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"}
+{"version":3,"file":"Scale.js","names":["_react","_interopRequireDefault","require","_core","_Animation","_ref2","style","_index","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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAAoD;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,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,EAACF,KAAK,CAAC,eACnBN,MAAA,YAAAoC,aAAA,CAAChC,UAAA,WAAS,EAAAS,IAAA,CAAAwB,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHZ;EAAS,GACVf,KAAK;IAAA,aACE,CAACL,KAAK,KAAAiC,MAAA,CAAKlB,YAAY,SAAM,EAAEf,KAAK,KAAAiC,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/animation/lib/cjs/Slide.js

@@ -6,38 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _core = require("intergalactic/core");
+var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
 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_1dqi1{0%,to{overflow:clip}}@keyframes collapse-exit_1dqi1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dqi1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dqi1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dqi1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dqi1{0%{transform:var(--transformStart_1dqi1)}to{transform:var(--transformEnd_1dqi1)}}@keyframes transform-exit_1dqi1{0%{transform:var(--transformEnd_1dqi1)}to{transform:var(--transformStart_1dqi1)}}.___SCollapse_1dqi1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1dqi1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1dqi1",
-  "@collapse-exit": "collapse-exit_1dqi1",
-  "__SCollapse": "___SCollapse_1dqi1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1dqi1",
-  "@fade-in-out-exit": "fade-in-out-exit_1dqi1",
-  "@opacity-in": "opacity-in_1dqi1",
-  "@opacity-out": "opacity-out_1dqi1",
-  "@scale-left-in": "scale-left-in_1dqi1",
-  "@scale-right-in": "scale-right-in_1dqi1",
-  "@scale-top-in": "scale-top-in_1dqi1",
-  "@scale-bottom-in": "scale-bottom-in_1dqi1",
-  "@scale-left-out": "scale-left-out_1dqi1",
-  "@scale-right-out": "scale-right-out_1dqi1",
-  "@scale-top-out": "scale-top-out_1dqi1",
-  "@scale-bottom-out": "scale-bottom-out_1dqi1",
-  "@slide-top-in": "slide-top-in_1dqi1",
-  "@slide-top-out": "slide-top-out_1dqi1",
-  "@slide-bottom-in": "slide-bottom-in_1dqi1",
-  "@slide-bottom-out": "slide-bottom-out_1dqi1",
-  "@slide-left-in": "slide-left-in_1dqi1",
-  "@slide-left-out": "slide-left-out_1dqi1",
-  "@slide-right-in": "slide-right-in_1dqi1",
-  "@slide-right-out": "slide-right-out_1dqi1",
-  "@transform-enter": "transform-enter_1dqi1",
-  "--transformStart": "--transformStart_1dqi1",
-  "--transformEnd": "--transformEnd_1dqi1",
-  "@transform-exit": "transform-exit_1dqi1"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_11xfy{0%,to{overflow:clip}}@keyframes collapse-exit_11xfy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11xfy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11xfy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11xfy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11xfy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11xfy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11xfy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11xfy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11xfy{0%{transform:var(--transformStart_11xfy)}to{transform:var(--transformEnd_11xfy)}}@keyframes transform-exit_11xfy{0%{transform:var(--transformEnd_11xfy)}to{transform:var(--transformStart_11xfy)}}.___SCollapse_11xfy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11xfy_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_11xfy",
+  "@collapse-exit": "collapse-exit_11xfy",
+  "__SCollapse": "___SCollapse_11xfy_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_11xfy",
+  "@fade-in-out-exit": "fade-in-out-exit_11xfy",
+  "@opacity-in": "opacity-in_11xfy",
+  "@opacity-out": "opacity-out_11xfy",
+  "@scale-left-in": "scale-left-in_11xfy",
+  "@scale-right-in": "scale-right-in_11xfy",
+  "@scale-top-in": "scale-top-in_11xfy",
+  "@scale-bottom-in": "scale-bottom-in_11xfy",
+  "@scale-left-out": "scale-left-out_11xfy",
+  "@scale-right-out": "scale-right-out_11xfy",
+  "@scale-top-out": "scale-top-out_11xfy",
+  "@scale-bottom-out": "scale-bottom-out_11xfy",
+  "@slide-top-in": "slide-top-in_11xfy",
+  "@slide-top-out": "slide-top-out_11xfy",
+  "@slide-bottom-in": "slide-bottom-in_11xfy",
+  "@slide-bottom-out": "slide-bottom-out_11xfy",
+  "@slide-left-in": "slide-left-in_11xfy",
+  "@slide-left-out": "slide-left-out_11xfy",
+  "@slide-right-in": "slide-right-in_11xfy",
+  "@slide-right-out": "slide-right-out_11xfy",
+  "@transform-enter": "transform-enter_11xfy",
+  "--transformStart": "--transformStart_11xfy",
+  "--transformEnd": "--transformEnd_11xfy",
+  "@transform-exit": "transform-exit_11xfy"
 });
 function Slide(props, ref) {
   var _ref;

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

@@ -1 +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"}
+{"version":3,"file":"Slide.js","names":["_react","_interopRequireDefault","require","_core","_Animation","style","_index","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":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoC;AAAA,IAAAG,KAAA,+BAAAC,MAAA,CAAAC,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,EAACF,KAAK,CAAC,eACnBL,MAAA,YAAAa,aAAA,CAACT,UAAA,WAAS,EAAAQ,IAAA,CAAAE,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHJ;EAAG,GACJD,KAAK;IAAA,aACE,CACTL,KAAK,WAAAW,MAAA,CAAWN,KAAK,CAACO,WAAW,SAAM,EACvCZ,KAAK,WAAAW,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/animation/lib/cjs/Transform.js

@@ -7,39 +7,40 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _core = require("intergalactic/core");
+var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
 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_1dqi1{0%,to{overflow:clip}}@keyframes collapse-exit_1dqi1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dqi1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dqi1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dqi1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dqi1{0%{transform:var(--transformStart_1dqi1)}to{transform:var(--transformEnd_1dqi1)}}@keyframes transform-exit_1dqi1{0%{transform:var(--transformEnd_1dqi1)}to{transform:var(--transformStart_1dqi1)}}.___SCollapse_1dqi1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1dqi1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1dqi1",
-  "@collapse-exit": "collapse-exit_1dqi1",
-  "__SCollapse": "___SCollapse_1dqi1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1dqi1",
-  "@fade-in-out-exit": "fade-in-out-exit_1dqi1",
-  "@opacity-in": "opacity-in_1dqi1",
-  "@opacity-out": "opacity-out_1dqi1",
-  "@scale-left-in": "scale-left-in_1dqi1",
-  "@scale-right-in": "scale-right-in_1dqi1",
-  "@scale-top-in": "scale-top-in_1dqi1",
-  "@scale-bottom-in": "scale-bottom-in_1dqi1",
-  "@scale-left-out": "scale-left-out_1dqi1",
-  "@scale-right-out": "scale-right-out_1dqi1",
-  "@scale-top-out": "scale-top-out_1dqi1",
-  "@scale-bottom-out": "scale-bottom-out_1dqi1",
-  "@slide-top-in": "slide-top-in_1dqi1",
-  "@slide-top-out": "slide-top-out_1dqi1",
-  "@slide-bottom-in": "slide-bottom-in_1dqi1",
-  "@slide-bottom-out": "slide-bottom-out_1dqi1",
-  "@slide-left-in": "slide-left-in_1dqi1",
-  "@slide-left-out": "slide-left-out_1dqi1",
-  "@slide-right-in": "slide-right-in_1dqi1",
-  "@slide-right-out": "slide-right-out_1dqi1",
-  "@transform-enter": "transform-enter_1dqi1",
-  "--transformStart": "--transformStart_1dqi1",
-  "--transformEnd": "--transformEnd_1dqi1",
-  "@transform-exit": "transform-exit_1dqi1"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_11xfy{0%,to{overflow:clip}}@keyframes collapse-exit_11xfy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11xfy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11xfy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11xfy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11xfy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11xfy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11xfy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11xfy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11xfy{0%{transform:var(--transformStart_11xfy)}to{transform:var(--transformEnd_11xfy)}}@keyframes transform-exit_11xfy{0%{transform:var(--transformEnd_11xfy)}to{transform:var(--transformStart_11xfy)}}.___SCollapse_11xfy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11xfy_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_11xfy",
+  "@collapse-exit": "collapse-exit_11xfy",
+  "__SCollapse": "___SCollapse_11xfy_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_11xfy",
+  "@fade-in-out-exit": "fade-in-out-exit_11xfy",
+  "@opacity-in": "opacity-in_11xfy",
+  "@opacity-out": "opacity-out_11xfy",
+  "@scale-left-in": "scale-left-in_11xfy",
+  "@scale-right-in": "scale-right-in_11xfy",
+  "@scale-top-in": "scale-top-in_11xfy",
+  "@scale-bottom-in": "scale-bottom-in_11xfy",
+  "@scale-left-out": "scale-left-out_11xfy",
+  "@scale-right-out": "scale-right-out_11xfy",
+  "@scale-top-out": "scale-top-out_11xfy",
+  "@scale-bottom-out": "scale-bottom-out_11xfy",
+  "@slide-top-in": "slide-top-in_11xfy",
+  "@slide-top-out": "slide-top-out_11xfy",
+  "@slide-bottom-in": "slide-bottom-in_11xfy",
+  "@slide-bottom-out": "slide-bottom-out_11xfy",
+  "@slide-left-in": "slide-left-in_11xfy",
+  "@slide-left-out": "slide-left-out_11xfy",
+  "@slide-right-in": "slide-right-in_11xfy",
+  "@slide-right-out": "slide-right-out_11xfy",
+  "@transform-enter": "transform-enter_11xfy",
+  "--transformStart": "--transformStart_11xfy",
+  "--transformEnd": "--transformEnd_11xfy",
+  "@transform-exit": "transform-exit_11xfy"
 });
 function Transform(props, ref) {
   var _ref;

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

@@ -1 +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"}
+{"version":3,"file":"Transform.js","names":["_react","_interopRequireDefault","require","_core","_Animation","_excluded","style","_index","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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoC,IAAAG,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,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,EAAAN,SAAA;EAE1C,OAAAQ,IAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eACnBN,MAAA,YAAAkB,aAAA,CAACd,UAAA,WAAS,EAAAS,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,CAACT,KAAK,CAAC,kBAAkB,CAAC,EAAEA,KAAK,CAAC,iBAAiB,CAAC;EAAC,IAChE;AAEN;AAEAI,SAAS,CAACW,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErB,IAAAC,yBAAmB,EAACb,SAAS,CAAC;AAAAc,OAAA,cAAAF,QAAA"}

package/animation/lib/es6/Animation.js

@@ -5,24 +5,24 @@ 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 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1v5bg_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1v5bg);animation-duration:var(--durationFinalize_1v5bg);animation-delay:var(--delayFinalize_1v5bg);animation-name:var(--keyframesFinalize_1v5bg)}.___SAnimation_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:var(--timingFunction_1v5bg);transition-duration:var(--durationFinalize_1v5bg);transition-delay:var(--delayFinalize_1v5bg)}.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_{animation-duration:var(--durationInitialize_1v5bg);animation-delay:var(--delayInitialize_1v5bg);animation-name:var(--keyframesInitialize_1v5bg)}.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:var(--timingFunction_1v5bg);transition-duration:var(--durationInitialize_1v5bg);transition-delay:var(--delayInitialize_1v5bg)}@media (prefers-reduced-motion){.___SAnimation_1v5bg_gg_.__transition-based_1v5bg_gg_,.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1v5bg_gg_,.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1v5bg_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1v5bg_gg_",
-  "--timingFunction": "--timingFunction_1v5bg",
-  "--durationFinalize": "--durationFinalize_1v5bg",
-  "--delayFinalize": "--delayFinalize_1v5bg",
-  "--keyframesFinalize": "--keyframesFinalize_1v5bg",
-  "_transition-based": "__transition-based_1v5bg_gg_",
-  "_visible": "__visible_1v5bg_gg_",
-  "--durationInitialize": "--durationInitialize_1v5bg",
-  "--delayInitialize": "--delayInitialize_1v5bg",
-  "--keyframesInitialize": "--keyframesInitialize_1v5bg"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_xawm3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_xawm3);animation-duration:var(--durationFinalize_xawm3);animation-delay:var(--delayFinalize_xawm3);animation-name:var(--keyframesFinalize_xawm3)}.___SAnimation_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:var(--timingFunction_xawm3);transition-duration:var(--durationFinalize_xawm3);transition-delay:var(--delayFinalize_xawm3)}.___SAnimation_xawm3_gg_.__visible_xawm3_gg_{animation-duration:var(--durationInitialize_xawm3);animation-delay:var(--delayInitialize_xawm3);animation-name:var(--keyframesInitialize_xawm3)}.___SAnimation_xawm3_gg_.__visible_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:var(--timingFunction_xawm3);transition-duration:var(--durationInitialize_xawm3);transition-delay:var(--delayInitialize_xawm3)}@media (prefers-reduced-motion){.___SAnimation_xawm3_gg_.__transition-based_xawm3_gg_,.___SAnimation_xawm3_gg_.__visible_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_xawm3_gg_,.___SAnimation_xawm3_gg_.__visible_xawm3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "xawm3_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_xawm3_gg_",
+  "--timingFunction": "--timingFunction_xawm3",
+  "--durationFinalize": "--durationFinalize_xawm3",
+  "--delayFinalize": "--delayFinalize_xawm3",
+  "--keyframesFinalize": "--keyframesFinalize_xawm3",
+  "_transition-based": "__transition-based_xawm3_gg_",
+  "_visible": "__visible_xawm3_gg_",
+  "--durationInitialize": "--durationInitialize_xawm3",
+  "--delayInitialize": "--delayInitialize_xawm3",
+  "--keyframesInitialize": "--keyframesInitialize_xawm3"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];
@@ -66,8 +66,10 @@ var Animation = /*#__PURE__*/function (_Component) {
       render: _this.props.visible || _this.props.preserveNode,
       wasInvisible: !_this.props.visible
     });
+    _defineProperty(_assertThisInitialized(_this), "animationSupported", false);
     _defineProperty(_assertThisInitialized(_this), "animationContext", makeAnimationContextValue());
     _defineProperty(_assertThisInitialized(_this), "onAnimationStart", function () {
+      _this.animationSupported = true;
       var _this$asProps = _this.asProps,
         animationsDisabled = _this$asProps.animationsDisabled,
         parentAnimationContext = _this$asProps.parentAnimationContext;
@@ -78,7 +80,10 @@ var Animation = /*#__PURE__*/function (_Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "onAnimationEnd", function (event) {
-      event.stopPropagation();
+      _this.animationSupported = true;
+      _this.handleAnimationEnd();
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleAnimationEnd", function () {
       if (!_this.asProps.visible && !_this.props.preserveNode) {
         _this.setState({
           render: false
@@ -90,9 +95,32 @@ var Animation = /*#__PURE__*/function (_Component) {
         return callback();
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "animationEventFallback", function () {
+      if (!_this.state.render) return;
+      if (_this.animationSupported) return;
+      var delayArr = _this.asProps.animationsDisabled ? [0, 0] : propToArray(_this.asProps.delay);
+      var delay = _this.asProps.visible ? delayArr[0] : delayArr[1];
+      var duration = _this.asProps.animationsDisabled ? 0 : _this.asProps.duration + 100;
+      setTimeout(function () {
+        if (_this.animationSupported) return;
+        _this.handleAnimationEnd();
+      }, duration + delay);
+    });
     return _this;
   }
   _createClass(Animation, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationEventFallback();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.visible !== this.props.visible || prevState.render !== this.state.render) {
+        this.animationEventFallback();
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,

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

@@ -1 +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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"}
+{"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","animationSupported","_this$asProps","asProps","animationsDisabled","parentAnimationContext","duration","forEach","event","handleAnimationEnd","setState","state","delayArr","delay","setTimeout","_createClass","key","value","componentDidMount","animationEventFallback","componentDidUpdate","prevProps","prevState","_ref","_ref2","SAnimation","_this$asProps2","styles","keyframes","initialAnimation","timingFunction","animationContextValue","_this$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  animationSupported = false;\n  animationContext = makeAnimationContextValue();\n\n  onAnimationStart = () => {\n    this.animationSupported = true;\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    this.animationSupported = true;\n    this.handleAnimationEnd();\n  };\n  handleAnimationEnd = () => {\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  animationEventFallback = () => {\n    if (!this.state.render) return;\n    if (this.animationSupported) return;\n    const delayArr = this.asProps.animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const delay = this.asProps.visible ? delayArr[0] : delayArr[1];\n    const duration = this.asProps.animationsDisabled ? 0 : this.asProps.duration + 100;\n    setTimeout(() => {\n      if (this.animationSupported) return;\n      this.handleAnimationEnd();\n    }, duration + delay);\n  };\n  componentDidMount() {\n    this.animationEventFallback();\n  }\n  componentDidUpdate(prevProps, prevState) {\n    if (prevProps.visible !== this.props.visible || prevState.render !== this.state.render) {\n      this.animationEventFallback();\n    }\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/animation/lib/es6/Collapse.js

@@ -1,39 +1,39 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
 import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dqi1{0%,to{overflow:clip}}@keyframes collapse-exit_1dqi1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{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_1dqi1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dqi1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dqi1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dqi1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dqi1{0%{transform:var(--transformStart_1dqi1)}to{transform:var(--transformEnd_1dqi1)}}@keyframes transform-exit_1dqi1{0%{transform:var(--transformEnd_1dqi1)}to{transform:var(--transformStart_1dqi1)}}.___SCollapse_1dqi1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1dqi1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1dqi1",
-  "@collapse-exit": "collapse-exit_1dqi1",
-  "__SCollapse": "___SCollapse_1dqi1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1dqi1",
-  "@fade-in-out-exit": "fade-in-out-exit_1dqi1",
-  "@opacity-in": "opacity-in_1dqi1",
-  "@opacity-out": "opacity-out_1dqi1",
-  "@scale-left-in": "scale-left-in_1dqi1",
-  "@scale-right-in": "scale-right-in_1dqi1",
-  "@scale-top-in": "scale-top-in_1dqi1",
-  "@scale-bottom-in": "scale-bottom-in_1dqi1",
-  "@scale-left-out": "scale-left-out_1dqi1",
-  "@scale-right-out": "scale-right-out_1dqi1",
-  "@scale-top-out": "scale-top-out_1dqi1",
-  "@scale-bottom-out": "scale-bottom-out_1dqi1",
-  "@slide-top-in": "slide-top-in_1dqi1",
-  "@slide-top-out": "slide-top-out_1dqi1",
-  "@slide-bottom-in": "slide-bottom-in_1dqi1",
-  "@slide-bottom-out": "slide-bottom-out_1dqi1",
-  "@slide-left-in": "slide-left-in_1dqi1",
-  "@slide-left-out": "slide-left-out_1dqi1",
-  "@slide-right-in": "slide-right-in_1dqi1",
-  "@slide-right-out": "slide-right-out_1dqi1",
-  "@transform-enter": "transform-enter_1dqi1",
-  "--transformStart": "--transformStart_1dqi1",
-  "--transformEnd": "--transformEnd_1dqi1",
-  "@transform-exit": "transform-exit_1dqi1"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_11xfy{0%,to{overflow:clip}}@keyframes collapse-exit_11xfy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11xfy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11xfy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11xfy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11xfy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{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_11xfy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11xfy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11xfy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11xfy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11xfy{0%{transform:var(--transformStart_11xfy)}to{transform:var(--transformEnd_11xfy)}}@keyframes transform-exit_11xfy{0%{transform:var(--transformEnd_11xfy)}to{transform:var(--transformStart_11xfy)}}.___SCollapse_11xfy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11xfy_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_11xfy",
+  "@collapse-exit": "collapse-exit_11xfy",
+  "__SCollapse": "___SCollapse_11xfy_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_11xfy",
+  "@fade-in-out-exit": "fade-in-out-exit_11xfy",
+  "@opacity-in": "opacity-in_11xfy",
+  "@opacity-out": "opacity-out_11xfy",
+  "@scale-left-in": "scale-left-in_11xfy",
+  "@scale-right-in": "scale-right-in_11xfy",
+  "@scale-top-in": "scale-top-in_11xfy",
+  "@scale-bottom-in": "scale-bottom-in_11xfy",
+  "@scale-left-out": "scale-left-out_11xfy",
+  "@scale-right-out": "scale-right-out_11xfy",
+  "@scale-top-out": "scale-top-out_11xfy",
+  "@scale-bottom-out": "scale-bottom-out_11xfy",
+  "@slide-top-in": "slide-top-in_11xfy",
+  "@slide-top-out": "slide-top-out_11xfy",
+  "@slide-bottom-in": "slide-bottom-in_11xfy",
+  "@slide-bottom-out": "slide-bottom-out_11xfy",
+  "@slide-left-in": "slide-left-in_11xfy",
+  "@slide-left-out": "slide-left-out_11xfy",
+  "@slide-right-in": "slide-right-in_11xfy",
+  "@slide-right-out": "slide-right-out_11xfy",
+  "@transform-enter": "transform-enter_11xfy",
+  "--transformStart": "--transformStart_11xfy",
+  "--transformEnd": "--transformEnd_11xfy",
+  "@transform-exit": "transform-exit_11xfy"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';