intergalactic 15.84.0 → 15.85.0-prerelease.2

package/CHANGELOG.md

@@ -1,8 +1,21 @@
-## [15.84.0] - 2024-05-16
+## [15.85.0] - 2024-05-16
 
-### @semcore/popper
+### @semcore/animation
 
-- **Fixed** Using singleton popper with a visibility delay set was causing popper to change position trigger with a delay.
+- **Changed** Added fallback for `onAnimationEnd` callback to be triggered even if the environment doesn't support animations.
+
+### @semcore/dropdown-menu
+
+- **Changed** Added mechanism to return focus to the trigger after closing the dropdown menu after item's interaction.
+
+### @semcore/select
+
+- **Changed** Removed mechanism that returns focus to the trigger after items selecting as it was moved to underlying `DropdownMenu`.
+
+### @semcore/utils
+
+- **Fixed** `ThemeProvider` wasn't working.
+- **Fixed** In some cases focus was not returned after focus lock was released.
 
 ## [15.84.0] - 2024-05-16
 

package/accordion/lib/cjs/Accordion.js

@@ -14,6 +14,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
@@ -24,13 +25,13 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_12l0q_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_12l0q_gg_.__keyboardFocused_12l0q_gg_:not(._tabIndex_-1_12l0q_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_12l0q_gg_.__disabled_12l0q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_12l0q_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_12l0q_gg_.__selected_12l0q_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_12l0q_gg_{transition:none}}" /*__inner_css_end__*/, "12l0q_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_12l0q_gg_",
-  "_keyboardFocused": "__keyboardFocused_12l0q_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_12l0q_gg_",
-  "_disabled": "__disabled_12l0q_gg_",
-  "__SItemChevron": "___SItemChevron_12l0q_gg_",
-  "_selected": "__selected_12l0q_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_rnxej_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_rnxej_gg_.__keyboardFocused_rnxej_gg_:not(._tabIndex_-1_rnxej_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_rnxej_gg_.__disabled_rnxej_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_rnxej_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_rnxej_gg_.__selected_rnxej_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_rnxej_gg_{transition:none}}" /*__inner_css_end__*/, "rnxej_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_rnxej_gg_",
+  "_keyboardFocused": "__keyboardFocused_rnxej_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_rnxej_gg_",
+  "_disabled": "__disabled_rnxej_gg_",
+  "__SItemChevron": "___SItemChevron_rnxej_gg_",
+  "_selected": "__selected_rnxej_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/accordion/lib/cjs/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_m","_l","_keyboardFocusEnhance","_uniqueID","_useCssVariable","style","sstyled","insert","RootAccordion","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_createClass2","key","uncontrolledProps","getItemProps","_ref6","_this$asProps","selectedValue","duration","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","role","getCollapseProps","_this$asProps3","getChevronProps","_this$asProps4","size","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref4","_this$asProps5","styles","SItemToggle","Box","cn","_objectSpread2","assignProps","handleKeyDown","keyboardFocusEnhance","Chevron","props","_ref2","arguments[0]","_ref5","SItemChevron","ChevronRightL","ChevronRightM","Collapse","_ref3","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        ref={this.toggleRef}\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_m","_l","_keyboardFocusEnhance","_uniqueID","_useCssVariable","style","_index","sstyled","insert","RootAccordion","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_createClass2","key","uncontrolledProps","getItemProps","_ref6","_this$asProps","selectedValue","duration","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","role","getCollapseProps","_this$asProps3","getChevronProps","_this$asProps4","size","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref4","_this$asProps5","styles","SItemToggle","Box","cn","_objectSpread2","assignProps","handleKeyDown","keyboardFocusEnhance","Chevron","props","_ref2","arguments[0]","_ref5","SItemChevron","ChevronRightL","ChevronRightM","Collapse","_ref3","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-accordion',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n  ];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleToggleInteraction = (newValue) => {\n    const { value } = this.asProps;\n\n    if (Array.isArray(value)) {\n      const indexOfNewValue = value.indexOf(newValue);\n      const result = [...value];\n      indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n      this.handlers.value(result);\n    } else {\n      this.handlers.value(value === newValue ? null : newValue);\n    }\n  };\n\n  getItemProps({ value }) {\n    const { value: selectedValue, duration } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\n      $handleInteraction: this.handleToggleInteraction,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nexport class RootItem extends Component {\n  static displayName = 'Item';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  handleClick = () => {\n    const { value, $handleInteraction } = this.asProps;\n\n    $handleInteraction(value);\n  };\n\n  getToggleProps() {\n    const { value, uid, selected, disabled } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\n    };\n  }\n\n  getCollapseProps() {\n    const { selected, uid, duration, value } = this.asProps;\n    return {\n      selected,\n      duration,\n      id: `igc-${uid}-${value}-collapse`,\n      role: 'region',\n      'aria-labelledby': `igc-${uid}-${value}-toggle`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected, size } = this.asProps;\n    return {\n      selected,\n      size,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  toggleRef = React.createRef();\n\n  handleKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    } else if (event.key === ' ') {\n      event.preventDefault();\n      if (this.toggleRef.current === event.target) {\n        event.currentTarget.click();\n      }\n    }\n  };\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        ref={this.toggleRef}\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles, size } = props;\n\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}

