intergalactic 15.126.0 → 15.126.1-prerelease.0

package/scroll-area/lib/es6/ScrollArea.js

@@ -24,27 +24,27 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_7izy8_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before,.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_start_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_end_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_.__leftOffset_7izy8_gg_:before{left:var(--leftOffset_7izy8)}.___SShadowHorizontal_7izy8_gg_.__rightOffset_7izy8_gg_:after{right:var(--rightOffset_7izy8)}.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_start_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_end_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_.__topOffset_7izy8_gg_:before{top:var(--topOffset_7izy8)}.___SShadowVertical_7izy8_gg_.__bottomOffset_7izy8_gg_:after{bottom:var(--bottomOffset_7izy8)}.___SContainer_7izy8_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_7izy8_gg_::-webkit-scrollbar{display:none}.___SContainer_7izy8_gg_.__keyboardFocused_7izy8_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_7izy8);right:var(--focusRingRightOffset_7izy8);bottom:var(--focusRingBottomOffset_7izy8);left:var(--focusRingLeftOffset_7izy8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "7izy8_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_7izy8_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_7izy8_gg_",
-  "_leftOffset": "__leftOffset_7izy8_gg_",
-  "--leftOffset": "--leftOffset_7izy8",
-  "_rightOffset": "__rightOffset_7izy8_gg_",
-  "--rightOffset": "--rightOffset_7izy8",
-  "__SShadowVertical": "___SShadowVertical_7izy8_gg_",
-  "_topOffset": "__topOffset_7izy8_gg_",
-  "--topOffset": "--topOffset_7izy8",
-  "_bottomOffset": "__bottomOffset_7izy8_gg_",
-  "--bottomOffset": "--bottomOffset_7izy8",
-  "__SContainer": "___SContainer_7izy8_gg_",
-  "_keyboardFocused": "__keyboardFocused_7izy8_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_7izy8",
-  "--focusRingRightOffset": "--focusRingRightOffset_7izy8",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_7izy8",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_7izy8",
-  "_position_median": "_position_median_7izy8_gg_",
-  "_position_start": "_position_start_7izy8_gg_",
-  "_position_end": "_position_end_7izy8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_cd2x4_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before,.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_start_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_end_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_.__leftOffset_cd2x4_gg_:before{left:var(--leftOffset_cd2x4)}.___SShadowHorizontal_cd2x4_gg_.__rightOffset_cd2x4_gg_:after{right:var(--rightOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_start_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_end_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_.__topOffset_cd2x4_gg_:before{top:var(--topOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_.__bottomOffset_cd2x4_gg_:after{bottom:var(--bottomOffset_cd2x4)}.___SContainer_cd2x4_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_cd2x4_gg_::-webkit-scrollbar{display:none}.___SContainer_cd2x4_gg_.__keyboardFocused_cd2x4_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_cd2x4);right:var(--focusRingRightOffset_cd2x4);bottom:var(--focusRingBottomOffset_cd2x4);left:var(--focusRingLeftOffset_cd2x4);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "cd2x4_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_cd2x4_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_cd2x4_gg_",
+  "_leftOffset": "__leftOffset_cd2x4_gg_",
+  "--leftOffset": "--leftOffset_cd2x4",
+  "_rightOffset": "__rightOffset_cd2x4_gg_",
+  "--rightOffset": "--rightOffset_cd2x4",
+  "__SShadowVertical": "___SShadowVertical_cd2x4_gg_",
+  "_topOffset": "__topOffset_cd2x4_gg_",
+  "--topOffset": "--topOffset_cd2x4",
+  "_bottomOffset": "__bottomOffset_cd2x4_gg_",
+  "--bottomOffset": "--bottomOffset_cd2x4",
+  "__SContainer": "___SContainer_cd2x4_gg_",
+  "_keyboardFocused": "__keyboardFocused_cd2x4_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_cd2x4",
+  "--focusRingRightOffset": "--focusRingRightOffset_cd2x4",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_cd2x4",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_cd2x4",
+  "_position_median": "_position_median_cd2x4_gg_",
+  "_position_start": "_position_start_cd2x4_gg_",
+  "_position_end": "_position_end_cd2x4_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {

package/scroll-area/lib/es6/ScrollBar.js

@@ -16,12 +16,12 @@ import { Box } from 'intergalactic/flex-box';
 import { getNodeByRef } from 'intergalactic/utils/lib/ref';
 import contextEnhance from 'intergalactic/utils/lib/enhances/contextEnhance';
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1vnqj_gg_{position:absolute;display:flex}.___SScrollBar_1vnqj_gg_._orientation_vertical_1vnqj_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1vnqj_gg_._orientation_horizontal_1vnqj_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1vnqj_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1vnqj_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1vnqj_gg_",
-  "_orientation_vertical": "_orientation_vertical_1vnqj_gg_",
-  "--offsetSum": "--offsetSum_1vnqj",
-  "_orientation_horizontal": "_orientation_horizontal_1vnqj_gg_",
-  "__SSlider": "___SSlider_1vnqj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1211c_gg_{position:absolute;display:flex}.___SScrollBar_1211c_gg_._orientation_vertical_1211c_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1211c_gg_._orientation_horizontal_1211c_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1211c_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}" /*__inner_css_end__*/, "1211c_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_1211c_gg_",
+  "_orientation_vertical": "_orientation_vertical_1211c_gg_",
+  "--offsetSum": "--offsetSum_1211c",
+  "_orientation_horizontal": "_orientation_horizontal_1211c_gg_",
+  "__SSlider": "___SSlider_1211c_gg_"
 });
 export var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/React.createContext(false);
 export var DEFAULT_SLIDER_SIZE = 50;

