intergalactic 15.120.0-prerelease.0 → 15.121.0-prerelease.2

package/CHANGELOG.md

@@ -1,55 +1,170 @@
-## [15.120.0] - 2024-12-09
+## [15.121.0] - 2024-12-30
 
-### @semcore/accordion
+### @semcore/breadcrumbs
 
-- **Removed** Unnecessary `aria-disabled` on disabled `Toggle` component.
-- **Changed** Set `aria-controls` to expanded `Toggle` only.
+- **Changed** Active breadcrumb tag to `span`.
 
-### @semcore/base-trigger
+### @semcore/carousel
 
-- **Removed** Default tag `button` from FilterTrigger and ButtonTrigger to reduce code duplication.
-- **Changed** Default tag for BaseTrigger to `button` as part of a11y improvement.
+- **Added** Keyboard handler for zoom data in carousel by `enter` or `space`.
 
-### @semcore/button
+### @semcore/d3-chart
 
-- **Removed** Unnecessary `aria-disabled` on disabled button.
+- **Added** `aria-hidden="true"` to `PatternSymbol` inside `LegendItem` to improve A11Y.
+- **Removed** `aria-labelledby` from `LegendItem` with shapes other, than checkbox.
+- **Changed** `aria-labelledby` value in `LegendItem` to unique id.
+- **Fixed** Animation of points on ScatterPlot was on every render.
+- **Added** `outilne=none` for Hover rect and line.
+- **Added** `aria-*` attributes for svg from parent group for all simple charts (Chart.*).
+- **Added** `aria-label=Chart` by default for all advanced charts (Plot...).
 
-### @semcore/d3-chart
+### @semcore/data-table
 
-- **Added** `aria-labelledby` for `LegendItem` checkbox.
-- **Added** New type of charts - `StackGroupBar`.
+- **Fixed** Table remained inert after clicking on sort icon.
+- **Fixed** Keyboard navigation on table with virtual scroll.
+- **Fixed** `aria-colindex` was set for each Head.Cell components, even for a group.
+- **Changed** Hide scrollbars from Screen Readers in Table.Head and Table.Body.
+
+### @semcore/date-picker
+
+- **Removed** Unnecessary `role=combobox` for all inputs from popper in any Comparator.
 
 ### @semcore/dropdown
 
-- **Fixed** Click handler was called for disabled Item.
-- **Fixed** Dropdown didn't close when the trigger was clicked for the second time.
+- **Added** `menuitemcheckbox` and `menuitemradio` roles for DropdownMenu.Item.
+- **Fixed** Items lost highlighting after filtering the list.
+
+### @semcore/dropdown-menu
+
+- **Added** `menuitemcheckbox` and `menuitemradio` roles for DropdownMenu.Item.
+- **Changed** Removed tabIndex on Menu Items in advanced mode.
 
 ### @semcore/feedback-form
 
-- **Fixed** There was always `aria-errormessage` in FeedbackItem, even if there was no message popup.
+- **Added** `tabindex` for the `FeedbackFrom.Success` component with `outline=none`.
 
-### @semcore/inline-edit
+### @semcore/illustration
 
-- **Fixed** Focus didn't return to the View element after edit.
+- **Added** `aria-hidden=true` by default for all illustrations.
 
-### @semcore/input-number
+### @semcore/input-tags
 