package/accordion/lib/es6/Accordion.js

@@ -6,7 +6,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/core';
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps3 } from 'intergalactic/core';
 import { assignProps as _assignProps2 } from 'intergalactic/core';
 import { assignProps as _assignProps } from 'intergalactic/core';
@@ -20,13 +20,13 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_12l0q_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_12l0q_gg_.__keyboardFocused_12l0q_gg_:not(._tabIndex_-1_12l0q_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_12l0q_gg_.__disabled_12l0q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_12l0q_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_12l0q_gg_.__selected_12l0q_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_12l0q_gg_{transition:none}}" /*__inner_css_end__*/, "12l0q_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_12l0q_gg_",
-  "_keyboardFocused": "__keyboardFocused_12l0q_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_12l0q_gg_",
-  "_disabled": "__disabled_12l0q_gg_",
-  "__SItemChevron": "___SItemChevron_12l0q_gg_",
-  "_selected": "__selected_12l0q_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_rnxej_gg_{position:relative;cursor:pointer;outline:0}.___SItemToggle_rnxej_gg_.__keyboardFocused_rnxej_gg_:not(._tabIndex_-1_rnxej_gg_)::after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:3}.___SItemToggle_rnxej_gg_.__disabled_rnxej_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_rnxej_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_rnxej_gg_.__selected_rnxej_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_rnxej_gg_{transition:none}}" /*__inner_css_end__*/, "rnxej_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_rnxej_gg_",
+  "_keyboardFocused": "__keyboardFocused_rnxej_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_rnxej_gg_",
+  "_disabled": "__disabled_rnxej_gg_",
+  "__SItemChevron": "___SItemChevron_rnxej_gg_",
+  "_selected": "__selected_rnxej_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/animation/lib/cjs/Animation.js

