intergalactic 15.101.0 → 15.102.0-prerelease.0

package/radio/lib/es6/Radio.js

@@ -24,22 +24,22 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_1r93t_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1r93t_gg_ .___SText_1r93t_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1r93t_gg_ .___SText_1r93t_gg_.__color_1r93t_gg_{color:var(--color_1r93t)}.___SRadio_1r93t_gg_.__disabled_1r93t_gg_{pointer-events:none}.___SText_1r93t_gg_._size_m_1r93t_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1r93t_gg_._size_l_1r93t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1r93t_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1r93t_gg_::after,.___SValue_1r93t_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1r93t_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1r93t_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1r93t_gg_.__disabled_1r93t_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_1r93t_gg_._size_m_1r93t_gg_{width:16px;height:16px}.___SValue_1r93t_gg_._size_l_1r93t_gg_{width:20px;height:20px}.___SValue_1r93t_gg_._state_normal_1r93t_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1r93t_gg_._state_invalid_1r93t_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1r93t_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1r93t_gg_:checked~.___SValue_1r93t_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1r93t_gg_:checked~.___SValue_1r93t_gg_._size_m_1r93t_gg_::after{width:6px;height:6px}.___SControl_1r93t_gg_:checked~.___SValue_1r93t_gg_._size_l_1r93t_gg_::after{width:8px;height:8px}.___SValue_1r93t_gg_._state_normal_1r93t_gg_.__keyboardFocused_1r93t_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_1r93t_gg_._state_invalid_1r93t_gg_.__keyboardFocused_1r93t_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1r93t_gg_:checked~.___SValue_1r93t_gg_.__theme_1r93t_gg_::before{border-color:var(--theme_1r93t);background-color:var(--theme_1r93t)}.___SValue_1r93t_gg_._state_normal_1r93t_gg_.__theme_1r93t_gg_::before{border-color:var(--theme_1r93t)}.___SInvalidPattern_1r93t_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "1r93t_gg_") /*__reshadow_css_end__*/, {
-  "__SRadio": "___SRadio_1r93t_gg_",
-  "_disabled": "__disabled_1r93t_gg_",
-  "__SText": "___SText_1r93t_gg_",
-  "_size_m": "_size_m_1r93t_gg_",
-  "_size_l": "_size_l_1r93t_gg_",
-  "__SValue": "___SValue_1r93t_gg_",
-  "_state_normal": "_state_normal_1r93t_gg_",
-  "_state_invalid": "_state_invalid_1r93t_gg_",
-  "__SControl": "___SControl_1r93t_gg_",
-  "_keyboardFocused": "__keyboardFocused_1r93t_gg_",
-  "_theme": "__theme_1r93t_gg_",
-  "--theme": "--theme_1r93t",
-  "__SInvalidPattern": "___SInvalidPattern_1r93t_gg_",
-  "_color": "__color_1r93t_gg_",
-  "--color": "--color_1r93t"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_2hkb0_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_2hkb0_gg_ .___SText_2hkb0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_2hkb0_gg_ .___SText_2hkb0_gg_.__color_2hkb0_gg_{color:var(--color_2hkb0)}.___SRadio_2hkb0_gg_.__disabled_2hkb0_gg_{pointer-events:none}.___SText_2hkb0_gg_._size_m_2hkb0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_2hkb0_gg_._size_l_2hkb0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_2hkb0_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_2hkb0_gg_::after,.___SValue_2hkb0_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_2hkb0_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_2hkb0_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_2hkb0_gg_.__disabled_2hkb0_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_2hkb0_gg_._size_m_2hkb0_gg_{width:16px;height:16px}.___SValue_2hkb0_gg_._size_l_2hkb0_gg_{width:20px;height:20px}.___SValue_2hkb0_gg_._state_normal_2hkb0_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_2hkb0_gg_._state_invalid_2hkb0_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_2hkb0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_2hkb0_gg_:checked~.___SValue_2hkb0_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_2hkb0_gg_:checked~.___SValue_2hkb0_gg_._size_m_2hkb0_gg_::after{width:6px;height:6px}.___SControl_2hkb0_gg_:checked~.___SValue_2hkb0_gg_._size_l_2hkb0_gg_::after{width:8px;height:8px}.___SValue_2hkb0_gg_._state_normal_2hkb0_gg_.__keyboardFocused_2hkb0_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_2hkb0_gg_._state_invalid_2hkb0_gg_.__keyboardFocused_2hkb0_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_2hkb0_gg_:checked~.___SValue_2hkb0_gg_.__theme_2hkb0_gg_::before{border-color:var(--theme_2hkb0);background-color:var(--theme_2hkb0)}.___SValue_2hkb0_gg_._state_normal_2hkb0_gg_.__theme_2hkb0_gg_::before{border-color:var(--theme_2hkb0)}.___SInvalidPattern_2hkb0_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "2hkb0_gg_") /*__reshadow_css_end__*/, {
+  "__SRadio": "___SRadio_2hkb0_gg_",
+  "_disabled": "__disabled_2hkb0_gg_",
+  "__SText": "___SText_2hkb0_gg_",
+  "_size_m": "_size_m_2hkb0_gg_",
+  "_size_l": "_size_l_2hkb0_gg_",
+  "__SValue": "___SValue_2hkb0_gg_",
+  "_state_normal": "_state_normal_2hkb0_gg_",
+  "_state_invalid": "_state_invalid_2hkb0_gg_",
+  "__SControl": "___SControl_2hkb0_gg_",
+  "_keyboardFocused": "__keyboardFocused_2hkb0_gg_",
+  "_theme": "__theme_2hkb0_gg_",
+  "--theme": "--theme_2hkb0",
+  "__SInvalidPattern": "___SInvalidPattern_2hkb0_gg_",
+  "_color": "__color_2hkb0_gg_",
+  "--color": "--color_2hkb0"
 });
 import logger from 'intergalactic/utils/lib/logger';
 import { Text as TypographyText } from 'intergalactic/typography';