package/scroll-area/lib/esm/ScrollArea.mjs

@@ -1,18 +1,18 @@
 import H from "@babel/runtime/helpers/esm/objectSpread2";
 import W from "@babel/runtime/helpers/esm/classCallCheck";
 import F from "@babel/runtime/helpers/esm/createClass";
-import g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import d from "@babel/runtime/helpers/esm/assertThisInitialized";
 import L from "@babel/runtime/helpers/esm/inherits";
 import N from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
+import l from "@babel/runtime/helpers/esm/defineProperty";
 import D from "@babel/runtime/helpers/esm/extends";
 import U from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import { sstyled as j } from 'intergalactic/utils/lib/core/index';
 import q, { sstyled as M, assignProps as V, Component as G } from 'intergalactic/core';
-import f from "react";
+import s from "react";
 import { findDOMNode as J } from "react-dom";
 import { Box as R } from 'intergalactic/flex-box';
-import O from 'intergalactic/utils/lib/rafTrottle';
+import y from 'intergalactic/utils/lib/rafTrottle';
 import { getNodeByRef as k } from 'intergalactic/utils/lib/ref';
 import { isAdvanceMode as K } from 'intergalactic/utils/lib/findComponent';
 import { callAllEventHandlers as B } from 'intergalactic/utils/lib/assignProps';