@@ -13,22 +13,23 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _contextEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/contextEnhance"));
 /*__reshadow-styles__:"./style/animate.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1v5bg_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1v5bg);animation-duration:var(--durationFinalize_1v5bg);animation-delay:var(--delayFinalize_1v5bg);animation-name:var(--keyframesFinalize_1v5bg)}.___SAnimation_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:var(--timingFunction_1v5bg);transition-duration:var(--durationFinalize_1v5bg);transition-delay:var(--delayFinalize_1v5bg)}.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_{animation-duration:var(--durationInitialize_1v5bg);animation-delay:var(--delayInitialize_1v5bg);animation-name:var(--keyframesInitialize_1v5bg)}.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:var(--timingFunction_1v5bg);transition-duration:var(--durationInitialize_1v5bg);transition-delay:var(--delayInitialize_1v5bg)}@media (prefers-reduced-motion){.___SAnimation_1v5bg_gg_.__transition-based_1v5bg_gg_,.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_.__transition-based_1v5bg_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1v5bg_gg_,.___SAnimation_1v5bg_gg_.__visible_1v5bg_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1v5bg_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1v5bg_gg_",
-  "--timingFunction": "--timingFunction_1v5bg",
-  "--durationFinalize": "--durationFinalize_1v5bg",
-  "--delayFinalize": "--delayFinalize_1v5bg",
-  "--keyframesFinalize": "--keyframesFinalize_1v5bg",
-  "_transition-based": "__transition-based_1v5bg_gg_",
-  "_visible": "__visible_1v5bg_gg_",
-  "--durationInitialize": "--durationInitialize_1v5bg",
-  "--delayInitialize": "--delayInitialize_1v5bg",
-  "--keyframesInitialize": "--keyframesInitialize_1v5bg"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_xawm3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_xawm3);animation-duration:var(--durationFinalize_xawm3);animation-delay:var(--delayFinalize_xawm3);animation-name:var(--keyframesFinalize_xawm3)}.___SAnimation_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:var(--timingFunction_xawm3);transition-duration:var(--durationFinalize_xawm3);transition-delay:var(--delayFinalize_xawm3)}.___SAnimation_xawm3_gg_.__visible_xawm3_gg_{animation-duration:var(--durationInitialize_xawm3);animation-delay:var(--delayInitialize_xawm3);animation-name:var(--keyframesInitialize_xawm3)}.___SAnimation_xawm3_gg_.__visible_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:var(--timingFunction_xawm3);transition-duration:var(--durationInitialize_xawm3);transition-delay:var(--delayInitialize_xawm3)}@media (prefers-reduced-motion){.___SAnimation_xawm3_gg_.__transition-based_xawm3_gg_,.___SAnimation_xawm3_gg_.__visible_xawm3_gg_.__transition-based_xawm3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_xawm3_gg_,.___SAnimation_xawm3_gg_.__visible_xawm3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "xawm3_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_xawm3_gg_",
+  "--timingFunction": "--timingFunction_xawm3",
+  "--durationFinalize": "--durationFinalize_xawm3",
+  "--delayFinalize": "--delayFinalize_xawm3",
+  "--keyframesFinalize": "--keyframesFinalize_xawm3",
+  "_transition-based": "__transition-based_xawm3_gg_",
+  "_visible": "__visible_xawm3_gg_",
+  "--durationInitialize": "--durationInitialize_xawm3",
+  "--delayInitialize": "--delayInitialize_xawm3",
+  "--keyframesInitialize": "--keyframesInitialize_xawm3"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];
@@ -73,8 +74,10 @@ var Animation = /*#__PURE__*/function (_Component) {
       render: _this.props.visible || _this.props.preserveNode,
       wasInvisible: !_this.props.visible
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationSupported", false);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationContext", makeAnimationContextValue());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnimationStart", function () {
+      _this.animationSupported = true;
       var _this$asProps = _this.asProps,
         animationsDisabled = _this$asProps.animationsDisabled,
         parentAnimationContext = _this$asProps.parentAnimationContext;