package/radio/package.json

@@ -0,0 +1 @@
+{"name":"intergalactic/radio","description":"Semrush Radio Component","version":"6.33.0-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"},"dependencies":{"@semcore/utils":"4.32.0-prerelease.0","@semcore/flex-box":"5.31.0-prerelease.0","@semcore/typography":"5.40.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.0-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/index.d.ts

@@ -20,6 +20,12 @@ export type ScrollAreaProps = BoxProps & {
   /** Tab index that is being bypassed to the scroll container. */
   tabIndex?: number | null;
 
+  /**
+   * Flag to enable resizing if the parent of ScrollArea is resized
+   * @default false
+   */
+  observeParentSize?: boolean;
+
   topOffset?: number;
   rightOffset?: number;
   bottomOffset?: number;

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_48drj_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before,.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_48drj_gg_._position_median_48drj_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_48drj_gg_._position_median_48drj_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_48drj_gg_._position_start_48drj_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_48drj_gg_._position_end_48drj_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_48drj_gg_.__leftOffset_48drj_gg_:before{left:var(--leftOffset_48drj)}.___SShadowHorizontal_48drj_gg_.__rightOffset_48drj_gg_:after{right:var(--rightOffset_48drj)}.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_48drj_gg_._position_median_48drj_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_48drj_gg_._position_median_48drj_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_48drj_gg_._position_start_48drj_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_48drj_gg_._position_end_48drj_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_48drj_gg_.__topOffset_48drj_gg_:before{top:var(--topOffset_48drj)}.___SShadowVertical_48drj_gg_.__bottomOffset_48drj_gg_:after{bottom:var(--bottomOffset_48drj)}.___SContainer_48drj_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_48drj_gg_::-webkit-scrollbar{display:none}.___SContainer_48drj_gg_.__keyboardFocused_48drj_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_48drj);right:var(--focusRingRightOffset_48drj);bottom:var(--focusRingBottomOffset_48drj);left:var(--focusRingLeftOffset_48drj);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__*/, "48drj_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_48drj_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_48drj_gg_",
-  "_leftOffset": "__leftOffset_48drj_gg_",
-  "--leftOffset": "--leftOffset_48drj",
-  "_rightOffset": "__rightOffset_48drj_gg_",
-  "--rightOffset": "--rightOffset_48drj",
-  "__SShadowVertical": "___SShadowVertical_48drj_gg_",
-  "_topOffset": "__topOffset_48drj_gg_",
-  "--topOffset": "--topOffset_48drj",
-  "_bottomOffset": "__bottomOffset_48drj_gg_",
-  "--bottomOffset": "--bottomOffset_48drj",
-  "__SContainer": "___SContainer_48drj_gg_",
-  "_keyboardFocused": "__keyboardFocused_48drj_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_48drj",
-  "--focusRingRightOffset": "--focusRingRightOffset_48drj",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_48drj",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_48drj",
-  "_position_median": "_position_median_48drj_gg_",
-  "_position_start": "_position_start_48drj_gg_",
-  "_position_end": "_position_end_48drj_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_zdqvw_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_zdqvw_gg_:after,.___SShadowHorizontal_zdqvw_gg_:before,.___SShadowVertical_zdqvw_gg_:after,.___SShadowVertical_zdqvw_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_zdqvw_gg_:after,.___SShadowHorizontal_zdqvw_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_start_zdqvw_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_zdqvw_gg_._position_end_zdqvw_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_zdqvw_gg_.__leftOffset_zdqvw_gg_:before{left:var(--leftOffset_zdqvw)}.___SShadowHorizontal_zdqvw_gg_.__rightOffset_zdqvw_gg_:after{right:var(--rightOffset_zdqvw)}.___SShadowVertical_zdqvw_gg_:after,.___SShadowVertical_zdqvw_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_start_zdqvw_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_zdqvw_gg_._position_end_zdqvw_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_zdqvw_gg_.__topOffset_zdqvw_gg_:before{top:var(--topOffset_zdqvw)}.___SShadowVertical_zdqvw_gg_.__bottomOffset_zdqvw_gg_:after{bottom:var(--bottomOffset_zdqvw)}.___SContainer_zdqvw_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_zdqvw_gg_::-webkit-scrollbar{display:none}.___SContainer_zdqvw_gg_.__keyboardFocused_zdqvw_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_zdqvw);right:var(--focusRingRightOffset_zdqvw);bottom:var(--focusRingBottomOffset_zdqvw);left:var(--focusRingLeftOffset_zdqvw);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__*/, "zdqvw_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_zdqvw_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_zdqvw_gg_",
+  "_leftOffset": "__leftOffset_zdqvw_gg_",
+  "--leftOffset": "--leftOffset_zdqvw",
+  "_rightOffset": "__rightOffset_zdqvw_gg_",
+  "--rightOffset": "--rightOffset_zdqvw",
+  "__SShadowVertical": "___SShadowVertical_zdqvw_gg_",
+  "_topOffset": "__topOffset_zdqvw_gg_",
+  "--topOffset": "--topOffset_zdqvw",
+  "_bottomOffset": "__bottomOffset_zdqvw_gg_",
+  "--bottomOffset": "--bottomOffset_zdqvw",
+  "__SContainer": "___SContainer_zdqvw_gg_",
+  "_keyboardFocused": "__keyboardFocused_zdqvw_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_zdqvw",
+  "--focusRingRightOffset": "--focusRingRightOffset_zdqvw",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_zdqvw",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_zdqvw",
+  "_position_median": "_position_median_zdqvw_gg_",
+  "_position_start": "_position_start_zdqvw_gg_",
+  "_position_end": "_position_end_zdqvw_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
@@ -196,7 +196,10 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     value:
     // for max height/width
     function calculateSizeContainer() {
-      var _parent$getBoundingCl;
+      var _this$asProps2 = this.asProps,
+        wMax = _this$asProps2.wMax,
+        hMax = _this$asProps2.hMax,
+        observeParentSize = _this$asProps2.observeParentSize;
       var size = {
         width: '',
         height: ''
@@ -207,20 +210,23 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         scrollHeight = _this$$container2.scrollHeight;
       var style = window.getComputedStyle(this.$wrapper);
       var parent = this.$wrapper.parentElement;
-      var parentRect = (_parent$getBoundingCl = parent === null || parent === void 0 ? void 0 : parent.getBoundingClientRect()) !== null && _parent$getBoundingCl !== void 0 ? _parent$getBoundingCl : {
+      var parentRect = {
         width: 0,
         height: 0
       };
-      var _this$asProps2 = this.asProps,
-        wMax = _this$asProps2.wMax,
-        hMax = _this$asProps2.hMax;
-      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
-      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
+      if (observeParentSize) {
+        if (parent) {
+          parentRect = parent.getBoundingClientRect();
+        }
+        if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
+        if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
+      }
       var maxWidth = Number.parseInt(style.getPropertyValue('max-width'));
       var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
       if (maxWidth) {
-        if (wMax && parent.scrollWidth > parentRect.width) {
-          var diff = parent.scrollWidth - parentRect.width;
+        if (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {
+          /** even if width is like 100.486px we should round it to 100, not 101 */
+          var diff = Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));
           if (diff < maxWidth) {
             maxWidth = maxWidth - diff;
             this.$wrapper.style.setProperty('max-width', "".concat(maxWidth, "px"));
@@ -233,7 +239,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         }
       }
       if (maxHeight) {
-        if (hMax && parent.scrollHeight > parentRect.height) {
+        if (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {
           /** even if height is like 100.486px we should round it to 100, not 101 */
           var _diff = Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));
           if (_diff < maxHeight) {
@@ -363,7 +369,8 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
   return {
     container: /*#__PURE__*/_react["default"].createRef(),
     inner: /*#__PURE__*/_react["default"].createRef(),
-    tabIndex: 0
+    tabIndex: 0,
+    observeParentSize: false
   };
 });
 function ContainerRoot(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","element","propertyKey","value","propertyValue","concat","setProperty","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","_parent$getBoundingCl","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","_this$asProps2","wMax","hMax","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const parent = this.$wrapper.parentElement;\n    const parentRect = parent?.getBoundingClientRect() ?? { width: 0, height: 0 };\n    const { wMax, hMax } = this.asProps;\n\n    if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n    if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (wMax && parent.scrollWidth > parentRect.width) {\n        const diff = parent.scrollWidth - parentRect.width;\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}
+{"version":3,"file":"ScrollArea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactDom","_flexBox","_rafTrottle","_ref6","_findComponent","_assignProps3","_ScrollBar","_keyboardFocusEnhance","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","eventCalculate","undefined","exports","window","Event","BoxWithoutPosition","React","forwardRef","_ref5","ref","position","props","_objectWithoutProperties2","createElement","Box","_extends2","ScrollAreaRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","createRef","shadowHorizontal","shadowVertical","node","$wrapper","findDOMNode","element","propertyKey","value","propertyValue","concat","setProperty","trottle","$container","_this$calculateSizeCo","calculateSizeContainer","height","width","dispatchEvent","setShadowContainer","setAreaValue","horizontalBarRef","current","verticalBarRef","updateBarsAria","e","_e$target","target","isEqualNode","scrollTop","scrollLeft","setTimeout","_this$asProps","asProps","keyboardFocused","leftOffset","rightOffset","topOffset","bottomOffset","scrollTo","viewPort","getBoundingClientRect","offset","top","left","right","bottom","outOfViewport","Math","floor","scroll","maxScroll","orientation","roundedScroll","round","roundedMaxScroll","shadow","setState","_this$$container","scrollWidth","clientWidth","scrollHeight","clientHeight","maxScrollRight","maxScrollBottom","toggleShadow","canUseDOM","observer","ResizeObserver","callAllEventHandlers","onResize","calculate","_createClass2","key","get","getNodeByRef","container","inner","_this$asProps2","wMax","hMax","observeParentSize","size","_this$$container2","getComputedStyle","parent","parentElement","parentRect","setStyleSizeProperty","maxWidth","Number","parseInt","getPropertyValue","maxHeight","diff","toFixed","getContainerProps","_this$asProps3","onScroll","uid","id","$refInner","handleScrollContainer","getBarProps","_this$asProps4","componentDidMount","_this$$inner","$inner","_this$observer","observe","_this$observer2","addEventListener","handleFocusIn","componentDidUpdate","componentWillUnmount","_this$observer3","_this$$inner2","disconnect","removeEventListener","render","_ref","_ref3","SScrollArea","SShadowVertical","SShadowHorizontal","_this$asProps5","Children","styles","tabIndex","forcedAdvancedMode","_this$state","state","advancedMode","isAdvanceMode","ScrollArea","Container","displayName","Bar","cn","_objectSpread2","assignProps","refWrapper","handleScroll","Fragment","Component","uniqueIDEnhancement","keyboardFocusEnhance","ContainerRoot","_ref2","arguments[0]","_ref4","SContainer","_props$focusRingTopOf","focusRingTopOffset","_props$focusRingRight","focusRingRightOffset","_props$focusRingBotto","focusRingBottomOffset","_props$focusRingLeftO","focusRingLeftOffset","enhance","createComponent","BarRoot","_default"],"sources":["../../src/ScrollArea.jsx"],"sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport { getNodeByRef } from '@semcore/utils/lib/ref';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport BarRoot, { setAreaValue } from './ScrollBar';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/scroll-area.shadow.css';\n\nlet eventCalculate = undefined;\nif (typeof window !== 'undefined') {\n  eventCalculate = new Event('calculate');\n}\n\nconst BoxWithoutPosition = React.forwardRef(({ position, ...props }, ref) => (\n  <Box ref={ref} {...props} />\n));\n\nclass ScrollAreaRoot extends Component {\n  static displayName = 'ScrollArea';\n\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    container: React.createRef(),\n    inner: React.createRef(),\n    tabIndex: 0,\n    observeParentSize: false,\n  });\n\n  $wrapper = null;\n  observer = null;\n  horizontalBarRef = React.createRef();\n  verticalBarRef = React.createRef();\n\n  get $container() {\n    return getNodeByRef(this.asProps.container);\n  }\n\n  get $inner() {\n    return getNodeByRef(this.asProps.inner);\n  }\n\n  state = {\n    shadowHorizontal: false,\n    shadowVertical: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(callAllEventHandlers(props.onResize, this.calculate));\n    }\n  }\n\n  refWrapper = (node) => {\n    this.$wrapper = findDOMNode(node);\n  };\n\n  setStyleSizeProperty = (element, propertyKey, value) => {\n    let propertyValue = value;\n\n    if (typeof value === 'number') {\n      propertyValue = value < 1 ? `${100 * value}%` : `${value}px`;\n    }\n\n    element.style.setProperty(propertyKey, propertyValue);\n  };\n\n  // for max height/width\n  calculateSizeContainer() {\n    const { wMax, hMax, observeParentSize } = this.asProps;\n    const size = { width: '', height: '' };\n    if (!this.$container || !this.$wrapper) return size;\n    const { scrollWidth, scrollHeight } = this.$container;\n    const style = window.getComputedStyle(this.$wrapper);\n    const parent = this.$wrapper.parentElement;\n\n    let parentRect = { width: 0, height: 0 };\n\n    if (observeParentSize) {\n      if (parent) {\n        parentRect = parent.getBoundingClientRect();\n      }\n\n      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);\n      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);\n    }\n\n    let maxWidth = Number.parseInt(style.getPropertyValue('max-width'));\n    let maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n\n    if (maxWidth) {\n      if (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {\n        /** even if width is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));\n\n        if (diff < maxWidth) {\n          maxWidth = maxWidth - diff;\n\n          this.$wrapper.style.setProperty('max-width', `${maxWidth}px`);\n        }\n      }\n\n      if (scrollWidth > maxWidth) {\n        size.width = `${maxWidth}px`;\n      } else {\n        size.width = '100%';\n      }\n    }\n\n    if (maxHeight) {\n      if (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {\n        /** even if height is like 100.486px we should round it to 100, not 101 */\n        const diff =\n          Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));\n\n        if (diff < maxHeight) {\n          maxHeight = maxHeight - diff;\n\n          this.$wrapper.style.setProperty('max-height', `${maxHeight}px`);\n        }\n      }\n      if (scrollHeight > maxHeight) {\n        size.height = `${maxHeight}px`;\n      } else {\n        size.height = '100%';\n      }\n    }\n\n    return size;\n  }\n\n  calculate = trottle(() => {\n    if (!this.$container) return;\n\n    const { height, width } = this.calculateSizeContainer();\n    if (height) this.$container.style.height = height;\n    if (width) this.$container.style.width = width;\n    this.$container.dispatchEvent(eventCalculate);\n    this.setShadowContainer();\n  });\n\n  updateBarsAria = trottle(() => {\n    setAreaValue(this.$container, this.horizontalBarRef.current, this.verticalBarRef.current);\n  });\n\n  handleScrollContainer = trottle(() => {\n    if (!this.$container) return;\n    this.setShadowContainer();\n    this.updateBarsAria();\n  });\n\n  // FIX Chrome bug, when focus state on hide control\n  handleScroll = (e) => {\n    if (e.target?.isEqualNode(this.$wrapper)) {\n      e.target.scrollTop = 0;\n      e.target.scrollLeft = 0;\n    }\n  };\n\n  handleFocusIn = (e) => {\n    setTimeout(() => {\n      const { keyboardFocused, leftOffset, rightOffset, topOffset, bottomOffset } = this.asProps;\n\n      if (this.$container && typeof this.$container.scrollTo === 'function') {\n        const viewPort = this.$container.getBoundingClientRect();\n        const element = e.target.getBoundingClientRect();\n\n        const offset = {\n          top: topOffset ?? 0,\n          left: leftOffset ?? 0,\n          right: rightOffset ?? 0,\n          bottom: bottomOffset ?? 0,\n        };\n\n        if (viewPort) {\n          const outOfViewport =\n            Math.floor(element.top) >= viewPort.bottom - offset.bottom ||\n            Math.floor(element.bottom) <= viewPort.top + offset.top ||\n            Math.floor(element.left) >= viewPort.right - offset.right ||\n            Math.floor(element.right) <= viewPort.left + offset.left;\n\n          if (outOfViewport && keyboardFocused) {\n            this.$container.scrollTo({\n              top: element.top + this.$container.scrollTop - offset.top - viewPort.top,\n              left: element.left + this.$container.scrollLeft - offset.left - viewPort.left,\n            });\n          }\n        }\n      }\n    }, 0);\n  };\n\n  toggleShadow = (scroll, maxScroll, orientation) => {\n    const roundedScroll = Math.round(scroll);\n    const roundedMaxScroll = Math.round(maxScroll);\n    let shadow = '';\n    // not scroll\n    if (roundedMaxScroll <= 0) {\n      // start scroll\n    } else if (roundedScroll <= 0) {\n      shadow = 'end';\n      // end scroll\n    } else if (roundedScroll >= roundedMaxScroll) {\n      shadow = 'start';\n      // median scroll\n    } else if (roundedScroll > 0) {\n      shadow = 'median';\n    }\n    this.setState({\n      [orientation]: shadow,\n    });\n  };\n\n  setShadowContainer = () => {\n    if (!this.asProps.shadow || !this.$container || !this.$wrapper) return;\n\n    const { scrollWidth, clientWidth, scrollHeight, clientHeight, scrollLeft, scrollTop } =\n      this.$container;\n    const maxScrollRight = scrollWidth - clientWidth;\n    const maxScrollBottom = scrollHeight - clientHeight;\n\n    this.toggleShadow(scrollLeft, maxScrollRight, 'shadowHorizontal');\n    this.toggleShadow(scrollTop, maxScrollBottom, 'shadowVertical');\n  };\n\n  getContainerProps() {\n    const { container, inner, onScroll, uid } = this.asProps;\n    return {\n      id: `igc-${uid}-scroll-container`,\n      ref: container,\n      $refInner: inner,\n      onScroll: callAllEventHandlers(onScroll, this.handleScrollContainer),\n    };\n  }\n\n  getBarProps() {\n    const { container, orientation, uid, leftOffset, rightOffset } = this.asProps;\n\n    return {\n      container,\n      orientation,\n      uid,\n      horizontalBarRef: this.horizontalBarRef,\n      verticalBarRef: this.verticalBarRef,\n      leftOffset,\n      rightOffset,\n    };\n  }\n\n  componentDidMount() {\n    this.calculate();\n    this.updateBarsAria();\n    if (this.$inner) {\n      this.observer?.observe(this.$inner);\n    }\n    if (this.$container) {\n      this.observer?.observe(this.$container);\n    }\n\n    this.$inner?.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  componentDidUpdate() {\n    this.calculate();\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n    this.$inner?.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  render() {\n    const SScrollArea = Root;\n    const SShadowVertical = BoxWithoutPosition;\n    const SShadowHorizontal = BoxWithoutPosition;\n    const {\n      Children,\n      styles,\n      orientation,\n      tabIndex,\n      forcedAdvancedMode,\n      leftOffset,\n      rightOffset,\n      topOffset,\n      bottomOffset,\n    } = this.asProps;\n    const { shadowVertical, shadowHorizontal } = this.state;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [ScrollArea.Container.displayName, ScrollArea.Bar.displayName]);\n\n    return sstyled(styles)(\n      <SScrollArea\n        render={Box}\n        ref={this.refWrapper}\n        onScroll={this.handleScroll}\n        __excludeProps={['tabIndex']}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <>\n            <ScrollArea.Container tabIndex={tabIndex}>\n              <Children />\n            </ScrollArea.Container>\n            {(orientation === undefined || orientation === 'horizontal') && (\n              <ScrollArea.Bar orientation='horizontal' />\n            )}\n            {(orientation === undefined || orientation === 'vertical') && (\n              <ScrollArea.Bar orientation='vertical' />\n            )}\n          </>\n        )}\n        {shadowVertical && (\n          <SShadowVertical\n            position={shadowVertical}\n            topOffset={topOffset ? `${topOffset}px` : undefined}\n            bottomOffset={bottomOffset ? `${bottomOffset}px` : undefined}\n          />\n        )}\n        {shadowHorizontal && (\n          <SShadowHorizontal\n            position={shadowHorizontal}\n            leftOffset={leftOffset ? `${leftOffset}px` : undefined}\n            rightOffset={rightOffset ? `${rightOffset}px` : undefined}\n          />\n        )}\n      </SScrollArea>,\n    );\n  }\n}\n\nfunction ContainerRoot(props) {\n  const SContainer = Root;\n  const {\n    Children,\n    styles,\n    $refInner,\n    focusRingTopOffset = 0,\n    focusRingRightOffset = 0,\n    focusRingBottomOffset = 0,\n    focusRingLeftOffset = 0,\n  } = props;\n  return sstyled(styles)(\n    <SContainer\n      render={Box}\n      tabIndex={0}\n      focusRingTopOffset={focusRingTopOffset}\n      focusRingRightOffset={focusRingRightOffset}\n      focusRingBottomOffset={focusRingBottomOffset}\n      focusRingLeftOffset={focusRingLeftOffset}\n    >\n      <div ref={$refInner}>\n        <Children />\n      </div>\n    </SContainer>,\n  );\n}\n\nContainerRoot.enhance = [keyboardFocusEnhance()];\n\nconst ScrollArea = createComponent(ScrollAreaRoot, {\n  Container: ContainerRoot,\n  Bar: BarRoot,\n});\n\n// TODO: remove named ScrollArea export\nexport { eventCalculate, ScrollArea };\nexport default ScrollArea;\n"],"mappings":"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"}

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

@@ -21,12 +21,12 @@ var _reactDom = require("react-dom");
 var _flexBox = require("intergalactic/flex-box");
 var _ref5 = require("intergalactic/utils/lib/ref");
 /*__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_1j30l_gg_{position:absolute;display:flex}.___SScrollBar_1j30l_gg_._orientation_vertical_1j30l_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_1j30l_gg_._orientation_horizontal_1j30l_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_1j30l) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_1j30l_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__*/, "1j30l_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollBar": "___SScrollBar_1j30l_gg_",
-  "_orientation_vertical": "_orientation_vertical_1j30l_gg_",
-  "--offsetSum": "--offsetSum_1j30l",
-  "_orientation_horizontal": "_orientation_horizontal_1j30l_gg_",
-  "__SSlider": "___SSlider_1j30l_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SScrollBar_11dzi_gg_{position:absolute;display:flex}.___SScrollBar_11dzi_gg_._orientation_vertical_11dzi_gg_{top:var(--intergalactic-spacing-1x, 4px);right:0;width:8px;height:calc(100% - var(--offsetSum_11dzi) - var(--intergalactic-spacing-2x, 8px));justify-content:center}.___SScrollBar_11dzi_gg_._orientation_horizontal_11dzi_gg_{bottom:0;height:12px;align-items:center;width:calc(100% - var(--offsetSum_11dzi) - var(--intergalactic-spacing-2x, 8px))}.___SSlider_11dzi_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__*/, "11dzi_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollBar": "___SScrollBar_11dzi_gg_",
+  "_orientation_vertical": "_orientation_vertical_11dzi_gg_",
+  "--offsetSum": "--offsetSum_11dzi",
+  "_orientation_horizontal": "_orientation_horizontal_11dzi_gg_",
+  "__SSlider": "___SSlider_11dzi_gg_"
 });
 var DEFAULT_SLIDER_SIZE = 50;
 

package/scroll-area/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { NodeByRef } from '@semcore/utils/lib/ref';\n\n/** @deprecated */\nexport interface IScrollAreaProps extends ScrollAreaProps, UnknownProperties {}\nexport type ScrollAreaProps = BoxProps & {\n  /** Shadow display on container */\n  shadow?: boolean;\n  /** Scroll direction */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n  /** Link to the dom element that will be stretched along with the content */\n  inner?: NodeByRef;\n  /** Callback executed when container change size  */\n  onResize?: ResizeObserverCallback;\n  /** Called every time user scrolls area  */\n  onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /** Tab index that is being bypassed to the scroll container. */\n  tabIndex?: number | null;\n\n  /**\n   * Flag to enable resizing if the parent of ScrollArea is resized\n   * @default false\n   */\n  observeParentSize?: boolean;\n\n  topOffset?: number;\n  rightOffset?: number;\n  bottomOffset?: number;\n  leftOffset?: number;\n};\n\n/** @deprecated */\nexport interface IScrollAreaContext extends ScrollAreaContext, UnknownProperties {}\nexport type ScrollAreaContext = ScrollAreaProps & {\n  getContainerProps: PropGetterFn;\n  getBarProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IScrollBarProps extends ScrollBarProps, UnknownProperties {}\nexport type ScrollBarProps = BoxProps & {\n  /** The direction of the scroll that can be calculated automatically  */\n  orientation?: 'horizontal' | 'vertical';\n  /** Link to the dom element, which will be a container with overflow */\n  container?: NodeByRef;\n};\n\n/** @deprecated */\nexport interface IScrollBarContext extends ScrollBarContext, UnknownProperties {}\nexport type ScrollBarContext = ScrollBarProps & {\n  getSliderProps: PropGetterFn;\n};\n\nexport type ScrollAreaContainerProps = BoxProps & {\n  focusRingTopOffset?: string;\n  focusRingRightOffset?: string;\n  focusRingBottomOffset?: string;\n  focusRingLeftOffset?: string;\n};\n\ndeclare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {\n  Slider: typeof Box;\n};\n\ndeclare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {\n  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;\n  Bar: typeof ScrollBar;\n};\n\ndeclare const eventCalculate: any;\n\nexport { eventCalculate };\nexport default ScrollArea;\n"],"mappings":""}

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_48drj_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before,.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_48drj_gg_:after,.___SShadowHorizontal_48drj_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_48drj_gg_._position_median_48drj_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_48drj_gg_._position_median_48drj_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_48drj_gg_._position_start_48drj_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_48drj_gg_._position_end_48drj_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_48drj_gg_.__leftOffset_48drj_gg_:before{left:var(--leftOffset_48drj)}.___SShadowHorizontal_48drj_gg_.__rightOffset_48drj_gg_:after{right:var(--rightOffset_48drj)}.___SShadowVertical_48drj_gg_:after,.___SShadowVertical_48drj_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_48drj_gg_._position_median_48drj_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_48drj_gg_._position_median_48drj_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_48drj_gg_._position_start_48drj_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_48drj_gg_._position_end_48drj_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_48drj_gg_.__topOffset_48drj_gg_:before{top:var(--topOffset_48drj)}.___SShadowVertical_48drj_gg_.__bottomOffset_48drj_gg_:after{bottom:var(--bottomOffset_48drj)}.___SContainer_48drj_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_48drj_gg_::-webkit-scrollbar{display:none}.___SContainer_48drj_gg_.__keyboardFocused_48drj_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_48drj);right:var(--focusRingRightOffset_48drj);bottom:var(--focusRingBottomOffset_48drj);left:var(--focusRingLeftOffset_48drj);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__*/, "48drj_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_48drj_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_48drj_gg_",
-  "_leftOffset": "__leftOffset_48drj_gg_",
-  "--leftOffset": "--leftOffset_48drj",
-  "_rightOffset": "__rightOffset_48drj_gg_",
-  "--rightOffset": "--rightOffset_48drj",
-  "__SShadowVertical": "___SShadowVertical_48drj_gg_",
-  "_topOffset": "__topOffset_48drj_gg_",
-  "--topOffset": "--topOffset_48drj",
-  "_bottomOffset": "__bottomOffset_48drj_gg_",
-  "--bottomOffset": "--bottomOffset_48drj",
-  "__SContainer": "___SContainer_48drj_gg_",
-  "_keyboardFocused": "__keyboardFocused_48drj_gg_",
-  "--focusRingTopOffset": "--focusRingTopOffset_48drj",
-  "--focusRingRightOffset": "--focusRingRightOffset_48drj",
-  "--focusRingBottomOffset": "--focusRingBottomOffset_48drj",
-  "--focusRingLeftOffset": "--focusRingLeftOffset_48drj",
-  "_position_median": "_position_median_48drj_gg_",
-  "_position_start": "_position_start_48drj_gg_",
-  "_position_end": "_position_end_48drj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScrollArea_zdqvw_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_zdqvw_gg_:after,.___SShadowHorizontal_zdqvw_gg_:before,.___SShadowVertical_zdqvw_gg_:after,.___SShadowVertical_zdqvw_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none}.___SShadowHorizontal_zdqvw_gg_:after,.___SShadowHorizontal_zdqvw_gg_:before{top:0;width:5px;height:100%}.___SShadowHorizontal_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_start_zdqvw_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_zdqvw_gg_._position_end_zdqvw_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_zdqvw_gg_.__leftOffset_zdqvw_gg_:before{left:var(--leftOffset_zdqvw)}.___SShadowHorizontal_zdqvw_gg_.__rightOffset_zdqvw_gg_:after{right:var(--rightOffset_zdqvw)}.___SShadowVertical_zdqvw_gg_:after,.___SShadowVertical_zdqvw_gg_:before{left:0;width:100%;height:5px}.___SShadowVertical_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_median_zdqvw_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_zdqvw_gg_._position_start_zdqvw_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_zdqvw_gg_._position_end_zdqvw_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_zdqvw_gg_.__topOffset_zdqvw_gg_:before{top:var(--topOffset_zdqvw)}.___SShadowVertical_zdqvw_gg_.__bottomOffset_zdqvw_gg_:after{bottom:var(--bottomOffset_zdqvw)}.___SContainer_zdqvw_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_zdqvw_gg_::-webkit-scrollbar{display:none}.___SContainer_zdqvw_gg_.__keyboardFocused_zdqvw_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_zdqvw);right:var(--focusRingRightOffset_zdqvw);bottom:var(--focusRingBottomOffset_zdqvw);left:var(--focusRingLeftOffset_zdqvw);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__*/, "zdqvw_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_zdqvw_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_zdqvw_gg_",
+  "_leftOffset": "__leftOffset_zdqvw_gg_",
+  "--leftOffset": "--leftOffset_zdqvw",
+  "_rightOffset": "__rightOffset_zdqvw_gg_",
+  "--rightOffset": "--rightOffset_zdqvw",
+  "__SShadowVertical": "___SShadowVertical_zdqvw_gg_",
+  "_topOffset": "__topOffset_zdqvw_gg_",
+  "--topOffset": "--topOffset_zdqvw",
+  "_bottomOffset": "__bottomOffset_zdqvw_gg_",
+  "--bottomOffset": "--bottomOffset_zdqvw",
+  "__SContainer": "___SContainer_zdqvw_gg_",
+  "_keyboardFocused": "__keyboardFocused_zdqvw_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_zdqvw",
+  "--focusRingRightOffset": "--focusRingRightOffset_zdqvw",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_zdqvw",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_zdqvw",
+  "_position_median": "_position_median_zdqvw_gg_",
+  "_position_start": "_position_start_zdqvw_gg_",
+  "_position_end": "_position_end_zdqvw_gg_"
 });
 var eventCalculate = undefined;
 if (typeof window !== 'undefined') {
@@ -189,7 +189,10 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
     value:
     // for max height/width
     function calculateSizeContainer() {
-      var _parent$getBoundingCl;
+      var _this$asProps2 = this.asProps,
+        wMax = _this$asProps2.wMax,
+        hMax = _this$asProps2.hMax,
+        observeParentSize = _this$asProps2.observeParentSize;
       var size = {
         width: '',
         height: ''
@@ -200,20 +203,23 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         scrollHeight = _this$$container2.scrollHeight;
       var style = window.getComputedStyle(this.$wrapper);
       var parent = this.$wrapper.parentElement;
-      var parentRect = (_parent$getBoundingCl = parent === null || parent === void 0 ? void 0 : parent.getBoundingClientRect()) !== null && _parent$getBoundingCl !== void 0 ? _parent$getBoundingCl : {
+      var parentRect = {
         width: 0,
         height: 0
       };
-      var _this$asProps2 = this.asProps,
-        wMax = _this$asProps2.wMax,
-        hMax = _this$asProps2.hMax;
-      if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
-      if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
+      if (observeParentSize) {
+        if (parent) {
+          parentRect = parent.getBoundingClientRect();
+        }
+        if (wMax) this.setStyleSizeProperty(this.$wrapper, 'max-width', wMax);
+        if (hMax) this.setStyleSizeProperty(this.$wrapper, 'max-height', hMax);
+      }
       var maxWidth = Number.parseInt(style.getPropertyValue('max-width'));
       var maxHeight = Number.parseInt(style.getPropertyValue('max-height'));
       if (maxWidth) {
-        if (wMax && parent.scrollWidth > parentRect.width) {
-          var diff = parent.scrollWidth - parentRect.width;
+        if (observeParentSize && wMax && parent.scrollWidth > parentRect.width) {
+          /** even if width is like 100.486px we should round it to 100, not 101 */
+          var diff = Math.round(parent.scrollWidth.toFixed(1)) - Math.round(parentRect.width.toFixed(1));
           if (diff < maxWidth) {
             maxWidth = maxWidth - diff;
             this.$wrapper.style.setProperty('max-width', "".concat(maxWidth, "px"));
@@ -226,7 +232,7 @@ var ScrollAreaRoot = /*#__PURE__*/function (_Component) {
         }
       }
       if (maxHeight) {
-        if (hMax && parent.scrollHeight > parentRect.height) {
+        if (observeParentSize && hMax && parent.scrollHeight > parentRect.height) {
           /** even if height is like 100.486px we should round it to 100, not 101 */
           var _diff = Math.round(parent.scrollHeight.toFixed(1)) - Math.round(parentRect.height.toFixed(1));
           if (_diff < maxHeight) {
@@ -356,7 +362,8 @@ _defineProperty(ScrollAreaRoot, "defaultProps", function () {
   return {
     container: /*#__PURE__*/React.createRef(),
     inner: /*#__PURE__*/React.createRef(),
-    tabIndex: 0
+    tabIndex: 0,
+    observeParentSize: false
   };
 });
 function ContainerRoot(props) {