intergalactic 15.126.0-prerelease.9 → 15.126.1-prerelease.0

package/radio/lib/esm/Radio.mjs

@@ -0,0 +1,273 @@
+import N from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import G from "@babel/runtime/helpers/esm/slicedToArray";
+import h from "@babel/runtime/helpers/esm/objectSpread2";
+import R from "@babel/runtime/helpers/esm/assertThisInitialized";
+import V from "@babel/runtime/helpers/esm/classCallCheck";
+import z from "@babel/runtime/helpers/esm/createClass";
+import D from "@babel/runtime/helpers/esm/inherits";
+import T from "@babel/runtime/helpers/esm/createSuper";
+import g from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as Y } from 'intergalactic/utils/lib/core/index';
+import w, { CONTEXT_COMPONENT as j, assignProps as C, Component as E, sstyled as v } from 'intergalactic/core';
+import l from "react";
+import { Flex as Z, Box as I, InvalidStateBox as ee } from 'intergalactic/flex-box';
+import A, { callAllEventHandlers as H } from 'intergalactic/utils/lib/assignProps';
+import te from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import re from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import O, { inputProps as ae } from 'intergalactic/utils/lib/inputProps';
+import { inputProps as Ie } from 'intergalactic/utils/lib/inputProps';
+import { useColorResolver as oe } from 'intergalactic/utils/lib/use/useColorResolver';
+import ne from 'intergalactic/utils/lib/logger';
+import { Text as _e } from 'intergalactic/typography';
+var ie = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
+  /*__reshadow_css_start__*/
+  (Y.insert(
+    /*__inner_css_start__*/
+    '.___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
+    "n8xmt_gg_"
+  ), {
+    __SRadio: "___SRadio_n8xmt_gg_",
+    _disabled: "__disabled_n8xmt_gg_",
+    __SText: "___SText_n8xmt_gg_",
+    _size_m: "_size_m_n8xmt_gg_",
+    _size_l: "_size_l_n8xmt_gg_",
+    __SValue: "___SValue_n8xmt_gg_",
+    _state_normal: "_state_normal_n8xmt_gg_",
+    _state_invalid: "_state_invalid_n8xmt_gg_",
+    __SControl: "___SControl_n8xmt_gg_",
+    _keyboardFocused: "__keyboardFocused_n8xmt_gg_",
+    _theme: "__theme_n8xmt_gg_",
+    "--theme": "--theme_n8xmt",
+    _color: "__color_n8xmt_gg_",
+    "--color": "--color_n8xmt",
+    __SInvalidPattern: "___SInvalidPattern_n8xmt_gg_"
+  })
+), $ = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    return V(this, _), o.apply(this, arguments);
+  }
+  return z(_, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "setContext",
+    value: function() {
+      var t = this.asProps, e = t.theme, a = t.size, n = t.name, i = t.value, s = t.onChange, d = t.disabled;
+      return {
+        onChange: s,
+        value: i,
+        theme: e,
+        size: a,
+        name: n,
+        disabled: d
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, e = this.asProps.Children;
+      return /* @__PURE__ */ l.createElement(Z, C({
+        direction: "column",
+        role: "group",
+        __excludeProps: ["onChange"]
+      }, t), /* @__PURE__ */ l.createElement(e, null));
+    }
+  }]), _;
+}(E);
+g($, "displayName", "RadioGroup");
+g($, "defaultProps", {
+  defaultValue: null
+});
+var U = w($), y = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    var r;
+    V(this, _);
+    for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
+      e[a] = arguments[a];
+    return r = o.call.apply(o, [this].concat(e)), g(R(r), "state", {
+      hoistedDisabled: void 0
+    }), g(R(r), "hoistDisabled", function(n) {
+      ne.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", r.asProps["data-ui-name"]), r.setState({
+        hoistedDisabled: n
+      });
+    }), r;
+  }
+  return z(_, [{
+    key: "getTextProps",
+    value: function() {
+      var t = A(this.asProps, this.context), e = t.size, a = e === void 0 ? "m" : e, n = t.disabled, i = t.label, s = this.state.hoistedDisabled, d = {
+        size: a,
+        children: i,
+        disabled: n ?? s,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+      return d;
+    }
+  }, {
+    key: "getValueProps",
+    value: function() {
+      var t, e = A(this.asProps, this.context), a = e.size, n = a === void 0 ? "m" : a, i = e.state, s = i === void 0 ? "normal" : i, d = e.theme, m = e.disabled, b = e.name, u = this.asProps, p = u.value, x = u.checked, P = this.state.hoistedDisabled;
+      return {
+        size: (t = this.props.size) !== null && t !== void 0 ? t : n,
+        disabled: m ?? P,
+        state: s,
+        theme: d,
+        value: p,
+        checked: x,
+        name: b,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.asProps, e, a = I, n = this.asProps, i = n.styles, s = n.Children, d = n.children;
+      return e = v(i), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", h({}, C({
+        tag: "label",
+        __excludeProps: ["onChange", "label", "disabled"]
+      }, t))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value, null), /* @__PURE__ */ l.createElement(S.Text, null)));
+    }
+  }]), _;
+}(E);
+g(y, "displayName", "Radio");
+g(y, "style", B);
+g(y, "contextType", U[j]);
+var f = /* @__PURE__ */ function(c) {
+  D(_, c);
+  var o = T(_);
+  function _() {
+    var r;
+    V(this, _);
+    for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
+      e[a] = arguments[a];
+    return r = o.call.apply(o, [this].concat(e)), g(R(r), "bindHandlerChange", function(n) {
+      return function(i) {
+        typeof r.context.onChange == "function" && r.context.onChange(n, i);
+      };
+    }), r;
+  }
+  return z(_, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        checked: function(e) {
+          return e.target.checked;
+        }
+      };
+    }
+  }, {
+    key: "getControlProps",
+    value: function() {
+      var t = this.context.value, e = this.asProps, a = e.forwardRef, n = e.includeInputProps, i = e.state, s = e.value, d = O(this.asProps, n), m = G(d, 1), b = m[0], u = s ?? "", p = h(h({
+        ref: a,
+        state: i
+      }, b), {}, {
+        value: u
+      });
+      if (t !== void 0) {
+        var x = this.props, P = x.onChange;
+        x.onClick, p.checked = t === u, p.onChange = H(P, this.bindHandlerChange(u));
+      }
+      return p;
+    }
+  }, {
+    key: "getRadioMarkProps",
+    value: function() {
+      var t = this.context.value, e = this.asProps, a = e.size, n = e.state, i = e.theme, s = e.keyboardFocused, d = e.value, m = e.tag, b = e.disabled, u = e.includeInputProps, p = e.resolveColor, x = N(e, ie), P = O(x, u), F = G(P, 2), J = F[0], k = F[1];
+      k.children, k.Children;
+      var K = N(k, le), L = d ?? "", M = h({
+        theme: i,
+        size: a,
+        state: n,
+        keyboardFocused: s,
+        disabled: b,
+        resolveColor: p,
+        checked: J.checked
+      }, K);
+      if (t !== void 0) {
+        var Q = this.props.onClick;
+        m !== "label" && (M.onClick = H(Q, this.bindHandlerChange(L)));
+      }
+      return M;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      this.asProps.rootDisabled !== this.asProps.disabled && this.asProps.hoistDisabled(this.asProps.disabled);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t, e = this.asProps, a = e.styles, n = e.children, i = e.Children;
+      return n ? (t = v(a), /* @__PURE__ */ l.createElement(i, t.cn("Children", {}))) : (v(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value.Control, null), /* @__PURE__ */ l.createElement(S.Value.RadioMark, null)));
+    }
+  }]), _;
+}(E);
+g(f, "defaultProps", {
+  includeInputProps: ae,
+  defaultChecked: !1
+});
+g(f, "enhance", [te(), re()]);
+g(f, "displayName", "Value");
+g(f, "contextType", U[j]);
+g(f, "style", B);
+var W = function(o) {
+  var _ = arguments[0], r, t = I, e = o.styles, a = o.state;
+  return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SControl", h({}, C({
+    tag: "input",
+    type: "radio",
+    "aria-invalid": a === "invalid"
+  }, _))));
+};
+W.displayName = "Control";
+var X = function(o) {
+  var _ = arguments[0], r, t = I, e = ee, a = o.theme, n = o.styles, i = o.resolveColor, s = o.state, d = o.checked;
+  return r = v(n), /* @__PURE__ */ l.createElement(t, r.cn("SValue", h({}, C({
+    tag: "div",
+    "use:theme": i(a),
+    "aria-hidden": !0
+  }, _))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, r.cn("SInvalidPattern", {})));
+};
+X.displayName = "RadioMark";
+var q = function(o) {
+  var _ = arguments[0], r, t = _e, e = o.styles, a = o.color;
+  l.useEffect(function() {
+    o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
+  }, [o.rootDisabled, o.disabled, o.hoistDisabled]);
+  var n = oe();
+  return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SText", h({}, C({
+    tag: "span",
+    "use:color": n(a)
+  }, _))));
+};
+q.displayName = "Text";
+var se = w(f, {
+  Control: W,
+  RadioMark: X
+}), S = w(y, {
+  Text: q,
+  Value: se
+}), Te = function(o) {
+  return o;
+};
+export {
+  U as RadioGroup,
+  S as default,
+  Ie as inputProps,
+  Te as wrapRadioGroup
+};

