intergalactic 15.125.0 → 15.126.0-prerelease.3

package/animation/lib/es6/Animation.js

@@ -12,17 +12,17 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1rqdm_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1rqdm);animation-duration:var(--durationFinalize_1rqdm);animation-delay:var(--delayFinalize_1rqdm);animation-name:var(--keyframesFinalize_1rqdm)}.___SAnimation_1rqdm_gg_.__transition-based_1rqdm_gg_{transition-timing-function:var(--timingFunction_1rqdm);transition-duration:var(--durationFinalize_1rqdm);transition-delay:var(--delayFinalize_1rqdm)}.___SAnimation_1rqdm_gg_.__visible_1rqdm_gg_{animation-duration:var(--durationInitialize_1rqdm);animation-delay:var(--delayInitialize_1rqdm);animation-name:var(--keyframesInitialize_1rqdm)}.___SAnimation_1rqdm_gg_.__visible_1rqdm_gg_.__transition-based_1rqdm_gg_{transition-timing-function:var(--timingFunction_1rqdm);transition-duration:var(--durationInitialize_1rqdm);transition-delay:var(--delayInitialize_1rqdm)}@media (prefers-reduced-motion){.___SAnimation_1rqdm_gg_.__transition-based_1rqdm_gg_,.___SAnimation_1rqdm_gg_.__visible_1rqdm_gg_.__transition-based_1rqdm_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1rqdm_gg_,.___SAnimation_1rqdm_gg_.__visible_1rqdm_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1rqdm_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1rqdm_gg_",
-  "--timingFunction": "--timingFunction_1rqdm",
-  "--durationFinalize": "--durationFinalize_1rqdm",
-  "--delayFinalize": "--delayFinalize_1rqdm",
-  "--keyframesFinalize": "--keyframesFinalize_1rqdm",
-  "_transition-based": "__transition-based_1rqdm_gg_",
-  "_visible": "__visible_1rqdm_gg_",
-  "--durationInitialize": "--durationInitialize_1rqdm",
-  "--delayInitialize": "--delayInitialize_1rqdm",
-  "--keyframesInitialize": "--keyframesInitialize_1rqdm"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1k212_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1k212);animation-duration:var(--durationFinalize_1k212);animation-delay:var(--delayFinalize_1k212);animation-name:var(--keyframesFinalize_1k212)}.___SAnimation_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:var(--timingFunction_1k212);transition-duration:var(--durationFinalize_1k212);transition-delay:var(--delayFinalize_1k212)}.___SAnimation_1k212_gg_.__visible_1k212_gg_{animation-duration:var(--durationInitialize_1k212);animation-delay:var(--delayInitialize_1k212);animation-name:var(--keyframesInitialize_1k212)}.___SAnimation_1k212_gg_.__visible_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:var(--timingFunction_1k212);transition-duration:var(--durationInitialize_1k212);transition-delay:var(--delayInitialize_1k212)}@media (prefers-reduced-motion){.___SAnimation_1k212_gg_.__transition-based_1k212_gg_,.___SAnimation_1k212_gg_.__visible_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1k212_gg_,.___SAnimation_1k212_gg_.__visible_1k212_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1k212_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1k212_gg_",
+  "--timingFunction": "--timingFunction_1k212",
+  "--durationFinalize": "--durationFinalize_1k212",
+  "--delayFinalize": "--delayFinalize_1k212",
+  "--keyframesFinalize": "--keyframesFinalize_1k212",
+  "_transition-based": "__transition-based_1k212_gg_",
+  "_visible": "__visible_1k212_gg_",
+  "--durationInitialize": "--durationInitialize_1k212",
+  "--delayInitialize": "--delayInitialize_1k212",
+  "--keyframesInitialize": "--keyframesInitialize_1k212"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];