@@ -85,7 +88,10 @@ var Animation = /*#__PURE__*/function (_Component) {
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnimationEnd", function (event) {
-      event.stopPropagation();
+      _this.animationSupported = true;
+      _this.handleAnimationEnd();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAnimationEnd", function () {
       if (!_this.asProps.visible && !_this.props.preserveNode) {
         _this.setState({
           render: false
@@ -97,9 +103,32 @@ var Animation = /*#__PURE__*/function (_Component) {
         return callback();
       });
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "animationEventFallback", function () {
+      if (!_this.state.render) return;
+      if (_this.animationSupported) return;
+      var delayArr = _this.asProps.animationsDisabled ? [0, 0] : propToArray(_this.asProps.delay);
+      var delay = _this.asProps.visible ? delayArr[0] : delayArr[1];
+      var duration = _this.asProps.animationsDisabled ? 0 : _this.asProps.duration + 100;
+      setTimeout(function () {
+        if (_this.animationSupported) return;
+        _this.handleAnimationEnd();
+      }, duration + delay);
+    });
     return _this;
   }
   (0, _createClass2["default"])(Animation, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationEventFallback();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.visible !== this.props.visible || prevState.render !== this.state.render) {
+        this.animationEventFallback();
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,

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

@@ -1 +1 @@
-{"version":3,"file":"Animation.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_contextEnhance","style","sstyled","insert","propToArray","prop","Array","isArray","makeAnimationContextValue","context","onAnimationStartSubscribers","onAnimationStart","callback","push","filter","cb","onAnimationEndSubscribers","onAnimationEnd","animationContext","React","createContext","exports","Animation","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","animationRunning","render","props","visible","preserveNode","wasInvisible","_this$asProps","asProps","animationsDisabled","parentAnimationContext","duration","forEach","event","stopPropagation","setState","_createClass2","key","value","_ref","_ref2","SAnimation","Box","_this$asProps2","styles","keyframes","initialAnimation","timingFunction","animationContextValue","delay","_this$state","state","createElement","Provider","cn","_objectSpread2","assignProps","getDerivedStateFromProps","Component","contextEnhance","_default","createComponent"],"sources":["../../src/Animation.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport contextEnhance from '@semcore/utils/lib/enhances/contextEnhance';\nimport style from './style/animate.shadow.css';\n\nfunction propToArray(prop) {\n  return Array.isArray(prop) ? prop : [prop, prop];\n}\n\nconst makeAnimationContextValue = () => {\n  const context = {\n    onAnimationStartSubscribers: [],\n    onAnimationStart: (callback) => {\n      context.onAnimationStartSubscribers.push(callback);\n      return () => context.onAnimationStartSubscribers.filter((cb) => cb !== callback);\n    },\n    onAnimationEndSubscribers: [],\n    onAnimationEnd: (callback) => {\n      context.onAnimationEndSubscribers.push(callback);\n      return () => context.onAnimationEndSubscribers.filter((cb) => cb !== callback);\n    },\n  };\n  return context;\n};\nexport const animationContext = React.createContext(null);\n\nclass Animation extends Component {\n  static displayName = 'Animation';\n  static style = style;\n  static defaultProps = {\n    visible: false,\n    duration: 0,\n    delay: 0,\n    keyframes: [],\n    initialAnimation: false,\n    timingFunction: 'ease-out',\n    animationsDisabled: false,\n  };\n  static enhance = [contextEnhance(animationContext, 'parentAnimationContext')];\n\n  static getDerivedStateFromProps(props, state) {\n    const wasInvisible = state.wasInvisible || !props.visible;\n    if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {\n      return { render: true, wasInvisible };\n    }\n    return state;\n  }\n\n  state = {\n    animationRunning: false,\n    render: this.props.visible || this.props.preserveNode,\n    wasInvisible: !this.props.visible,\n  };\n\n  animationContext = makeAnimationContextValue();\n\n  onAnimationStart = () => {\n    const { animationsDisabled, parentAnimationContext } = this.asProps;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationStartSubscribers.forEach((callback) => callback(duration[0]));\n  };\n\n  onAnimationEnd = (event) => {\n    event.stopPropagation();\n    if (!this.asProps.visible && !this.props.preserveNode) {\n      this.setState({ render: false });\n    }\n    const { parentAnimationContext } = this.asProps;\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationEndSubscribers.forEach((callback) => callback());\n  };\n\n  render() {\n    const SAnimation = Root;\n    const {\n      styles,\n      keyframes,\n      initialAnimation,\n      timingFunction,\n      animationsDisabled,\n      parentAnimationContext,\n    } = this.asProps;\n    const animationContextValue = parentAnimationContext ?? this.animationContext;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const { render, wasInvisible } = this.state;\n\n    if (!render) return null;\n\n    return (\n      <animationContext.Provider value={animationContextValue}>\n        {sstyled(styles)(\n          <SAnimation\n            render={Box}\n            onAnimationStart={this.onAnimationStart}\n            onAnimationEnd={this.onAnimationEnd}\n            durationInitialize={`${duration[0]}ms`}\n            durationFinalize={`${duration[1]}ms`}\n            delayInitialize={`${delay[0]}ms`}\n            delayFinalize={`${delay[1]}ms`}\n            timingFunction={timingFunction}\n            keyframesInitialize={\n              wasInvisible || initialAnimation ? keyframes[0] : 'totally-no-animations'\n            }\n            keyframesFinalize={keyframes[1]}\n          />,\n        )}\n      </animationContext.Provider>\n    );\n  }\n}\n\nexport default createComponent(Animation);\n"],"mappings":"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"}
+{"version":3,"file":"Animation.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_contextEnhance","style","_index","sstyled","insert","propToArray","prop","Array","isArray","makeAnimationContextValue","context","onAnimationStartSubscribers","onAnimationStart","callback","push","filter","cb","onAnimationEndSubscribers","onAnimationEnd","animationContext","React","createContext","exports","Animation","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","animationRunning","render","props","visible","preserveNode","wasInvisible","animationSupported","_this$asProps","asProps","animationsDisabled","parentAnimationContext","duration","forEach","event","handleAnimationEnd","setState","state","delayArr","delay","setTimeout","_createClass2","key","value","componentDidMount","animationEventFallback","componentDidUpdate","prevProps","prevState","_ref","_ref2","SAnimation","Box","_this$asProps2","styles","keyframes","initialAnimation","timingFunction","animationContextValue","_this$state","createElement","Provider","cn","_objectSpread2","assignProps","getDerivedStateFromProps","Component","contextEnhance","_default","createComponent"],"sources":["../../src/Animation.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport contextEnhance from '@semcore/utils/lib/enhances/contextEnhance';\nimport style from './style/animate.shadow.css';\n\nfunction propToArray(prop) {\n  return Array.isArray(prop) ? prop : [prop, prop];\n}\n\nconst makeAnimationContextValue = () => {\n  const context = {\n    onAnimationStartSubscribers: [],\n    onAnimationStart: (callback) => {\n      context.onAnimationStartSubscribers.push(callback);\n      return () => context.onAnimationStartSubscribers.filter((cb) => cb !== callback);\n    },\n    onAnimationEndSubscribers: [],\n    onAnimationEnd: (callback) => {\n      context.onAnimationEndSubscribers.push(callback);\n      return () => context.onAnimationEndSubscribers.filter((cb) => cb !== callback);\n    },\n  };\n  return context;\n};\nexport const animationContext = React.createContext(null);\n\nclass Animation extends Component {\n  static displayName = 'Animation';\n  static style = style;\n  static defaultProps = {\n    visible: false,\n    duration: 0,\n    delay: 0,\n    keyframes: [],\n    initialAnimation: false,\n    timingFunction: 'ease-out',\n    animationsDisabled: false,\n  };\n  static enhance = [contextEnhance(animationContext, 'parentAnimationContext')];\n\n  static getDerivedStateFromProps(props, state) {\n    const wasInvisible = state.wasInvisible || !props.visible;\n    if (props.visible || props.preserveNode || state.wasInvisible !== wasInvisible) {\n      return { render: true, wasInvisible };\n    }\n    return state;\n  }\n\n  state = {\n    animationRunning: false,\n    render: this.props.visible || this.props.preserveNode,\n    wasInvisible: !this.props.visible,\n  };\n  animationSupported = false;\n  animationContext = makeAnimationContextValue();\n\n  onAnimationStart = () => {\n    this.animationSupported = true;\n    const { animationsDisabled, parentAnimationContext } = this.asProps;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationStartSubscribers.forEach((callback) => callback(duration[0]));\n  };\n\n  onAnimationEnd = (event) => {\n    this.animationSupported = true;\n    this.handleAnimationEnd();\n  };\n  handleAnimationEnd = () => {\n    if (!this.asProps.visible && !this.props.preserveNode) {\n      this.setState({ render: false });\n    }\n    const { parentAnimationContext } = this.asProps;\n    const animationContext = parentAnimationContext ?? this.animationContext;\n    animationContext.onAnimationEndSubscribers.forEach((callback) => callback());\n  };\n\n  animationEventFallback = () => {\n    if (!this.state.render) return;\n    if (this.animationSupported) return;\n    const delayArr = this.asProps.animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const delay = this.asProps.visible ? delayArr[0] : delayArr[1];\n    const duration = this.asProps.animationsDisabled ? 0 : this.asProps.duration + 100;\n    setTimeout(() => {\n      if (this.animationSupported) return;\n      this.handleAnimationEnd();\n    }, duration + delay);\n  };\n  componentDidMount() {\n    this.animationEventFallback();\n  }\n  componentDidUpdate(prevProps, prevState) {\n    if (prevProps.visible !== this.props.visible || prevState.render !== this.state.render) {\n      this.animationEventFallback();\n    }\n  }\n\n  render() {\n    const SAnimation = Root;\n    const {\n      styles,\n      keyframes,\n      initialAnimation,\n      timingFunction,\n      animationsDisabled,\n      parentAnimationContext,\n    } = this.asProps;\n    const animationContextValue = parentAnimationContext ?? this.animationContext;\n    const duration = animationsDisabled ? [0, 0] : propToArray(this.asProps.duration);\n    const delay = animationsDisabled ? [0, 0] : propToArray(this.asProps.delay);\n    const { render, wasInvisible } = this.state;\n\n    if (!render) return null;\n\n    return (\n      <animationContext.Provider value={animationContextValue}>\n        {sstyled(styles)(\n          <SAnimation\n            render={Box}\n            onAnimationStart={this.onAnimationStart}\n            onAnimationEnd={this.onAnimationEnd}\n            durationInitialize={`${duration[0]}ms`}\n            durationFinalize={`${duration[1]}ms`}\n            delayInitialize={`${delay[0]}ms`}\n            delayFinalize={`${delay[1]}ms`}\n            timingFunction={timingFunction}\n            keyframesInitialize={\n              wasInvisible || initialAnimation ? keyframes[0] : 'totally-no-animations'\n            }\n            keyframesFinalize={keyframes[1]}\n          />,\n        )}\n      </animationContext.Provider>\n    );\n  }\n}\n\nexport default createComponent(Animation);\n"],"mappings":"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"}

