@semcore/animation - npm Package Compare versions

Comparing version 2.19.1 to 2.19.2-prerelease.2

CHANGELOG.md

@@ -5,4 +5,10 @@ # Changelog
 
-## [2.19.1-prerelease.1] - 2024-03-06
+## [2.19.2-prerelease.2] - 2024-03-07
 
+### Fixed
+
+- `Collapse` animation was not working with `preserveNode` prop.
+
+## [2.19.1] - 2024-03-06
+
 ### Changed
@@ -9,0 +15,0 @@

lib/cjs/Animation.js

@@ -21,13 +21,13 @@ "use strict";
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1fnoh_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fnoh);animation-duration:var(--durationFinalize_1fnoh);animation-delay:var(--delayFinalize_1fnoh);animation-name:var(--keyframesFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationFinalize_1fnoh);transition-delay:var(--delayFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-duration:var(--durationInitialize_1fnoh);animation-delay:var(--delayInitialize_1fnoh);animation-name:var(--keyframesInitialize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationInitialize_1fnoh);transition-delay:var(--delayInitialize_1fnoh)}@media (prefers-reduced-motion){.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fnoh_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1fnoh_gg_",
-  "--timingFunction": "--timingFunction_1fnoh",
-  "--durationFinalize": "--durationFinalize_1fnoh",
-  "--delayFinalize": "--delayFinalize_1fnoh",
-  "--keyframesFinalize": "--keyframesFinalize_1fnoh",
-  "_transition-based": "__transition-based_1fnoh_gg_",
-  "_visible": "__visible_1fnoh_gg_",
-  "--durationInitialize": "--durationInitialize_1fnoh",
-  "--delayInitialize": "--delayInitialize_1fnoh",
-  "--keyframesInitialize": "--keyframesInitialize_1fnoh"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1ok5l_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1ok5l);animation-duration:var(--durationFinalize_1ok5l);animation-delay:var(--delayFinalize_1ok5l);animation-name:var(--keyframesFinalize_1ok5l)}.___SAnimation_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:var(--timingFunction_1ok5l);transition-duration:var(--durationFinalize_1ok5l);transition-delay:var(--delayFinalize_1ok5l)}.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_{animation-duration:var(--durationInitialize_1ok5l);animation-delay:var(--delayInitialize_1ok5l);animation-name:var(--keyframesInitialize_1ok5l)}.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:var(--timingFunction_1ok5l);transition-duration:var(--durationInitialize_1ok5l);transition-delay:var(--delayInitialize_1ok5l)}@media (prefers-reduced-motion){.___SAnimation_1ok5l_gg_.__transition-based_1ok5l_gg_,.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1ok5l_gg_,.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1ok5l_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1ok5l_gg_",
+  "--timingFunction": "--timingFunction_1ok5l",
+  "--durationFinalize": "--durationFinalize_1ok5l",
+  "--delayFinalize": "--delayFinalize_1ok5l",
+  "--keyframesFinalize": "--keyframesFinalize_1ok5l",
+  "_transition-based": "__transition-based_1ok5l_gg_",
+  "_visible": "__visible_1ok5l_gg_",
+  "--durationInitialize": "--durationInitialize_1ok5l",
+  "--delayInitialize": "--delayInitialize_1ok5l",
+  "--keyframesInitialize": "--keyframesInitialize_1ok5l"
 });
@@ -34,0 +34,0 @@ function propToArray(prop) {

lib/cjs/Collapse.js

@@ -17,30 +17,30 @@ "use strict";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -80,2 +80,4 @@ function Collapse(_ref2, ref) {
   }, [props.visible]);