package/radio/lib/esm/index.mjs

@@ -0,0 +1,8 @@
+import { RadioGroup as p, default as a, wrapRadioGroup as t } from "./Radio.mjs";
+import { inputProps as d } from 'intergalactic/utils/lib/inputProps';
+export {
+  p as RadioGroup,
+  a as default,
+  d as inputProps,
+  t as wrapRadioGroup
+};

package/radio/package.json

@@ -1 +1 @@
-{"name":"intergalactic/radio","description":"Semrush Radio Component","version":"6.43.0-prerelease.9","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.47.1-prerelease.9","@semcore/flex-box":"5.41.0-prerelease.9","@semcore/typography":"5.52.0-prerelease.9"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.9","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/radio"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/radio","description":"Semrush Radio Component","version":"6.43.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && 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","@semcore/typography":"5.52.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/radio"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

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

@@ -30,27 +30,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["position"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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;
 exports.eventCalculate = eventCalculate;

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

@@ -22,12 +22,12 @@ var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 var _contextEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/contextEnhance"));
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.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__*/_index.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_"
 });
 var hideScrollBarsFromScreenReadersContext = /*#__PURE__*/_react["default"].createContext(false);
 exports.hideScrollBarsFromScreenReadersContext = hideScrollBarsFromScreenReadersContext;

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;