intergalactic 15.127.0 → 15.128.0-prerelease.1

package/slider/lib/cjs/Slider.js

@@ -20,14 +20,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14cqp_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_14cqp_gg_",
-  "_keyboardFocused": "__keyboardFocused_14cqp_gg_",
-  "__SKnob": "___SKnob_14cqp_gg_",
-  "_disabled": "__disabled_14cqp_gg_",
-  "__SBar": "___SBar_14cqp_gg_",
-  "__SInput": "___SInput_14cqp_gg_",
-  "__SSliderOptions": "___SSliderOptions_14cqp_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "khqv3_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_khqv3_gg_",
+  "_keyboardFocused": "__keyboardFocused_khqv3_gg_",
+  "__SKnob": "___SKnob_khqv3_gg_",
+  "_disabled": "__disabled_khqv3_gg_",
+  "__SBar": "___SBar_khqv3_gg_",
+  "__SInput": "___SInput_khqv3_gg_",
+  "__SSliderOptions": "___SSliderOptions_khqv3_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/es6/Slider.js

@@ -17,14 +17,14 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14cqp_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_14cqp_gg_",
-  "_keyboardFocused": "__keyboardFocused_14cqp_gg_",
-  "__SKnob": "___SKnob_14cqp_gg_",
-  "_disabled": "__disabled_14cqp_gg_",
-  "__SBar": "___SBar_14cqp_gg_",
-  "__SInput": "___SInput_14cqp_gg_",
-  "__SSliderOptions": "___SSliderOptions_14cqp_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "khqv3_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_khqv3_gg_",
+  "_keyboardFocused": "__keyboardFocused_khqv3_gg_",
+  "__SKnob": "___SKnob_khqv3_gg_",
+  "_disabled": "__disabled_khqv3_gg_",
+  "__SBar": "___SBar_khqv3_gg_",
+  "__SInput": "___SInput_khqv3_gg_",
+  "__SSliderOptions": "___SSliderOptions_khqv3_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;

package/slider/lib/esm/Slider.mjs

@@ -1,88 +1,88 @@
-import E from "@babel/runtime/helpers/esm/objectSpread2";
+import y from "@babel/runtime/helpers/esm/objectSpread2";
 import O from "@babel/runtime/helpers/esm/classCallCheck";
 import z from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
 import A from "@babel/runtime/helpers/esm/inherits";
 import F from "@babel/runtime/helpers/esm/createSuper";