-- **Removed** Unnecessary role changes on keypress.
+- **Fixed** `aria-describedby` for editable tags.
+
+### @semcore/link
+
+- **Fixed** Render hint's popper on Link with addonLeft as props and no children.
+
+### @semcore/notice
+
+- **Removed** `aria-live` from all items.
+- **Removed** `aria-label` from "muted" theme.
+- **Added** Log with recommendation to provide aria-labels that help distinguish different types of notices.
+
+### @semcore/notice-bubble
+
+- **Added** autofocus to the Notice with focusable elements.
+- **Fixed** Notice didn't close by `escape` key.
+
+### @semcore/outside-click
+
+- **Fixed** users cant compose `Modal` inside the `DropdownMenu.Item`.
+
+### @semcore/skeleton
+
+- **Added** Role `img` for the Skeleton components.
+
+### @semcore/tooltip
+
+- **Changed** `aria-haspopup` on trigger can be set from props.
+
+### @semcore/utils
+
+- **Fixed** Attribute `onAuxClick` was not applying to components.
+
+## [15.121.0] - 2024-12-30
+
+### @semcore/breadcrumbs
+
+- **Changed** Active breadcrumb tag to `span`.
+
+### @semcore/carousel
+
+- **Added** Keyboard handler for zoom data in carousel by `enter` or `space`.
+
+### @semcore/d3-chart
+
+- **Added** `aria-hidden="true"` to `PatternSymbol` inside `LegendItem` to improve A11Y.
+- **Removed** `aria-labelledby` from `LegendItem` with shapes other, than checkbox.
+- **Changed** `aria-labelledby` value in `LegendItem` to unique id.
+- **Fixed** Animation of points on ScatterPlot was on every render.
+- **Added** `outilne=none` for Hover rect and line.
+- **Added** `aria-*` attributes for svg from parent group for all simple charts (Chart.*).
+- **Added** `aria-label=Chart` by default for all advanced charts (Plot...).
+
+### @semcore/data-table
+
+- **Fixed** Table remained inert after clicking on sort icon.
+- **Fixed** Keyboard navigation on table with virtual scroll.
+- **Fixed** `aria-colindex` was set for each Head.Cell components, even for a group.
+- **Changed** Hide scrollbars from Screen Readers in Table.Head and Table.Body.
+
+### @semcore/date-picker
+
+- **Removed** Unnecessary `role=combobox` for all inputs from popper in any Comparator.
+
+### @semcore/dropdown
+
+- **Added** `menuitemcheckbox` and `menuitemradio` roles for DropdownMenu.Item.
+- **Fixed** Items lost highlighting after filtering the list.
+
+### @semcore/dropdown-menu
+
+- **Added** `menuitemcheckbox` and `menuitemradio` roles for DropdownMenu.Item.
+- **Changed** Removed tabIndex on Menu Items in advanced mode.
+
+### @semcore/feedback-form
+
+- **Added** `tabindex` for the `FeedbackFrom.Success` component with `outline=none`.
+
+### @semcore/illustration
+
+- **Added** `aria-hidden=true` by default for all illustrations.
 
 ### @semcore/input-tags
 
-- **Fixed** Difference in text size in tags with and without Addons.
+- **Fixed** `aria-describedby` for editable tags.
 
-### @semcore/mini-chart
+### @semcore/link
 
-- **Added** `role=img` to all svg charts.
+- **Fixed** Render hint's popper on Link with addonLeft as props and no children.
 
-### @semcore/select
+### @semcore/notice
 
-- **Added** Logic for showing/hiding highlight for an option depending on whether the Trigger is in focus or not.
-- **Fixed** set `aria-activedescendant` for Trigger only if there is available option with current highlightedIndex.
-- **Fixed** The first option is highlighted, event if it is disabled.
-- **Added** `placeholder` and `aria-label` for input in `InputSearch` component.
+- **Removed** `aria-live` from all items.
+- **Removed** `aria-label` from "muted" theme.
+- **Added** Log with recommendation to provide aria-labels that help distinguish different types of notices.
+
+### @semcore/notice-bubble
+
+- **Added** autofocus to the Notice with focusable elements.
+- **Fixed** Notice didn't close by `escape` key.
+
+### @semcore/outside-click
+
+- **Fixed** users cant compose `Modal` inside the `DropdownMenu.Item`.
+
+### @semcore/skeleton
+
+- **Added** Role `img` for the Skeleton components.
+
+### @semcore/tooltip
+
+- **Changed** `aria-haspopup` on trigger can be set from props.
+
+### @semcore/utils
+
+- **Fixed** Attribute `onAuxClick` was not applying to components.
 
 ## [15.119.0] - 2024-11-29
 

package/accordion/lib/cjs/Accordion.js