package/animation/lib/es6/Collapse.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xsffs{0%,to{overflow:clip}}@keyframes collapse-exit_xsffs{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xsffs{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xsffs{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xsffs{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xsffs{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xsffs{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xsffs{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xsffs{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xsffs{0%{transform:var(--transformStart_xsffs)}to{transform:var(--transformEnd_xsffs)}}@keyframes transform-exit_xsffs{0%{transform:var(--transformEnd_xsffs)}to{transform:var(--transformStart_xsffs)}}.___SCollapse_xsffs_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xsffs_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_xsffs",
-  "@collapse-exit": "collapse-exit_xsffs",
-  "__SCollapse": "___SCollapse_xsffs_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_xsffs",
-  "@fade-in-out-exit": "fade-in-out-exit_xsffs",
-  "@opacity-in": "opacity-in_xsffs",
-  "@opacity-out": "opacity-out_xsffs",
-  "@scale-left-in": "scale-left-in_xsffs",
-  "@scale-right-in": "scale-right-in_xsffs",
-  "@scale-top-in": "scale-top-in_xsffs",
-  "@scale-bottom-in": "scale-bottom-in_xsffs",
-  "@scale-left-out": "scale-left-out_xsffs",
-  "@scale-right-out": "scale-right-out_xsffs",
-  "@scale-top-out": "scale-top-out_xsffs",
-  "@scale-bottom-out": "scale-bottom-out_xsffs",
-  "@slide-top-in": "slide-top-in_xsffs",
-  "@slide-top-out": "slide-top-out_xsffs",
-  "@slide-bottom-in": "slide-bottom-in_xsffs",
-  "@slide-bottom-out": "slide-bottom-out_xsffs",
-  "@slide-left-in": "slide-left-in_xsffs",
-  "@slide-left-out": "slide-left-out_xsffs",
-  "@slide-right-in": "slide-right-in_xsffs",
-  "@slide-right-out": "slide-right-out_xsffs",
-  "@transform-enter": "transform-enter_xsffs",
-  "--transformStart": "--transformStart_xsffs",
-  "--transformEnd": "--transformEnd_xsffs",
-  "@transform-exit": "transform-exit_xsffs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6ap2c_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_6ap2c",
+  "@collapse-exit": "collapse-exit_6ap2c",
+  "__SCollapse": "___SCollapse_6ap2c_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+  "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+  "@opacity-in": "opacity-in_6ap2c",
+  "@opacity-out": "opacity-out_6ap2c",
+  "@scale-left-in": "scale-left-in_6ap2c",
+  "@scale-right-in": "scale-right-in_6ap2c",
+  "@scale-top-in": "scale-top-in_6ap2c",
+  "@scale-bottom-in": "scale-bottom-in_6ap2c",
+  "@scale-left-out": "scale-left-out_6ap2c",
+  "@scale-right-out": "scale-right-out_6ap2c",
+  "@scale-top-out": "scale-top-out_6ap2c",
+  "@scale-bottom-out": "scale-bottom-out_6ap2c",
+  "@slide-top-in": "slide-top-in_6ap2c",
+  "@slide-top-out": "slide-top-out_6ap2c",
+  "@slide-bottom-in": "slide-bottom-in_6ap2c",
+  "@slide-bottom-out": "slide-bottom-out_6ap2c",
+  "@slide-left-in": "slide-left-in_6ap2c",
+  "@slide-left-out": "slide-left-out_6ap2c",
+  "@slide-right-in": "slide-right-in_6ap2c",
+  "@slide-right-out": "slide-right-out_6ap2c",
+  "@transform-enter": "transform-enter_6ap2c",
+  "--transformStart": "--transformStart_6ap2c",
+  "--transformEnd": "--transformEnd_6ap2c",
+  "@transform-exit": "transform-exit_6ap2c"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';

package/animation/lib/es6/FadeInOut.js

@@ -4,34 +4,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xsffs{0%,to{overflow:clip}}@keyframes collapse-exit_xsffs{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xsffs{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xsffs{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xsffs{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xsffs{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xsffs{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xsffs{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xsffs{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xsffs{0%{transform:var(--transformStart_xsffs)}to{transform:var(--transformEnd_xsffs)}}@keyframes transform-exit_xsffs{0%{transform:var(--transformEnd_xsffs)}to{transform:var(--transformStart_xsffs)}}.___SCollapse_xsffs_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xsffs_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_xsffs",
-  "@collapse-exit": "collapse-exit_xsffs",
-  "__SCollapse": "___SCollapse_xsffs_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_xsffs",
-  "@fade-in-out-exit": "fade-in-out-exit_xsffs",
-  "@opacity-in": "opacity-in_xsffs",
-  "@opacity-out": "opacity-out_xsffs",
-  "@scale-left-in": "scale-left-in_xsffs",
-  "@scale-right-in": "scale-right-in_xsffs",
-  "@scale-top-in": "scale-top-in_xsffs",
-  "@scale-bottom-in": "scale-bottom-in_xsffs",
-  "@scale-left-out": "scale-left-out_xsffs",
-  "@scale-right-out": "scale-right-out_xsffs",
-  "@scale-top-out": "scale-top-out_xsffs",
-  "@scale-bottom-out": "scale-bottom-out_xsffs",
-  "@slide-top-in": "slide-top-in_xsffs",
-  "@slide-top-out": "slide-top-out_xsffs",
-  "@slide-bottom-in": "slide-bottom-in_xsffs",
-  "@slide-bottom-out": "slide-bottom-out_xsffs",
-  "@slide-left-in": "slide-left-in_xsffs",
-  "@slide-left-out": "slide-left-out_xsffs",
-  "@slide-right-in": "slide-right-in_xsffs",
-  "@slide-right-out": "slide-right-out_xsffs",
-  "@transform-enter": "transform-enter_xsffs",
-  "--transformStart": "--transformStart_xsffs",
-  "--transformEnd": "--transformEnd_xsffs",
-  "@transform-exit": "transform-exit_xsffs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6ap2c_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_6ap2c",
+  "@collapse-exit": "collapse-exit_6ap2c",
+  "__SCollapse": "___SCollapse_6ap2c_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+  "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+  "@opacity-in": "opacity-in_6ap2c",
+  "@opacity-out": "opacity-out_6ap2c",
+  "@scale-left-in": "scale-left-in_6ap2c",
+  "@scale-right-in": "scale-right-in_6ap2c",
+  "@scale-top-in": "scale-top-in_6ap2c",
+  "@scale-bottom-in": "scale-bottom-in_6ap2c",
+  "@scale-left-out": "scale-left-out_6ap2c",
+  "@scale-right-out": "scale-right-out_6ap2c",
+  "@scale-top-out": "scale-top-out_6ap2c",
+  "@scale-bottom-out": "scale-bottom-out_6ap2c",
+  "@slide-top-in": "slide-top-in_6ap2c",
+  "@slide-top-out": "slide-top-out_6ap2c",
+  "@slide-bottom-in": "slide-bottom-in_6ap2c",
+  "@slide-bottom-out": "slide-bottom-out_6ap2c",
+  "@slide-left-in": "slide-left-in_6ap2c",
+  "@slide-left-out": "slide-left-out_6ap2c",
+  "@slide-right-in": "slide-right-in_6ap2c",
+  "@slide-right-out": "slide-right-out_6ap2c",
+  "@transform-enter": "transform-enter_6ap2c",
+  "--transformStart": "--transformStart_6ap2c",
+  "--transformEnd": "--transformEnd_6ap2c",
+  "@transform-exit": "transform-exit_6ap2c"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/animation/lib/es6/Scale.js

@@ -5,34 +5,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xsffs{0%,to{overflow:clip}}@keyframes collapse-exit_xsffs{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xsffs{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xsffs{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xsffs{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xsffs{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xsffs{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xsffs{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xsffs{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xsffs{0%{transform:var(--transformStart_xsffs)}to{transform:var(--transformEnd_xsffs)}}@keyframes transform-exit_xsffs{0%{transform:var(--transformEnd_xsffs)}to{transform:var(--transformStart_xsffs)}}.___SCollapse_xsffs_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xsffs_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_xsffs",
-  "@collapse-exit": "collapse-exit_xsffs",
-  "__SCollapse": "___SCollapse_xsffs_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_xsffs",
-  "@fade-in-out-exit": "fade-in-out-exit_xsffs",
-  "@opacity-in": "opacity-in_xsffs",
-  "@opacity-out": "opacity-out_xsffs",
-  "@scale-left-in": "scale-left-in_xsffs",
-  "@scale-right-in": "scale-right-in_xsffs",
-  "@scale-top-in": "scale-top-in_xsffs",
-  "@scale-bottom-in": "scale-bottom-in_xsffs",
-  "@scale-left-out": "scale-left-out_xsffs",
-  "@scale-right-out": "scale-right-out_xsffs",
-  "@scale-top-out": "scale-top-out_xsffs",
-  "@scale-bottom-out": "scale-bottom-out_xsffs",
-  "@slide-top-in": "slide-top-in_xsffs",
-  "@slide-top-out": "slide-top-out_xsffs",
-  "@slide-bottom-in": "slide-bottom-in_xsffs",
-  "@slide-bottom-out": "slide-bottom-out_xsffs",
-  "@slide-left-in": "slide-left-in_xsffs",
-  "@slide-left-out": "slide-left-out_xsffs",
-  "@slide-right-in": "slide-right-in_xsffs",
-  "@slide-right-out": "slide-right-out_xsffs",
-  "@transform-enter": "transform-enter_xsffs",
-  "--transformStart": "--transformStart_xsffs",
-  "--transformEnd": "--transformEnd_xsffs",
-  "@transform-exit": "transform-exit_xsffs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6ap2c_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_6ap2c",
+  "@collapse-exit": "collapse-exit_6ap2c",
+  "__SCollapse": "___SCollapse_6ap2c_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+  "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+  "@opacity-in": "opacity-in_6ap2c",
+  "@opacity-out": "opacity-out_6ap2c",
+  "@scale-left-in": "scale-left-in_6ap2c",
+  "@scale-right-in": "scale-right-in_6ap2c",
+  "@scale-top-in": "scale-top-in_6ap2c",
+  "@scale-bottom-in": "scale-bottom-in_6ap2c",
+  "@scale-left-out": "scale-left-out_6ap2c",
+  "@scale-right-out": "scale-right-out_6ap2c",
+  "@scale-top-out": "scale-top-out_6ap2c",
+  "@scale-bottom-out": "scale-bottom-out_6ap2c",
+  "@slide-top-in": "slide-top-in_6ap2c",
+  "@slide-top-out": "slide-top-out_6ap2c",
+  "@slide-bottom-in": "slide-bottom-in_6ap2c",
+  "@slide-bottom-out": "slide-bottom-out_6ap2c",
+  "@slide-left-in": "slide-left-in_6ap2c",
+  "@slide-left-out": "slide-left-out_6ap2c",
+  "@slide-right-in": "slide-right-in_6ap2c",
+  "@slide-right-out": "slide-right-out_6ap2c",
+  "@transform-enter": "transform-enter_6ap2c",
+  "--transformStart": "--transformStart_6ap2c",
+  "--transformEnd": "--transformEnd_6ap2c",
+  "@transform-exit": "transform-exit_6ap2c"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 function Scale(props, ref) {

package/animation/lib/es6/Slide.js

@@ -4,34 +4,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xsffs{0%,to{overflow:clip}}@keyframes collapse-exit_xsffs{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xsffs{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xsffs{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xsffs{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xsffs{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xsffs{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xsffs{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xsffs{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xsffs{0%{transform:var(--transformStart_xsffs)}to{transform:var(--transformEnd_xsffs)}}@keyframes transform-exit_xsffs{0%{transform:var(--transformEnd_xsffs)}to{transform:var(--transformStart_xsffs)}}.___SCollapse_xsffs_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xsffs_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_xsffs",
-  "@collapse-exit": "collapse-exit_xsffs",
-  "__SCollapse": "___SCollapse_xsffs_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_xsffs",
-  "@fade-in-out-exit": "fade-in-out-exit_xsffs",
-  "@opacity-in": "opacity-in_xsffs",
-  "@opacity-out": "opacity-out_xsffs",
-  "@scale-left-in": "scale-left-in_xsffs",
-  "@scale-right-in": "scale-right-in_xsffs",
-  "@scale-top-in": "scale-top-in_xsffs",
-  "@scale-bottom-in": "scale-bottom-in_xsffs",
-  "@scale-left-out": "scale-left-out_xsffs",
-  "@scale-right-out": "scale-right-out_xsffs",
-  "@scale-top-out": "scale-top-out_xsffs",
-  "@scale-bottom-out": "scale-bottom-out_xsffs",
-  "@slide-top-in": "slide-top-in_xsffs",
-  "@slide-top-out": "slide-top-out_xsffs",
-  "@slide-bottom-in": "slide-bottom-in_xsffs",
-  "@slide-bottom-out": "slide-bottom-out_xsffs",
-  "@slide-left-in": "slide-left-in_xsffs",
-  "@slide-left-out": "slide-left-out_xsffs",
-  "@slide-right-in": "slide-right-in_xsffs",
-  "@slide-right-out": "slide-right-out_xsffs",
-  "@transform-enter": "transform-enter_xsffs",
-  "--transformStart": "--transformStart_xsffs",
-  "--transformEnd": "--transformEnd_xsffs",
-  "@transform-exit": "transform-exit_xsffs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6ap2c_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_6ap2c",
+  "@collapse-exit": "collapse-exit_6ap2c",
+  "__SCollapse": "___SCollapse_6ap2c_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+  "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+  "@opacity-in": "opacity-in_6ap2c",
+  "@opacity-out": "opacity-out_6ap2c",
+  "@scale-left-in": "scale-left-in_6ap2c",
+  "@scale-right-in": "scale-right-in_6ap2c",
+  "@scale-top-in": "scale-top-in_6ap2c",
+  "@scale-bottom-in": "scale-bottom-in_6ap2c",
+  "@scale-left-out": "scale-left-out_6ap2c",
+  "@scale-right-out": "scale-right-out_6ap2c",
+  "@scale-top-out": "scale-top-out_6ap2c",
+  "@scale-bottom-out": "scale-bottom-out_6ap2c",
+  "@slide-top-in": "slide-top-in_6ap2c",
+  "@slide-top-out": "slide-top-out_6ap2c",
+  "@slide-bottom-in": "slide-bottom-in_6ap2c",
+  "@slide-bottom-out": "slide-bottom-out_6ap2c",
+  "@slide-left-in": "slide-left-in_6ap2c",
+  "@slide-left-out": "slide-left-out_6ap2c",
+  "@slide-right-in": "slide-right-in_6ap2c",
+  "@slide-right-out": "slide-right-out_6ap2c",
+  "@transform-enter": "transform-enter_6ap2c",
+  "--transformStart": "--transformStart_6ap2c",
+  "--transformEnd": "--transformEnd_6ap2c",
+  "@transform-exit": "transform-exit_6ap2c"
 });
 function Slide(props, ref) {
   var _ref;

package/animation/lib/es6/Transform.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xsffs{0%,to{overflow:clip}}@keyframes collapse-exit_xsffs{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xsffs{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xsffs{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xsffs{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xsffs{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{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_xsffs{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xsffs{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xsffs{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xsffs{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xsffs{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xsffs{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xsffs{0%{transform:var(--transformStart_xsffs)}to{transform:var(--transformEnd_xsffs)}}@keyframes transform-exit_xsffs{0%{transform:var(--transformEnd_xsffs)}to{transform:var(--transformStart_xsffs)}}.___SCollapse_xsffs_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xsffs_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_xsffs",
-  "@collapse-exit": "collapse-exit_xsffs",
-  "__SCollapse": "___SCollapse_xsffs_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_xsffs",
-  "@fade-in-out-exit": "fade-in-out-exit_xsffs",
-  "@opacity-in": "opacity-in_xsffs",
-  "@opacity-out": "opacity-out_xsffs",
-  "@scale-left-in": "scale-left-in_xsffs",
-  "@scale-right-in": "scale-right-in_xsffs",
-  "@scale-top-in": "scale-top-in_xsffs",
-  "@scale-bottom-in": "scale-bottom-in_xsffs",
-  "@scale-left-out": "scale-left-out_xsffs",
-  "@scale-right-out": "scale-right-out_xsffs",
-  "@scale-top-out": "scale-top-out_xsffs",
-  "@scale-bottom-out": "scale-bottom-out_xsffs",
-  "@slide-top-in": "slide-top-in_xsffs",
-  "@slide-top-out": "slide-top-out_xsffs",
-  "@slide-bottom-in": "slide-bottom-in_xsffs",
-  "@slide-bottom-out": "slide-bottom-out_xsffs",
-  "@slide-left-in": "slide-left-in_xsffs",
-  "@slide-left-out": "slide-left-out_xsffs",
-  "@slide-right-in": "slide-right-in_xsffs",
-  "@slide-right-out": "slide-right-out_xsffs",
-  "@transform-enter": "transform-enter_xsffs",
-  "--transformStart": "--transformStart_xsffs",
-  "--transformEnd": "--transformEnd_xsffs",
-  "@transform-exit": "transform-exit_xsffs"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_6ap2c{0%,to{overflow:clip}}@keyframes collapse-exit_6ap2c{0%,to{overflow:clip}}@keyframes fade-in-out-enter_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_6ap2c{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_6ap2c{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{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_6ap2c{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_6ap2c{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_6ap2c{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_6ap2c{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_6ap2c{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_6ap2c{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_6ap2c{0%{transform:var(--transformStart_6ap2c)}to{transform:var(--transformEnd_6ap2c)}}@keyframes transform-exit_6ap2c{0%{transform:var(--transformEnd_6ap2c)}to{transform:var(--transformStart_6ap2c)}}.___SCollapse_6ap2c_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "6ap2c_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_6ap2c",
+  "@collapse-exit": "collapse-exit_6ap2c",
+  "__SCollapse": "___SCollapse_6ap2c_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_6ap2c",
+  "@fade-in-out-exit": "fade-in-out-exit_6ap2c",
+  "@opacity-in": "opacity-in_6ap2c",
+  "@opacity-out": "opacity-out_6ap2c",
+  "@scale-left-in": "scale-left-in_6ap2c",
+  "@scale-right-in": "scale-right-in_6ap2c",
+  "@scale-top-in": "scale-top-in_6ap2c",
+  "@scale-bottom-in": "scale-bottom-in_6ap2c",
+  "@scale-left-out": "scale-left-out_6ap2c",
+  "@scale-right-out": "scale-right-out_6ap2c",
+  "@scale-top-out": "scale-top-out_6ap2c",
+  "@scale-bottom-out": "scale-bottom-out_6ap2c",
+  "@slide-top-in": "slide-top-in_6ap2c",
+  "@slide-top-out": "slide-top-out_6ap2c",
+  "@slide-bottom-in": "slide-bottom-in_6ap2c",
+  "@slide-bottom-out": "slide-bottom-out_6ap2c",
+  "@slide-left-in": "slide-left-in_6ap2c",
+  "@slide-left-out": "slide-left-out_6ap2c",
+  "@slide-right-in": "slide-right-in_6ap2c",
+  "@slide-right-out": "slide-right-out_6ap2c",
+  "@transform-enter": "transform-enter_6ap2c",
+  "--transformStart": "--transformStart_6ap2c",
+  "--transformEnd": "--transformEnd_6ap2c",
+  "@transform-exit": "transform-exit_6ap2c"
 });
 function Transform(props, ref) {
   var _ref;

package/animation/lib/esm/Animation.mjs

@@ -0,0 +1,147 @@
+import C from "@babel/runtime/helpers/esm/objectSpread2";
+import x from "@babel/runtime/helpers/esm/classCallCheck";
+import I from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import P from "@babel/runtime/helpers/esm/inherits";
+import E from "@babel/runtime/helpers/esm/createSuper";
+import e from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as D } from 'intergalactic/utils/lib/core/index';
+import w, { sstyled as $, assignProps as N, Component as T } from 'intergalactic/core';
+import k from "react";
+import { Box as V } from 'intergalactic/flex-box';
+import M from 'intergalactic/utils/lib/enhances/contextEnhance';
+var R = (
+  /*__reshadow_css_start__*/
+  (D.insert(
+    /*__inner_css_start__*/
+    ".___SAnimation_1k212_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1k212);animation-duration:var(--durationFinalize_1k212);animation-delay:var(--delayFinalize_1k212);animation-name:var(--keyframesFinalize_1k212)}.___SAnimation_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:var(--timingFunction_1k212);transition-duration:var(--durationFinalize_1k212);transition-delay:var(--delayFinalize_1k212)}.___SAnimation_1k212_gg_.__visible_1k212_gg_{animation-duration:var(--durationInitialize_1k212);animation-delay:var(--delayInitialize_1k212);animation-name:var(--keyframesInitialize_1k212)}.___SAnimation_1k212_gg_.__visible_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:var(--timingFunction_1k212);transition-duration:var(--durationInitialize_1k212);transition-delay:var(--delayInitialize_1k212)}@media (prefers-reduced-motion){.___SAnimation_1k212_gg_.__transition-based_1k212_gg_,.___SAnimation_1k212_gg_.__visible_1k212_gg_.__transition-based_1k212_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1k212_gg_,.___SAnimation_1k212_gg_.__visible_1k212_gg_{animation-timing-function:step-end;animation-iteration-count:1}}",
+    "1k212_gg_"
+  ), {
+    __SAnimation: "___SAnimation_1k212_gg_",
+    "--timingFunction": "--timingFunction_1k212",
+    "--durationFinalize": "--durationFinalize_1k212",
+    "--delayFinalize": "--delayFinalize_1k212",
+    "--keyframesFinalize": "--keyframesFinalize_1k212",
+    "_transition-based": "__transition-based_1k212_gg_",
+    _visible: "__visible_1k212_gg_",
+    "--durationInitialize": "--durationInitialize_1k212",
+    "--delayInitialize": "--delayInitialize_1k212",
+    "--keyframesInitialize": "--keyframesInitialize_1k212"
+  })
+);
+function v(m) {
+  return Array.isArray(m) ? m : [m, m];
+}
+var U = function() {
+  var s = {
+    onAnimationStartSubscribers: [],
+    onAnimationStart: function(n) {
+      return s.onAnimationStartSubscribers.push(n), function() {
+        return s.onAnimationStartSubscribers.filter(function(t) {
+          return t !== n;
+        });
+      };
+    },
+    onAnimationEndSubscribers: [],
+    onAnimationEnd: function(n) {
+      return s.onAnimationEndSubscribers.push(n), function() {
+        return s.onAnimationEndSubscribers.filter(function(t) {
+          return t !== n;
+        });
+      };
+    }
+  };
+  return s;
+}, S = /* @__PURE__ */ k.createContext(null), d = /* @__PURE__ */ function(m) {
+  P(_, m);
+  var s = E(_);
+  function _() {
+    var n;
+    x(this, _);
+    for (var t = arguments.length, a = new Array(t), r = 0; r < t; r++)
+      a[r] = arguments[r];
+    return n = s.call.apply(s, [this].concat(a)), e(u(n), "state", {
+      animationRunning: !1,
+      render: n.props.visible || n.props.preserveNode,
+      wasInvisible: !n.props.visible
+    }), e(u(n), "animationSupported", !1), e(u(n), "animationContext", U()), e(u(n), "onAnimationStart", function() {
+      n.animationSupported = !0;
+      var i = n.asProps, l = i.animationsDisabled, o = i.parentAnimationContext, f = l ? [0, 0] : v(n.asProps.duration), p = o ?? n.animationContext;
+      p.onAnimationStartSubscribers.forEach(function(c) {
+        return c(f[0]);
+      });
+    }), e(u(n), "onAnimationEnd", function(i) {
+      n.animationSupported = !0, n.handleAnimationEnd();
+    }), e(u(n), "handleAnimationEnd", function() {
+      !n.asProps.visible && !n.props.preserveNode && n.setState({
+        render: !1
+      });
+      var i = n.asProps.parentAnimationContext, l = i ?? n.animationContext;
+      l.onAnimationEndSubscribers.forEach(function(o) {
+        return o();
+      });
+    }), e(u(n), "animationEventFallback", function() {
+      if (n.state.render && !n.animationSupported) {
+        var i = n.asProps.animationsDisabled ? [0, 0] : v(n.asProps.delay), l = n.asProps.visible ? i[0] : i[1], o = n.asProps.animationsDisabled ? 0 : n.asProps.duration + 100;
+        setTimeout(function() {
+          n.animationSupported || n.handleAnimationEnd();
+        }, o + l);
+      }
+    }), n;
+  }
+  return I(_, [{
+    key: "componentDidMount",
+    value: function() {
+      this.animationEventFallback();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(t, a) {
+      (t.visible !== this.props.visible || a.render !== this.state.render) && this.animationEventFallback();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, a, r = V, i = this.asProps, l = i.styles, o = i.keyframes, f = i.initialAnimation, p = i.timingFunction, c = i.animationsDisabled, g = i.parentAnimationContext, h = g ?? this.animationContext, A = c ? [0, 0] : v(this.asProps.duration), b = c ? [0, 0] : v(this.asProps.delay), y = this.state, z = y.render, F = y.wasInvisible;
+      return z ? /* @__PURE__ */ k.createElement(S.Provider, {
+        value: h
+      }, (a = $(l), /* @__PURE__ */ k.createElement(r, a.cn("SAnimation", C({}, N({
+        onAnimationStart: this.onAnimationStart,
+        onAnimationEnd: this.onAnimationEnd,
+        durationInitialize: "".concat(A[0], "ms"),
+        durationFinalize: "".concat(A[1], "ms"),
+        delayInitialize: "".concat(b[0], "ms"),
+        delayFinalize: "".concat(b[1], "ms"),
+        timingFunction: p,
+        keyframesInitialize: F || f ? o[0] : "totally-no-animations",
+        keyframesFinalize: o[1]
+      }, t)))))) : null;
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function(t, a) {
+      var r = a.wasInvisible || !t.visible;
+      return t.visible || t.preserveNode || a.wasInvisible !== r ? {
+        render: !0,
+        wasInvisible: r
+      } : a;
+    }
+  }]), _;
+}(T);
+e(d, "displayName", "Animation");
+e(d, "style", R);
+e(d, "defaultProps", {
+  visible: !1,
+  duration: 0,
+  delay: 0,
+  keyframes: [],
+  initialAnimation: !1,
+  timingFunction: "ease-out",
+  animationsDisabled: !1
+});
+e(d, "enhance", [M(S, "parentAnimationContext")]);
+const Y = w(d);
+export {
+  S as animationContext,
+  Y as default
+};