+  var visibleRef = _react["default"].useRef(props.visible);
+  visibleRef.current = props.visible;
   var handleAnimationEnd = _react["default"].useCallback(function (event) {
@@ -87,3 +89,4 @@ if (event.currentTarget !== event.target) return;
       if (!element) return;
-      element.style.height = 'auto';
+      if (visibleRef.current) element.style.height = 'auto';
+      if (!visibleRef.current) element.style.height = "".concat(0, "px");
       if (overflowHidden) {
@@ -90,0 +93,0 @@ element.style.overflow = overflowRef.current;

lib/cjs/FadeInOut.js

@@ -13,30 +13,30 @@ "use strict";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -43,0 +43,0 @@ function FadeInOut(props, ref) {

lib/cjs/Scale.js

@@ -15,30 +15,30 @@ "use strict";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -45,0 +45,0 @@ function Scale(props, ref) {

lib/cjs/Slide.js

@@ -13,30 +13,30 @@ "use strict";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -43,0 +43,0 @@ function Slide(props, ref) {

lib/cjs/Transform.js

@@ -15,30 +15,30 @@ "use strict";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -45,0 +45,0 @@ function Transform(props, ref) {

lib/es6/Animation.js

@@ -15,13 +15,13 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1fnoh_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fnoh);animation-duration:var(--durationFinalize_1fnoh);animation-delay:var(--delayFinalize_1fnoh);animation-name:var(--keyframesFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationFinalize_1fnoh);transition-delay:var(--delayFinalize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-duration:var(--durationInitialize_1fnoh);animation-delay:var(--delayInitialize_1fnoh);animation-name:var(--keyframesInitialize_1fnoh)}.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:var(--timingFunction_1fnoh);transition-duration:var(--durationInitialize_1fnoh);transition-delay:var(--delayInitialize_1fnoh)}@media (prefers-reduced-motion){.___SAnimation_1fnoh_gg_.__transition-based_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_.__transition-based_1fnoh_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fnoh_gg_,.___SAnimation_1fnoh_gg_.__visible_1fnoh_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fnoh_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1fnoh_gg_",
-  "--timingFunction": "--timingFunction_1fnoh",
-  "--durationFinalize": "--durationFinalize_1fnoh",
-  "--delayFinalize": "--delayFinalize_1fnoh",
-  "--keyframesFinalize": "--keyframesFinalize_1fnoh",
-  "_transition-based": "__transition-based_1fnoh_gg_",
-  "_visible": "__visible_1fnoh_gg_",
-  "--durationInitialize": "--durationInitialize_1fnoh",
-  "--delayInitialize": "--delayInitialize_1fnoh",
-  "--keyframesInitialize": "--keyframesInitialize_1fnoh"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1ok5l_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1ok5l);animation-duration:var(--durationFinalize_1ok5l);animation-delay:var(--delayFinalize_1ok5l);animation-name:var(--keyframesFinalize_1ok5l)}.___SAnimation_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:var(--timingFunction_1ok5l);transition-duration:var(--durationFinalize_1ok5l);transition-delay:var(--delayFinalize_1ok5l)}.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_{animation-duration:var(--durationInitialize_1ok5l);animation-delay:var(--delayInitialize_1ok5l);animation-name:var(--keyframesInitialize_1ok5l)}.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:var(--timingFunction_1ok5l);transition-duration:var(--durationInitialize_1ok5l);transition-delay:var(--delayInitialize_1ok5l)}@media (prefers-reduced-motion){.___SAnimation_1ok5l_gg_.__transition-based_1ok5l_gg_,.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_.__transition-based_1ok5l_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1ok5l_gg_,.___SAnimation_1ok5l_gg_.__visible_1ok5l_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1ok5l_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1ok5l_gg_",
+  "--timingFunction": "--timingFunction_1ok5l",
+  "--durationFinalize": "--durationFinalize_1ok5l",
+  "--delayFinalize": "--delayFinalize_1ok5l",
+  "--keyframesFinalize": "--keyframesFinalize_1ok5l",
+  "_transition-based": "__transition-based_1ok5l_gg_",
+  "_visible": "__visible_1ok5l_gg_",
+  "--durationInitialize": "--durationInitialize_1ok5l",
+  "--delayInitialize": "--delayInitialize_1ok5l",
+  "--keyframesInitialize": "--keyframesInitialize_1ok5l"
 });
@@ -28,0 +28,0 @@ function propToArray(prop) {

lib/es6/Collapse.js

@@ -9,30 +9,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -74,2 +74,4 @@ import { useForkRef } from '@semcore/utils/lib/ref';
   }, [props.visible]);