@@ -26,15 +26,15 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_18pwo_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_18pwo_gg_.__keyboardFocused_18pwo_gg_:not(._tabIndex_-1_18pwo_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_18pwo_gg_.__use_18pwo_gg_.__use_18pwo_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_18pwo_gg_.__use_18pwo_gg_._use_primary_18pwo_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_18pwo_gg_.__use_18pwo_gg_._use_primary_18pwo_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_18pwo_gg_.__disabled_18pwo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_18pwo_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_18pwo_gg_.__selected_18pwo_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_18pwo_gg_{transition:none}}" /*__inner_css_end__*/, "18pwo_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_18pwo_gg_",
-  "_keyboardFocused": "__keyboardFocused_18pwo_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_18pwo_gg_",
-  "_use": "__use_18pwo_gg_",
-  "_use_primary": "_use_primary_18pwo_gg_",
-  "_disabled": "__disabled_18pwo_gg_",
-  "__SItemChevron": "___SItemChevron_18pwo_gg_",
-  "_selected": "__selected_18pwo_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1875z_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1875z_gg_.__keyboardFocused_1875z_gg_:not(._tabIndex_-1_1875z_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_1875z_gg_.__use_1875z_gg_.__use_1875z_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1875z_gg_.__use_1875z_gg_._use_primary_1875z_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1875z_gg_.__use_1875z_gg_._use_primary_1875z_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1875z_gg_.__disabled_1875z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1875z_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1875z_gg_.__selected_1875z_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1875z_gg_{transition:none}}" /*__inner_css_end__*/, "1875z_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1875z_gg_",
+  "_keyboardFocused": "__keyboardFocused_1875z_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1875z_gg_",
+  "_use": "__use_1875z_gg_",
+  "_use_primary": "_use_primary_1875z_gg_",
+  "_disabled": "__disabled_1875z_gg_",
+  "__SItemChevron": "___SItemChevron_1875z_gg_",
+  "_selected": "__selected_1875z_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);

package/accordion/lib/es6/Accordion.js

@@ -22,15 +22,15 @@ 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_18pwo_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_18pwo_gg_.__keyboardFocused_18pwo_gg_:not(._tabIndex_-1_18pwo_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_18pwo_gg_.__use_18pwo_gg_.__use_18pwo_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_18pwo_gg_.__use_18pwo_gg_._use_primary_18pwo_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_18pwo_gg_.__use_18pwo_gg_._use_primary_18pwo_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_18pwo_gg_.__disabled_18pwo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_18pwo_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_18pwo_gg_.__selected_18pwo_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_18pwo_gg_{transition:none}}" /*__inner_css_end__*/, "18pwo_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_18pwo_gg_",
-  "_keyboardFocused": "__keyboardFocused_18pwo_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_18pwo_gg_",
-  "_use": "__use_18pwo_gg_",
-  "_use_primary": "_use_primary_18pwo_gg_",
-  "_disabled": "__disabled_18pwo_gg_",
-  "__SItemChevron": "___SItemChevron_18pwo_gg_",
-  "_selected": "__selected_18pwo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_1875z_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_1875z_gg_.__keyboardFocused_1875z_gg_:not(._tabIndex_-1_1875z_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_1875z_gg_.__use_1875z_gg_.__use_1875z_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_1875z_gg_.__use_1875z_gg_._use_primary_1875z_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_1875z_gg_.__use_1875z_gg_._use_primary_1875z_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_1875z_gg_.__disabled_1875z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1875z_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_1875z_gg_.__selected_1875z_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1875z_gg_{transition:none}}" /*__inner_css_end__*/, "1875z_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_1875z_gg_",
+  "_keyboardFocused": "__keyboardFocused_1875z_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_1875z_gg_",
+  "_use": "__use_1875z_gg_",
+  "_use_primary": "_use_primary_1875z_gg_",
+  "_disabled": "__disabled_1875z_gg_",
+  "__SItemChevron": "___SItemChevron_1875z_gg_",
+  "_selected": "__selected_1875z_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/accordion/package.json