@@ -24,99 +24,99 @@ var tt = ["position"], et = (
   /*__reshadow_css_start__*/
   (j.insert(
     /*__inner_css_start__*/
-    `.___SScrollArea_7izy8_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before,.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{content:"";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_7izy8_gg_:after,.___SShadowHorizontal_7izy8_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,
-    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_median_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,
-    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_start_7izy8_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,
-    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_._position_end_7izy8_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,
-    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_7izy8_gg_.__leftOffset_7izy8_gg_:before{left:var(--leftOffset_7izy8)}.___SShadowHorizontal_7izy8_gg_.__rightOffset_7izy8_gg_:after{right:var(--rightOffset_7izy8)}.___SShadowVertical_7izy8_gg_:after,.___SShadowVertical_7izy8_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,
-    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_median_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,
-    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_start_7izy8_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,
-    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_._position_end_7izy8_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,
-    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_7izy8_gg_.__topOffset_7izy8_gg_:before{top:var(--topOffset_7izy8)}.___SShadowVertical_7izy8_gg_.__bottomOffset_7izy8_gg_:after{bottom:var(--bottomOffset_7izy8)}.___SContainer_7izy8_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_7izy8_gg_::-webkit-scrollbar{display:none}.___SContainer_7izy8_gg_.__keyboardFocused_7izy8_gg_:focus::after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_7izy8);right:var(--focusRingRightOffset_7izy8);bottom:var(--focusRingBottomOffset_7izy8);left:var(--focusRingLeftOffset_7izy8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}`,
-    "7izy8_gg_"
+    `.___SScrollArea_cd2x4_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before,.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{content:"";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_cd2x4_gg_:after,.___SShadowHorizontal_cd2x4_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_median_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_start_cd2x4_gg_:before{left:0;display:block;background:var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_._position_end_cd2x4_gg_:after{right:0;display:block;background:var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_cd2x4_gg_.__leftOffset_cd2x4_gg_:before{left:var(--leftOffset_cd2x4)}.___SShadowHorizontal_cd2x4_gg_.__rightOffset_cd2x4_gg_:after{right:var(--rightOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_:after,.___SShadowVertical_cd2x4_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,
+    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_median_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,
+    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_start_cd2x4_gg_:before{top:0;display:block;background:var(--intergalactic-scroll-area-shadow-top,
+    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_._position_end_cd2x4_gg_:after{bottom:0;display:block;background:var(--intergalactic-scroll-area-shadow-bottom,
+    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_cd2x4_gg_.__topOffset_cd2x4_gg_:before{top:var(--topOffset_cd2x4)}.___SShadowVertical_cd2x4_gg_.__bottomOffset_cd2x4_gg_:after{bottom:var(--bottomOffset_cd2x4)}.___SContainer_cd2x4_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_cd2x4_gg_::-webkit-scrollbar{display:none}.___SContainer_cd2x4_gg_.__keyboardFocused_cd2x4_gg_:focus::after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_cd2x4);right:var(--focusRingRightOffset_cd2x4);bottom:var(--focusRingBottomOffset_cd2x4);left:var(--focusRingLeftOffset_cd2x4);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}`,
+    "cd2x4_gg_"
   ), {
-    __SScrollArea: "___SScrollArea_7izy8_gg_",
-    __SShadowHorizontal: "___SShadowHorizontal_7izy8_gg_",
-    _leftOffset: "__leftOffset_7izy8_gg_",
-    "--leftOffset": "--leftOffset_7izy8",
-    _rightOffset: "__rightOffset_7izy8_gg_",
-    "--rightOffset": "--rightOffset_7izy8",
-    __SShadowVertical: "___SShadowVertical_7izy8_gg_",
-    _topOffset: "__topOffset_7izy8_gg_",
-    "--topOffset": "--topOffset_7izy8",
-    _bottomOffset: "__bottomOffset_7izy8_gg_",
-    "--bottomOffset": "--bottomOffset_7izy8",
-    __SContainer: "___SContainer_7izy8_gg_",
-    _keyboardFocused: "__keyboardFocused_7izy8_gg_",
-    "--focusRingTopOffset": "--focusRingTopOffset_7izy8",
-    "--focusRingRightOffset": "--focusRingRightOffset_7izy8",
-    "--focusRingBottomOffset": "--focusRingBottomOffset_7izy8",
-    "--focusRingLeftOffset": "--focusRingLeftOffset_7izy8",
-    _position_median: "_position_median_7izy8_gg_",
-    _position_start: "_position_start_7izy8_gg_",
-    _position_end: "_position_end_7izy8_gg_"
+    __SScrollArea: "___SScrollArea_cd2x4_gg_",
+    __SShadowHorizontal: "___SShadowHorizontal_cd2x4_gg_",
+    _leftOffset: "__leftOffset_cd2x4_gg_",
+    "--leftOffset": "--leftOffset_cd2x4",
+    _rightOffset: "__rightOffset_cd2x4_gg_",
+    "--rightOffset": "--rightOffset_cd2x4",
+    __SShadowVertical: "___SShadowVertical_cd2x4_gg_",
+    _topOffset: "__topOffset_cd2x4_gg_",
+    "--topOffset": "--topOffset_cd2x4",
+    _bottomOffset: "__bottomOffset_cd2x4_gg_",
+    "--bottomOffset": "--bottomOffset_cd2x4",
+    __SContainer: "___SContainer_cd2x4_gg_",
+    _keyboardFocused: "__keyboardFocused_cd2x4_gg_",
+    "--focusRingTopOffset": "--focusRingTopOffset_cd2x4",
+    "--focusRingRightOffset": "--focusRingRightOffset_cd2x4",
+    "--focusRingBottomOffset": "--focusRingBottomOffset_cd2x4",
+    "--focusRingLeftOffset": "--focusRingLeftOffset_cd2x4",
+    _position_median: "_position_median_cd2x4_gg_",
+    _position_start: "_position_start_cd2x4_gg_",
+    _position_end: "_position_end_cd2x4_gg_"
   })
 ), A = void 0;
 typeof window < "u" && (A = new Event("calculate"));