+  var visibleRef = React.useRef(props.visible);
+  visibleRef.current = props.visible;
   var handleAnimationEnd = React.useCallback(function (event) {
@@ -81,3 +83,4 @@ if (event.currentTarget !== event.target) return;
       if (!element) return;
-      element.style.height = 'auto';
+      if (visibleRef.current) element.style.height = 'auto';
+      if (!visibleRef.current) element.style.height = "".concat(0, "px");
       if (overflowHidden) {
@@ -84,0 +87,0 @@ element.style.overflow = overflowRef.current;

lib/es6/FadeInOut.js

@@ -7,30 +7,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -37,0 +37,0 @@ function FadeInOut(props, ref) {

lib/es6/Scale.js

@@ -8,30 +8,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -38,0 +38,0 @@ import { useForkRef } from '@semcore/utils/lib/ref';

lib/es6/Slide.js

@@ -7,30 +7,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -37,0 +37,0 @@ function Slide(props, ref) {

lib/es6/Transform.js

@@ -9,30 +9,30 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1c4q0{0%,to{overflow:clip}}@keyframes collapse-exit_1c4q0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1c4q0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1c4q0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{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_1c4q0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1c4q0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1c4q0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1c4q0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1c4q0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1c4q0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1c4q0{0%{transform:var(--transformStart_1c4q0)}to{transform:var(--transformEnd_1c4q0)}}@keyframes transform-exit_1c4q0{0%{transform:var(--transformEnd_1c4q0)}to{transform:var(--transformStart_1c4q0)}}.___SCollapse_1c4q0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1c4q0_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1c4q0",
-  "@collapse-exit": "collapse-exit_1c4q0",
-  "__SCollapse": "___SCollapse_1c4q0_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1c4q0",
-  "@fade-in-out-exit": "fade-in-out-exit_1c4q0",
-  "@opacity-in": "opacity-in_1c4q0",
-  "@opacity-out": "opacity-out_1c4q0",
-  "@scale-left-in": "scale-left-in_1c4q0",
-  "@scale-right-in": "scale-right-in_1c4q0",
-  "@scale-top-in": "scale-top-in_1c4q0",
-  "@scale-bottom-in": "scale-bottom-in_1c4q0",
-  "@scale-left-out": "scale-left-out_1c4q0",
-  "@scale-right-out": "scale-right-out_1c4q0",
-  "@scale-top-out": "scale-top-out_1c4q0",
-  "@scale-bottom-out": "scale-bottom-out_1c4q0",
-  "@slide-top-in": "slide-top-in_1c4q0",
-  "@slide-top-out": "slide-top-out_1c4q0",
-  "@slide-bottom-in": "slide-bottom-in_1c4q0",
-  "@slide-bottom-out": "slide-bottom-out_1c4q0",
-  "@slide-left-in": "slide-left-in_1c4q0",
-  "@slide-left-out": "slide-left-out_1c4q0",
-  "@slide-right-in": "slide-right-in_1c4q0",
-  "@slide-right-out": "slide-right-out_1c4q0",
-  "@transform-enter": "transform-enter_1c4q0",
-  "--transformStart": "--transformStart_1c4q0",
-  "--transformEnd": "--transformEnd_1c4q0",
-  "@transform-exit": "transform-exit_1c4q0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_vued4{0%,to{overflow:clip}}@keyframes collapse-exit_vued4{0%,to{overflow:clip}}@keyframes fade-in-out-enter_vued4{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_vued4{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_vued4{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_vued4{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{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_vued4{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_vued4{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_vued4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_vued4{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_vued4{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_vued4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_vued4{0%{transform:var(--transformStart_vued4)}to{transform:var(--transformEnd_vued4)}}@keyframes transform-exit_vued4{0%{transform:var(--transformEnd_vued4)}to{transform:var(--transformStart_vued4)}}.___SCollapse_vued4_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "vued4_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_vued4",
+  "@collapse-exit": "collapse-exit_vued4",
+  "__SCollapse": "___SCollapse_vued4_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_vued4",
+  "@fade-in-out-exit": "fade-in-out-exit_vued4",
+  "@opacity-in": "opacity-in_vued4",
+  "@opacity-out": "opacity-out_vued4",
+  "@scale-left-in": "scale-left-in_vued4",
+  "@scale-right-in": "scale-right-in_vued4",
+  "@scale-top-in": "scale-top-in_vued4",
+  "@scale-bottom-in": "scale-bottom-in_vued4",
+  "@scale-left-out": "scale-left-out_vued4",
+  "@scale-right-out": "scale-right-out_vued4",
+  "@scale-top-out": "scale-top-out_vued4",
+  "@scale-bottom-out": "scale-bottom-out_vued4",
+  "@slide-top-in": "slide-top-in_vued4",
+  "@slide-top-out": "slide-top-out_vued4",
+  "@slide-bottom-in": "slide-bottom-in_vued4",
+  "@slide-bottom-out": "slide-bottom-out_vued4",
+  "@slide-left-in": "slide-left-in_vued4",
+  "@slide-left-out": "slide-left-out_vued4",
+  "@slide-right-in": "slide-right-in_vued4",
+  "@slide-right-out": "slide-right-out_vued4",
+  "@transform-enter": "transform-enter_vued4",
+  "--transformStart": "--transformStart_vued4",
+  "--transformEnd": "--transformEnd_vued4",
+  "@transform-exit": "transform-exit_vued4"
 });
@@ -39,0 +39,0 @@ function Transform(props, ref) {

package.json

 {
   "name": "@semcore/animation",
   "description": "Semrush Animation Component",
-  "version": "2.19.1",
+  "version": "2.19.2-prerelease.2",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

168979

increased by0.81%

Lines of code

1819

increased by0.33%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes