intergalactic 15.126.0-prerelease.11 → 15.126.0-prerelease.12

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 v from "@babel/runtime/helpers/esm/objectSpread2";
+import k from "@babel/runtime/helpers/esm/assertThisInitialized";
+import R from "@babel/runtime/helpers/esm/classCallCheck";
+import V from "@babel/runtime/helpers/esm/createClass";
+import D from "@babel/runtime/helpers/esm/inherits";
+import T from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as Y } from 'intergalactic/utils/lib/core/index';
+import w, { CONTEXT_COMPONENT as j, assignProps as P, Component as E, sstyled as m } 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 re from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import te 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 _e from 'intergalactic/utils/lib/logger';
+import { Text as ie } from 'intergalactic/typography';
+var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
+  /*__reshadow_css_start__*/
+  (Y.insert(
+    /*__inner_css_start__*/
+    '.___SRadio_1d5zc_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1d5zc_gg_ .___SText_1d5zc_gg_.__color_1d5zc_gg_{color:var(--color_1d5zc)}.___SRadio_1d5zc_gg_.__disabled_1d5zc_gg_{pointer-events:none}.___SText_1d5zc_gg_._size_m_1d5zc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1d5zc_gg_._size_l_1d5zc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1d5zc_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1d5zc_gg_::after,.___SValue_1d5zc_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1d5zc_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1d5zc_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1d5zc_gg_.__disabled_1d5zc_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_1d5zc_gg_._size_m_1d5zc_gg_{width:16px;height:16px}.___SValue_1d5zc_gg_._size_m_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:14px;height:14px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_{width:20px;height:20px}.___SValue_1d5zc_gg_._size_l_1d5zc_gg_ .___SInvalidPattern_1d5zc_gg_:before{width:18px;height:18px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1d5zc_gg_._state_invalid_1d5zc_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1d5zc_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_m_1d5zc_gg_::after{width:6px;height:6px}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_._size_l_1d5zc_gg_::after{width:8px;height:8px}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__keyboardFocused_1d5zc_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_1d5zc_gg_._state_invalid_1d5zc_gg_.__keyboardFocused_1d5zc_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1d5zc_gg_:checked~.___SValue_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc);background-color:var(--theme_1d5zc)}.___SValue_1d5zc_gg_._state_normal_1d5zc_gg_.__theme_1d5zc_gg_::before{border-color:var(--theme_1d5zc)}.___SInvalidPattern_1d5zc_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1d5zc_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)}',
+    "1d5zc_gg_"
+  ), {
+    __SRadio: "___SRadio_1d5zc_gg_",
+    _disabled: "__disabled_1d5zc_gg_",
+    __SText: "___SText_1d5zc_gg_",
+    _size_m: "_size_m_1d5zc_gg_",
+    _size_l: "_size_l_1d5zc_gg_",
+    __SValue: "___SValue_1d5zc_gg_",
+    _state_normal: "_state_normal_1d5zc_gg_",
+    _state_invalid: "_state_invalid_1d5zc_gg_",
+    __SControl: "___SControl_1d5zc_gg_",
+    _keyboardFocused: "__keyboardFocused_1d5zc_gg_",
+    _theme: "__theme_1d5zc_gg_",
+    "--theme": "--theme_1d5zc",
+    _color: "__color_1d5zc_gg_",
+    "--color": "--color_1d5zc",
+    __SInvalidPattern: "___SInvalidPattern_1d5zc_gg_"
+  })
+), $ = /* @__PURE__ */ function(g) {
+  D(i, g);
+  var o = T(i);
+  function i() {
+    return R(this, i), o.apply(this, arguments);
+  }
+  return V(i, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "setContext",
+    value: function() {
+      var r = this.asProps, e = r.theme, a = r.size, _ = r.name, n = r.value, s = r.onChange, d = r.disabled;
+      return {
+        onChange: s,
+        value: n,
+        theme: e,
+        size: a,
+        name: _,
+        disabled: d
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this.asProps, e = this.asProps.Children;
+      return /* @__PURE__ */ l.createElement(Z, P({
+        direction: "column",
+        role: "group",
+        __excludeProps: ["onChange"]
+      }, r), /* @__PURE__ */ l.createElement(e, null));
+    }
+  }]), i;
+}(E);
+c($, "displayName", "RadioGroup");
+c($, "defaultProps", {
+  defaultValue: null
+});
+var U = w($), S = /* @__PURE__ */ function(g) {
+  D(i, g);
+  var o = T(i);
+  function i() {
+    var t;
+    R(this, i);
+    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
+      e[a] = arguments[a];
+    return t = o.call.apply(o, [this].concat(e)), c(k(t), "state", {
+      hoistedDisabled: void 0
+    }), c(k(t), "hoistDisabled", function(_) {
+      _e.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.", t.asProps["data-ui-name"]), t.setState({
+        hoistedDisabled: _
+      });
+    }), t;
+  }
+  return V(i, [{
+    key: "getTextProps",
+    value: function() {
+      var r = A(this.asProps, this.context), e = r.size, a = e === void 0 ? "m" : e, _ = r.disabled, n = r.label, s = this.state.hoistedDisabled, d = {
+        size: a,
+        children: n,
+        disabled: _ ?? s,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+      return d;
+    }
+  }, {
+    key: "getValueProps",
+    value: function() {
+      var r, e = A(this.asProps, this.context), a = e.size, _ = a === void 0 ? "m" : a, n = e.state, s = n === void 0 ? "normal" : n, d = e.theme, p = e.disabled, z = e.name, u = this.asProps, h = u.value, f = u.checked, x = this.state.hoistedDisabled;
+      return {
+        size: (r = this.props.size) !== null && r !== void 0 ? r : _,
+        disabled: p ?? x,
+        state: s,
+        theme: d,
+        value: h,
+        checked: f,
+        name: z,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this.asProps, e, a = I, _ = this.asProps, n = _.styles, s = _.Children, d = _.children;
+      return e = m(n), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", v({}, P({
+        tag: "label",
+        __excludeProps: ["onChange", "label", "disabled"]
+      }, r))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value, null), /* @__PURE__ */ l.createElement(C.Text, null)));
+    }
+  }]), i;
+}(E);
+c(S, "displayName", "Radio");
+c(S, "style", B);
+c(S, "contextType", U[j]);
+var b = /* @__PURE__ */ function(g) {
+  D(i, g);
+  var o = T(i);
+  function i() {
+    var t;
+    R(this, i);
+    for (var r = arguments.length, e = new Array(r), a = 0; a < r; a++)
+      e[a] = arguments[a];
+    return t = o.call.apply(o, [this].concat(e)), c(k(t), "bindHandlerChange", function(_) {
+      return function(n) {
+        typeof t.context.onChange == "function" && t.context.onChange(_, n);
+      };
+    }), t;
+  }
+  return V(i, [{
+    key: "uncontrolledProps",
+    value: function() {
+      return {
+        checked: function(e) {
+          return e.target.checked;
+        }
+      };
+    }
+  }, {
+    key: "getControlProps",
+    value: function() {
+      var r = this.context.value, e = this.asProps, a = e.forwardRef, _ = e.includeInputProps, n = e.state, s = e.value, d = O(this.asProps, _), p = G(d, 1), z = p[0], u = s ?? "", h = v(v({
+        ref: a,
+        state: n
+      }, z), {}, {
+        value: u
+      });
+      if (r !== void 0) {
+        var f = this.props, x = f.onChange;
+        f.onClick, h.checked = r === u, h.onChange = H(x, this.bindHandlerChange(u));
+      }
+      return h;
+    }
+  }, {
+    key: "getRadioMarkProps",
+    value: function() {
+      var r = this.context.value, e = this.asProps, a = e.size, _ = e.state, n = e.theme, s = e.keyboardFocused, d = e.value, p = e.tag, z = e.disabled, u = e.includeInputProps, h = e.resolveColor, f = N(e, ne), x = O(f, u), F = G(x, 2), J = F[0], y = F[1];
+      y.children, y.Children;
+      var K = N(y, le), L = d ?? "", M = v({
+        theme: n,
+        size: a,
+        state: _,
+        keyboardFocused: s,
+        disabled: z,
+        resolveColor: h,
+        checked: J.checked
+      }, K);
+      if (r !== void 0) {
+        var Q = this.props.onClick;
+        p !== "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 r, e = this.asProps, a = e.styles, _ = e.children, n = e.Children;
+      return _ ? (r = m(a), /* @__PURE__ */ l.createElement(n, r.cn("Children", {}))) : (m(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(C.Value.Control, null), /* @__PURE__ */ l.createElement(C.Value.RadioMark, null)));
+    }
+  }]), i;
+}(E);
+c(b, "defaultProps", {
+  includeInputProps: ae,
+  defaultChecked: !1
+});
+c(b, "enhance", [re(), te()]);
+c(b, "displayName", "Value");
+c(b, "contextType", U[j]);
+c(b, "style", B);
+var W = function(o) {
+  var i = arguments[0], t, r = I, e = o.styles, a = o.state;
+  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SControl", v({}, P({
+    tag: "input",
+    type: "radio",
+    "aria-invalid": a === "invalid"
+  }, i))));
+};
+W.displayName = "Control";
+var X = function(o) {
+  var i = arguments[0], t, r = I, e = ee, a = o.theme, _ = o.styles, n = o.resolveColor, s = o.state, d = o.checked;
+  return t = m(_), /* @__PURE__ */ l.createElement(r, t.cn("SValue", v({}, P({
+    tag: "div",
+    "use:theme": n(a),
+    "aria-hidden": !0
+  }, i))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, t.cn("SInvalidPattern", {})));
+};
+X.displayName = "RadioMark";
+var q = function(o) {
+  var i = arguments[0], t, r = ie, e = o.styles, a = o.color;
+  l.useEffect(function() {
+    o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
+  }, [o.rootDisabled, o.disabled, o.hoistDisabled]);
+  var _ = oe();
+  return t = m(e), /* @__PURE__ */ l.createElement(r, t.cn("SText", v({}, P({
+    tag: "span",
+    "use:color": _(a)
+  }, i))));
+};
+q.displayName = "Text";
+var se = w(b, {
+  Control: W,
+  RadioMark: X
+}), C = w(S, {
+  Text: q,
+  Value: se
+}), Te = function(o) {
+  return o;
+};
+export {
+  U as RadioGroup,
+  C 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.11","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.11","@semcore/flex-box":"5.41.0-prerelease.11","@semcore/typography":"5.52.0-prerelease.11"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.11","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.0-prerelease.12","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-prerelease.12","@semcore/flex-box":"5.41.0-prerelease.12","@semcore/typography":"5.52.0-prerelease.12"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.12","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/esm/ScrollArea.mjs

@@ -0,0 +1,272 @@
+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 L from "@babel/runtime/helpers/esm/inherits";
+import N from "@babel/runtime/helpers/esm/createSuper";
+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 f 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 { 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';
+import Q, { setAreaValue as X } from "./ScrollBar.mjs";
+import E from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import Y from 'intergalactic/utils/lib/uniqueID';
+import Z from 'intergalactic/utils/lib/canUseDOM';
+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: "___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_"
+  })
+), A = void 0;
+typeof window < "u" && (A = new Event("calculate"));
+var P = /* @__PURE__ */ f.forwardRef(function(h, v) {
+  h.position;
+  var p = U(h, tt);
+  return /* @__PURE__ */ f.createElement(R, D({
+    ref: v
+  }, p));
+}), w = /* @__PURE__ */ function(h) {
+  L(p, h);
+  var v = N(p);
+  function p(d) {
+    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", {
+      shadowHorizontal: !1,
+      shadowVertical: !1
+    }), s(g(t), "refWrapper", function(e) {
+      t.$wrapper = J(e);
+    }), 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);
+    }), s(g(t), "calculate", O(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() {
+      X(t.$container, t.horizontalBarRef.current, t.verticalBarRef.current);
+    })), s(g(t), "handleScrollContainer", O(function() {
+      t.$container && (t.setShadowContainer(), t.updateBarsAria());
+    })), 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);
+    }), s(g(t), "handleFocusIn", function(e) {
+      setTimeout(function() {
+        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 l = t.$container.getBoundingClientRect(), n = e.target.getBoundingClientRect(), c = {
+            top: _ ?? 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
+            });
+          }
+        }
+      }, 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() {
+      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");
+      }
+    }), Z() && (t.observer = new ResizeObserver(B(d.onResize, t.calculate))), t;
+  }
+  return F(p, [{
+    key: "$container",
+    get: function() {
+      return k(this.asProps.container);
+    }
+  }, {
+    key: "$inner",
+    get: function() {
+      return k(this.asProps.inner);
+    }
+  }, {
+    key: "calculateSizeContainer",
+    value: (
+      // for max height/width
+      function() {
+        var t = this.asProps, e = t.wMax, o = t.hMax, r = t.observeParentSize, i = {
+          width: "",
+          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 = {
+          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")));
+          }
+          _ > y ? i.width = "".concat(y, "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")));
+          }
+          u > m ? i.height = "".concat(m, "px") : i.height = "100%";
+        }
+        return i;
+      }
+    )
+  }, {
+    key: "getContainerProps",
+    value: function() {
+      var t = this.asProps, e = t.container, o = t.inner, r = t.onScroll, i = t.uid;
+      return {
+        id: "igc-".concat(i, "-scroll-container"),
+        ref: e,
+        $refInner: o,
+        onScroll: B(r, this.handleScrollContainer)
+      };
+    }
+  }, {
+    key: "getBarProps",
+    value: function() {
+      var t = this.asProps, e = t.container, o = t.orientation, r = t.uid, i = t.leftOffset, a = t.rightOffset;
+      return {
+        container: e,
+        orientation: o,
+        uid: r,
+        horizontalBarRef: this.horizontalBarRef,
+        verticalBarRef: this.verticalBarRef,
+        leftOffset: i,
+        rightOffset: a
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function() {
+      var t;
+      if (this.calculate(), this.updateBarsAria(), this.$inner) {
+        var e;
+        (e = this.observer) === null || e === void 0 || e.observe(this.$inner);
+      }
+      if (this.$container) {
+        var o;
+        (o = this.observer) === null || o === void 0 || o.observe(this.$container);
+      }
+      (t = this.$inner) === null || t === void 0 || t.addEventListener("focusin", this.handleFocusIn);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      this.calculate();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      var t, e;
+      (t = this.observer) === null || t === void 0 || t.disconnect(), (e = this.$inner) === null || e === void 0 || e.removeEventListener("focusin", this.handleFocusIn);
+    }
+  }, {
+    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({
+        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, {
+        tabIndex: n
+      }, /* @__PURE__ */ f.createElement(_, e.cn("Children", {}))), (l === void 0 || l === "horizontal") && /* @__PURE__ */ f.createElement(b.Bar, {
+        orientation: "horizontal"
+      }), (l === void 0 || l === "vertical") && /* @__PURE__ */ f.createElement(b.Bar, {
+        orientation: "vertical"
+      })), x && /* @__PURE__ */ f.createElement(r, e.cn("SShadowVertical", {
+        position: x,
+        topOffset: S ? "".concat(S, "px") : void 0,
+        bottomOffset: z ? "".concat(z, "px") : void 0
+      })), C && /* @__PURE__ */ f.createElement(i, e.cn("SShadowHorizontal", {
+        position: C,
+        leftOffset: y ? "".concat(y, "px") : void 0,
+        rightOffset: m ? "".concat(m, "px") : void 0
+      })));
+    }
+  }]), p;
+}(G);
+s(w, "displayName", "ScrollArea");
+s(w, "style", et);
+s(w, "enhance", [Y(), E()]);
+s(w, "defaultProps", function() {
+  return {
+    container: /* @__PURE__ */ f.createRef(),
+    inner: /* @__PURE__ */ f.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({
+    tabIndex: 0,
+    focusRingTopOffset: i,
+    focusRingRightOffset: _,
+    focusRingBottomOffset: l,
+    focusRingLeftOffset: c
+  }, v))), /* @__PURE__ */ f.createElement("div", p.cn("div", {
+    ref: o
+  }), /* @__PURE__ */ f.createElement(t, p.cn("Children", {}))));
+}
+I.enhance = [E()];
+var b = q(w, {
+  Container: I,
+  Bar: Q
+});
+export {
+  b as ScrollArea,
+  b as default,
+  A as eventCalculate
+};