intergalactic 15.127.0 → 15.128.0-prerelease.1

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 d from "@babel/runtime/helpers/esm/assertThisInitialized";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
 import L from "@babel/runtime/helpers/esm/inherits";
 import N from "@babel/runtime/helpers/esm/createSuper";
-import l from "@babel/runtime/helpers/esm/defineProperty";
+import s 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 s from "react";
+import f from "react";
 import { findDOMNode as J } from "react-dom";
-import { Box as R } from 'intergalactic/flex-box';
-import y from 'intergalactic/utils/lib/rafTrottle';
+import { Box as $ } from 'intergalactic/flex-box';
+import R 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_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_ytl74_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_ytl74_gg_:after,.___SShadowHorizontal_ytl74_gg_:before,.___SShadowVertical_ytl74_gg_:after,.___SShadowVertical_ytl74_gg_:before{content:"";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_ytl74_gg_:after,.___SShadowHorizontal_ytl74_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_ytl74_gg_._position_median_ytl74_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_ytl74_gg_._position_median_ytl74_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_ytl74_gg_._position_start_ytl74_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_ytl74_gg_._position_end_ytl74_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_ytl74_gg_.__leftOffset_ytl74_gg_:before{left:var(--leftOffset_ytl74)}.___SShadowHorizontal_ytl74_gg_.__rightOffset_ytl74_gg_:after{right:var(--rightOffset_ytl74)}.___SShadowVertical_ytl74_gg_:after,.___SShadowVertical_ytl74_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_ytl74_gg_._position_median_ytl74_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_ytl74_gg_._position_median_ytl74_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_ytl74_gg_._position_start_ytl74_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_ytl74_gg_._position_end_ytl74_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_ytl74_gg_.__topOffset_ytl74_gg_:before{top:var(--topOffset_ytl74)}.___SShadowVertical_ytl74_gg_.__bottomOffset_ytl74_gg_:after{bottom:var(--bottomOffset_ytl74)}.___SContainer_ytl74_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_ytl74_gg_::-webkit-scrollbar{display:none}.___SContainer_ytl74_gg_.__keyboardFocused_ytl74_gg_:focus::after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_ytl74);right:var(--focusRingRightOffset_ytl74);bottom:var(--focusRingBottomOffset_ytl74);left:var(--focusRingLeftOffset_ytl74);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}`,
+    "ytl74_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_"
+    __SScrollArea: "___SScrollArea_ytl74_gg_",
+    __SShadowHorizontal: "___SShadowHorizontal_ytl74_gg_",
+    _leftOffset: "__leftOffset_ytl74_gg_",
+    "--leftOffset": "--leftOffset_ytl74",
+    _rightOffset: "__rightOffset_ytl74_gg_",
+    "--rightOffset": "--rightOffset_ytl74",
+    __SShadowVertical: "___SShadowVertical_ytl74_gg_",
+    _topOffset: "__topOffset_ytl74_gg_",
+    "--topOffset": "--topOffset_ytl74",
+    _bottomOffset: "__bottomOffset_ytl74_gg_",
+    "--bottomOffset": "--bottomOffset_ytl74",
+    __SContainer: "___SContainer_ytl74_gg_",
+    _keyboardFocused: "__keyboardFocused_ytl74_gg_",
+    "--focusRingTopOffset": "--focusRingTopOffset_ytl74",
+    "--focusRingRightOffset": "--focusRingRightOffset_ytl74",
+    "--focusRingBottomOffset": "--focusRingBottomOffset_ytl74",
+    "--focusRingLeftOffset": "--focusRingLeftOffset_ytl74",
+    _position_median: "_position_median_ytl74_gg_",
+    _position_start: "_position_start_ytl74_gg_",
+    _position_end: "_position_end_ytl74_gg_"
   })
 ), A = void 0;
 typeof window < "u" && (A = new Event("calculate"));
-var P = /* @__PURE__ */ s.forwardRef(function(h, x) {
+var P = /* @__PURE__ */ f.forwardRef(function(h, v) {
   h.position;
   var p = U(h, tt);
-  return /* @__PURE__ */ s.createElement(R, D({
-    ref: x
+  return /* @__PURE__ */ f.createElement($, D({
+    ref: v
   }, p));
 }), O = /* @__PURE__ */ function(h) {
   L(p, h);
-  var x = N(p);
-  function p(g) {
+  var v = N(p);
+  function p(d) {
     var t;
-    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", {
+    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", {
       shadowHorizontal: !1,
       shadowVertical: !1
-    }), l(d(t), "refWrapper", function(e) {
+    }), s(g(t), "refWrapper", function(e) {
       t.$wrapper = J(e);
-    }), l(d(t), "setStyleSizeProperty", function(e, o, r) {
+    }), s(g(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);
-    }), l(d(t), "calculate", y(function() {
+    }), s(g(t), "calculate", R(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();
       }
-    })), l(d(t), "updateBarsAria", y(function() {
+    })), s(g(t), "updateBarsAria", R(function() {
       X(t.$container, t.horizontalBarRef.current, t.verticalBarRef.current);
-    })), l(d(t), "handleScrollContainer", y(function() {
+    })), s(g(t), "handleScrollContainer", R(function() {
       t.$container && (t.setShadowContainer(), t.updateBarsAria());
-    })), l(d(t), "handleScroll", function(e) {
+    })), s(g(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);
-    }), l(d(t), "handleFocusIn", function(e) {
+    }), s(g(t), "handleFocusIn", function(e) {
       setTimeout(function() {
-        var o = t.asProps, r = o.keyboardFocused, i = o.leftOffset, a = o.rightOffset, f = o.topOffset, u = o.bottomOffset;
+        var o = t.asProps, r = o.keyboardFocused, i = o.leftOffset, a = o.rightOffset, _ = o.topOffset, u = o.bottomOffset;
         if (t.$container && typeof t.$container.scrollTo == "function") {
-          var c = t.$container.getBoundingClientRect(), n = e.target.getBoundingClientRect(), _ = {
-            top: f ?? 0,
+          var l = t.$container.getBoundingClientRect(), n = e.target.getBoundingClientRect(), c = {
+            top: _ ?? 0,
             left: i ?? 0,
             right: a ?? 0,
             bottom: u ?? 0
           };
-          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
+          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
             });
           }
         }
       }, 0);
-    }), 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() {
+    }), 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() {
       if (!(!t.asProps.shadow || !t.$container || !t.$wrapper)) {
-        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");
+        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");
       }
-    }), Z() && (t.observer = new ResizeObserver(B(g.onResize, t.calculate))), t;
+    }), Z() && (t.observer = new ResizeObserver(B(d.onResize, t.calculate))), t;
   }
   return F(p, [{
     key: "$container",
@@ -138,25 +138,25 @@ var P = /* @__PURE__ */ s.forwardRef(function(h, x) {
           height: ""
         };
         if (!this.$container || !this.$wrapper) return i;
-        var a = this.$container, f = a.scrollWidth, u = a.scrollHeight, c = window.getComputedStyle(this.$wrapper), n = this.$wrapper.parentElement, _ = {
+        var a = this.$container, _ = a.scrollWidth, u = a.scrollHeight, l = window.getComputedStyle(this.$wrapper), n = this.$wrapper.parentElement, c = {
           width: 0,
           height: 0
         };
-        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")));
+        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")));
           }
-          f > m ? i.width = "".concat(m, "px") : i.width = "100%";
+          _ > y ? i.width = "".concat(y, "px") : i.width = "100%";
         }
-        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")));
+        if (m) {
+          if (r && o && n.scrollHeight > c.height) {
+            var b = Math.round(n.scrollHeight.toFixed(1)) - Math.round(c.height.toFixed(1));
+            b < m && (m = m - b, this.$wrapper.style.setProperty("max-height", "".concat(m, "px")));
           }
-          u > v ? i.height = "".concat(v, "px") : i.height = "100%";
+          u > m ? i.height = "".concat(m, "px") : i.height = "100%";
         }
         return i;
       }
@@ -214,51 +214,51 @@ var P = /* @__PURE__ */ s.forwardRef(function(h, x) {
   }, {
     key: "render",
     value: function() {
-      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({
+      var t = this.asProps, e, o = $, 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, b = a.bottomOffset, x = this.state, z = x.shadowVertical, C = x.shadowHorizontal, T = c || K(_, [w.Container.displayName, w.Bar.displayName]);
+      return e = M(u), /* @__PURE__ */ f.createElement(o, e.cn("SScrollArea", H({}, V({
         ref: this.refWrapper,
         onScroll: this.handleScroll,
         __excludeProps: ["tabIndex"]
-      }, t))), T ? /* @__PURE__ */ s.createElement(f, e.cn("Children", {})) : /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(w.Container, {
+      }, t))), T ? /* @__PURE__ */ f.createElement(_, e.cn("Children", {})) : /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement(w.Container, {
         tabIndex: n
-      }, /* @__PURE__ */ s.createElement(f, e.cn("Children", {}))), (c === void 0 || c === "horizontal") && /* @__PURE__ */ s.createElement(w.Bar, {
+      }, /* @__PURE__ */ f.createElement(_, e.cn("Children", {}))), (l === void 0 || l === "horizontal") && /* @__PURE__ */ f.createElement(w.Bar, {
         orientation: "horizontal"
-      }), (c === void 0 || c === "vertical") && /* @__PURE__ */ s.createElement(w.Bar, {
+      }), (l === void 0 || l === "vertical") && /* @__PURE__ */ f.createElement(w.Bar, {
         orientation: "vertical"
-      })), z && /* @__PURE__ */ s.createElement(r, e.cn("SShadowVertical", {
+      })), z && /* @__PURE__ */ f.createElement(r, e.cn("SShadowVertical", {
         position: z,
         topOffset: S ? "".concat(S, "px") : void 0,
         bottomOffset: b ? "".concat(b, "px") : void 0
-      })), C && /* @__PURE__ */ s.createElement(i, e.cn("SShadowHorizontal", {
+      })), C && /* @__PURE__ */ f.createElement(i, e.cn("SShadowHorizontal", {
         position: C,
-        leftOffset: m ? "".concat(m, "px") : void 0,
-        rightOffset: v ? "".concat(v, "px") : void 0
+        leftOffset: y ? "".concat(y, "px") : void 0,
+        rightOffset: m ? "".concat(m, "px") : void 0
       })));
     }
   }]), p;
 }(G);
-l(O, "displayName", "ScrollArea");
-l(O, "style", et);
-l(O, "enhance", [Y(), E()]);
-l(O, "defaultProps", function() {
+s(O, "displayName", "ScrollArea");
+s(O, "style", et);
+s(O, "enhance", [Y(), E()]);
+s(O, "defaultProps", function() {
   return {
-    container: /* @__PURE__ */ s.createRef(),
-    inner: /* @__PURE__ */ s.createRef(),
+    container: /* @__PURE__ */ f.createRef(),
+    inner: /* @__PURE__ */ f.createRef(),
     tabIndex: 0,
     observeParentSize: !1
   };
 });
 function I(h) {
-  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({
+  var v = arguments[0], p, d = $, 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({
     tabIndex: 0,
     focusRingTopOffset: i,
-    focusRingRightOffset: f,
-    focusRingBottomOffset: c,
-    focusRingLeftOffset: _
-  }, x))), /* @__PURE__ */ s.createElement("div", p.cn("div", {
+    focusRingRightOffset: _,
+    focusRingBottomOffset: l,
+    focusRingLeftOffset: c
+  }, v))), /* @__PURE__ */ f.createElement("div", p.cn("div", {
     ref: o
-  }), /* @__PURE__ */ s.createElement(t, p.cn("Children", {}))));
+  }), /* @__PURE__ */ f.createElement(t, p.cn("Children", {}))));
 }
 I.enhance = [E()];
 var w = q(O, {

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

@@ -17,19 +17,19 @@ var I = (
   /*__reshadow_css_start__*/
   (K.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))}",
-    "1211c_gg_"
+    ".___SScrollBar_1u1a7_gg_{position:absolute;display:flex}.___SScrollBar_1u1a7_gg_._orientation_vertical_1u1a7_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1u1a7) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1u1a7_gg_._orientation_horizontal_1u1a7_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1u1a7) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1u1a7_gg_{cursor:pointer;width:6px;height:6px;border-radius:4px;background-color:var(--intergalactic-scroll-bar-background, rgba(25, 27, 35, 0.3))}",
+    "1u1a7_gg_"
   ), {
-    __SScrollBar: "___SScrollBar_1211c_gg_",
-    _orientation_vertical: "_orientation_vertical_1211c_gg_",
-    "--offsetSum": "--offsetSum_1211c",
-    _orientation_horizontal: "_orientation_horizontal_1211c_gg_",
-    __SSlider: "___SSlider_1211c_gg_"
+    __SScrollBar: "___SScrollBar_1u1a7_gg_",
+    _orientation_vertical: "_orientation_vertical_1u1a7_gg_",
+    "--offsetSum": "--offsetSum_1u1a7",
+    _orientation_horizontal: "_orientation_horizontal_1u1a7_gg_",
+    __SSlider: "___SSlider_1u1a7_gg_"
   })
 ), 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));
+    var r = v.scrollWidth, l = v.clientWidth, a = v.scrollHeight, e = v.clientHeight, i = v.scrollLeft, o = v.scrollTop, n = r - l, u = a - e;
+    d && (d.setAttribute("aria-valuenow", Math.floor(i)), d.setAttribute("aria-valuemax", n)), t && (t.setAttribute("aria-valuenow", Math.floor(o)), t.setAttribute("aria-valuemax", u));
   }
 }, x = /* @__PURE__ */ function(B) {
   Y(d, B);
@@ -37,8 +37,8 @@ var I = (
   function d() {
     var t;
     T(this, d);
-    for (var r = arguments.length, l = new Array(r), o = 0; o < r; o++)
-      l[o] = arguments[o];
+    for (var r = arguments.length, l = new Array(r), a = 0; a < r; a++)
+      l[a] = arguments[a];
     return t = v.call.apply(v, [this].concat(l)), s(f(t), "$bar", null), s(f(t), "$slider", null), s(f(t), "sliderStyle", {
       width: k,
       height: k
@@ -59,8 +59,8 @@ var I = (
     }), s(f(t), "refBar", function(e) {
       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), Z(t.$container, u == null ? void 0 : u.current, c == null ? void 0 : c.current);
+      var o = t.getOrientation(), n = t.asProps, u = n.horizontalBarRef, c = n.verticalBarRef;
+      o === "horizontal" && u && (u.current = i), o === "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() {
@@ -77,14 +77,14 @@ var I = (
       }
     }), s(f(t), "handleScroll", function() {
       if (!(!t.$container || !t.$slider)) {
-        var e = t.$container, i = e.scrollTop, a = e.scrollLeft, n = t.getOrientation();
-        n === "horizontal" ? t.$slider.style.transform = "translateX(".concat(a * t.kefScroll.x, "px)") : n === "vertical" && (t.$slider.style.transform = "translateY(".concat(i * t.kefScroll.y, "px)"));
+        var e = t.$container, i = e.scrollTop, o = e.scrollLeft, n = t.getOrientation();
+        n === "horizontal" ? t.$slider.style.transform = "translateX(".concat(o * t.kefScroll.x, "px)") : n === "vertical" && (t.$slider.style.transform = "translateY(".concat(i * t.kefScroll.y, "px)"));
       }
     }), s(f(t), "handleSelectStartDocument", function(e) {
       return e.preventDefault();
     }), s(f(t), "handleMouseMoveDocument", function(e) {
-      var i = e.pageX, a = e.pageY, n = t._scroll, u = n.left, c = n.top, h = t.kefScroll, p = h.x, _ = h.y, g = t.getOrientation();
-      g === "horizontal" ? t.$container.scrollLeft = t.calculateScrollByDiff(i, t._mouse.pageX, u, p) : g === "vertical" && (t.$container.scrollTop = t.calculateScrollByDiff(a, t._mouse.pageY, c, _));
+      var i = e.pageX, o = e.pageY, n = t._scroll, u = n.left, c = n.top, h = t.kefScroll, p = h.x, _ = h.y, g = t.getOrientation();
+      g === "horizontal" ? t.$container.scrollLeft = t.calculateScrollByDiff(i, t._mouse.pageX, u, p) : g === "vertical" && (t.$container.scrollTop = t.calculateScrollByDiff(o, t._mouse.pageY, c, _));
     }), s(f(t), "handleMouseUpDocument", function() {
       document.removeEventListener("mousemove", t.handleMouseMoveDocument, !0), document.removeEventListener("mouseup", t.handleMouseUpDocument, !0), document.removeEventListener("selectstart", t.handleSelectStartDocument, !0);
     }), s(f(t), "handleMouseDownSlider", function(e) {
@@ -92,15 +92,15 @@ var I = (
         pageX: e.pageX,
         pageY: e.pageY
       };
-      var i = t.$container, a = i.scrollLeft, n = i.scrollTop;
+      var i = t.$container, o = i.scrollLeft, n = i.scrollTop;
       t._scroll = {
-        left: a,
+        left: o,
         top: n
       }, document.addEventListener("mousemove", t.handleMouseMoveDocument, !0), document.addEventListener("mouseup", t.handleMouseUpDocument, !0), document.addEventListener("selectstart", t.handleSelectStartDocument, !0);
     }), s(f(t), "handleMouseDownBar", function(e) {
       e.stopPropagation();
-      var i = e.pageX, a = e.pageY, n = window, u = n.pageXOffset, c = n.pageYOffset, h = t.$bar.getBoundingClientRect(), p = h.left, _ = h.top, g = t.getOrientation();
-      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));
+      var i = e.pageX, o = e.pageY, n = window, u = n.pageXOffset, c = n.pageYOffset, h = t.$bar.getBoundingClientRect(), p = h.left, _ = h.top, g = t.getOrientation();
+      g === "horizontal" ? t.$container.scrollLeft = t.calculateScrollByClick(p, u, i, t.kefBar.x, t.kefScroll.x) : g === "vertical" && (t.$container.scrollTop = t.calculateScrollByClick(_, c, o, t.kefBar.y, t.kefScroll.y));
     }), t;
   }
   return X(d, [{
@@ -111,65 +111,65 @@ var I = (
   }, {
     key: "calculateVisibleScroll",
     value: function() {
-      var r = this.getOrientation(), l = this.calculateOrientation(), o = M(l, 2), e = o[0], i = o[1];
+      var r = this.getOrientation(), l = this.calculateOrientation(), a = M(l, 2), e = a[0], i = a[1];
       return e && r === "horizontal" ? !0 : !!(i && r === "vertical");
     }
   }, {
     key: "calculateKefScroll",
     value: function() {
-      var r = this.$container, l = r.clientWidth, o = r.clientHeight, e = r.scrollWidth, i = r.scrollHeight, a = this.$bar, n = a.clientWidth, u = a.clientHeight, c = this.sliderStyle, h = c.width, p = c.height;
+      var r = this.$container, l = r.clientWidth, a = r.clientHeight, e = r.scrollWidth, i = r.scrollHeight, o = this.$bar, n = o.clientWidth, u = o.clientHeight, c = this.sliderStyle, h = c.width, p = c.height;
       return {
         x: (n - h) / (e - l),
-        y: (u - p) / (i - o)
+        y: (u - p) / (i - a)
       };
     }
   }, {
     key: "calculateKefBar",
     value: function() {
-      var r = this.$bar, l = r.clientWidth, o = r.clientHeight, e = this.sliderStyle, i = e.width, a = e.height;
+      var r = this.$bar, l = r.clientWidth, a = r.clientHeight, e = this.sliderStyle, i = e.width, o = e.height;
       return {
         x: (l - i) / l,
-        y: (o - a) / o
+        y: (a - o) / a
       };
     }
   }, {
     key: "calculateSliderStyle",
     value: function() {
-      var r = this.$bar, l = r.clientWidth, o = r.clientHeight, e = this.$container, i = e.scrollWidth, a = e.scrollHeight, n = function(c, h) {
+      var r = this.$bar, l = r.clientWidth, a = r.clientHeight, e = this.$container, i = e.scrollWidth, o = e.scrollHeight, n = function(c, h) {
         var p = Math.min(c / h, 1);
         return Math.round(c * p);
       };
       return {
         width: Math.max(n(l, i), k),
-        height: Math.max(n(o, a), k)
+        height: Math.max(n(a, o), k)
       };
     }
   }, {
     key: "calculateScrollByClick",
-    value: function(r, l, o, e, i) {
-      var a = r + l, n = (o - a) * e;
+    value: function(r, l, a, e, i) {
+      var o = r + l, n = (a - o) * e;
       return n / i;
     }
   }, {
     key: "calculateScrollByDiff",
-    value: function(r, l, o, e) {
-      var i = r - l, a = o * e + i;
-      return a / e;
+    value: function(r, l, a, e) {
+      var i = r - l, o = a * e + i;
+      return o / e;
     }
   }, {
     key: "calculateOrientation",
     value: function() {
       if (!this.$container) return [!1, !1];
-      var r = this.$container, l = r.scrollWidth, o = r.scrollHeight, e = r.clientWidth, i = r.clientHeight;
-      return [l > e, o > i];
+      var r = this.$container, l = r.scrollWidth, a = r.scrollHeight, e = r.clientWidth, i = r.clientHeight;
+      return [l > e, a > i];
     }
   }, {
     key: "getOrientation",
     value: function() {
       if (this.asProps.orientation !== void 0) return this.asProps.orientation;
-      var r = this.calculateOrientation(), l = M(r, 2), o = l[0], e = l[1];
+      var r = this.calculateOrientation(), l = M(r, 2), a = l[0], e = l[1];
       if (e) return "vertical";
-      if (o) return "horizontal";
+      if (a) return "horizontal";
     }
   }, {
     key: "subscribe",
@@ -202,7 +202,7 @@ var I = (
   }, {
     key: "render",
     value: function() {
-      var r = this.asProps, l, o = P, e = this.asProps, i = e.styles, a = e.uid, n = e.position, u = e.container, c = e.orientation, h = e.hideFromScreenReaders, p = this.state.visibleScroll, _ = this.asProps, g = _.leftOffset, m = _.rightOffset, S = _.topOffset, y = _.bottomOffset;
+      var r = this.asProps, l, a = P, e = this.asProps, i = e.styles, o = e.uid, n = e.position, u = e.container, c = e.orientation, h = e.hideFromScreenReaders, p = this.state.visibleScroll, _ = this.asProps, g = _.leftOffset, m = _.rightOffset, S = _.topOffset, y = _.bottomOffset;
       if (!p)
         return null;
       var b = 0;
@@ -214,7 +214,7 @@ var I = (
         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({
+      return l = H(i), /* @__PURE__ */ $.createElement(a, l.cn("SScrollBar", W({}, L({
         left: c === "horizontal" && g ? "".concat(g, "px") : void 0,
         right: c === "horizontal" && m ? "".concat(m, "px") : void 0,
         top: c === "vertical" && S ? "".concat(S, "px") : void 0,
@@ -224,7 +224,7 @@ var I = (
         "aria-hidden": h ? "true" : void 0,
         ref: this.refBar,
         "aria-valuemin": h ? void 0 : 0,
-        "aria-controls": h ? void 0 : "igc-".concat(a, "-scroll-container"),
+        "aria-controls": h ? void 0 : "igc-".concat(o, "-scroll-container"),
         "aria-orientation": h ? void 0 : this.getOrientation(),
         onMouseDown: this.handleMouseDownBar,
         orientation: this.getOrientation()

package/scroll-area/package.json

@@ -1 +1 @@
-{"name":"intergalactic/scroll-area","description":"Semrush ScrollArea Component","version":"5.45.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/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/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.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/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/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_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_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__*/, "1umcv_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1umcv_gg_",
-  "_size_m": "_size_m_1umcv_gg_",
-  "__SSearchClear": "___SSearchClear_1umcv_gg_",
-  "_hide": "__hide_1umcv_gg_",
-  "__SOutline": "___SOutline_1umcv_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_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__*/, "1tr1j_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1tr1j_gg_",
+  "_size_m": "_size_m_1tr1j_gg_",
+  "__SSearchClear": "___SSearchClear_1tr1j_gg_",
+  "_hide": "__hide_1tr1j_gg_",
+  "__SOutline": "___SOutline_1tr1j_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);
@@ -64,12 +64,8 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getValueProps",
     value: function getValueProps() {
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        getI18nText = _this$asProps.getI18nText;
+      var getI18nText = this.asProps.getI18nText;
       return {
-        value: value,
-        onChange: this.handlers.value,
         autoFocus: true,
         ref: this.inputRef,
         placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
@@ -79,9 +75,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getClearProps",
     value: function getClearProps() {
-      var _this$asProps2 = this.asProps,
-        value = _this$asProps2.value,
-        getI18nText = _this$asProps2.getI18nText;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        getI18nText = _this$asProps.getI18nText;
       return {
         ref: this.closeIconRef,
         /* hide through css because the width of the input changes */
@@ -98,11 +94,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
         _ref5;
       var Value = InputSearch.Value;
       var SInputSearch = _input["default"];
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        styles = _this$asProps3.styles,
-        hasChildren = _this$asProps3.children,
-        Children = _this$asProps3.Children;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        styles = _this$asProps2.styles,
+        hasChildren = _this$asProps2.children,
+        Children = _this$asProps2.Children;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
         "size": size || this.context.size || 'm',
         "styles": styles