@@ -1 +1 @@
-{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.43.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/utils":"4.44.0","@semcore/button":"5.40.1-prerelease.0","@semcore/typography":"5.48.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.43.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2","@semcore/button":"5.40.2-prerelease.2","@semcore/typography":"5.48.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/accordion"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/animation/lib/cjs/Animation.js

@@ -19,17 +19,17 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1jl33_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1jl33);animation-duration:var(--durationFinalize_1jl33);animation-delay:var(--delayFinalize_1jl33);animation-name:var(--keyframesFinalize_1jl33)}.___SAnimation_1jl33_gg_.__transition-based_1jl33_gg_{transition-timing-function:var(--timingFunction_1jl33);transition-duration:var(--durationFinalize_1jl33);transition-delay:var(--delayFinalize_1jl33)}.___SAnimation_1jl33_gg_.__visible_1jl33_gg_{animation-duration:var(--durationInitialize_1jl33);animation-delay:var(--delayInitialize_1jl33);animation-name:var(--keyframesInitialize_1jl33)}.___SAnimation_1jl33_gg_.__visible_1jl33_gg_.__transition-based_1jl33_gg_{transition-timing-function:var(--timingFunction_1jl33);transition-duration:var(--durationInitialize_1jl33);transition-delay:var(--delayInitialize_1jl33)}@media (prefers-reduced-motion){.___SAnimation_1jl33_gg_.__transition-based_1jl33_gg_,.___SAnimation_1jl33_gg_.__visible_1jl33_gg_.__transition-based_1jl33_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1jl33_gg_,.___SAnimation_1jl33_gg_.__visible_1jl33_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1jl33_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1jl33_gg_",
-  "--timingFunction": "--timingFunction_1jl33",
-  "--durationFinalize": "--durationFinalize_1jl33",
-  "--delayFinalize": "--delayFinalize_1jl33",
-  "--keyframesFinalize": "--keyframesFinalize_1jl33",
-  "_transition-based": "__transition-based_1jl33_gg_",
-  "_visible": "__visible_1jl33_gg_",
-  "--durationInitialize": "--durationInitialize_1jl33",
-  "--delayInitialize": "--delayInitialize_1jl33",
-  "--keyframesInitialize": "--keyframesInitialize_1jl33"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_hkqk7_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_hkqk7);animation-duration:var(--durationFinalize_hkqk7);animation-delay:var(--delayFinalize_hkqk7);animation-name:var(--keyframesFinalize_hkqk7)}.___SAnimation_hkqk7_gg_.__transition-based_hkqk7_gg_{transition-timing-function:var(--timingFunction_hkqk7);transition-duration:var(--durationFinalize_hkqk7);transition-delay:var(--delayFinalize_hkqk7)}.___SAnimation_hkqk7_gg_.__visible_hkqk7_gg_{animation-duration:var(--durationInitialize_hkqk7);animation-delay:var(--delayInitialize_hkqk7);animation-name:var(--keyframesInitialize_hkqk7)}.___SAnimation_hkqk7_gg_.__visible_hkqk7_gg_.__transition-based_hkqk7_gg_{transition-timing-function:var(--timingFunction_hkqk7);transition-duration:var(--durationInitialize_hkqk7);transition-delay:var(--delayInitialize_hkqk7)}@media (prefers-reduced-motion){.___SAnimation_hkqk7_gg_.__transition-based_hkqk7_gg_,.___SAnimation_hkqk7_gg_.__visible_hkqk7_gg_.__transition-based_hkqk7_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_hkqk7_gg_,.___SAnimation_hkqk7_gg_.__visible_hkqk7_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "hkqk7_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_hkqk7_gg_",
+  "--timingFunction": "--timingFunction_hkqk7",
+  "--durationFinalize": "--durationFinalize_hkqk7",
+  "--delayFinalize": "--delayFinalize_hkqk7",
+  "--keyframesFinalize": "--keyframesFinalize_hkqk7",
+  "_transition-based": "__transition-based_hkqk7_gg_",
+  "_visible": "__visible_hkqk7_gg_",
+  "--durationInitialize": "--durationInitialize_hkqk7",
+  "--delayInitialize": "--delayInitialize_hkqk7",
+  "--keyframesInitialize": "--keyframesInitialize_hkqk7"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];