package/animation/lib/cjs/Collapse.js

@@ -7,41 +7,42 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _core = require("intergalactic/core");
+var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
+var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _ref3 = require("intergalactic/utils/lib/ref");
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
 var _excluded = ["onAnimationStart", "onAnimationEnd", "overflowHidden"];
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1dqi1{0%,to{overflow:clip}}@keyframes collapse-exit_1dqi1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1dqi1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1dqi1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1dqi1{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1dqi1{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1dqi1{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1dqi1{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1dqi1{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1dqi1{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1dqi1{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1dqi1{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1dqi1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1dqi1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1dqi1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1dqi1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1dqi1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1dqi1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1dqi1{0%{transform:var(--transformStart_1dqi1)}to{transform:var(--transformEnd_1dqi1)}}@keyframes transform-exit_1dqi1{0%{transform:var(--transformEnd_1dqi1)}to{transform:var(--transformStart_1dqi1)}}.___SCollapse_1dqi1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1dqi1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1dqi1",
-  "@collapse-exit": "collapse-exit_1dqi1",
-  "__SCollapse": "___SCollapse_1dqi1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1dqi1",
-  "@fade-in-out-exit": "fade-in-out-exit_1dqi1",
-  "@opacity-in": "opacity-in_1dqi1",
-  "@opacity-out": "opacity-out_1dqi1",
-  "@scale-left-in": "scale-left-in_1dqi1",
-  "@scale-right-in": "scale-right-in_1dqi1",
-  "@scale-top-in": "scale-top-in_1dqi1",
-  "@scale-bottom-in": "scale-bottom-in_1dqi1",
-  "@scale-left-out": "scale-left-out_1dqi1",
-  "@scale-right-out": "scale-right-out_1dqi1",
-  "@scale-top-out": "scale-top-out_1dqi1",
-  "@scale-bottom-out": "scale-bottom-out_1dqi1",
-  "@slide-top-in": "slide-top-in_1dqi1",
-  "@slide-top-out": "slide-top-out_1dqi1",
-  "@slide-bottom-in": "slide-bottom-in_1dqi1",
-  "@slide-bottom-out": "slide-bottom-out_1dqi1",
-  "@slide-left-in": "slide-left-in_1dqi1",
-  "@slide-left-out": "slide-left-out_1dqi1",
-  "@slide-right-in": "slide-right-in_1dqi1",
-  "@slide-right-out": "slide-right-out_1dqi1",
-  "@transform-enter": "transform-enter_1dqi1",
-  "--transformStart": "--transformStart_1dqi1",
-  "--transformEnd": "--transformEnd_1dqi1",
-  "@transform-exit": "transform-exit_1dqi1"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_11xfy{0%,to{overflow:clip}}@keyframes collapse-exit_11xfy{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11xfy{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11xfy{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11xfy{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11xfy{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11xfy{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_11xfy{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_11xfy{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_11xfy{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_11xfy{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_11xfy{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_11xfy{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_11xfy{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_11xfy{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11xfy{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11xfy{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11xfy{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11xfy{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11xfy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11xfy{0%{transform:var(--transformStart_11xfy)}to{transform:var(--transformEnd_11xfy)}}@keyframes transform-exit_11xfy{0%{transform:var(--transformEnd_11xfy)}to{transform:var(--transformStart_11xfy)}}.___SCollapse_11xfy_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11xfy_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_11xfy",
+  "@collapse-exit": "collapse-exit_11xfy",
+  "__SCollapse": "___SCollapse_11xfy_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_11xfy",
+  "@fade-in-out-exit": "fade-in-out-exit_11xfy",
+  "@opacity-in": "opacity-in_11xfy",
+  "@opacity-out": "opacity-out_11xfy",
+  "@scale-left-in": "scale-left-in_11xfy",
+  "@scale-right-in": "scale-right-in_11xfy",
+  "@scale-top-in": "scale-top-in_11xfy",
+  "@scale-bottom-in": "scale-bottom-in_11xfy",
+  "@scale-left-out": "scale-left-out_11xfy",
+  "@scale-right-out": "scale-right-out_11xfy",
+  "@scale-top-out": "scale-top-out_11xfy",
+  "@scale-bottom-out": "scale-bottom-out_11xfy",
+  "@slide-top-in": "slide-top-in_11xfy",
+  "@slide-top-out": "slide-top-out_11xfy",
+  "@slide-bottom-in": "slide-bottom-in_11xfy",
+  "@slide-bottom-out": "slide-bottom-out_11xfy",
+  "@slide-left-in": "slide-left-in_11xfy",
+  "@slide-left-out": "slide-left-out_11xfy",
+  "@slide-right-in": "slide-right-in_11xfy",
+  "@slide-right-out": "slide-right-out_11xfy",
+  "@transform-enter": "transform-enter_11xfy",
+  "--transformStart": "--transformStart_11xfy",
+  "--transformEnd": "--transformEnd_11xfy",
+  "@transform-exit": "transform-exit_11xfy"
 });
 function Collapse(_ref2, ref) {
   var _ref;

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["_core","require","_react","_interopRequireDefault","_Animation","_ref3","_useEnhancedEffect","_excluded","style","sstyled","insert","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties2","SCollapse","Animation","overflowRef","React","useRef","innerRef","forkedRef","useForkRef","useEnhancedEffect","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","visibleRef","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const visibleRef = React.useRef(props.visible);\n  visibleRef.current = props.visible;\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      if (visibleRef.current) element.style.height = 'auto';\n      if (!visibleRef.current) element.style.height = `${0}px`;\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","_core","_Animation","_ref3","_useEnhancedEffect","_excluded","style","_index","sstyled","insert","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties2","SCollapse","Animation","overflowRef","React","useRef","innerRef","forkedRef","useForkRef","useEnhancedEffect","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","visibleRef","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const visibleRef = React.useRef(props.visible);\n  visibleRef.current = props.visible;\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      if (visibleRef.current) element.style.height = 'auto';\n      if (!visibleRef.current) element.style.height = `${0}px`;\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}

package/animation/lib/cjs/FadeInOut.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FadeInOut.js","names":["_core","require","_react","_interopRequireDefault","_Animation","style","sstyled","insert","FadeInOut","props","ref","_ref","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/FadeInOut.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\n\nfunction FadeInOut(props, ref) {\n  return sstyled(style)(\n    <Animation\n      ref={ref}\n      {...props}\n      keyframes={[style['@fade-in-out-enter'], style['@fade-in-out-exit']]}\n    />,\n  );\n}\n\nFadeInOut.displayName = 'FadeInOut';\n\nexport default createBaseComponent(FadeInOut);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAoC;AAAA,IAAAI,KAAA,+BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EAC7B,OAAAA,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBH,MAAA,YAAAU,aAAA,CAACR,UAAA,WAAS,EAAAO,IAAA,CAAAE,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHJ;EAAG,GACJD,KAAK;IAAA,aACE,CAACJ,KAAK,CAAC,oBAAoB,CAAC,EAAEA,KAAK,CAAC,mBAAmB,CAAC;EAAC,IACpE;AAEN;AAEAG,SAAS,CAACO,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErB,IAAAC,yBAAmB,EAACT,SAAS,CAAC;AAAAU,OAAA,cAAAF,QAAA"}
+{"version":3,"file":"FadeInOut.js","names":["_react","_interopRequireDefault","require","_core","_Animation","style","_index","sstyled","insert","FadeInOut","props","ref","_ref","createElement","cn","_objectSpread2","displayName","_default","createBaseComponent","exports"],"sources":["../../src/FadeInOut.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\n\nfunction FadeInOut(props, ref) {\n  return sstyled(style)(\n    <Animation\n      ref={ref}\n      {...props}\n      keyframes={[style['@fade-in-out-enter'], style['@fade-in-out-exit']]}\n    />,\n  );\n}\n\nFadeInOut.displayName = 'FadeInOut';\n\nexport default createBaseComponent(FadeInOut);\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoC;AAAA,IAAAG,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAAA,IAAAC,IAAA;EAC7B,OAAAA,IAAA,GAAO,IAAAL,aAAO,EAACF,KAAK,CAAC,eACnBL,MAAA,YAAAa,aAAA,CAACT,UAAA,WAAS,EAAAQ,IAAA,CAAAE,EAAA,kBAAAC,cAAA,iBAAAA,cAAA;IAAA,OACHJ;EAAG,GACJD,KAAK;IAAA,aACE,CAACL,KAAK,CAAC,oBAAoB,CAAC,EAAEA,KAAK,CAAC,mBAAmB,CAAC;EAAC,IACpE;AAEN;AAEAI,SAAS,CAACO,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErB,IAAAC,yBAAmB,EAACT,SAAS,CAAC;AAAAU,OAAA,cAAAF,QAAA"}