-var P = /* @__PURE__ */ f.forwardRef(function(h, v) {
+var P = /* @__PURE__ */ s.forwardRef(function(h, x) {
   h.position;
   var p = U(h, tt);
-  return /* @__PURE__ */ f.createElement(R, D({
-    ref: v
+  return /* @__PURE__ */ s.createElement(R, D({
+    ref: x
   }, p));
-}), w = /* @__PURE__ */ function(h) {
+}), O = /* @__PURE__ */ function(h) {
   L(p, h);
-  var v = N(p);
-  function p(d) {
+  var x = N(p);
+  function p(g) {
     var t;
-    return W(this, p), t = v.call(this, d), s(g(t), "$wrapper", null), s(g(t), "observer", null), s(g(t), "horizontalBarRef", /* @__PURE__ */ f.createRef()), s(g(t), "verticalBarRef", /* @__PURE__ */ f.createRef()), s(g(t), "state", {
+    return W(this, p), t = x.call(this, g), l(d(t), "$wrapper", null), l(d(t), "observer", null), l(d(t), "horizontalBarRef", /* @__PURE__ */ s.createRef()), l(d(t), "verticalBarRef", /* @__PURE__ */ s.createRef()), l(d(t), "state", {
       shadowHorizontal: !1,
       shadowVertical: !1
-    }), s(g(t), "refWrapper", function(e) {
+    }), l(d(t), "refWrapper", function(e) {
       t.$wrapper = J(e);
-    }), s(g(t), "setStyleSizeProperty", function(e, o, r) {
+    }), l(d(t), "setStyleSizeProperty", function(e, o, r) {
       var i = r;
       typeof r == "number" && (i = r < 1 ? "".concat(100 * r, "%") : "".concat(r, "px")), e.style.setProperty(o, i);
-    }), s(g(t), "calculate", O(function() {
+    }), l(d(t), "calculate", y(function() {
       if (t.$container) {
         var e = t.calculateSizeContainer(), o = e.height, r = e.width;
         o && (t.$container.style.height = o), r && (t.$container.style.width = r), t.$container.dispatchEvent(A), t.setShadowContainer();
       }
-    })), s(g(t), "updateBarsAria", O(function() {
+    })), l(d(t), "updateBarsAria", y(function() {
       X(t.$container, t.horizontalBarRef.current, t.verticalBarRef.current);
-    })), s(g(t), "handleScrollContainer", O(function() {
+    })), l(d(t), "handleScrollContainer", y(function() {
       t.$container && (t.setShadowContainer(), t.updateBarsAria());
-    })), s(g(t), "handleScroll", function(e) {
+    })), l(d(t), "handleScroll", function(e) {
       var o;
       (o = e.target) !== null && o !== void 0 && o.isEqualNode(t.$wrapper) && (e.target.scrollTop = 0, e.target.scrollLeft = 0);
-    }), s(g(t), "handleFocusIn", function(e) {
+    }), l(d(t), "handleFocusIn", function(e) {
       setTimeout(function() {
-        var o = t.asProps, r = o.keyboardFocused, i = o.leftOffset, a = o.rightOffset, _ = o.topOffset, u = o.bottomOffset;
+        var o = t.asProps, r = o.keyboardFocused, i = o.leftOffset, a = o.rightOffset, f = o.topOffset, u = o.bottomOffset;
         if (t.$container && typeof t.$container.scrollTo == "function") {
-          var l = t.$container.getBoundingClientRect(), n = e.target.getBoundingClientRect(), c = {
-            top: _ ?? 0,
+          var c = t.$container.getBoundingClientRect(), n = e.target.getBoundingClientRect(), _ = {
+            top: f ?? 0,
             left: i ?? 0,
             right: a ?? 0,
             bottom: u ?? 0
           };
-          if (l) {
-            var y = Math.floor(n.top) >= l.bottom - c.bottom || Math.floor(n.bottom) <= l.top + c.top || Math.floor(n.left) >= l.right - c.right || Math.floor(n.right) <= l.left + c.left;
-            y && r && t.$container.scrollTo({
-              top: n.top + t.$container.scrollTop - c.top - l.top,
-              left: n.left + t.$container.scrollLeft - c.left - l.left
+          if (c) {
+            var m = Math.floor(n.top) >= c.bottom - _.bottom || Math.floor(n.bottom) <= c.top + _.top || Math.floor(n.left) >= c.right - _.right || Math.floor(n.right) <= c.left + _.left;
+            m && r && t.$container.scrollTo({
+              top: n.top + t.$container.scrollTop - _.top - c.top,
+              left: n.left + t.$container.scrollLeft - _.left - c.left
             });
           }
         }
       }, 0);
-    }), s(g(t), "toggleShadow", function(e, o, r) {
-      var i = Math.round(e), a = Math.round(o), _ = "";
-      a <= 0 || (i <= 0 ? _ = "end" : i >= a ? _ = "start" : i > 0 && (_ = "median")), t.setState(s({}, r, _));
-    }), s(g(t), "setShadowContainer", function() {
+    }), l(d(t), "toggleShadow", function(e, o, r) {
+      var i = Math.round(e), a = Math.round(o), f = "";
+      a <= 0 || (i <= 0 ? f = "end" : i >= a ? f = "start" : i > 0 && (f = "median")), t.setState(l({}, r, f));
+    }), l(d(t), "setShadowContainer", function() {
       if (!(!t.asProps.shadow || !t.$container || !t.$wrapper)) {
-        var e = t.$container, o = e.scrollWidth, r = e.clientWidth, i = e.scrollHeight, a = e.clientHeight, _ = e.scrollLeft, u = e.scrollTop, l = o - r, n = i - a;
-        t.toggleShadow(_, l, "shadowHorizontal"), t.toggleShadow(u, n, "shadowVertical");
+        var e = t.$container, o = e.scrollWidth, r = e.clientWidth, i = e.scrollHeight, a = e.clientHeight, f = e.scrollLeft, u = e.scrollTop, c = o - r, n = i - a;
+        t.toggleShadow(f, c, "shadowHorizontal"), t.toggleShadow(u, n, "shadowVertical");
       }
-    }), Z() && (t.observer = new ResizeObserver(B(d.onResize, t.calculate))), t;
+    }), Z() && (t.observer = new ResizeObserver(B(g.onResize, t.calculate))), t;
   }
   return F(p, [{
     key: "$container",
@@ -138,25 +138,25 @@ var P = /* @__PURE__ */ f.forwardRef(function(h, v) {
           height: ""
         };
         if (!this.$container || !this.$wrapper) return i;
-        var a = this.$container, _ = a.scrollWidth, u = a.scrollHeight, l = window.getComputedStyle(this.$wrapper), n = this.$wrapper.parentElement, c = {
+        var a = this.$container, f = a.scrollWidth, u = a.scrollHeight, c = window.getComputedStyle(this.$wrapper), n = this.$wrapper.parentElement, _ = {
           width: 0,
           height: 0
         };
-        r && (n && (c = n.getBoundingClientRect()), e && this.setStyleSizeProperty(this.$wrapper, "max-width", e), o && this.setStyleSizeProperty(this.$wrapper, "max-height", o));
-        var y = Number.parseInt(l.getPropertyValue("max-width")), m = Number.parseInt(l.getPropertyValue("max-height"));
-        if (y) {
-          if (r && e && n.scrollWidth > c.width) {
-            var S = Math.round(n.scrollWidth.toFixed(1)) - Math.round(c.width.toFixed(1));
-            S < y && (y = y - S, this.$wrapper.style.setProperty("max-width", "".concat(y, "px")));
+        r && (n && (_ = n.getBoundingClientRect()), e && this.setStyleSizeProperty(this.$wrapper, "max-width", e), o && this.setStyleSizeProperty(this.$wrapper, "max-height", o));
+        var m = Number.parseInt(c.getPropertyValue("max-width")), v = Number.parseInt(c.getPropertyValue("max-height"));
+        if (m) {
+          if (r && e && n.scrollWidth > _.width) {
+            var S = Math.round(n.scrollWidth.toFixed(1)) - Math.round(_.width.toFixed(1));
+            S < m && (m = m - S, this.$wrapper.style.setProperty("max-width", "".concat(m, "px")));
           }
-          _ > y ? i.width = "".concat(y, "px") : i.width = "100%";
+          f > m ? i.width = "".concat(m, "px") : i.width = "100%";
         }
-        if (m) {
-          if (r && o && n.scrollHeight > c.height) {
-            var z = Math.round(n.scrollHeight.toFixed(1)) - Math.round(c.height.toFixed(1));
-            z < m && (m = m - z, this.$wrapper.style.setProperty("max-height", "".concat(m, "px")));
+        if (v) {
+          if (r && o && n.scrollHeight > _.height) {
+            var b = Math.round(n.scrollHeight.toFixed(1)) - Math.round(_.height.toFixed(1));
+            b < v && (v = v - b, this.$wrapper.style.setProperty("max-height", "".concat(v, "px")));
           }
-          u > m ? i.height = "".concat(m, "px") : i.height = "100%";
+          u > v ? i.height = "".concat(v, "px") : i.height = "100%";
         }
         return i;
       }
@@ -214,59 +214,59 @@ var P = /* @__PURE__ */ f.forwardRef(function(h, v) {
   }, {
     key: "render",
     value: function() {
-      var t = this.asProps, e, o = R, r = P, i = P, a = this.asProps, _ = a.Children, u = a.styles, l = a.orientation, n = a.tabIndex, c = a.forcedAdvancedMode, y = a.leftOffset, m = a.rightOffset, S = a.topOffset, z = a.bottomOffset, $ = this.state, x = $.shadowVertical, C = $.shadowHorizontal, T = c || K(_, [b.Container.displayName, b.Bar.displayName]);
-      return e = M(u), /* @__PURE__ */ f.createElement(o, e.cn("SScrollArea", H({}, V({
+      var t = this.asProps, e, o = R, r = P, i = P, a = this.asProps, f = a.Children, u = a.styles, c = a.orientation, n = a.tabIndex, _ = a.forcedAdvancedMode, m = a.leftOffset, v = a.rightOffset, S = a.topOffset, b = a.bottomOffset, $ = this.state, z = $.shadowVertical, C = $.shadowHorizontal, T = _ || K(f, [w.Container.displayName, w.Bar.displayName]);
+      return e = M(u), /* @__PURE__ */ s.createElement(o, e.cn("SScrollArea", H({}, V({
         ref: this.refWrapper,
         onScroll: this.handleScroll,
         __excludeProps: ["tabIndex"]
-      }, t))), T ? /* @__PURE__ */ f.createElement(_, e.cn("Children", {})) : /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(b.Container, {
+      }, t))), T ? /* @__PURE__ */ s.createElement(f, e.cn("Children", {})) : /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(w.Container, {
         tabIndex: n
-      }, /* @__PURE__ */ f.createElement(_, e.cn("Children", {}))), (l === void 0 || l === "horizontal") && /* @__PURE__ */ f.createElement(b.Bar, {
+      }, /* @__PURE__ */ s.createElement(f, e.cn("Children", {}))), (c === void 0 || c === "horizontal") && /* @__PURE__ */ s.createElement(w.Bar, {
         orientation: "horizontal"
-      }), (l === void 0 || l === "vertical") && /* @__PURE__ */ f.createElement(b.Bar, {
+      }), (c === void 0 || c === "vertical") && /* @__PURE__ */ s.createElement(w.Bar, {
         orientation: "vertical"
-      })), x && /* @__PURE__ */ f.createElement(r, e.cn("SShadowVertical", {
-        position: x,
+      })), z && /* @__PURE__ */ s.createElement(r, e.cn("SShadowVertical", {
+        position: z,
         topOffset: S ? "".concat(S, "px") : void 0,
-        bottomOffset: z ? "".concat(z, "px") : void 0
-      })), C && /* @__PURE__ */ f.createElement(i, e.cn("SShadowHorizontal", {
+        bottomOffset: b ? "".concat(b, "px") : void 0
+      })), C && /* @__PURE__ */ s.createElement(i, e.cn("SShadowHorizontal", {
         position: C,
-        leftOffset: y ? "".concat(y, "px") : void 0,
-        rightOffset: m ? "".concat(m, "px") : void 0
+        leftOffset: m ? "".concat(m, "px") : void 0,
+        rightOffset: v ? "".concat(v, "px") : void 0
       })));
     }
   }]), p;
 }(G);
-s(w, "displayName", "ScrollArea");
-s(w, "style", et);
-s(w, "enhance", [Y(), E()]);
-s(w, "defaultProps", function() {
+l(O, "displayName", "ScrollArea");
+l(O, "style", et);
+l(O, "enhance", [Y(), E()]);
+l(O, "defaultProps", function() {
   return {
-    container: /* @__PURE__ */ f.createRef(),
-    inner: /* @__PURE__ */ f.createRef(),
+    container: /* @__PURE__ */ s.createRef(),
+    inner: /* @__PURE__ */ s.createRef(),
     tabIndex: 0,
     observeParentSize: !1
   };
 });
 function I(h) {
-  var v = arguments[0], p, d = R, t = h.Children, e = h.styles, o = h.$refInner, r = h.focusRingTopOffset, i = r === void 0 ? 0 : r, a = h.focusRingRightOffset, _ = a === void 0 ? 0 : a, u = h.focusRingBottomOffset, l = u === void 0 ? 0 : u, n = h.focusRingLeftOffset, c = n === void 0 ? 0 : n;
-  return p = M(e), /* @__PURE__ */ f.createElement(d, p.cn("SContainer", H({}, V({
+  var x = arguments[0], p, g = R, t = h.Children, e = h.styles, o = h.$refInner, r = h.focusRingTopOffset, i = r === void 0 ? 0 : r, a = h.focusRingRightOffset, f = a === void 0 ? 0 : a, u = h.focusRingBottomOffset, c = u === void 0 ? 0 : u, n = h.focusRingLeftOffset, _ = n === void 0 ? 0 : n;
+  return p = M(e), /* @__PURE__ */ s.createElement(g, p.cn("SContainer", H({}, V({
     tabIndex: 0,
     focusRingTopOffset: i,
-    focusRingRightOffset: _,
-    focusRingBottomOffset: l,
-    focusRingLeftOffset: c
-  }, v))), /* @__PURE__ */ f.createElement("div", p.cn("div", {
+    focusRingRightOffset: f,
+    focusRingBottomOffset: c,
+    focusRingLeftOffset: _
+  }, x))), /* @__PURE__ */ s.createElement("div", p.cn("div", {
     ref: o
-  }), /* @__PURE__ */ f.createElement(t, p.cn("Children", {}))));
+  }), /* @__PURE__ */ s.createElement(t, p.cn("Children", {}))));
 }
 I.enhance = [E()];
-var b = q(w, {
+var w = q(O, {
   Container: I,
   Bar: Q
 });
 export {
-  b as ScrollArea,
-  b as default,
+  w as ScrollArea,
+  w as default,
   A as eventCalculate
 };

package/scroll-area/lib/esm/ScrollBar.mjs

@@ -1,42 +1,42 @@
 import W from "@babel/runtime/helpers/esm/objectSpread2";
 import M from "@babel/runtime/helpers/esm/slicedToArray";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import C from "@babel/runtime/helpers/esm/createClass";
+import T from "@babel/runtime/helpers/esm/classCallCheck";
+import X from "@babel/runtime/helpers/esm/createClass";
 import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import X from "@babel/runtime/helpers/esm/createSuper";
+import Y from "@babel/runtime/helpers/esm/inherits";
+import A from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as Y } from 'intergalactic/utils/lib/core/index';
-import A, { sstyled as H, assignProps as L, Component as K } from 'intergalactic/core';
+import { sstyled as K } from 'intergalactic/utils/lib/core/index';
+import U, { sstyled as H, assignProps as L, Component as V } from 'intergalactic/core';
 import $ from "react";
 import { findDOMNode as w } from "react-dom";
 import { Box as P } from 'intergalactic/flex-box';
-import { getNodeByRef as U } from 'intergalactic/utils/lib/ref';
-import V from 'intergalactic/utils/lib/enhances/contextEnhance';
-var F = (
+import { getNodeByRef as F } from 'intergalactic/utils/lib/ref';
+import N from 'intergalactic/utils/lib/enhances/contextEnhance';
+var I = (
   /*__reshadow_css_start__*/
-  (Y.insert(
+  (K.insert(
     /*__inner_css_start__*/
-    ".___SScrollBar_1vnqj_gg_{position:absolute;display:flex}.___SScrollBar_1vnqj_gg_._orientation_vertical_1vnqj_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1vnqj_gg_._orientation_horizontal_1vnqj_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1vnqj) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1vnqj_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}",
-    "1vnqj_gg_"
+    ".___SScrollBar_1211c_gg_{position:absolute;display:flex}.___SScrollBar_1211c_gg_._orientation_vertical_1211c_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1211c_gg_._orientation_horizontal_1211c_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1211c) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1211c_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}",
+    "1211c_gg_"
   ), {
-    __SScrollBar: "___SScrollBar_1vnqj_gg_",
-    _orientation_vertical: "_orientation_vertical_1vnqj_gg_",
-    "--offsetSum": "--offsetSum_1vnqj",
-    _orientation_horizontal: "_orientation_horizontal_1vnqj_gg_",
-    __SSlider: "___SSlider_1vnqj_gg_"
+    __SScrollBar: "___SScrollBar_1211c_gg_",
+    _orientation_vertical: "_orientation_vertical_1211c_gg_",
+    "--offsetSum": "--offsetSum_1211c",
+    _orientation_horizontal: "_orientation_horizontal_1211c_gg_",
+    __SSlider: "___SSlider_1211c_gg_"
   })
-), N = /* @__PURE__ */ $.createContext(!1), k = 50, I = function(v, d, t) {
+), j = /* @__PURE__ */ $.createContext(!1), k = 50, Z = function(v, d, t) {
   if (!(!v || !(d || t))) {
     var r = v.scrollWidth, l = v.clientWidth, o = v.scrollHeight, e = v.clientHeight, i = v.scrollLeft, a = v.scrollTop, n = r - l, u = o - e;
     d && (d.setAttribute("aria-valuenow", Math.floor(i)), d.setAttribute("aria-valuemax", n)), t && (t.setAttribute("aria-valuenow", Math.floor(a)), t.setAttribute("aria-valuemax", u));
   }
 }, x = /* @__PURE__ */ function(B) {
-  T(d, B);
-  var v = X(d);
+  Y(d, B);
+  var v = A(d);
   function d() {
     var t;
-    z(this, d);
+    T(this, d);
     for (var r = arguments.length, l = new Array(r), o = 0; o < r; o++)
       l[o] = arguments[o];
     return t = v.call.apply(v, [this].concat(l)), s(f(t), "$bar", null), s(f(t), "$slider", null), s(f(t), "sliderStyle", {
@@ -60,7 +60,7 @@ var F = (
       var i = w(e);
       t.$bar = i;
       var a = t.getOrientation(), n = t.asProps, u = n.horizontalBarRef, c = n.verticalBarRef;
-      a === "horizontal" && u && (u.current = i), a === "vertical" && c && (c.current = i), I(t.$container, u == null ? void 0 : u.current, c == null ? void 0 : c.current);
+      a === "horizontal" && u && (u.current = i), a === "vertical" && c && (c.current = i), Z(t.$container, u == null ? void 0 : u.current, c == null ? void 0 : c.current);
     }), s(f(t), "refSlider", function(e) {
       t.$slider = w(e);
     }), s(f(t), "calculate", function() {
@@ -103,10 +103,10 @@ var F = (
       g === "horizontal" ? t.$container.scrollLeft = t.calculateScrollByClick(p, u, i, t.kefBar.x, t.kefScroll.x) : g === "vertical" && (t.$container.scrollTop = t.calculateScrollByClick(_, c, a, t.kefBar.y, t.kefScroll.y));
     }), t;
   }
-  return C(d, [{
+  return X(d, [{
     key: "$container",
     get: function() {
-      return U(this.asProps.container);
+      return F(this.asProps.container);
     }
   }, {
     key: "calculateVisibleScroll",
@@ -211,8 +211,8 @@ var F = (
         g && (g += R), m && (m += E);
       }
       if (c === "vertical" && (S && (b += S), y && (b += y), n === "sticky" && u.current)) {
-        var D = u.current.getBoundingClientRect(), j = D.top, q = D.bottom;
-        S && (S += j), y && (y += q);
+        var D = u.current.getBoundingClientRect(), z = D.top, C = D.bottom;
+        S && (S += z), y && (y += C);
       }
       return l = H(i), /* @__PURE__ */ $.createElement(o, l.cn("SScrollBar", W({}, L({
         left: c === "horizontal" && g ? "".concat(g, "px") : void 0,
@@ -231,17 +231,17 @@ var F = (
       }, r))));
     }
   }]), d;
-}(K);
+}(V);
 s(x, "displayName", "Bar");
-s(x, "style", F);
-s(x, "enhance", [V(N, "hideFromScreenReaders")]);
+s(x, "style", I);
+s(x, "enhance", [N(j, "hideFromScreenReaders")]);
 s(x, "defaultProps", function() {
   return {
     container: /* @__PURE__ */ $.createRef(),
     children: /* @__PURE__ */ $.createElement(G.Slider, null)
   };
 });
-function Z(B) {
+function q(B) {
   var v = arguments[0], d, t = B.styles, r = P;
   return d = H(t), /* @__PURE__ */ $.createElement(r, d.cn("SSlider", W({}, L({
     onDragStart: function() {
@@ -249,12 +249,12 @@ function Z(B) {
     }
   }, v))));
 }
-var G = A(x, {
-  Slider: Z
+var G = U(x, {
+  Slider: q
 });
 export {
   k as DEFAULT_SLIDER_SIZE,
   G as default,
-  N as hideScrollBarsFromScreenReadersContext,
-  I as setAreaValue
+  j as hideScrollBarsFromScreenReadersContext,
+  Z as setAreaValue
 };

package/scroll-area/package.json

@@ -1 +1 @@
-{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.45.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 && 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.0","@semcore/flex-box":"5.41.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/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.45.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 && 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-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/scroll-area"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/select/lib/cjs/InputSearch.js

@@ -24,12 +24,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_o49kg_gg_._size_m_o49kg_gg_{height:32px}.___SSearchClear_o49kg_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_o49kg_gg_.__hide_o49kg_gg_{visibility:hidden}.___SOutline_o49kg_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "o49kg_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_o49kg_gg_",
-  "_size_m": "_size_m_o49kg_gg_",
-  "__SSearchClear": "___SSearchClear_o49kg_gg_",
-  "_hide": "__hide_o49kg_gg_",
-  "__SOutline": "___SOutline_o49kg_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1180s_gg_._size_m_1180s_gg_{height:32px}.___SSearchClear_1180s_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1180s_gg_.__hide_1180s_gg_{visibility:hidden}.___SOutline_1180s_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1180s_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1180s_gg_",
+  "_size_m": "_size_m_1180s_gg_",
+  "__SSearchClear": "___SSearchClear_1180s_gg_",
+  "_hide": "__hide_1180s_gg_",
+  "__SOutline": "___SOutline_1180s_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);