-import g from "@babel/runtime/helpers/esm/defineProperty";
+import m from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as T } from 'intergalactic/utils/lib/core/index';
-import $, { sstyled as P, assignProps as M, Component as N } from 'intergalactic/core';
-import d from "react";
-import { Box as y, Flex as X } from 'intergalactic/flex-box';
+import $, { sstyled as E, assignProps as P, Component as N } from 'intergalactic/core';
+import v from "react";
+import { Box as k, Flex as X } from 'intergalactic/flex-box';
 import j from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import U from 'intergalactic/utils/lib/reactToText';
 var W = (
   /*__reshadow_css_start__*/
   (T.insert(
     /*__inner_css_start__*/
-    '.___SSlider_14cqp_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14cqp_gg_:before{content:"";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14cqp_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14cqp_gg_:active .___SKnob_14cqp_gg_,.___SSlider_14cqp_gg_:focus .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_:focus{outline:0}.___SSlider_14cqp_gg_.__keyboardFocused_14cqp_gg_ .___SKnob_14cqp_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14cqp_gg_.__disabled_14cqp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14cqp_gg_,.___SKnob_14cqp_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14cqp_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14cqp_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14cqp_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14cqp_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14cqp_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}',
-    "14cqp_gg_"
+    '.___SSlider_khqv3_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_khqv3_gg_:before{content:"";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_khqv3_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_khqv3_gg_:active .___SKnob_khqv3_gg_,.___SSlider_khqv3_gg_:focus .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_:focus{outline:0}.___SSlider_khqv3_gg_.__keyboardFocused_khqv3_gg_ .___SKnob_khqv3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_khqv3_gg_.__disabled_khqv3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_khqv3_gg_,.___SKnob_khqv3_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_khqv3_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_khqv3_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_khqv3_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_khqv3_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_khqv3_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}',
+    "khqv3_gg_"
   ), {
-    __SSlider: "___SSlider_14cqp_gg_",
-    _keyboardFocused: "__keyboardFocused_14cqp_gg_",
-    __SKnob: "___SKnob_14cqp_gg_",
-    _disabled: "__disabled_14cqp_gg_",
-    __SBar: "___SBar_14cqp_gg_",
-    __SInput: "___SInput_14cqp_gg_",
-    __SSliderOptions: "___SSliderOptions_14cqp_gg_"
+    __SSlider: "___SSlider_khqv3_gg_",
+    _keyboardFocused: "__keyboardFocused_khqv3_gg_",
+    __SKnob: "___SKnob_khqv3_gg_",
+    _disabled: "__disabled_khqv3_gg_",
+    __SBar: "___SBar_khqv3_gg_",
+    __SInput: "___SInput_khqv3_gg_",
+    __SSliderOptions: "___SSliderOptions_khqv3_gg_"
   })
-), L = function(v, o, e) {
-  return v > e ? 100 : v < o ? 0 : (v - o) / (e - o) * 100;
-}, q = /* @__PURE__ */ function(l) {
+), L = function(_, o, e) {
+  return _ > e ? 100 : _ < o ? 0 : (_ - o) / (e - o) * 100;
+}, M = /* @__PURE__ */ function(l) {
   A(o, l);
-  var v = F(o);
+  var _ = F(o);
   function o() {
     var e;
     O(this, o);
-    for (var n = arguments.length, i = new Array(n), c = 0; c < n; c++)
-      i[c] = arguments[c];
-    return e = v.call.apply(v, [this].concat(i)), g(f(e), "sliderRef", /* @__PURE__ */ d.createRef(null)), g(f(e), "handleRef", function(r) {
+    for (var n = arguments.length, i = new Array(n), d = 0; d < n; d++)
+      i[d] = arguments[d];
+    return e = _.call.apply(_, [this].concat(i)), m(g(e), "sliderRef", /* @__PURE__ */ v.createRef(null)), m(g(e), "handleRef", function(r) {
       e.sliderRef.current = r;
-    }), g(f(e), "handleMouseEnd", function() {
+    }), m(g(e), "handleMouseEnd", function() {
       document.removeEventListener("touchmove", e.handleMouseMove), document.removeEventListener("mousemove", e.handleMouseMove), document.removeEventListener("click", e.handleMouseMove), document.removeEventListener("mouseup", e.handleMouseEnd), document.removeEventListener("touchend", e.handleMouseEnd);
-    }), g(f(e), "handleMouseMove", function(r) {
+    }), m(g(e), "handleMouseMove", function(r) {
       var t;
       r.preventDefault(), document.addEventListener("touchmove", e.handleMouseMove), document.addEventListener("mousemove", e.handleMouseMove), document.addEventListener("click", e.handleMouseMove), document.addEventListener("mouseup", e.handleMouseEnd), document.addEventListener("touchend", e.handleMouseEnd);
-      var s = e.asProps, u = s.min, _ = s.max, m = s.step, a = s.options, p = e.sliderRef.current.offsetWidth, h = (t = r.clientX) !== null && t !== void 0 ? t : r.touches[0].clientX, b = h - e.sliderRef.current.getBoundingClientRect().left;
+      var s = e.asProps, u = s.min, c = s.max, h = s.step, a = s.options, p = e.sliderRef.current.offsetWidth, f = (t = r.clientX) !== null && t !== void 0 ? t : r.touches[0].clientX, b = f - e.sliderRef.current.getBoundingClientRect().left;
       if (b <= 0) {
-        var S, w = a ? (S = a[0]) === null || S === void 0 ? void 0 : S.value : u;
-        e.handlers.value(w, r);
+        var S, q = a ? (S = a[0]) === null || S === void 0 ? void 0 : S.value : u;
+        e.handlers.value(q, r);
       } else if (b >= p) {
-        var x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], B = a ? x == null ? void 0 : x.value : _;
+        var x = a == null ? void 0 : a[(a == null ? void 0 : a.length) - 1], B = a ? x == null ? void 0 : x.value : c;
         e.handlers.value(B, r);
       } else {
-        var K, I = b / p, R = m / (_ - u), C = Math.round(I / R), D = C * m + u, V = a ? (K = a[C * m]) === null || K === void 0 ? void 0 : K.value : D;
+        var K, I = b / p, R = h / (c - u), C = Math.round(I / R), D = C * h + u, V = a ? (K = a[C * h]) === null || K === void 0 ? void 0 : K.value : D;
         e.handlers.value(V, r);
       }
-    }), g(f(e), "handleDragStart", function() {
+    }), m(g(e), "handleDragStart", function() {
       return !1;
-    }), g(f(e), "handleKeyDown", function(r) {
+    }), m(g(e), "handleKeyDown", function(r) {
       if (["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown"].includes(r.key)) {
         r.preventDefault();
-        var t = e.asProps, s = t.min, u = t.max, _ = t.step, m = t.options, a = r.key === "ArrowLeft" || r.key === "ArrowDown" ? -1 : 1, p = e.getNumericValue() + _ * a;
-        if (p > u && (p = u), p < s && (p = s), m) {
-          var h = m[p - (s ?? 0)];
-          e.handlers.value(h.value, r);
+        var t = e.asProps, s = t.min, u = t.max, c = t.step, h = t.options, a = r.key === "ArrowLeft" || r.key === "ArrowDown" ? -1 : 1, p = e.getNumericValue() + c * a;
+        if (p > u && (p = u), p < s && (p = s), h) {
+          var f = h[p - (s ?? 0)];
+          e.handlers.value(f.value, r);
         } else
           e.handlers.value(p, r);
       }
-    }), g(f(e), "getNumericValue", function() {
-      var r = e.asProps, t = r.value, s = r.options, u = r.min, _ = r.max, m = r.defaultValue;
+    }), m(g(e), "getNumericValue", function() {
+      var r = e.asProps, t = r.value, s = r.options, u = r.min, c = r.max, h = r.defaultValue;
       if (!s) return t;
       var a = s.findIndex(function(p) {
         return p.value === t;
       });
-      if (a === -1) return m;
+      if (a === -1) return h;
       if (a < u) return u;
       if (u !== void 0) {
-        if (a + u > _) return _;
-      } else if (a > _) return _;
+        if (a + u > c) return c;
+      } else if (a > c) return c;
       return a + (u ?? 0);
-    }), g(f(e), "resolveLabel", function(r) {
+    }), m(g(e), "resolveLabel", function(r) {
       var t = e.asProps, s = t.min, u = t.options;
       if (u) {
-        var _ = u[r - (s ?? 0)];
-        return U(_ == null ? void 0 : _.label);
+        var c = u[r - (s ?? 0)];
+        return U(c == null ? void 0 : c.label);
       }
     }), e;
   }
@@ -96,11 +96,11 @@ var W = (
   }, {
     key: "getKnobProps",
     value: function() {
-      var n = this.asProps, i = n.min, c = n.max, r = n.disabled, t = n.options;
+      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
       return {
         value: this.getNumericValue(),
         min: i,
-        max: c,
+        max: d,
         disabled: r,
         options: t
       };
@@ -108,11 +108,11 @@ var W = (
   }, {
     key: "getBarProps",
     value: function() {
-      var n = this.asProps, i = n.min, c = n.max, r = n.disabled, t = n.options;
+      var n = this.asProps, i = n.min, d = n.max, r = n.disabled, t = n.options;
       return {
         value: this.getNumericValue(),
         min: i,
-        max: c,
+        max: d,
         disabled: r,
         options: t
       };
@@ -128,7 +128,7 @@ var W = (
   }, {
     key: "getItemProps",
     value: function(n, i) {
-      var c = this.asProps.options, r = c[i];
+      var d = this.asProps.options, r = d[i];
       return {
         key: r.value,
         value: r.value,
@@ -138,8 +138,8 @@ var W = (
   }, {
     key: "render",
     value: function() {
-      var n = this.asProps, i, c = y, r = y, t = this.asProps, s = t.Children, u = t.styles, _ = t.value, m = t.min, a = t.max, p = t.name, h = t.options, b = h ? 0 : void 0, S = h ? h.length : void 0, w = this.getNumericValue(), x = this.resolveLabel(w);
-      return i = P(u), /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(c, i.cn("SSlider", E({}, M({
+      var n = this.asProps, i, d = k, r = k, t = this.asProps, s = t.Children, u = t.styles, c = t.value, h = t.min, a = t.max, p = t.name, f = t.options, b = f ? 0 : void 0, S = f ? f.length : void 0, q = this.getNumericValue(), x = this.resolveLabel(q);
+      return i = E(u), /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(d, i.cn("SSlider", y({}, P({
         tag: "button",
         type: "button",
         ref: this.handleRef,
@@ -151,68 +151,68 @@ var W = (
         onKeyDown: this.handleKeyDown,
         role: "slider",
         "aria-orientation": "horizontal",
-        "aria-valuemin": m ?? b,
+        "aria-valuemin": h ?? b,
         "aria-valuemax": a ?? S,
         "aria-valuetext": x,
-        "aria-valuenow": w
-      }, n))), /* @__PURE__ */ d.createElement(s, i.cn("Children", {})), /* @__PURE__ */ d.createElement(r, i.cn("SInput", {
+        "aria-valuenow": q
+      }, n))), /* @__PURE__ */ v.createElement(s, i.cn("Children", {})), /* @__PURE__ */ v.createElement(r, i.cn("SInput", {
         tag: "input",
         type: "hidden",
-        value: _ ?? "",
+        value: c ?? "",
         name: p,
         "aria-hidden": !0
       }))));
     }
   }]), o;
 }(N);
-g(q, "displayName", "Slider");
-g(q, "style", W);
-g(q, "enhance", [j()]);
-g(q, "defaultProps", function() {
+m(M, "displayName", "Slider");
+m(M, "style", W);
+m(M, "enhance", [j()]);
+m(M, "defaultProps", function() {
   return {
     defaultValue: 0,
     min: 0,
     max: 100,
     step: 1,
-    children: /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement(k.Bar, null), /* @__PURE__ */ d.createElement(k.Knob, null), /* @__PURE__ */ d.createElement(k.Options, null, /* @__PURE__ */ d.createElement(k.Item, null)))
+    children: /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(w.Bar, null), /* @__PURE__ */ v.createElement(w.Knob, null), /* @__PURE__ */ v.createElement(w.Options, null, /* @__PURE__ */ v.createElement(w.Item, null)))
   };
 });
 function G(l) {
-  var v = arguments[0], o, e = y, n = l.styles, i = l.value, c = l.min, r = l.max;
-  return o = P(n), /* @__PURE__ */ d.createElement(e, o.cn("SBar", E({}, M({
-    w: "".concat(L(i, c, r), "%")
-  }, v))));
+  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
+  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SBar", y({}, P({
+    w: "".concat(L(i, d, r), "%")
+  }, _))));
 }
 function H(l) {
-  var v = arguments[0], o, e = y, n = l.styles, i = l.value, c = l.min, r = l.max;
-  return o = P(n), /* @__PURE__ */ d.createElement(e, o.cn("SKnob", E({}, M({
-    left: "".concat(L(i, c, r), "%")
-  }, v))));
+  var _ = arguments[0], o, e = k, n = l.styles, i = l.value, d = l.min, r = l.max;
+  return o = E(n), /* @__PURE__ */ v.createElement(e, o.cn("SKnob", y({}, P({
+    left: "".concat(L(i, d, r), "%")
+  }, _))));
 }
 function J(l) {
-  var v = arguments[0], o, e = l.styles, n = l.options, i = l.Children, c = X;
-  return o = P(e), /* @__PURE__ */ d.createElement(c, o.cn("SSliderOptions", E({}, M({
+  var _ = arguments[0], o, e = l.styles, n = l.options, i = l.Children, d = X;
+  return o = E(e), /* @__PURE__ */ v.createElement(d, o.cn("SSliderOptions", y({}, P({
     mt: 1,
     justifyContent: "space-between"
-  }, v))), (n ?? []).map(function(r) {
-    return /* @__PURE__ */ d.createElement(i, {
+  }, _))), (n ?? []).map(function(r) {
+    return /* @__PURE__ */ v.createElement(i, {
       key: r.value
     }, r.label);
   }));
 }
 function Q(l) {
-  var v = arguments[0], o, e = l.styles, n = l.Children, i = y;
-  return o = P(e), /* @__PURE__ */ d.createElement(i, o.cn("SSliderOption", E({}, M({}, v))), /* @__PURE__ */ d.createElement(n, o.cn("Children", {})));
+  var _ = arguments[0], o, e = l.styles, n = l.Children, i = k;
+  return o = E(e), /* @__PURE__ */ v.createElement(i, o.cn("SSliderOption", y({}, P({}, _))), /* @__PURE__ */ v.createElement(n, o.cn("Children", {})));
 }
-var k = $(q, {
+var w = $(M, {
   Bar: G,
   Knob: H,
   Options: J,
   Item: Q
-}), de = function(v) {
-  return v;
+}), ve = function(_) {
+  return _;
 };
 export {
-  k as default,
-  de as wrapSlider
+  w as default,
+  ve as wrapSlider
 };

package/slider/package.json

@@ -1 +1 @@
-{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.41.1","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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.1","@semcore/utils":"4.48.1"},"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/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/slider","description":"Semrush Slider Component","version":"4.41.2-prerelease.1","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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.2-prerelease.1","@semcore/utils":"4.48.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/slider"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/spin/lib/cjs/Spin.js

@@ -20,19 +20,19 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1irzk{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1irzk_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1irzk;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1irzk)}.___SSpin_1irzk_gg_._theme_dark_1irzk_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1irzk_gg_._theme_invert_1irzk_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1irzk_gg_.__centered_1irzk_gg_{margin:auto}.___SSpin_1irzk_gg_._size_xs_1irzk_gg_{width:16px;height:16px}.___SSpin_1irzk_gg_._size_s_1irzk_gg_{width:20px;height:20px}.___SSpin_1irzk_gg_._size_m_1irzk_gg_{width:24px;height:24px}.___SSpin_1irzk_gg_._size_l_1irzk_gg_{width:32px;height:32px}.___SSpin_1irzk_gg_._size_xl_1irzk_gg_{width:48px;height:48px}.___SSpin_1irzk_gg_._size_xxl_1irzk_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1irzk_gg_{animation-name:none}}" /*__inner_css_end__*/, "1irzk_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_1irzk",
-  "__SSpin": "___SSpin_1irzk_gg_",
-  "--theme": "--theme_1irzk",
-  "_theme_dark": "_theme_dark_1irzk_gg_",
-  "_theme_invert": "_theme_invert_1irzk_gg_",
-  "_centered": "__centered_1irzk_gg_",
-  "_size_xs": "_size_xs_1irzk_gg_",
-  "_size_s": "_size_s_1irzk_gg_",
-  "_size_m": "_size_m_1irzk_gg_",
-  "_size_l": "_size_l_1irzk_gg_",
-  "_size_xl": "_size_xl_1irzk_gg_",
-  "_size_xxl": "_size_xxl_1irzk_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}" /*__inner_css_end__*/, "ofphm_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_ofphm",
+  "__SSpin": "___SSpin_ofphm_gg_",
+  "--theme": "--theme_ofphm",
+  "_theme_dark": "_theme_dark_ofphm_gg_",
+  "_theme_invert": "_theme_invert_ofphm_gg_",
+  "_centered": "__centered_ofphm_gg_",
+  "_size_xs": "_size_xs_ofphm_gg_",
+  "_size_s": "_size_s_ofphm_gg_",
+  "_size_m": "_size_m_ofphm_gg_",
+  "_size_l": "_size_l_ofphm_gg_",
+  "_size_xl": "_size_xl_ofphm_gg_",
+  "_size_xxl": "_size_xxl_ofphm_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);

package/spin/lib/es6/Spin.js

@@ -13,19 +13,19 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_1irzk{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1irzk_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1irzk;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1irzk)}.___SSpin_1irzk_gg_._theme_dark_1irzk_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1irzk_gg_._theme_invert_1irzk_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1irzk_gg_.__centered_1irzk_gg_{margin:auto}.___SSpin_1irzk_gg_._size_xs_1irzk_gg_{width:16px;height:16px}.___SSpin_1irzk_gg_._size_s_1irzk_gg_{width:20px;height:20px}.___SSpin_1irzk_gg_._size_m_1irzk_gg_{width:24px;height:24px}.___SSpin_1irzk_gg_._size_l_1irzk_gg_{width:32px;height:32px}.___SSpin_1irzk_gg_._size_xl_1irzk_gg_{width:48px;height:48px}.___SSpin_1irzk_gg_._size_xxl_1irzk_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1irzk_gg_{animation-name:none}}" /*__inner_css_end__*/, "1irzk_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_1irzk",
-  "__SSpin": "___SSpin_1irzk_gg_",
-  "--theme": "--theme_1irzk",
-  "_theme_dark": "_theme_dark_1irzk_gg_",
-  "_theme_invert": "_theme_invert_1irzk_gg_",
-  "_centered": "__centered_1irzk_gg_",
-  "_size_xs": "_size_xs_1irzk_gg_",
-  "_size_s": "_size_s_1irzk_gg_",
-  "_size_m": "_size_m_1irzk_gg_",
-  "_size_l": "_size_l_1irzk_gg_",
-  "_size_xl": "_size_xl_1irzk_gg_",
-  "_size_xxl": "_size_xxl_1irzk_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}" /*__inner_css_end__*/, "ofphm_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_ofphm",
+  "__SSpin": "___SSpin_ofphm_gg_",
+  "--theme": "--theme_ofphm",
+  "_theme_dark": "_theme_dark_ofphm_gg_",
+  "_theme_invert": "_theme_invert_ofphm_gg_",
+  "_centered": "__centered_ofphm_gg_",
+  "_size_xs": "_size_xs_ofphm_gg_",
+  "_size_s": "_size_s_ofphm_gg_",
+  "_size_m": "_size_m_ofphm_gg_",
+  "_size_l": "_size_l_ofphm_gg_",
+  "_size_xl": "_size_xl_ofphm_gg_",
+  "_size_xxl": "_size_xxl_ofphm_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   _inherits(RootSpin, _Component);

package/spin/lib/esm/Spin.mjs

@@ -1,66 +1,66 @@
-import k from "@babel/runtime/helpers/esm/objectSpread2";
-import d from "@babel/runtime/helpers/esm/classCallCheck";
-import f from "@babel/runtime/helpers/esm/createClass";
-import S from "@babel/runtime/helpers/esm/inherits";
-import c from "@babel/runtime/helpers/esm/createSuper";
-import t from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as x } from 'intergalactic/utils/lib/core/index';
-import C, { sstyled as v, assignProps as u, Component as y } from 'intergalactic/core';
-import n from "react";
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import S from "@babel/runtime/helpers/esm/classCallCheck";
+import c from "@babel/runtime/helpers/esm/createClass";
+import x from "@babel/runtime/helpers/esm/inherits";
+import C from "@babel/runtime/helpers/esm/createSuper";
+import o from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as z } from 'intergalactic/utils/lib/core/index';
+import v, { sstyled as u, assignProps as y, Component as k } from 'intergalactic/core';
+import r from "react";
 import { Box as b } from 'intergalactic/flex-box';
 import w from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import P from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages as E } from "./translations/__intergalactic-dynamic-locales.mjs";
 var R = (
   /*__reshadow_css_start__*/
-  (x.insert(
+  (z.insert(
     /*__inner_css_start__*/
-    "@keyframes spin-rotate_1irzk{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_1irzk_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_1irzk;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_1irzk)}.___SSpin_1irzk_gg_._theme_dark_1irzk_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_1irzk_gg_._theme_invert_1irzk_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_1irzk_gg_.__centered_1irzk_gg_{margin:auto}.___SSpin_1irzk_gg_._size_xs_1irzk_gg_{width:16px;height:16px}.___SSpin_1irzk_gg_._size_s_1irzk_gg_{width:20px;height:20px}.___SSpin_1irzk_gg_._size_m_1irzk_gg_{width:24px;height:24px}.___SSpin_1irzk_gg_._size_l_1irzk_gg_{width:32px;height:32px}.___SSpin_1irzk_gg_._size_xl_1irzk_gg_{width:48px;height:48px}.___SSpin_1irzk_gg_._size_xxl_1irzk_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1irzk_gg_{animation-name:none}}",
-    "1irzk_gg_"
+    "@keyframes spin-rotate_ofphm{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_ofphm_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_ofphm;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_ofphm)}.___SSpin_ofphm_gg_._theme_dark_ofphm_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ofphm_gg_._theme_invert_ofphm_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_ofphm_gg_.__centered_ofphm_gg_{margin:auto}.___SSpin_ofphm_gg_._size_xs_ofphm_gg_{width:16px;height:16px}.___SSpin_ofphm_gg_._size_s_ofphm_gg_{width:20px;height:20px}.___SSpin_ofphm_gg_._size_m_ofphm_gg_{width:24px;height:24px}.___SSpin_ofphm_gg_._size_l_ofphm_gg_{width:32px;height:32px}.___SSpin_ofphm_gg_._size_xl_ofphm_gg_{width:48px;height:48px}.___SSpin_ofphm_gg_._size_xxl_ofphm_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_ofphm_gg_{animation-name:none}}",
+    "ofphm_gg_"
   ), {
-    "@spin-rotate": "spin-rotate_1irzk",
-    __SSpin: "___SSpin_1irzk_gg_",
-    "--theme": "--theme_1irzk",
-    _theme_dark: "_theme_dark_1irzk_gg_",
-    _theme_invert: "_theme_invert_1irzk_gg_",
-    _centered: "__centered_1irzk_gg_",
-    _size_xs: "_size_xs_1irzk_gg_",
-    _size_s: "_size_s_1irzk_gg_",
-    _size_m: "_size_m_1irzk_gg_",
-    _size_l: "_size_l_1irzk_gg_",
-    _size_xl: "_size_xl_1irzk_gg_",
-    _size_xxl: "_size_xxl_1irzk_gg_"
+    "@spin-rotate": "spin-rotate_ofphm",
+    __SSpin: "___SSpin_ofphm_gg_",
+    "--theme": "--theme_ofphm",
+    _theme_dark: "_theme_dark_ofphm_gg_",
+    _theme_invert: "_theme_invert_ofphm_gg_",
+    _centered: "__centered_ofphm_gg_",
+    _size_xs: "_size_xs_ofphm_gg_",
+    _size_s: "_size_s_ofphm_gg_",
+    _size_m: "_size_m_ofphm_gg_",
+    _size_l: "_size_l_ofphm_gg_",
+    _size_xl: "_size_xl_ofphm_gg_",
+    _size_xxl: "_size_xxl_ofphm_gg_"
   })
-), i = /* @__PURE__ */ function(o) {
-  S(_, o);
-  var g = c(_);
+), i = /* @__PURE__ */ function(p) {
+  x(_, p);
+  var m = C(_);
   function _() {
-    return d(this, _), g.apply(this, arguments);
+    return S(this, _), m.apply(this, arguments);
   }
-  return f(_, [{
+  return c(_, [{
     key: "render",
     value: function() {
-      var s = this.asProps, r, a = b, e = this.asProps, p = e.Children, m = e.styles, z = e.theme, l = e.resolveColor, h = e.getI18nText;
-      return r = v(m), /* @__PURE__ */ n.createElement(a, r.cn("SSpin", k({}, u({
+      var n = this.asProps, t, g = b, e = this.asProps, s = e.Children, a = e.styles, h = e.theme, f = e.resolveColor, l = e.getI18nText;
+      return t = u(a), /* @__PURE__ */ r.createElement(g, t.cn("SSpin", d({}, y({
         tag: "svg",
         viewBox: "0 0 24 24",
-        "use:theme": l(z),
+        "use:theme": f(h),
         role: "img",
-        "aria-label": h("loading")
-      }, s))), /* @__PURE__ */ n.createElement("path", r.cn("path", {
+        "aria-label": l("loading")
+      }, n))), /* @__PURE__ */ r.createElement("path", t.cn("path", {
         d: "M16.98 20.6256C17.5433 21.6013 18.8054 21.9477 19.6718 21.2274C21.567 19.6517 22.9447 17.5183 23.5911 15.1058C24.4148 12.0317 23.9836 8.75621 22.3923 6C20.801 3.24379 18.18 1.23261 15.1058 0.408891C12.6934 -0.237529 10.1569 -0.111098 7.84473 0.742337C6.78777 1.13246 6.45667 2.39867 7.02 3.37439V3.37439C7.58333 4.3501 8.83088 4.65471 9.91792 4.35856C11.2588 3.99325 12.6844 3.984 14.0498 4.34987C16.0788 4.89352 17.8087 6.2209 18.8589 8.04C19.9092 9.8591 20.1938 12.0209 19.6501 14.0498C19.2843 15.4153 18.5634 16.6453 17.5766 17.6239C16.7766 18.4172 16.4167 19.6499 16.98 20.6256V20.6256Z"
-      })), /* @__PURE__ */ n.createElement(p, r.cn("Children", {})));
+      })), /* @__PURE__ */ r.createElement(s, t.cn("Children", {})));
     }
   }]), _;
-}(y);
-t(i, "displayName", "Spin");
-t(i, "style", R);
-t(i, "enhance", [w(), P(E)]);
-t(i, "defaultProps", {
+}(k);
+o(i, "displayName", "Spin");
+o(i, "style", R);
+o(i, "enhance", [w(), P(E)]);
+o(i, "defaultProps", {
   size: "m",
   theme: "dark"
 });
-const H = C(i);
+const H = v(i);
 export {
   H as default
 };

package/spin/package.json

@@ -1 +1 @@
-{"name":"intergalactic/spin","description":"Semrush Spin Component","version":"5.41.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1","@semcore/flex-box":"5.41.1"},"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/spin"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/spin","description":"Semrush Spin Component","version":"5.41.2-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","types":"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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2-prerelease.1","@semcore/flex-box":"5.41.2-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/spin"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/spin-container/lib/cjs/SpinContainer.js

@@ -22,14 +22,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}" /*__inner_css_end__*/, "1j2p5_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_1j2p5_gg_",
-  "__SContent": "___SContent_1j2p5_gg_",
-  "__SOverlay": "___SOverlay_1j2p5_gg_",
-  "_theme_invert": "_theme_invert_1j2p5_gg_",
-  "_theme_dark": "_theme_dark_1j2p5_gg_",
-  "_theme_custom": "_theme_custom_1j2p5_gg_",
-  "--background": "--background_1j2p5"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_199zs_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_199zs_gg_{z-index:0;position:relative}.___SOverlay_199zs_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_199zs_gg_._theme_invert_199zs_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_199zs_gg_._theme_dark_199zs_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_199zs_gg_._theme_custom_199zs_gg_{background-color:var(--background_199zs)}" /*__inner_css_end__*/, "199zs_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_199zs_gg_",
+  "__SContent": "___SContent_199zs_gg_",
+  "__SOverlay": "___SOverlay_199zs_gg_",
+  "_theme_invert": "_theme_invert_199zs_gg_",
+  "_theme_dark": "_theme_dark_199zs_gg_",
+  "_theme_custom": "_theme_custom_199zs_gg_",
+  "--background": "--background_199zs"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);