package/animation/lib/cjs/Collapse.js

@@ -15,34 +15,34 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_smhep",
-  "@collapse-exit": "collapse-exit_smhep",
-  "__SCollapse": "___SCollapse_smhep_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_smhep",
-  "@fade-in-out-exit": "fade-in-out-exit_smhep",
-  "@opacity-in": "opacity-in_smhep",
-  "@opacity-out": "opacity-out_smhep",
-  "@scale-left-in": "scale-left-in_smhep",
-  "@scale-right-in": "scale-right-in_smhep",
-  "@scale-top-in": "scale-top-in_smhep",
-  "@scale-bottom-in": "scale-bottom-in_smhep",
-  "@scale-left-out": "scale-left-out_smhep",
-  "@scale-right-out": "scale-right-out_smhep",
-  "@scale-top-out": "scale-top-out_smhep",
-  "@scale-bottom-out": "scale-bottom-out_smhep",
-  "@slide-top-in": "slide-top-in_smhep",
-  "@slide-top-out": "slide-top-out_smhep",
-  "@slide-bottom-in": "slide-bottom-in_smhep",
-  "@slide-bottom-out": "slide-bottom-out_smhep",
-  "@slide-left-in": "slide-left-in_smhep",
-  "@slide-left-out": "slide-left-out_smhep",
-  "@slide-right-in": "slide-right-in_smhep",
-  "@slide-right-out": "slide-right-out_smhep",
-  "@transform-enter": "transform-enter_smhep",
-  "--transformStart": "--transformStart_smhep",
-  "--transformEnd": "--transformEnd_smhep",
-  "@transform-exit": "transform-exit_smhep"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_7gcu9{0%,to{overflow:clip}}@keyframes collapse-exit_7gcu9{0%,to{overflow:clip}}@keyframes fade-in-out-enter_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_7gcu9{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_7gcu9{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_7gcu9{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_7gcu9{0%{transform:var(--transformStart_7gcu9)}to{transform:var(--transformEnd_7gcu9)}}@keyframes transform-exit_7gcu9{0%{transform:var(--transformEnd_7gcu9)}to{transform:var(--transformStart_7gcu9)}}.___SCollapse_7gcu9_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "7gcu9_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_7gcu9",
+  "@collapse-exit": "collapse-exit_7gcu9",
+  "__SCollapse": "___SCollapse_7gcu9_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_7gcu9",
+  "@fade-in-out-exit": "fade-in-out-exit_7gcu9",
+  "@opacity-in": "opacity-in_7gcu9",
+  "@opacity-out": "opacity-out_7gcu9",
+  "@scale-left-in": "scale-left-in_7gcu9",
+  "@scale-right-in": "scale-right-in_7gcu9",
+  "@scale-top-in": "scale-top-in_7gcu9",
+  "@scale-bottom-in": "scale-bottom-in_7gcu9",
+  "@scale-left-out": "scale-left-out_7gcu9",
+  "@scale-right-out": "scale-right-out_7gcu9",
+  "@scale-top-out": "scale-top-out_7gcu9",
+  "@scale-bottom-out": "scale-bottom-out_7gcu9",
+  "@slide-top-in": "slide-top-in_7gcu9",
+  "@slide-top-out": "slide-top-out_7gcu9",
+  "@slide-bottom-in": "slide-bottom-in_7gcu9",
+  "@slide-bottom-out": "slide-bottom-out_7gcu9",
+  "@slide-left-in": "slide-left-in_7gcu9",
+  "@slide-left-out": "slide-left-out_7gcu9",
+  "@slide-right-in": "slide-right-in_7gcu9",
+  "@slide-right-out": "slide-right-out_7gcu9",
+  "@transform-enter": "transform-enter_7gcu9",
+  "--transformStart": "--transformStart_7gcu9",
+  "--transformEnd": "--transformEnd_7gcu9",
+  "@transform-exit": "transform-exit_7gcu9"
 });
 function Collapse(_ref2, ref) {
   var _ref;

package/animation/lib/cjs/FadeInOut.js

@@ -11,34 +11,34 @@ 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__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_smhep",
-  "@collapse-exit": "collapse-exit_smhep",
-  "__SCollapse": "___SCollapse_smhep_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_smhep",
-  "@fade-in-out-exit": "fade-in-out-exit_smhep",
-  "@opacity-in": "opacity-in_smhep",
-  "@opacity-out": "opacity-out_smhep",
-  "@scale-left-in": "scale-left-in_smhep",
-  "@scale-right-in": "scale-right-in_smhep",
-  "@scale-top-in": "scale-top-in_smhep",
-  "@scale-bottom-in": "scale-bottom-in_smhep",
-  "@scale-left-out": "scale-left-out_smhep",
-  "@scale-right-out": "scale-right-out_smhep",
-  "@scale-top-out": "scale-top-out_smhep",
-  "@scale-bottom-out": "scale-bottom-out_smhep",
-  "@slide-top-in": "slide-top-in_smhep",
-  "@slide-top-out": "slide-top-out_smhep",
-  "@slide-bottom-in": "slide-bottom-in_smhep",
-  "@slide-bottom-out": "slide-bottom-out_smhep",
-  "@slide-left-in": "slide-left-in_smhep",
-  "@slide-left-out": "slide-left-out_smhep",
-  "@slide-right-in": "slide-right-in_smhep",
-  "@slide-right-out": "slide-right-out_smhep",
-  "@transform-enter": "transform-enter_smhep",
-  "--transformStart": "--transformStart_smhep",
-  "--transformEnd": "--transformEnd_smhep",
-  "@transform-exit": "transform-exit_smhep"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_7gcu9{0%,to{overflow:clip}}@keyframes collapse-exit_7gcu9{0%,to{overflow:clip}}@keyframes fade-in-out-enter_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_7gcu9{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_7gcu9{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_7gcu9{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_7gcu9{0%{transform:var(--transformStart_7gcu9)}to{transform:var(--transformEnd_7gcu9)}}@keyframes transform-exit_7gcu9{0%{transform:var(--transformEnd_7gcu9)}to{transform:var(--transformStart_7gcu9)}}.___SCollapse_7gcu9_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "7gcu9_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_7gcu9",
+  "@collapse-exit": "collapse-exit_7gcu9",
+  "__SCollapse": "___SCollapse_7gcu9_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_7gcu9",
+  "@fade-in-out-exit": "fade-in-out-exit_7gcu9",
+  "@opacity-in": "opacity-in_7gcu9",
+  "@opacity-out": "opacity-out_7gcu9",
+  "@scale-left-in": "scale-left-in_7gcu9",
+  "@scale-right-in": "scale-right-in_7gcu9",
+  "@scale-top-in": "scale-top-in_7gcu9",
+  "@scale-bottom-in": "scale-bottom-in_7gcu9",
+  "@scale-left-out": "scale-left-out_7gcu9",
+  "@scale-right-out": "scale-right-out_7gcu9",
+  "@scale-top-out": "scale-top-out_7gcu9",
+  "@scale-bottom-out": "scale-bottom-out_7gcu9",
+  "@slide-top-in": "slide-top-in_7gcu9",
+  "@slide-top-out": "slide-top-out_7gcu9",
+  "@slide-bottom-in": "slide-bottom-in_7gcu9",
+  "@slide-bottom-out": "slide-bottom-out_7gcu9",
+  "@slide-left-in": "slide-left-in_7gcu9",
+  "@slide-left-out": "slide-left-out_7gcu9",
+  "@slide-right-in": "slide-right-in_7gcu9",
+  "@slide-right-out": "slide-right-out_7gcu9",
+  "@transform-enter": "transform-enter_7gcu9",
+  "--transformStart": "--transformStart_7gcu9",
+  "--transformEnd": "--transformEnd_7gcu9",
+  "@transform-exit": "transform-exit_7gcu9"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/animation/lib/cjs/Scale.js

@@ -13,34 +13,34 @@ var _core = require("intergalactic/core");
 var _Animation = _interopRequireDefault(require("./Animation"));
 var _ref2 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{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_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_smhep",
-  "@collapse-exit": "collapse-exit_smhep",
-  "__SCollapse": "___SCollapse_smhep_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_smhep",
-  "@fade-in-out-exit": "fade-in-out-exit_smhep",
-  "@opacity-in": "opacity-in_smhep",
-  "@opacity-out": "opacity-out_smhep",
-  "@scale-left-in": "scale-left-in_smhep",
-  "@scale-right-in": "scale-right-in_smhep",
-  "@scale-top-in": "scale-top-in_smhep",
-  "@scale-bottom-in": "scale-bottom-in_smhep",
-  "@scale-left-out": "scale-left-out_smhep",
-  "@scale-right-out": "scale-right-out_smhep",
-  "@scale-top-out": "scale-top-out_smhep",
-  "@scale-bottom-out": "scale-bottom-out_smhep",
-  "@slide-top-in": "slide-top-in_smhep",
-  "@slide-top-out": "slide-top-out_smhep",
-  "@slide-bottom-in": "slide-bottom-in_smhep",
-  "@slide-bottom-out": "slide-bottom-out_smhep",
-  "@slide-left-in": "slide-left-in_smhep",
-  "@slide-left-out": "slide-left-out_smhep",
-  "@slide-right-in": "slide-right-in_smhep",
-  "@slide-right-out": "slide-right-out_smhep",
-  "@transform-enter": "transform-enter_smhep",
-  "--transformStart": "--transformStart_smhep",
-  "--transformEnd": "--transformEnd_smhep",
-  "@transform-exit": "transform-exit_smhep"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_7gcu9{0%,to{overflow:clip}}@keyframes collapse-exit_7gcu9{0%,to{overflow:clip}}@keyframes fade-in-out-enter_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_7gcu9{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_7gcu9{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{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_7gcu9{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_7gcu9{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_7gcu9{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_7gcu9{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_7gcu9{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_7gcu9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_7gcu9{0%{transform:var(--transformStart_7gcu9)}to{transform:var(--transformEnd_7gcu9)}}@keyframes transform-exit_7gcu9{0%{transform:var(--transformEnd_7gcu9)}to{transform:var(--transformStart_7gcu9)}}.___SCollapse_7gcu9_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "7gcu9_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_7gcu9",
+  "@collapse-exit": "collapse-exit_7gcu9",
+  "__SCollapse": "___SCollapse_7gcu9_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_7gcu9",
+  "@fade-in-out-exit": "fade-in-out-exit_7gcu9",
+  "@opacity-in": "opacity-in_7gcu9",
+  "@opacity-out": "opacity-out_7gcu9",
+  "@scale-left-in": "scale-left-in_7gcu9",
+  "@scale-right-in": "scale-right-in_7gcu9",
+  "@scale-top-in": "scale-top-in_7gcu9",
+  "@scale-bottom-in": "scale-bottom-in_7gcu9",
+  "@scale-left-out": "scale-left-out_7gcu9",
+  "@scale-right-out": "scale-right-out_7gcu9",
+  "@scale-top-out": "scale-top-out_7gcu9",
+  "@scale-bottom-out": "scale-bottom-out_7gcu9",
+  "@slide-top-in": "slide-top-in_7gcu9",
+  "@slide-top-out": "slide-top-out_7gcu9",
+  "@slide-bottom-in": "slide-bottom-in_7gcu9",
+  "@slide-bottom-out": "slide-bottom-out_7gcu9",
+  "@slide-left-in": "slide-left-in_7gcu9",
+  "@slide-left-out": "slide-left-out_7gcu9",
+  "@slide-right-in": "slide-right-in_7gcu9",
+  "@slide-right-out": "slide-right-out_7gcu9",
+  "@transform-enter": "transform-enter_7gcu9",
+  "--transformStart": "--transformStart_7gcu9",
+  "--transformEnd": "--transformEnd_7gcu9",
+  "@transform-exit": "transform-exit_7gcu9"
 });
 function Scale(props, ref) {
   var _ref;