@true-engineering/true-react-common-ui-kit 4.0.0-alpha37 → 4.0.0-alpha39

package/dist/true-react-common-ui-kit.umd.cjs

@@ -1320,7 +1320,7 @@
       _defineProperties$2(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$1b(obj, key, value) {
+  function _define_property$1f(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1371,7 +1371,7 @@
   function _non_iterable_spread$c() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$18(target) {
+  function _object_spread$1c(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1381,7 +1381,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$1b(target, key, source[key]);
+        _define_property$1f(target, key, source[key]);
       });
     }
     return target;
@@ -1513,7 +1513,7 @@
               first
             ].concat(_to_consumable_array$c(rest))) : first;
             var rules = this.addRules(styles);
-            var classes = _object_spread$18({}, _class_private_field_get$1(this, _classes));
+            var classes = _object_spread$1c({}, _class_private_field_get$1(this, _classes));
             rules.forEach(function(rule, key) {
               classes[key] = trueReactPlatformHelpers.joinStrings([
                 classes[key],
@@ -1648,7 +1648,7 @@
       _defineProperties$1(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$1a(obj, key, value) {
+  function _define_property$1e(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1661,7 +1661,7 @@
     }
     return obj;
   }
-  function _object_spread$17(target) {
+  function _object_spread$1b(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1671,7 +1671,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$1a(target, key, source[key]);
+        _define_property$1e(target, key, source[key]);
       });
     }
     return target;
@@ -1767,7 +1767,7 @@
               meta: _class_private_field_get(this, _name),
               generateId: jssContext.generateId
             });
-            var classes = _object_spread$17({}, sheet.classes);
+            var classes = _object_spread$1b({}, sheet.classes);
             var manager = new TweakStylesManager({
               sheet,
               classes
@@ -1784,7 +1784,7 @@
     ]);
     return ThemedStylesManager2;
   }();
-  function _define_property$19(obj, key, value) {
+  function _define_property$1d(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1797,7 +1797,7 @@
     }
     return obj;
   }
-  function _object_spread$16(target) {
+  function _object_spread$1a(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1807,12 +1807,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$19(target, key, source[key]);
+        _define_property$1d(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$V(object, enumerableOnly) {
+  function ownKeys$Y(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -1825,12 +1825,12 @@
     }
     return keys;
   }
-  function _object_spread_props$V(target, source) {
+  function _object_spread_props$Y(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$V(Object(source)).forEach(function(key) {
+      ownKeys$Y(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -1841,7 +1841,7 @@
     var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
     var context = React.useContext(JssContext);
     var value = React.useMemo(function() {
-      return _object_spread_props$V(_object_spread$16({}, context), {
+      return _object_spread_props$Y(_object_spread$1a({}, context), {
         tweakStylesArch: tweakStylesArch !== null && tweakStylesArch !== void 0 ? tweakStylesArch : context.tweakStylesArch,
         generateId: generateId !== null && generateId !== void 0 ? generateId : context.generateId
       });
@@ -1880,7 +1880,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$18(obj, key, value) {
+  function _define_property$1c(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1924,7 +1924,7 @@
   function _non_iterable_rest$q() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$15(target) {
+  function _object_spread$19(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -1934,12 +1934,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$18(target, key, source[key]);
+        _define_property$1c(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$U(object, enumerableOnly) {
+  function ownKeys$X(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -1952,12 +1952,12 @@
     }
     return keys;
   }
-  function _object_spread_props$U(target, source) {
+  function _object_spread_props$X(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$U(Object(source)).forEach(function(key) {
+      ownKeys$X(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -2017,7 +2017,7 @@
           tweakStylesStrategy,
           tweakStyles
         ]);
-        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$U(_object_spread$15({}, data), {
+        return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$X(_object_spread$19({}, data), {
           theme
         }) : data);
       }
@@ -6518,7 +6518,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$p(arr);
   }
-  function _define_property$17(obj, key, value) {
+  function _define_property$1b(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6538,7 +6538,7 @@
   function _non_iterable_spread$a() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$14(target) {
+  function _object_spread$18(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -6548,7 +6548,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$17(target, key, source[key]);
+        _define_property$1b(target, key, source[key]);
       });
     }
     return target;
@@ -6604,7 +6604,7 @@
           },
           {
             name: "flip",
-            options: _object_spread$14({
+            options: _object_spread$18({
               fallbackPlacements: canBeFlipped ? [
                 "bottom-start",
                 "top-start"
@@ -6991,13 +6991,13 @@
     "status-warning": statusWarning,
     "trash-can": trashCan
   };
-  var useStyles$W = createThemedStyles("Icon", {
+  var useStyles$Y = createThemedStyles("Icon", {
     root: {
       display: "flex",
       alignItems: "center"
     }
   });
-  function _define_property$16(obj, key, value) {
+  function _define_property$1a(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7010,7 +7010,7 @@
     }
     return obj;
   }
-  function _object_spread$13(target) {
+  function _object_spread$17(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7020,12 +7020,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$16(target, key, source[key]);
+        _define_property$1a(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$T(object, enumerableOnly) {
+  function ownKeys$W(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7038,12 +7038,12 @@
     }
     return keys;
   }
-  function _object_spread_props$T(target, source) {
+  function _object_spread_props$W(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$T(Object(source)).forEach(function(key) {
+      ownKeys$W(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7052,7 +7052,7 @@
   var Icon = function(param) {
     var type = param.type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
     var _theme_icons;
-    var classes = useStyles$W({
+    var classes = useStyles$Y({
       theme: tweakStyles
     });
     var theme = useTheme();
@@ -7062,7 +7062,7 @@
       console.error("Иконки ".concat(type, " не существует"));
       return null;
     }
-    return /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$13({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$W(_object_spread$17({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       dangerouslySetInnerHTML: {
@@ -7084,7 +7084,7 @@
       });
     }
   });
-  var useStyles$V = createThemedStyles("WithPopup", {
+  var useStyles$X = createThemedStyles("WithPopup", {
     trigger: {
       width: "fit-content"
     },
@@ -7131,7 +7131,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$m(arr);
   }
-  function _define_property$15(obj, key, value) {
+  function _define_property$19(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7182,7 +7182,7 @@
   function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$12(target) {
+  function _object_spread$16(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7192,12 +7192,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$15(target, key, source[key]);
+        _define_property$19(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$S(object, enumerableOnly) {
+  function ownKeys$V(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7210,12 +7210,12 @@
     }
     return keys;
   }
-  function _object_spread_props$S(target, source) {
+  function _object_spread_props$V(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$S(Object(source)).forEach(function(key) {
+      ownKeys$V(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7242,7 +7242,7 @@
   }
   var WithPopup = function(param) {
     var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _param_middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, arrowProps = param.arrowProps, popupData = param.popupData, _param_shouldStopPropagation = param.shouldStopPropagation, shouldStopPropagation = _param_shouldStopPropagation === void 0 ? eventType === "click" : _param_shouldStopPropagation, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldShowArrow = param.shouldShowArrow, shouldShowArrow = _param_shouldShowArrow === void 0 ? false : _param_shouldShowArrow, _param_isMinWidthSameAsTrigger = param.isMinWidthSameAsTrigger, isMinWidthSameAsTrigger = _param_isMinWidthSameAsTrigger === void 0 ? false : _param_isMinWidthSameAsTrigger, hoverOptions = param.hoverOptions, clickOptions = param.clickOptions, focusOptions = param.focusOptions, dismissOptions = param.dismissOptions, transitionOptions = param.transitionOptions, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
-    var classes = useStyles$V({
+    var classes = useStyles$X({
       theme: tweakStyles
     });
     var _useState = _sliced_to_array$m(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
@@ -7273,7 +7273,7 @@
       placement,
       onOpenChange: handleToggle
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-    var hover = react.useHover(context, _object_spread$12({
+    var hover = react.useHover(context, _object_spread$16({
       enabled: eventType === "hover",
       delay: {
         open: hoverDelay,
@@ -7281,13 +7281,13 @@
       },
       handleClose: react.safePolygon()
     }, hoverOptions));
-    var focus = react.useFocus(context, _object_spread$12({
+    var focus = react.useFocus(context, _object_spread$16({
       enabled: eventType === "hover"
     }, focusOptions));
-    var click = react.useClick(context, _object_spread$12({
+    var click = react.useClick(context, _object_spread$16({
       enabled: eventType === "click"
     }, clickOptions));
-    var dismiss = react.useDismiss(context, _object_spread$12({
+    var dismiss = react.useDismiss(context, _object_spread$16({
       enabled: eventType === "click",
       ancestorScroll: shouldHideOnScroll
     }, dismissOptions));
@@ -7297,22 +7297,22 @@
       focus,
       dismiss
     ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-    var _useTransitionStatus = react.useTransitionStatus(context, _object_spread$12({
+    var _useTransitionStatus = react.useTransitionStatus(context, _object_spread$16({
       duration: {
         close: 500
       }
     }, transitionOptions)), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
-    var referenceProps = getReferenceProps(_object_spread$12({
+    var referenceProps = getReferenceProps(_object_spread$16({
       ref: refs.setReference
     }, shouldStopPropagation && {
       onClick: trueReactPlatformHelpers.stopPropagation
     }));
     var triggerElement = trueReactPlatformHelpers.applyAction(trigger, {
       referenceProps: !isTriggerWrapped ? referenceProps : void 0,
-      triggerProps: _object_spread$12({
+      triggerProps: _object_spread$16({
         isActive,
         isDisabled
-      }, !isTriggerWrapped && _object_spread$12({
+      }, !isTriggerWrapped && _object_spread$16({
         data,
         testId
       }, referenceProps))
@@ -7320,14 +7320,14 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
-        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$12({
-          className: clsx(classes.trigger, (_obj2 = {}, _define_property$15(_obj2, classes.clickable, eventType === "click"), _define_property$15(_obj2, classes.disabled, isDisabled), _define_property$15(_obj2, classes.active, isActive), _obj2))
+        isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$V(_object_spread$16({
+          className: clsx(classes.trigger, (_obj2 = {}, _define_property$19(_obj2, classes.clickable, eventType === "click"), _define_property$19(_obj2, classes.disabled, isDisabled), _define_property$19(_obj2, classes.active, isActive), _obj2))
         }, referenceProps, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
         isMounted && /* @__PURE__ */ jsx(react.FloatingPortal, {
           root: shouldRenderInBody ? document.body : refs.reference.current,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$12({
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$V(_object_spread$16({
             ref: refs.setFloating,
             style: floatingStyles,
             className: classes.popup
@@ -7335,7 +7335,7 @@
             children: /* @__PURE__ */ jsxs("div", {
               className: classes["dropdown-".concat(status)],
               children: [
-                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$S(_object_spread$12({}, arrowProps), {
+                shouldShowArrow && /* @__PURE__ */ jsx(react.FloatingArrow, _object_spread_props$V(_object_spread$16({}, arrowProps), {
                   ref: arrowRef,
                   context,
                   className: classes.arrow
@@ -7352,9 +7352,9 @@
     });
   };
   var ITEM_HORIZONTAL_PADDING = 16;
-  var ICON_SIZE$1 = 20;
+  var ICON_SIZE = 20;
   var ICON_GAP = 12;
-  var useStyles$U = createThemedStyles("ListItem", {
+  var useStyles$W = createThemedStyles("ListItem", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -7382,18 +7382,18 @@
       backgroundColor: colors.BORDER_LIGHT
     },
     withIconGap: {
-      paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
+      paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE + ICON_GAP
     },
     icon: {
-      width: ICON_SIZE$1,
-      height: ICON_SIZE$1,
+      width: ICON_SIZE,
+      height: ICON_SIZE,
       flexShrink: 0
     },
     content: {
       flexGrow: 1
     }
   });
-  function _define_property$14(obj, key, value) {
+  function _define_property$18(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7406,7 +7406,7 @@
     }
     return obj;
   }
-  function _object_spread$11(target) {
+  function _object_spread$15(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7416,12 +7416,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$14(target, key, source[key]);
+        _define_property$18(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$R(object, enumerableOnly) {
+  function ownKeys$U(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7434,12 +7434,12 @@
     }
     return keys;
   }
-  function _object_spread_props$R(target, source) {
+  function _object_spread_props$U(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$R(Object(source)).forEach(function(key) {
+      ownKeys$U(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7447,7 +7447,7 @@
   }
   var ListItem = function(param) {
     var icon = param.icon, item = param.item, nestedItems = param.nestedItems, isDisabled = param.disabled, isFocused = param.isFocused, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
-    var classes = useStyles$U({
+    var classes = useStyles$W({
       theme: tweakStyles
     });
     var _obj2;
@@ -7456,9 +7456,9 @@
         shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
           className: classes.spacer
         }),
-        /* @__PURE__ */ jsxs("div", _object_spread_props$R(_object_spread$11({
-          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$14(_obj2, classes.disabledItem, isDisabled), _define_property$14(_obj2, classes.withIconGap, withIconGap), _define_property$14(_obj2, classes.focused, isFocused), _obj2))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$11({}, data), {
+        /* @__PURE__ */ jsxs("div", _object_spread_props$U(_object_spread$15({
+          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$18(_obj2, classes.disabledItem, isDisabled), _define_property$18(_obj2, classes.withIconGap, withIconGap), _define_property$18(_obj2, classes.focused, isFocused), _obj2))
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$U(_object_spread$15({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -7484,7 +7484,7 @@
       ]
     });
   };
-  var useStyles$T = createThemedStyles("List", {
+  var useStyles$V = createThemedStyles("List", {
     root: {
       minWidth: 180,
       backgroundColor: colors.CLASSIC_WHITE,
@@ -7505,7 +7505,7 @@
       width: "100%"
     }
   };
-  function _define_property$13(obj, key, value) {
+  function _define_property$17(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7518,7 +7518,7 @@
     }
     return obj;
   }
-  function _object_spread$10(target) {
+  function _object_spread$14(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7528,12 +7528,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$13(target, key, source[key]);
+        _define_property$17(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$Q(object, enumerableOnly) {
+  function ownKeys$T(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7546,12 +7546,12 @@
     }
     return keys;
   }
-  function _object_spread_props$Q(target, source) {
+  function _object_spread_props$T(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$Q(Object(source)).forEach(function(key) {
+      ownKeys$T(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7559,7 +7559,7 @@
   }
   var List = function(param) {
     var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
-    var classes = useStyles$T({
+    var classes = useStyles$V({
       theme: tweakStyles
     });
     var handleItemClick = function(event, param2) {
@@ -7573,11 +7573,11 @@
       var isHidden = param2.isHidden;
       return !isHidden;
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$Q(_object_spread$10({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$T(_object_spread$14({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: filteredItems.map(function(item, i) {
-        var itemProps = _object_spread_props$Q(_object_spread$10({
+        var itemProps = _object_spread_props$T(_object_spread$14({
           testId: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
           shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -7595,7 +7595,7 @@
             shouldRenderInBody: false,
             trigger: function(param2) {
               var triggerProps = param2.triggerProps;
-              return /* @__PURE__ */ jsx(ListItem, _object_spread_props$Q(_object_spread$10({}, itemProps), {
+              return /* @__PURE__ */ jsx(ListItem, _object_spread_props$T(_object_spread$14({}, itemProps), {
                 isFocused: triggerProps.isActive
               }));
             },
@@ -7606,13 +7606,13 @@
                 onClick
               })
             })
-          }) : /* @__PURE__ */ jsx(ListItem, _object_spread$10({}, itemProps))
+          }) : /* @__PURE__ */ jsx(ListItem, _object_spread$14({}, itemProps))
         }, i);
       })
     }));
   };
   var ANIMATION_TIMEOUT = 150;
-  function _define_property$12(obj, key, value) {
+  function _define_property$16(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7625,7 +7625,7 @@
     }
     return obj;
   }
-  function _object_spread$$(target) {
+  function _object_spread$13(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7635,12 +7635,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$12(target, key, source[key]);
+        _define_property$16(target, key, source[key]);
       });
     }
     return target;
   }
-  var useStyles$S = createThemedStyles("AccountInfo", _object_spread$$({
+  var useStyles$U = createThemedStyles("AccountInfo", _object_spread$13({
     root: {
       display: "flex"
     },
@@ -7694,7 +7694,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$11(obj, key, value) {
+  function _define_property$15(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7738,7 +7738,7 @@
   function _non_iterable_rest$l() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$_(target) {
+  function _object_spread$12(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7748,12 +7748,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$11(target, key, source[key]);
+        _define_property$15(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$P(object, enumerableOnly) {
+  function ownKeys$S(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7766,12 +7766,12 @@
     }
     return keys;
   }
-  function _object_spread_props$P(target, source) {
+  function _object_spread_props$S(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$P(Object(source)).forEach(function(key) {
+      ownKeys$S(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7795,7 +7795,7 @@
   }
   var AccountInfo = function(param) {
     var data = param.data, testId = param.testId, avatar2 = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-    var classes = useStyles$S({
+    var classes = useStyles$U({
       theme: tweakStyles
     });
     var tweakListStyles = useTweakStyles({
@@ -7815,7 +7815,7 @@
     useOnClickOutsideWithRef(dropdownRef, function() {
       return setIsMenuOpen(false);
     }, nameRef);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$P(_object_spread$_({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$S(_object_spread$12({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -7865,7 +7865,7 @@
       ]
     }));
   };
-  var useStyles$R = createThemedStyles("AddButton", {
+  var useStyles$T = createThemedStyles("AddButton", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -7891,7 +7891,7 @@
       width: "100%"
     }
   });
-  function _define_property$10(obj, key, value) {
+  function _define_property$14(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7904,7 +7904,7 @@
     }
     return obj;
   }
-  function _object_spread$Z(target) {
+  function _object_spread$11(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -7914,12 +7914,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$10(target, key, source[key]);
+        _define_property$14(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$O(object, enumerableOnly) {
+  function ownKeys$R(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -7932,12 +7932,12 @@
     }
     return keys;
   }
-  function _object_spread_props$O(target, source) {
+  function _object_spread_props$R(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$O(Object(source)).forEach(function(key) {
+      ownKeys$R(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -7945,10 +7945,10 @@
   }
   var AddButton = function(param) {
     var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$R({
+    var classes = useStyles$T({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$O(_object_spread$Z({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$R(_object_spread$11({
       type,
       className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
       onClick: !isDisabled ? onClick : void 0,
@@ -7967,7 +7967,7 @@
       ]
     }));
   };
-  var useStyles$Q = createThemedStyles("DotsPreloader", {
+  var useStyles$S = createThemedStyles("DotsPreloader", {
     root: {
       display: "flex",
       gap: 4,
@@ -8013,7 +8013,7 @@
   });
   var DotsPreloader = function(param) {
     var tweakStyles = param.tweakStyles;
-    var classes = useStyles$Q({
+    var classes = useStyles$S({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -8079,7 +8079,7 @@
       ]
     });
   };
-  var useStyles$P = createThemedStyles("SvgPreloader", {
+  var useStyles$R = createThemedStyles("SvgPreloader", {
     root: {
       display: "flex",
       width: "100%",
@@ -8089,7 +8089,7 @@
   var SvgPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
     var _theme_preloaders;
-    var classes = useStyles$P({
+    var classes = useStyles$R({
       theme: tweakStyles
     });
     var theme = useTheme();
@@ -8103,7 +8103,7 @@
       }
     }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
   };
-  var useStyles$O = createThemedStyles("ThemedPreloader", {
+  var useStyles$Q = createThemedStyles("ThemedPreloader", {
     root: {
       display: "flex"
     },
@@ -8114,7 +8114,7 @@
       color: "currentColor"
     }
   });
-  function _define_property$$(obj, key, value) {
+  function _define_property$13(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8127,7 +8127,7 @@
     }
     return obj;
   }
-  function _object_spread$Y(target) {
+  function _object_spread$10(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8137,12 +8137,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$$(target, key, source[key]);
+        _define_property$13(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$N(object, enumerableOnly) {
+  function ownKeys$Q(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8155,12 +8155,12 @@
     }
     return keys;
   }
-  function _object_spread_props$N(target, source) {
+  function _object_spread_props$Q(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$N(Object(source)).forEach(function(key) {
+      ownKeys$Q(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8168,7 +8168,7 @@
   }
   var ThemedPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$O({
+    var classes = useStyles$Q({
       theme: tweakStyles
     });
     var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8181,8 +8181,8 @@
       className: "tweakSvgPreloader",
       currentComponentName: "ThemedPreloader"
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$Y({
-      className: clsx(classes.root, classes[type], _define_property$$({}, classes.currentColor, useCurrentColor))
+    return /* @__PURE__ */ jsx("div", _object_spread_props$Q(_object_spread$10({
+      className: clsx(classes.root, classes[type], _define_property$13({}, classes.currentColor, useCurrentColor))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -8192,7 +8192,7 @@
       })
     }));
   };
-  var useStyles$N = createThemedStyles("Button", {
+  var useStyles$P = createThemedStyles("Button", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -8363,7 +8363,7 @@
   var getPreloaderStyles = function(size) {
     return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
   };
-  function _define_property$_(obj, key, value) {
+  function _define_property$12(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8376,7 +8376,7 @@
     }
     return obj;
   }
-  function _object_spread$X(target) {
+  function _object_spread$$(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8386,12 +8386,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$_(target, key, source[key]);
+        _define_property$12(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$M(object, enumerableOnly) {
+  function ownKeys$P(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8404,21 +8404,21 @@
     }
     return keys;
   }
-  function _object_spread_props$M(target, source) {
+  function _object_spread_props$P(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$M(Object(source)).forEach(function(key) {
+      ownKeys$P(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$j(source, excluded) {
+  function _object_without_properties$l(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$j(source, excluded);
+    var target = _object_without_properties_loose$l(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -8433,7 +8433,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$j(source, excluded) {
+  function _object_without_properties_loose$l(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -8448,7 +8448,7 @@
     return target;
   }
   var Button = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = _param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = _param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, interactions = _object_without_properties$j(_param, [
+    var _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = _param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = _param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, interactions = _object_without_properties$l(_param, [
       "type",
       "children",
       "size",
@@ -8466,7 +8466,7 @@
       "iconPosition",
       "preloaderType"
     ]);
-    var classes = useStyles$N({
+    var classes = useStyles$P({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -8479,16 +8479,16 @@
     var hasChildren = trueReactPlatformHelpers.isReactNodeNotEmpty(children);
     var hasNoAction = isDisabled || isLoading;
     var _obj2, _obj1;
-    return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$X({
+    return /* @__PURE__ */ jsxs("button", _object_spread_props$P(_object_spread$$({
       ref,
       type,
-      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$_(_obj2, classes.disabled, isDisabled), _define_property$_(_obj2, classes.fullWidth, isFullWidth), _define_property$_(_obj2, classes.inline, isInline), _define_property$_(_obj2, classes.active, isActive), _define_property$_(_obj2, classes.loading, isLoading), _define_property$_(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
+      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$12(_obj2, classes.disabled, isDisabled), _define_property$12(_obj2, classes.fullWidth, isFullWidth), _define_property$12(_obj2, classes.inline, isInline), _define_property$12(_obj2, classes.active, isActive), _define_property$12(_obj2, classes.loading, isLoading), _define_property$12(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
       tabIndex: shouldSkipTabNavigation ? -1 : void 0,
       disabled: hasNoAction
     }, interactions, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: clsx(classes.content, (_obj1 = {}, _define_property$_(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$_(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+          className: clsx(classes.content, (_obj1 = {}, _define_property$12(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$12(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
           children: [
             hasIcon && /* @__PURE__ */ jsx("span", {
               className: classes.icon,
@@ -8511,7 +8511,7 @@
       ]
     }));
   });
-  var useStyles$M = createThemedStyles("Checkbox", {
+  var useStyles$O = createThemedStyles("Checkbox", {
     root: {
       cursor: "pointer",
       display: "flex",
@@ -8549,7 +8549,7 @@
       flexDirection: "row-reverse"
     }
   });
-  function _define_property$Z(obj, key, value) {
+  function _define_property$11(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8562,7 +8562,7 @@
     }
     return obj;
   }
-  function _object_spread$W(target) {
+  function _object_spread$_(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8572,12 +8572,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$11(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$L(object, enumerableOnly) {
+  function ownKeys$O(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8590,12 +8590,12 @@
     }
     return keys;
   }
-  function _object_spread_props$L(target, source) {
+  function _object_spread_props$O(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$L(Object(source)).forEach(function(key) {
+      ownKeys$O(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8603,7 +8603,7 @@
   }
   function Checkbox(param) {
     var value = param.value, children = param.children, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
-    var classes = useStyles$M({
+    var classes = useStyles$O({
       theme: tweakStyles
     });
     var hasAction = !isDisabled && !isReadonly;
@@ -8615,11 +8615,11 @@
       }, event);
     };
     var _obj2;
-    return /* @__PURE__ */ jsxs("label", _object_spread_props$L(_object_spread$W({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$Z(_obj2, classes.checked, isSelected), _define_property$Z(_obj2, classes.invalid, isInvalid), _define_property$Z(_obj2, classes.disabled, isDisabled), _define_property$Z(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+    return /* @__PURE__ */ jsxs("label", _object_spread_props$O(_object_spread$_({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$11(_obj2, classes.checked, isSelected), _define_property$11(_obj2, classes.invalid, isInvalid), _define_property$11(_obj2, classes.disabled, isDisabled), _define_property$11(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("input", _object_spread$W({
+        /* @__PURE__ */ jsx("input", _object_spread$_({
           className: classes.input,
           type: "checkbox",
           checked: isSelected,
@@ -8642,7 +8642,7 @@
       ]
     }));
   }
-  var useStyles$L = createThemedStyles("CloseButton", {
+  var useStyles$N = createThemedStyles("CloseButton", {
     root: {
       width: 40,
       height: 40,
@@ -8668,7 +8668,7 @@
       }
     }
   });
-  function _define_property$Y(obj, key, value) {
+  function _define_property$10(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8681,7 +8681,7 @@
     }
     return obj;
   }
-  function _object_spread$V(target) {
+  function _object_spread$Z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8691,12 +8691,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$10(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$K(object, enumerableOnly) {
+  function ownKeys$N(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8709,12 +8709,12 @@
     }
     return keys;
   }
-  function _object_spread_props$K(target, source) {
+  function _object_spread_props$N(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$K(Object(source)).forEach(function(key) {
+      ownKeys$N(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8722,10 +8722,10 @@
   }
   var CloseButton = function(param) {
     var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_icon = param.icon, icon = _param_icon === void 0 ? "close" : _param_icon, onClose = param.onClose;
-    var classes = useStyles$L({
+    var classes = useStyles$N({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("button", _object_spread_props$K(_object_spread$V({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$N(_object_spread$Z({
       type: "button",
       className: classes.root,
       onClick: onClose
@@ -8735,7 +8735,7 @@
       })
     }));
   };
-  var useStyles$K = createThemedStyles({
+  var useStyles$M = createThemedStyles({
     root: {
       display: "flex",
       flexWrap: "wrap"
@@ -8828,7 +8828,7 @@
       return _array_like_to_array$k(o, minLen);
   }
   var Colors = function() {
-    var classes = useStyles$K();
+    var classes = useStyles$M();
     var theme = useTheme();
     var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
     return /* @__PURE__ */ jsx("div", {
@@ -8858,7 +8858,7 @@
       })
     });
   };
-  var useStyles$J = createThemedStyles("CssBaseline", {
+  var useStyles$L = createThemedStyles("CssBaseline", {
     "@global html, body": {
       fontFamily: "Arial, sans-serif",
       color: colors.FONT_MAIN,
@@ -8867,7 +8867,7 @@
     },
     root: {}
   });
-  function _define_property$X(obj, key, value) {
+  function _define_property$$(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8880,7 +8880,7 @@
     }
     return obj;
   }
-  function _object_spread$U(target) {
+  function _object_spread$Y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8890,21 +8890,21 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$X(target, key, source[key]);
+        _define_property$$(target, key, source[key]);
       });
     }
     return target;
   }
   var CssBaseline = function(param) {
     var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$J({
+    var classes = useStyles$L({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread$U({
+    return /* @__PURE__ */ jsx("div", _object_spread$Y({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)));
   };
-  var useStyles$I = createThemedStyles("WithMessages", {
+  var useStyles$K = createThemedStyles("WithMessages", {
     withMessages: {
       display: "flex",
       flexDirection: "column",
@@ -8938,7 +8938,7 @@
     },
     children: {}
   });
-  function _define_property$W(obj, key, value) {
+  function _define_property$_(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8951,7 +8951,7 @@
     }
     return obj;
   }
-  function _object_spread$T(target) {
+  function _object_spread$X(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -8961,12 +8961,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$W(target, key, source[key]);
+        _define_property$_(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$J(object, enumerableOnly) {
+  function ownKeys$M(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -8979,12 +8979,12 @@
     }
     return keys;
   }
-  function _object_spread_props$J(target, source) {
+  function _object_spread_props$M(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$J(Object(source)).forEach(function(key) {
+      ownKeys$M(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -8992,31 +8992,31 @@
   }
   var WithMessages = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var children = param.children, infoMessage = param.infoMessage, errorMessage = param.errorMessage, controlsDirection = param.controlsDirection, tweakStyles = param.tweakStyles, testId = param.testId, data = param.data;
-    var classes = useStyles$I({
+    var classes = useStyles$K({
       theme: tweakStyles
     });
     var shouldShowError = trueReactPlatformHelpers.isReactNodeNotEmpty(errorMessage);
     var shouldShowInfo = trueReactPlatformHelpers.isReactNodeNotEmpty(infoMessage) && !shouldShowError;
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$T({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$X({
       ref,
       className: classes.withMessages,
       "data-invalid": shouldShowError ? true : void 0
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(children) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.children, (_obj2 = {}, _define_property$W(_obj2, classes.horizontal, controlsDirection === "horizontal"), _define_property$W(_obj2, classes.vertical, controlsDirection === "vertical"), _obj2)),
+          className: clsx(classes.children, (_obj2 = {}, _define_property$_(_obj2, classes.horizontal, controlsDirection === "horizontal"), _define_property$_(_obj2, classes.vertical, controlsDirection === "vertical"), _obj2)),
           children
         }),
         (shouldShowError || shouldShowInfo) && /* @__PURE__ */ jsxs("div", {
           className: classes.message,
           children: [
-            shouldShowError && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$T({
+            shouldShowError && /* @__PURE__ */ jsx("div", _object_spread_props$M(_object_spread$X({
               className: classes.error
             }, trueReactPlatformHelpers.addDataTestId(testId, "error")), {
               children: errorMessage
             })),
-            shouldShowInfo && /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$T({
+            shouldShowInfo && /* @__PURE__ */ jsx("div", _object_spread_props$M(_object_spread$X({
               className: classes.info
             }, trueReactPlatformHelpers.addDataTestId(testId, "info")), {
               children: infoMessage
@@ -9035,7 +9035,7 @@
     };
   };
   var CONTROL = dimensions.CONTROL, Z_INDEX$1 = dimensions.Z_INDEX;
-  var useStyles$H = createThemedStyles("ControlWrapper", {
+  var useStyles$J = createThemedStyles("ControlWrapper", {
     controlWrapper: {
       "--control-height": "".concat(CONTROL.HEIGHT - 2, "px"),
       // borders
@@ -9186,7 +9186,7 @@
       borderRadius: 0
     }
   });
-  function _define_property$V(obj, key, value) {
+  function _define_property$Z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9199,7 +9199,7 @@
     }
     return obj;
   }
-  function _object_spread$S(target) {
+  function _object_spread$W(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9209,12 +9209,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$V(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$I(object, enumerableOnly) {
+  function ownKeys$L(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9227,12 +9227,12 @@
     }
     return keys;
   }
-  function _object_spread_props$I(target, source) {
+  function _object_spread_props$L(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$I(Object(source)).forEach(function(key) {
+      ownKeys$L(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -9240,7 +9240,7 @@
   }
   var ControlWrapper = function(param) {
     var label = param.label, icon = param.icon, groupPlacement = param.groupPlacement, isInvalid = param.isInvalid, isFocused = param.isFocused, isRequired = param.isRequired, isLoading = param.isLoading, isFullWidth = param.isFullWidth, isDisabled = param.isDisabled, hasValue = param.hasValue, size = param.size, testId = param.testId, children = param.children, tweakStyles = param.tweakStyles, data = param.data, onClear = param.onClear;
-    var classes = useStyles$H({
+    var classes = useStyles$J({
       theme: tweakStyles
     });
     var icons = trueReactPlatformHelpers.getArray(icon).map(convertToControlWrapperIcon);
@@ -9254,12 +9254,12 @@
       currentComponentName: "ControlWrapper"
     });
     var _obj2, _obj1;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$I(_object_spread$S({
-      className: clsx(classes.controlWrapper, trueReactPlatformHelpers.isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], trueReactPlatformHelpers.isNotEmpty(size) && classes[size], (_obj2 = {}, _define_property$V(_obj2, classes.invalid, isInvalid), _define_property$V(_obj2, classes.focused, isFocused), _define_property$V(_obj2, classes.withValue, hasValue), _define_property$V(_obj2, classes.disabled, isDisabled), _define_property$V(_obj2, classes.loading, isLoading), _define_property$V(_obj2, classes.minContent, !isFullWidth), _obj2))
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$L(_object_spread$W({
+      className: clsx(classes.controlWrapper, trueReactPlatformHelpers.isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], trueReactPlatformHelpers.isNotEmpty(size) && classes[size], (_obj2 = {}, _define_property$Z(_obj2, classes.invalid, isInvalid), _define_property$Z(_obj2, classes.focused, isFocused), _define_property$Z(_obj2, classes.withValue, hasValue), _define_property$Z(_obj2, classes.disabled, isDisabled), _define_property$Z(_obj2, classes.loading, isLoading), _define_property$Z(_obj2, classes.minContent, !isFullWidth), _obj2))
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.label, (_obj1 = {}, _define_property$V(_obj1, classes.requiredLabel, isRequired), _define_property$V(_obj1, classes.disabledLabel, isDisabled), _define_property$V(_obj1, classes.activeLabel, isActive), _obj1)),
+          className: clsx(classes.label, (_obj1 = {}, _define_property$Z(_obj1, classes.requiredLabel, isRequired), _define_property$Z(_obj1, classes.disabledLabel, isDisabled), _define_property$Z(_obj1, classes.activeLabel, isActive), _obj1)),
           children: label
         }),
         /* @__PURE__ */ jsxs("div", {
@@ -9269,7 +9269,7 @@
             hasControls && /* @__PURE__ */ jsxs("div", {
               className: classes.controls,
               children: [
-                hasClearButton && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$S({
+                hasClearButton && /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$W({
                   className: clsx(classes.icon, classes.clearIcon, classes.activeIcon)
                 }, trueReactPlatformHelpers.addClickHandler(onClear), trueReactPlatformHelpers.addDataTestId(testId, "clear")), {
                   children: /* @__PURE__ */ jsx("div", {
@@ -9282,8 +9282,8 @@
                 hasIcons && icons.map(function(param2, index) {
                   var key = param2.key, iconComponent = param2.iconComponent, onClick = param2.onClick, _param_shouldResetSize = param2.shouldResetSize, shouldResetSize = _param_shouldResetSize === void 0 ? false : _param_shouldResetSize;
                   var _obj3;
-                  return /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$S({
-                    className: clsx(classes.icon, classes.endIcon, (_obj3 = {}, _define_property$V(_obj3, classes.activeIcon, !isDisabled && trueReactPlatformHelpers.isNotEmpty(onClick)), _define_property$V(_obj3, classes.customIcon, shouldResetSize), _obj3))
+                  return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$W({
+                    className: clsx(classes.icon, classes.endIcon, (_obj3 = {}, _define_property$Z(_obj3, classes.activeIcon, !isDisabled && trueReactPlatformHelpers.isNotEmpty(onClick)), _define_property$Z(_obj3, classes.customIcon, shouldResetSize), _obj3))
                   }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId, "icon")), {
                     children: /* @__PURE__ */ jsx("div", {
                       className: classes.iconInner,
@@ -9291,7 +9291,7 @@
                     })
                   }), key !== null && key !== void 0 ? key : index);
                 }),
-                isLoading && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$S({
+                isLoading && /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$W({
                   className: clsx(classes.icon, classes.loader)
                 }, trueReactPlatformHelpers.addDataTestId(testId, "loading")), {
                   children: /* @__PURE__ */ jsx("div", {
@@ -9309,7 +9309,7 @@
     }));
   };
   var PADDING_WITH_UNITS = 8;
-  var useStyles$G = createThemedStyles("Input", {
+  var useStyles$I = createThemedStyles("Input", {
     inputContent: {
       height: "var(--control-height)",
       padding: [
@@ -9422,7 +9422,7 @@
       });
     };
   }
-  function _define_property$U(obj, key, value) {
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9466,7 +9466,7 @@
   function _non_iterable_rest$j() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$R(target) {
+  function _object_spread$V(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9476,15 +9476,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$U(target, key, source[key]);
+        _define_property$Y(target, key, source[key]);
       });
     }
     return target;
   }
-  function _object_without_properties$i(source, excluded) {
+  function _object_without_properties$k(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$i(source, excluded);
+    var target = _object_without_properties_loose$k(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9499,7 +9499,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$i(source, excluded) {
+  function _object_without_properties_loose$k(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -9632,7 +9632,7 @@
     }
   }
   var InputBase = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, placeholder = _param.placeholder, label = _param.label, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, autoComplete = _param.autoComplete, initialInputMode = _param.inputMode, isReadonly = _param.isReadonly, isInvalid = _param.isInvalid, isActive = _param.isActive, isClearable = _param.isClearable, isAutoSized = _param.isAutoSized, name = _param.name, tweakStyles = _param.tweakStyles, maxLength = _param.maxLength, shouldFocusOnMount = _param.shouldFocusOnMount, units = _param.units, testId = _param.testId, tabIndex = _param.tabIndex, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, onKeyDown = _param.onKeyDown, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, beforeMaskedStateChange = _param.beforeMaskedStateChange, data = _param.data, groupPlacement = _param.groupPlacement, icon = _param.icon, isLoading = _param.isLoading, isRequired = _param.isRequired, size = _param.size, children = _param.children, inputProps = _object_without_properties$i(_param, [
+    var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, placeholder = _param.placeholder, label = _param.label, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, autoComplete = _param.autoComplete, initialInputMode = _param.inputMode, isReadonly = _param.isReadonly, isInvalid = _param.isInvalid, isActive = _param.isActive, isClearable = _param.isClearable, isAutoSized = _param.isAutoSized, name = _param.name, tweakStyles = _param.tweakStyles, maxLength = _param.maxLength, shouldFocusOnMount = _param.shouldFocusOnMount, units = _param.units, testId = _param.testId, tabIndex = _param.tabIndex, shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, onChange = _param.onChange, onPaste = _param.onPaste, onFocus = _param.onFocus, onBlur = _param.onBlur, onKeyDown = _param.onKeyDown, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, beforeMaskedStateChange = _param.beforeMaskedStateChange, data = _param.data, groupPlacement = _param.groupPlacement, icon = _param.icon, isLoading = _param.isLoading, isRequired = _param.isRequired, size = _param.size, children = _param.children, inputProps = _object_without_properties$k(_param, [
       "value",
       "placeholder",
       "label",
@@ -9670,7 +9670,7 @@
       "size",
       "children"
     ]);
-    var classes = useStyles$G({
+    var classes = useStyles$I({
       theme: tweakStyles
     });
     var tweakControlWrapperStyles = useTweakStyles({
@@ -9695,7 +9695,7 @@
     var hasUnits = trueReactPlatformHelpers.isReactNodeNotEmpty(units);
     var hasPlaceholder = (!trueReactPlatformHelpers.isReactNodeNotEmpty(label) || hasFocus || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var handleChange = function(event) {
-      onChange(event.currentTarget.value, event);
+      onChange(event.currentTarget.value, event, "change");
     };
     var handleFocus = function(event) {
       setFocused(true);
@@ -9713,7 +9713,7 @@
             case 0:
               return [
                 4,
-                onChange("", event)
+                onChange("", event, "clear")
               ];
             case 1:
               _state.sent();
@@ -9734,8 +9734,8 @@
       units
     ]);
     var _obj2;
-    var props = _object_spread$R({
-      className: clsx(classes.input, (_obj2 = {}, _define_property$U(_obj2, classes.withUnits, hasUnits), _define_property$U(_obj2, classes.withValue, hasValue), _define_property$U(_obj2, classes.withLabel, trueReactPlatformHelpers.isReactNodeNotEmpty(label)), _define_property$U(_obj2, classes.autoSized, isAutoSized), _define_property$U(_obj2, classes.focusedInput, isFocused), _define_property$U(_obj2, classes.disabledInput, isDisabled), _define_property$U(_obj2, classes.invalidInput, isInvalid), _obj2)),
+    var props = _object_spread$V({
+      className: clsx(classes.input, (_obj2 = {}, _define_property$Y(_obj2, classes.withUnits, hasUnits), _define_property$Y(_obj2, classes.withValue, hasValue), _define_property$Y(_obj2, classes.withLabel, trueReactPlatformHelpers.isReactNodeNotEmpty(label)), _define_property$Y(_obj2, classes.autoSized, isAutoSized), _define_property$Y(_obj2, classes.focusedInput, isFocused), _define_property$Y(_obj2, classes.disabledInput, isDisabled), _define_property$Y(_obj2, classes.invalidInput, isInvalid), _obj2)),
       style: hasUnits && hasValue ? {
         "--units-width": "".concat(unitsWidth, "px")
       } : void 0,
@@ -9763,13 +9763,13 @@
     }, []);
     var inputContent = /* @__PURE__ */ jsxs(Fragment, {
       children: [
-        trueReactPlatformHelpers.isNotEmpty(mask) ? /* @__PURE__ */ jsx(InputMask, _object_spread$R({
+        trueReactPlatformHelpers.isNotEmpty(mask) ? /* @__PURE__ */ jsx(InputMask, _object_spread$V({
           ref: mergedRef,
           mask,
           maskPlaceholder,
           alwaysShowMask,
           beforeMaskedStateChange
-        }, props)) : /* @__PURE__ */ jsx("input", _object_spread$R({
+        }, props)) : /* @__PURE__ */ jsx("input", _object_spread$V({
           ref: mergedRef
         }, props)),
         (hasUnits || isAutoSized) && /* @__PURE__ */ jsx("div", {
@@ -9807,7 +9807,7 @@
       ]
     });
   });
-  function _define_property$T(obj, key, value) {
+  function _define_property$X(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9820,7 +9820,7 @@
     }
     return obj;
   }
-  function _object_spread$Q(target) {
+  function _object_spread$U(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9830,12 +9830,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$T(target, key, source[key]);
+        _define_property$X(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$H(object, enumerableOnly) {
+  function ownKeys$K(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9848,21 +9848,21 @@
     }
     return keys;
   }
-  function _object_spread_props$H(target, source) {
+  function _object_spread_props$K(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$H(Object(source)).forEach(function(key) {
+      ownKeys$K(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$h(source, excluded) {
+  function _object_without_properties$j(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$h(source, excluded);
+    var target = _object_without_properties_loose$j(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9877,7 +9877,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$h(source, excluded) {
+  function _object_without_properties_loose$j(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -9892,7 +9892,7 @@
     return target;
   }
   var Input = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, isInvalid = _param.isInvalid, testId = _param.testId, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$h(_param, [
+    var infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, isInvalid = _param.isInvalid, testId = _param.testId, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$j(_param, [
       "infoMessage",
       "errorMessage",
       "isInvalid",
@@ -9908,7 +9908,7 @@
       infoMessage,
       testId: trueReactPlatformHelpers.getTestId(testId, "wrapper"),
       tweakStyles: tweakWithMessagesStyles,
-      children: /* @__PURE__ */ jsx(InputBase, _object_spread_props$H(_object_spread$Q({}, inputProps), {
+      children: /* @__PURE__ */ jsx(InputBase, _object_spread_props$K(_object_spread$U({}, inputProps), {
         ref,
         testId,
         tweakStyles,
@@ -9918,7 +9918,7 @@
   });
   var EMPTY_DATE_INPUT_VALUE = "__.__.____";
   var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-  var useStyles$F = createThemedStyles("DateInput", {
+  var useStyles$H = createThemedStyles("DateInput", {
     root: {
       width: "100%",
       height: "100%",
@@ -9926,7 +9926,7 @@
       position: "relative"
     }
   });
-  function _define_property$S(obj, key, value) {
+  function _define_property$W(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9939,7 +9939,7 @@
     }
     return obj;
   }
-  function _object_spread$P(target) {
+  function _object_spread$T(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -9949,12 +9949,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$S(target, key, source[key]);
+        _define_property$W(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$G(object, enumerableOnly) {
+  function ownKeys$J(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -9967,21 +9967,21 @@
     }
     return keys;
   }
-  function _object_spread_props$G(target, source) {
+  function _object_spread_props$J(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$G(Object(source)).forEach(function(key) {
+      ownKeys$J(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$g(source, excluded) {
+  function _object_without_properties$i(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$g(source, excluded);
+    var target = _object_without_properties_loose$i(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9996,7 +9996,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$g(source, excluded) {
+  function _object_without_properties_loose$i(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10011,7 +10011,7 @@
     return target;
   }
   var DateInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$g(_param, [
+    var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$i(_param, [
       "date",
       "startDate",
       "endDate",
@@ -10024,7 +10024,7 @@
       "onClick",
       "onChange"
     ]);
-    var classes = useStyles$F({
+    var classes = useStyles$H({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -10051,11 +10051,11 @@
       }
       onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$P({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$J(_object_spread$T({
       className: clsx(classes.root, className)
     }, trueReactPlatformHelpers.addDataAttributes(data)), {
       onClick,
-      children: /* @__PURE__ */ jsx(Input, _object_spread_props$G(_object_spread$P({}, inputProps), {
+      children: /* @__PURE__ */ jsx(Input, _object_spread_props$J(_object_spread$T({}, inputProps), {
         ref,
         value: isRange ? "".concat(startDate).concat(endDate) : date,
         mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
@@ -10078,7 +10078,7 @@
       throw new TypeError("Cannot call a class as a function");
     }
   }
-  function _define_property$R(obj, key, value) {
+  function _define_property$V(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10163,7 +10163,7 @@
       _class_call_check$1(this, DatePickerBase2);
       var _this;
       _this = _super.call(this, props);
-      _define_property$R(_assert_this_initialized$1(_this), "handleClickOutside", void 0);
+      _define_property$V(_assert_this_initialized$1(_this), "handleClickOutside", void 0);
       _this.handleClickOutside = _this.handleCalendarClickOutside;
       _this.handleCalendarClickOutside = trueReactPlatformHelpers.doNothing;
       return _this;
@@ -10192,7 +10192,7 @@
       paddingLeft: 44
     }
   };
-  function _define_property$Q(obj, key, value) {
+  function _define_property$U(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10205,7 +10205,7 @@
     }
     return obj;
   }
-  function _object_spread$O(target) {
+  function _object_spread$S(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10215,15 +10215,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Q(target, key, source[key]);
+        _define_property$U(target, key, source[key]);
       });
     }
     return target;
   }
-  function _object_without_properties$f(source, excluded) {
+  function _object_without_properties$h(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$f(source, excluded);
+    var target = _object_without_properties_loose$h(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10238,7 +10238,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$f(source, excluded) {
+  function _object_without_properties_loose$h(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10253,7 +10253,7 @@
     return target;
   }
   var SearchInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, props = _object_without_properties$f(_param, [
+    var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, props = _object_without_properties$h(_param, [
       "isClearable",
       "tweakStyles"
     ]);
@@ -10263,7 +10263,7 @@
       className: "tweakInput",
       currentComponentName: "SearchInput"
     });
-    return /* @__PURE__ */ jsx(Input, _object_spread$O({
+    return /* @__PURE__ */ jsx(Input, _object_spread$S({
       ref,
       icon: "search",
       isClearable,
@@ -10307,7 +10307,7 @@
       _defineProperties(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$P(obj, key, value) {
+  function _define_property$T(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10340,7 +10340,7 @@
     if (superClass)
       _set_prototype_of(subClass, superClass);
   }
-  function _object_spread$N(target) {
+  function _object_spread$R(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10350,15 +10350,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$P(target, key, source[key]);
+        _define_property$T(target, key, source[key]);
       });
     }
     return target;
   }
-  function _object_without_properties$e(source, excluded) {
+  function _object_without_properties$g(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$e(source, excluded);
+    var target = _object_without_properties_loose$g(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10373,7 +10373,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$e(source, excluded) {
+  function _object_without_properties_loose$g(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10439,8 +10439,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$P(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$P(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$T(_assert_this_initialized(_this), "node", React.createRef());
+      _define_property$T(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
         var options = _this.props.options;
         var _this_node = _this.node, node = _this_node.current;
         if (node) {
@@ -10476,13 +10476,13 @@
           _this_props.active;
           var elementType = _this_props.elementType, children = _this_props.children;
           _this_props.options;
-          var wrapperProps = _object_without_properties$e(_this_props, [
+          var wrapperProps = _object_without_properties$g(_this_props, [
             "active",
             "elementType",
             "children",
             "options"
           ]);
-          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$N({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$R({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -10490,10 +10490,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.PureComponent);
-  _define_property$P(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+  _define_property$T(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
   var DEFAULT_OPTION_INDEX = -2;
   var ALL_OPTION_INDEX = -1;
-  function _define_property$O(obj, key, value) {
+  function _define_property$S(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10506,7 +10506,7 @@
     }
     return obj;
   }
-  function _object_spread$M(target) {
+  function _object_spread$Q(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10516,7 +10516,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$O(target, key, source[key]);
+        _define_property$S(target, key, source[key]);
       });
     }
     return target;
@@ -10527,7 +10527,7 @@
     10,
     20
   ];
-  var useStyles$E = createThemedStyles("SelectList", {
+  var useStyles$G = createThemedStyles("SelectList", {
     root: {
       borderRadius: dimensions.BORDER_RADIUS_SMALL,
       boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -10547,7 +10547,7 @@
     },
     listHeader: {},
     listFooter: {},
-    list: _object_spread$M({
+    list: _object_spread$Q({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -10590,7 +10590,7 @@
       display: "none"
     }
   };
-  function _define_property$N(obj, key, value) {
+  function _define_property$R(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10603,7 +10603,7 @@
     }
     return obj;
   }
-  function _object_spread$L(target) {
+  function _object_spread$P(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10613,12 +10613,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$N(target, key, source[key]);
+        _define_property$R(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$F(object, enumerableOnly) {
+  function ownKeys$I(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10631,12 +10631,12 @@
     }
     return keys;
   }
-  function _object_spread_props$F(target, source) {
+  function _object_spread_props$I(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$F(Object(source)).forEach(function(key) {
+      ownKeys$I(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10656,13 +10656,13 @@
       children
     });
     var _obj2;
-    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$F(_object_spread$L({
+    return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$I(_object_spread$P({
       active: isFocused,
       options: {
         block: "nearest"
       },
-      className: clsx(classes.cell, (_obj2 = {}, _define_property$N(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$N(_obj2, classes.focused, isFocused), _define_property$N(_obj2, classes.active, isActive && !isMultiSelect), _define_property$N(_obj2, classes.disabled, isDisabled), _obj2))
-    }, trueReactPlatformHelpers.addDataAttributes(_object_spread$L({
+      className: clsx(classes.cell, (_obj2 = {}, _define_property$R(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$R(_obj2, classes.focused, isFocused), _define_property$R(_obj2, classes.active, isActive && !isMultiSelect), _define_property$R(_obj2, classes.disabled, isDisabled), _obj2))
+    }, trueReactPlatformHelpers.addDataAttributes(_object_spread$P({
       disabled: isDisabled,
       active: isActive,
       focused: isFocused
@@ -10673,7 +10673,7 @@
       children: isMultiSelect ? multiSelectContent : children
     }));
   };
-  function _define_property$M(obj, key, value) {
+  function _define_property$Q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10686,7 +10686,7 @@
     }
     return obj;
   }
-  function _object_spread$K(target) {
+  function _object_spread$O(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -10696,12 +10696,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$M(target, key, source[key]);
+        _define_property$Q(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$E(object, enumerableOnly) {
+  function ownKeys$H(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -10714,12 +10714,12 @@
     }
     return keys;
   }
-  function _object_spread_props$E(target, source) {
+  function _object_spread_props$H(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$E(Object(source)).forEach(function(key) {
+      ownKeys$H(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -10727,7 +10727,7 @@
   }
   function SelectList(param) {
     var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, customListFooter = param.customListFooter, isMultiSelect = param.isMultiSelect, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
-    var classes = useStyles$E({
+    var classes = useStyles$G({
       theme: tweakStyles
     });
     var isHeaderNotEmpty = trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader);
@@ -10756,13 +10756,13 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, (_obj2 = {}, _define_property$M(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$M(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
+      className: clsx(classes.root, (_obj2 = {}, _define_property$Q(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$Q(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
       children: [
         isHeaderNotEmpty && /* @__PURE__ */ jsx("div", {
           className: classes.listHeader,
           children: customListHeader
         }),
-        /* @__PURE__ */ jsx("div", _object_spread_props$E(_object_spread$K({
+        /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$O({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           tabIndex: -1,
@@ -10844,7 +10844,7 @@
     };
   };
   var Z_INDEX = dimensions.Z_INDEX;
-  var useStyles$D = createThemedStyles("Select", {
+  var useStyles$F = createThemedStyles("Select", {
     root: {
       width: "100%",
       position: "relative",
@@ -10956,7 +10956,7 @@
       });
     };
   }
-  function _define_property$L(obj, key, value) {
+  function _define_property$P(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11007,7 +11007,7 @@
   function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$J(target) {
+  function _object_spread$N(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11017,12 +11017,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$L(target, key, source[key]);
+        _define_property$P(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$D(object, enumerableOnly) {
+  function ownKeys$G(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -11035,21 +11035,21 @@
     }
     return keys;
   }
-  function _object_spread_props$D(target, source) {
+  function _object_spread_props$G(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$D(Object(source)).forEach(function(key) {
+      ownKeys$G(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$d(source, excluded) {
+  function _object_without_properties$f(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$d(source, excluded);
+    var target = _object_without_properties_loose$f(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -11064,7 +11064,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$d(source, excluded) {
+  function _object_without_properties_loose$f(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -11201,7 +11201,7 @@
   }
   function Select(props) {
     var _input_current;
-    var options = props.options, isMultiSelect = props.isMultiSelect, value = props.value, header = props.header, footer = props.footer, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isActive = props.isActive, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, icon = props.icon, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, infoMessage = props.infoMessage, errorMessage = props.errorMessage, inputProps = _object_without_properties$d(props, [
+    var options = props.options, isMultiSelect = props.isMultiSelect, value = props.value, header = props.header, footer = props.footer, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isActive = props.isActive, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, icon = props.icon, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, infoMessage = props.infoMessage, errorMessage = props.errorMessage, inputProps = _object_without_properties$f(props, [
       "options",
       "isMultiSelect",
       "value",
@@ -11238,10 +11238,10 @@
       "infoMessage",
       "errorMessage"
     ]);
-    var classes = useStyles$D({
+    var classes = useStyles$F({
       theme: tweakStyles
     });
-    var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$d(_ref, [
+    var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$f(_ref, [
       "shouldRenderInList"
     ]);
     var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
@@ -11595,7 +11595,7 @@
     }, [
       isOpen
     ]);
-    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$J({
+    var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$N({
       value: searchValue,
       onChange: handleInputChange,
       tweakStyles: tweakSearchInputStyles,
@@ -11608,8 +11608,8 @@
       ]
     });
     var _obj2;
-    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$J({
-      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$L(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$L(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
+    var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
+      className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$P(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$P(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
       ref: list,
       style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
       tabIndex: 0,
@@ -11655,7 +11655,7 @@
             className: clsx(classes.inputWrapper, isDisabled && classes.disabled),
             onClick: isDisabled || isReadonly ? void 0 : handleOnClick,
             ref: inputWrapper,
-            children: /* @__PURE__ */ jsx(InputBase, _object_spread$J({
+            children: /* @__PURE__ */ jsx(InputBase, _object_spread$N({
               value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
               onChange: handleInputChange,
               isActive: isListOpen || isActive,
@@ -11701,7 +11701,7 @@
       })
     });
   }
-  var useStyles$C = createThemedStyles("DatePickerHeader", {
+  var useStyles$E = createThemedStyles("DatePickerHeader", {
     btn: {
       width: 36,
       height: 36,
@@ -11744,7 +11744,7 @@
   };
   var DatePickerHeader = function(param) {
     var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-    var classes = useStyles$C({
+    var classes = useStyles$E({
       theme: tweakStyles
     });
     var tweakSelectStyles = useTweakStyles({
@@ -11807,7 +11807,7 @@
       ]
     });
   };
-  function _define_property$K(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11820,7 +11820,7 @@
     }
     return obj;
   }
-  function _object_spread$I(target) {
+  function _object_spread$M(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -11830,13 +11830,13 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$K(target, key, source[key]);
+        _define_property$O(target, key, source[key]);
       });
     }
     return target;
   }
   var PopperContainer = function(props) {
-    return /* @__PURE__ */ jsx(react.FloatingPortal, _object_spread$I({
+    return /* @__PURE__ */ jsx(react.FloatingPortal, _object_spread$M({
       root: document.body
     }, props));
   };
@@ -13039,7 +13039,7 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var useStyles$B = createThemedStyles("DatePicker", {
+  var useStyles$D = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
       height: "100%"
@@ -13078,7 +13078,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$h(arr);
   }
-  function _define_property$J(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13129,7 +13129,7 @@
   function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$H(target) {
+  function _object_spread$L(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -13139,12 +13139,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$J(target, key, source[key]);
+        _define_property$N(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$C(object, enumerableOnly) {
+  function ownKeys$F(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13157,21 +13157,21 @@
     }
     return keys;
   }
-  function _object_spread_props$C(target, source) {
+  function _object_spread_props$F(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$C(Object(source)).forEach(function(key) {
+      ownKeys$F(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$c(source, excluded) {
+  function _object_without_properties$e(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$c(source, excluded);
+    var target = _object_without_properties_loose$e(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -13186,7 +13186,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$c(source, excluded) {
+  function _object_without_properties_loose$e(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -13220,7 +13220,7 @@
       return _array_like_to_array$h(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, _param_popperModifiers = _param.popperModifiers, popperModifiers = _param_popperModifiers === void 0 ? [] : _param_popperModifiers, _param_popperPlacement = _param.popperPlacement, popperPlacement = _param_popperPlacement === void 0 ? "bottom-start" : _param_popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$c(_param, [
+    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, _param_popperModifiers = _param.popperModifiers, popperModifiers = _param_popperModifiers === void 0 ? [] : _param_popperModifiers, _param_popperPlacement = _param.popperPlacement, popperPlacement = _param_popperPlacement === void 0 ? "bottom-start" : _param_popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$e(_param, [
       "data",
       "selectedDate",
       "minDate",
@@ -13267,7 +13267,7 @@
       "onKeyDown",
       "tweakStyles"
     ]);
-    var classes = useStyles$B({
+    var classes = useStyles$D({
       theme: tweakStyles
     });
     var tweakDateInputStyles = useTweakStyles({
@@ -13295,7 +13295,7 @@
     var _useState4 = _sliced_to_array$h(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$h(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
-    var dateInputProps = _object_spread$H(_object_spread_props$C(_object_spread$H({}, inputProps), {
+    var dateInputProps = _object_spread$L(_object_spread_props$F(_object_spread$L({}, inputProps), {
       isRange,
       isDisabled,
       isClearable,
@@ -13400,10 +13400,10 @@
       var _datePickerRef_current;
       return (_datePickerRef_current = datePickerRef.current) === null || _datePickerRef_current === void 0 ? void 0 : _datePickerRef_current.handleClickOutside(event);
     }, OUTSIDE_CLICK_IGNORE_CLASS);
-    return /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$L({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(DatePickerBase, _object_spread$H({
+      children: /* @__PURE__ */ jsx(DatePickerBase, _object_spread$L({
         ref: componentRef,
         minDate,
         maxDate,
@@ -13434,7 +13434,7 @@
         preventOpenOnFocus,
         shouldCloseOnSelect,
         customInputRef,
-        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$H({}, dateInputProps)),
+        customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$L({}, dateInputProps)),
         renderDayContents: function(day) {
           return /* @__PURE__ */ jsx("div", {
             className: classes.dayInner,
@@ -13442,7 +13442,7 @@
           });
         },
         renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$C(_object_spread$H({}, baseProps), {
+          return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$F(_object_spread$L({}, baseProps), {
             months
           }));
         },
@@ -13481,7 +13481,7 @@
     }));
   });
   var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-  var useStyles$A = createThemedStyles("Description", {
+  var useStyles$C = createThemedStyles("Description", {
     root: {},
     button: {
       cursor: "pointer",
@@ -13522,7 +13522,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$I(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13566,7 +13566,7 @@
   function _non_iterable_rest$g() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$G(target) {
+  function _object_spread$K(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -13576,12 +13576,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$I(target, key, source[key]);
+        _define_property$M(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$B(object, enumerableOnly) {
+  function ownKeys$E(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13594,12 +13594,12 @@
     }
     return keys;
   }
-  function _object_spread_props$B(target, source) {
+  function _object_spread_props$E(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$B(Object(source)).forEach(function(key) {
+      ownKeys$E(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13623,7 +13623,7 @@
   }
   var Description = function(param) {
     var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$A({
+    var classes = useStyles$C({
       theme: tweakStyles
     });
     var isTooShort = text.length < truncateIndex;
@@ -13632,7 +13632,7 @@
     var linkText = link && link[0];
     var textWithNoLink = text.replace(LINK_REGEXP, "");
     var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$G({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$K({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -13671,7 +13671,7 @@
     event.preventDefault();
     event.stopPropagation();
   };
-  var useStyles$z = createThemedStyles("FileInput", {
+  var useStyles$B = createThemedStyles("FileInput", {
     root: {
       display: "flex",
       flexDirection: "column",
@@ -13754,7 +13754,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$f(arr);
   }
-  function _define_property$H(obj, key, value) {
+  function _define_property$L(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13805,7 +13805,7 @@
   function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$F(target) {
+  function _object_spread$J(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -13815,12 +13815,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$L(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$A(object, enumerableOnly) {
+  function ownKeys$D(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -13833,12 +13833,12 @@
     }
     return keys;
   }
-  function _object_spread_props$A(target, source) {
+  function _object_spread_props$D(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$A(Object(source)).forEach(function(key) {
+      ownKeys$D(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -13865,7 +13865,7 @@
   }
   var FileInput = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var fileList = param.fileList, label = param.label, text = param.text, description = param.description, _param_isDragAndDropDisabled = param.isDragAndDropDisabled, isDragAndDropDisabled = _param_isDragAndDropDisabled === void 0 ? false : _param_isDragAndDropDisabled, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isReadOnly = param.isReadOnly, isReadOnly = _param_isReadOnly === void 0 ? false : _param_isReadOnly, _param_isMultipleDisabled = param.isMultipleDisabled, isMultipleDisabled = _param_isMultipleDisabled === void 0 ? false : _param_isMultipleDisabled, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, accept = param.accept, onAdd = param.onAdd, testId = param.testId, tweakStyles = param.tweakStyles, data = param.data;
-    var classes = useStyles$z({
+    var classes = useStyles$B({
       theme: tweakStyles
     });
     var _useState = _sliced_to_array$f(React.useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
@@ -13897,16 +13897,16 @@
       onDrop: handleDrop
     } : void 0;
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$F({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$J({
       className: classes.root
     }, addDataAttributes(data), trueReactPlatformHelpers.addDataTestId(testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.label, _define_property$H({}, classes.requiredLabel, isRequired)),
+          className: clsx(classes.label, _define_property$L({}, classes.requiredLabel, isRequired)),
           children: label
         }),
-        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$F({
-          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$H(_obj2, classes.dragged, isDragOver), _define_property$H(_obj2, classes.disabled, isDisabled), _define_property$H(_obj2, classes.active, isActive), _obj2))
+        !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$J({
+          className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$L(_obj2, classes.dragged, isDragOver), _define_property$L(_obj2, classes.disabled, isDisabled), _define_property$L(_obj2, classes.active, isActive), _obj2))
         }, dndHandlers), {
           children: [
             trueReactPlatformHelpers.isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -13915,7 +13915,7 @@
             }),
             /* @__PURE__ */ jsx("label", {
               className: classes.inputLabel,
-              children: /* @__PURE__ */ jsx("input", _object_spread$F({
+              children: /* @__PURE__ */ jsx("input", _object_spread$J({
                 ref,
                 type: "file",
                 value: "",
@@ -13939,10 +13939,7 @@
     }));
   });
   FileInput.displayName = "FileInput";
-  var BUTTON_SIZE_S = 24;
-  var BUTTON_SIZE_M = 32;
-  var ICON_SIZE = 20;
-  var useStyles$y = createThemedStyles("IconButton", {
+  var useStyles$A = createThemedStyles("IconButton", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -13951,7 +13948,7 @@
       outline: "none",
       boxSizing: "border-box",
       transition: animations.defaultTransition,
-      transitionProperty: "background-color, color, border-color",
+      transitionProperty: "background-color, color, border-color, opacity, visibility",
       border: "none",
       position: "relative",
       boxShadow: "none",
@@ -13964,7 +13961,10 @@
       },
       "&:active": {
         extend: "active"
-      }
+      },
+      width: "var(--icon-button-size)",
+      height: "var(--icon-button-size)",
+      "--icon-button-icon-size": "20px"
     },
     "cancel-light": {},
     cancel: {},
@@ -13983,8 +13983,8 @@
     icon: {
       display: "flex",
       alignItems: "center",
-      width: ICON_SIZE,
-      height: ICON_SIZE
+      width: "var(--icon-button-icon-size)",
+      height: "var(--icon-button-icon-size)"
     },
     loader: {
       display: "none",
@@ -13992,19 +13992,20 @@
       left: "50%",
       top: "50%",
       transform: "translate(-50%, -50%)",
-      width: ICON_SIZE,
-      height: ICON_SIZE
+      width: "var(--icon-button-icon-size)",
+      height: "var(--icon-button-icon-size)"
     },
     s: {
-      width: BUTTON_SIZE_S,
-      height: BUTTON_SIZE_S
+      "--icon-button-size": "24px"
     },
     m: {
-      width: BUTTON_SIZE_M,
-      height: BUTTON_SIZE_M
+      "--icon-button-size": "32px"
+    },
+    l: {
+      "--icon-button-size": "40px"
     }
   });
-  function _define_property$G(obj, key, value) {
+  function _define_property$K(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14017,7 +14018,7 @@
     }
     return obj;
   }
-  function _object_spread$E(target) {
+  function _object_spread$I(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14027,12 +14028,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$G(target, key, source[key]);
+        _define_property$K(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$z(object, enumerableOnly) {
+  function ownKeys$C(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14045,21 +14046,21 @@
     }
     return keys;
   }
-  function _object_spread_props$z(target, source) {
+  function _object_spread_props$C(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$z(Object(source)).forEach(function(key) {
+      ownKeys$C(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$b(source, excluded) {
+  function _object_without_properties$d(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$b(source, excluded);
+    var target = _object_without_properties_loose$d(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -14074,7 +14075,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$b(source, excluded) {
+  function _object_without_properties_loose$d(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -14089,7 +14090,7 @@
     return target;
   }
   var IconButton = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$b(_param, [
+    var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$d(_param, [
       "icon",
       "size",
       "view",
@@ -14102,14 +14103,14 @@
       "data",
       "onClick"
     ]);
-    var classes = useStyles$y({
+    var classes = useStyles$A({
       theme: tweakStyles
     });
     var hasNoAction = isDisabled || isLoading;
     var _obj2;
-    return /* @__PURE__ */ jsx("button", _object_spread_props$z(_object_spread$E({
+    return /* @__PURE__ */ jsx("button", _object_spread_props$C(_object_spread$I({
       ref,
-      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$G(_obj2, classes.disabled, isDisabled), _define_property$G(_obj2, classes.active, isActive), _define_property$G(_obj2, classes.loading, isLoading), _obj2)),
+      className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$K(_obj2, classes.disabled, isDisabled), _define_property$K(_obj2, classes.active, isActive), _define_property$K(_obj2, classes.loading, isLoading), _obj2)),
       type,
       disabled: isDisabled,
       onClick: hasNoAction ? void 0 : onClick
@@ -14126,7 +14127,7 @@
       })
     }));
   });
-  var useStyles$x = createThemedStyles("Tooltip", {
+  var useStyles$z = createThemedStyles("Tooltip", {
     root: {
       display: "inline-block",
       boxSizing: "border-box"
@@ -14169,7 +14170,7 @@
       }
     }
   });
-  function _define_property$F(obj, key, value) {
+  function _define_property$J(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14182,7 +14183,7 @@
     }
     return obj;
   }
-  function _object_spread$D(target) {
+  function _object_spread$H(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14192,12 +14193,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$F(target, key, source[key]);
+        _define_property$J(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$y(object, enumerableOnly) {
+  function ownKeys$B(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14210,12 +14211,12 @@
     }
     return keys;
   }
-  function _object_spread_props$y(target, source) {
+  function _object_spread_props$B(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$y(Object(source)).forEach(function(key) {
+      ownKeys$B(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14223,16 +14224,16 @@
   }
   var Tooltip = function(param) {
     var text = param.text, _param_view = param.view, view = _param_view === void 0 ? "tooltip" : _param_view, _param_type = param.type, type = _param_type === void 0 ? "info" : _param_type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$x({
+    var classes = useStyles$z({
       theme: tweakStyles
     });
-    return /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$H({
       className: clsx(classes.root, classes[view], classes[type])
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: text
     }));
   };
-  var useStyles$w = createThemedStyles("TextWithTooltip", {
+  var useStyles$y = createThemedStyles("TextWithTooltip", {
     root: {
       position: "relative"
     },
@@ -14258,7 +14259,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$e(arr);
   }
-  function _define_property$E(obj, key, value) {
+  function _define_property$I(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14309,7 +14310,7 @@
   function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$C(target) {
+  function _object_spread$G(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14319,12 +14320,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$E(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$x(object, enumerableOnly) {
+  function ownKeys$A(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14337,12 +14338,12 @@
     }
     return keys;
   }
-  function _object_spread_props$x(target, source) {
+  function _object_spread_props$A(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$x(Object(source)).forEach(function(key) {
+      ownKeys$A(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14369,7 +14370,7 @@
   }
   var TextWithTooltip = function(param) {
     var children = param.children, tooltipText = param.tooltipText, _param_tooltipPosition = param.tooltipPosition, tooltipPosition = _param_tooltipPosition === void 0 ? "top" : _param_tooltipPosition, _param_tooltipView = param.tooltipView, tooltipView = _param_tooltipView === void 0 ? "tooltip" : _param_tooltipView, _param_tooltipType = param.tooltipType, tooltipType = _param_tooltipType === void 0 ? "info" : _param_tooltipType, _param_tooltipModifiers = param.tooltipModifiers, tooltipModifiers = _param_tooltipModifiers === void 0 ? [] : _param_tooltipModifiers, tooltipOffsetOptions = param.tooltipOffsetOptions, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_mouseEventType = param.mouseEventType, mouseEventType = _param_mouseEventType === void 0 ? "hover" : _param_mouseEventType, hoverDelay = param.hoverDelay, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$w({
+    var classes = useStyles$y({
       theme: tweakStyles
     });
     var tweakTooltipStyles = useTweakStyles({
@@ -14409,7 +14410,7 @@
       modifiers: [
         {
           name: "offset",
-          options: _object_spread$C({
+          options: _object_spread$G({
             offset: [
               0,
               6
@@ -14432,14 +14433,14 @@
       onMouseLeave: handleMouseLeave
     };
     var shouldShowTooltip = tooltipText !== void 0 && tooltipText !== null && !isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$G({
       className: clsx(classes.root, mouseEventType === "click" && shouldShowTooltip && classes.clickable)
     }, shouldShowTooltip ? props : void 0, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       ref: root,
       children: [
         shouldShowTooltip && /* @__PURE__ */ jsx(reactOverlays.Portal, {
           container: shouldRenderInBody ? document.body : root.current,
-          children: /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+          children: /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$G({
             className: classes.tooltip,
             style: popperStyles.popper
           }, attributes.popper), {
@@ -14456,7 +14457,7 @@
       ]
     }));
   };
-  function _define_property$D(obj, key, value) {
+  function _define_property$H(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14471,7 +14472,7 @@
   }
   var FILE_ICON_DEFAULT = "file-other";
   var _obj;
-  var iconTypeMap = (_obj = {}, _define_property$D(_obj, mimeTypes.xls, "file-excel"), _define_property$D(_obj, mimeTypes.xlsx, "file-excel"), _define_property$D(_obj, mimeTypes.jpeg, "file-image"), _define_property$D(_obj, mimeTypes.png, "file-image"), _define_property$D(_obj, mimeTypes.pdf, "file-pdf"), _define_property$D(_obj, mimeTypes.doc, "file-word"), _define_property$D(_obj, mimeTypes.docx, "file-word"), _define_property$D(_obj, mimeTypes.xml, "file-xml"), _define_property$D(_obj, mimeTypes.zip, "file-zip"), _obj);
+  var iconTypeMap = (_obj = {}, _define_property$H(_obj, mimeTypes.xls, "file-excel"), _define_property$H(_obj, mimeTypes.xlsx, "file-excel"), _define_property$H(_obj, mimeTypes.jpeg, "file-image"), _define_property$H(_obj, mimeTypes.png, "file-image"), _define_property$H(_obj, mimeTypes.pdf, "file-pdf"), _define_property$H(_obj, mimeTypes.doc, "file-word"), _define_property$H(_obj, mimeTypes.docx, "file-word"), _define_property$H(_obj, mimeTypes.xml, "file-xml"), _define_property$H(_obj, mimeTypes.zip, "file-zip"), _obj);
   var getFileExtensionByFilename = function(fileName) {
     var splitFileName = fileName.split(".");
     return splitFileName.length > 1 ? splitFileName.pop() : void 0;
@@ -14491,7 +14492,7 @@
     }
     return FILE_ICON_DEFAULT;
   };
-  var useStyles$v = createThemedStyles("FileItem", {
+  var useStyles$x = createThemedStyles("FileItem", {
     root: {
       display: "flex",
       flexDirection: "column",
@@ -14587,7 +14588,7 @@
       }
     }
   };
-  function _define_property$C(obj, key, value) {
+  function _define_property$G(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14600,7 +14601,7 @@
     }
     return obj;
   }
-  function _object_spread$B(target) {
+  function _object_spread$F(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -14610,12 +14611,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$C(target, key, source[key]);
+        _define_property$G(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$w(object, enumerableOnly) {
+  function ownKeys$z(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -14628,12 +14629,12 @@
     }
     return keys;
   }
-  function _object_spread_props$w(target, source) {
+  function _object_spread_props$z(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$w(Object(source)).forEach(function(key) {
+      ownKeys$z(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -14641,7 +14642,7 @@
   }
   var FileItem = function(param) {
     var fileInfo = param.fileInfo, _param_icon = param.icon, icon = _param_icon === void 0 ? getFileIcon(fileInfo) : _param_icon, metadata = param.metadata, actions = param.actions, error = param.error, info = param.info, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_areActionsDisabled = param.areActionsDisabled, areActionsDisabled = _param_areActionsDisabled === void 0 ? false : _param_areActionsDisabled, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldShowSize = param.shouldShowSize, shouldShowSize = _param_shouldShowSize === void 0 ? false : _param_shouldShowSize, _param_itemSize = param.itemSize, itemSize = _param_itemSize === void 0 ? "m" : _param_itemSize, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "default" : _param_preloaderType, _param_removeIcon = param.removeIcon, removeIcon = _param_removeIcon === void 0 ? "trash-can" : _param_removeIcon, onRemove = param.onRemove, onClick = param.onClick, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$v({
+    var classes = useStyles$x({
       theme: tweakStyles
     });
     var tweakIconButtonStyles = useTweakStyles({
@@ -14673,8 +14674,8 @@
     return /* @__PURE__ */ jsxs("div", {
       className: classes.root,
       children: [
-        /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
-          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$C({}, classes.disabled, isDisabled))
+        /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$F({
+          className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$G({}, classes.disabled, isDisabled))
         }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data), trueReactPlatformHelpers.addClickHandler(handleClick, !isDisabled)), {
           children: [
             /* @__PURE__ */ jsx("div", {
@@ -14955,7 +14956,7 @@
       });
     };
   }
-  function _define_property$B(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14999,7 +15000,7 @@
   function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$A(target) {
+  function _object_spread$E(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -15009,15 +15010,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$B(target, key, source[key]);
+        _define_property$F(target, key, source[key]);
       });
     }
     return target;
   }
-  function _object_without_properties$a(source, excluded) {
+  function _object_without_properties$c(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$a(source, excluded);
+    var target = _object_without_properties_loose$c(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -15032,7 +15033,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$a(source, excluded) {
+  function _object_without_properties_loose$c(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -15165,7 +15166,7 @@
     }
   }
   var NumberInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$a(_param, [
+    var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$c(_param, [
       "value",
       "canBeFloat",
       "canBeNegative",
@@ -15268,7 +15269,7 @@
     }, [
       value
     ]);
-    return /* @__PURE__ */ jsx(Input, _object_spread$A({
+    return /* @__PURE__ */ jsx(Input, _object_spread$E({
       value: showedValue,
       onChange: handleChange,
       onBlur: handleBlur,
@@ -15277,7 +15278,7 @@
     }, props));
   });
   var FILTER_HEIGHT = 36;
-  var useStyles$u = createThemedStyles("FiltersPane", {
+  var useStyles$w = createThemedStyles("FiltersPane", {
     root: {
       display: "flex",
       flexWrap: "wrap",
@@ -15343,7 +15344,7 @@
       }
     }
   };
-  var useStyles$t = createThemedStyles("FilterInterval", {
+  var useStyles$v = createThemedStyles("FilterInterval", {
     root: {
       padding: 8,
       background: colors.CLASSIC_WHITE
@@ -15388,7 +15389,7 @@
     }
   };
   var clearButtonStyles$3 = structuredClone(innerTextButtonStyles);
-  function _define_property$A(obj, key, value) {
+  function _define_property$E(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15401,7 +15402,7 @@
     }
     return obj;
   }
-  function _object_spread$z(target) {
+  function _object_spread$D(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -15411,12 +15412,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$A(target, key, source[key]);
+        _define_property$E(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$v(object, enumerableOnly) {
+  function ownKeys$y(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15429,12 +15430,12 @@
     }
     return keys;
   }
-  function _object_spread_props$v(target, source) {
+  function _object_spread_props$y(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$v(Object(source)).forEach(function(key) {
+      ownKeys$y(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -15442,7 +15443,7 @@
   }
   var FilterInterval = function(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-    var classes = useStyles$t({
+    var classes = useStyles$v({
       theme: tweakStyles
     });
     var translates = React.useMemo(function() {
@@ -15486,7 +15487,7 @@
       className: "tweakClearButton",
       currentComponentName: "FilterInterval"
     });
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$z({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -15495,18 +15496,15 @@
           children: [
             /* @__PURE__ */ jsxs("div", {
               children: [
-                /* @__PURE__ */ jsx(NumberInput, {
+                /* @__PURE__ */ jsx(NumberInput, _object_spread$D({
                   onChange: handleFromChange,
                   value: value === null || value === void 0 ? void 0 : value[0],
                   label: withFieldNameInLabel ? "".concat(labelName, " ").concat(translates.from.toLocaleLowerCase()) : translates.from,
                   canBeFloat,
                   isClearable: true,
-                  min: fromInput === null || fromInput === void 0 ? void 0 : fromInput.min,
-                  max: fromInput === null || fromInput === void 0 ? void 0 : fromInput.max,
-                  maxLength: fromInput === null || fromInput === void 0 ? void 0 : fromInput.maxLength,
                   tweakStyles: tweakInputStyles,
                   testId: trueReactPlatformHelpers.getTestId(testId, "start")
-                }),
+                }, fromInput)),
                 withFieldNameInLabel && /* @__PURE__ */ jsxs("div", {
                   className: classes.autosize,
                   children: [
@@ -15519,18 +15517,15 @@
             }),
             /* @__PURE__ */ jsxs("div", {
               children: [
-                /* @__PURE__ */ jsx(NumberInput, {
+                /* @__PURE__ */ jsx(NumberInput, _object_spread$D({
                   onChange: handleToChange,
                   value: value === null || value === void 0 ? void 0 : value[1],
                   label: withFieldNameInLabel ? "".concat(labelName, " ").concat(translates.to.toLocaleLowerCase()) : translates.to,
                   canBeFloat,
                   isClearable: true,
-                  min: toInput === null || toInput === void 0 ? void 0 : toInput.min,
-                  max: toInput === null || toInput === void 0 ? void 0 : toInput.max,
-                  maxLength: toInput === null || toInput === void 0 ? void 0 : toInput.maxLength,
                   tweakStyles: tweakInputStyles,
                   testId: trueReactPlatformHelpers.getTestId(testId, "end")
-                }),
+                }, toInput)),
                 withFieldNameInLabel && /* @__PURE__ */ jsxs("div", {
                   className: classes.autosize,
                   children: [
@@ -15581,7 +15576,7 @@
     var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
     return trueReactPlatformHelpers.merge(MultiSelectLocales[key], custom, custom2);
   };
-  function _define_property$z(obj, key, value) {
+  function _define_property$D(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15594,7 +15589,7 @@
     }
     return obj;
   }
-  function _object_spread$y(target) {
+  function _object_spread$C(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -15604,19 +15599,19 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$z(target, key, source[key]);
+        _define_property$D(target, key, source[key]);
       });
     }
     return target;
   }
   var ITEM_HEIGHT$1 = 40;
   var TOP_GAP = 12;
-  var useStyles$s = createThemedStyles("MultiSelectList", {
+  var useStyles$u = createThemedStyles("MultiSelectList", {
     root: {
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$y({
+    list: _object_spread$C({
       paddingTop: TOP_GAP,
       maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
       overscrollBehavior: "contain"
@@ -15775,7 +15770,7 @@
       });
     };
   }
-  function _define_property$y(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -15826,7 +15821,7 @@
   function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$x(target) {
+  function _object_spread$B(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -15836,12 +15831,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$y(target, key, source[key]);
+        _define_property$C(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$u(object, enumerableOnly) {
+  function ownKeys$x(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -15854,12 +15849,12 @@
     }
     return keys;
   }
-  function _object_spread_props$u(target, source) {
+  function _object_spread_props$x(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$u(Object(source)).forEach(function(key) {
+      ownKeys$x(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -15989,7 +15984,7 @@
   function MultiSelectList(param) {
     var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
     var isMounted = useIsMounted();
-    var classes = useStyles$s({
+    var classes = useStyles$u({
       theme: tweakStyles
     });
     var tweakCheckboxStyles = useTweakStyles({
@@ -16161,13 +16156,13 @@
         if (value !== void 0) {
           if (keyCursorOn < value.include.length) {
             var _value_include_filter;
-            onChange(_object_spread_props$u(_object_spread$x({}, value), {
+            onChange(_object_spread_props$x(_object_spread$B({}, value), {
               include: (_value_include_filter = value.include.filter(function(val) {
                 return getValueId(val) !== getValueId(value.include[keyCursorOn]);
               })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
             }));
           } else {
-            onChange(_object_spread_props$u(_object_spread$x({}, value), {
+            onChange(_object_spread_props$x(_object_spread$B({}, value), {
               include: _to_consumable_array$3(value.include).concat([
                 unchosenOptions[keyCursorOn - value.include.length]
               ])
@@ -16366,7 +16361,7 @@
     var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (trueReactPlatformHelpers.isArrayNotEmpty(unchosenOptions) || !trueReactPlatformHelpers.isArrayNotEmpty(allOptions));
     var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
     var shouldShowOptionsList = !isLoading && (trueReactPlatformHelpers.isArrayNotEmpty(allOptions) || trueReactPlatformHelpers.isArrayNotEmpty(chosenValues));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$B({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
@@ -16382,7 +16377,7 @@
             shouldFocusOnMount: true
           })
         }),
-        shouldShowOptionsList && /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+        shouldShowOptionsList && /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$B({
           className: classes.list
         }, trueReactPlatformHelpers.addDataTestId(testId, "list")), {
           children: [
@@ -16406,7 +16401,7 @@
                       data: {
                         id
                       },
-                      children: /* @__PURE__ */ jsx("div", _object_spread_props$u(_object_spread$x({
+                      children: /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$B({
                         className: classes.option
                       }, trueReactPlatformHelpers.addDataAttributes({
                         option: id
@@ -16439,7 +16434,7 @@
                       data: {
                         id
                       },
-                      children: /* @__PURE__ */ jsx("div", _object_spread_props$u(_object_spread$x({
+                      children: /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$B({
                         className: classes.option
                       }, trueReactPlatformHelpers.addDataAttributes({
                         option: id
@@ -16480,7 +16475,7 @@
       ]
     }));
   }
-  function _define_property$x(obj, key, value) {
+  function _define_property$B(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -16493,7 +16488,7 @@
     }
     return obj;
   }
-  function _object_spread$w(target) {
+  function _object_spread$A(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -16503,15 +16498,15 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$x(target, key, source[key]);
+        _define_property$B(target, key, source[key]);
       });
     }
     return target;
   }
   function FilterMultiSelect(props) {
-    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$w({}, props));
+    return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$A({}, props));
   }
-  function _define_property$w(obj, key, value) {
+  function _define_property$A(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -16524,7 +16519,7 @@
     }
     return obj;
   }
-  function _object_spread$v(target) {
+  function _object_spread$z(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -16534,19 +16529,19 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$w(target, key, source[key]);
+        _define_property$A(target, key, source[key]);
       });
     }
     return target;
   }
   var ITEM_HEIGHT = 40;
   var LIST_GAP = 12;
-  var useStyles$r = createThemedStyles("FilterSelect", {
+  var useStyles$t = createThemedStyles("FilterSelect", {
     root: {
       width: 220,
       background: colors.CLASSIC_WHITE
     },
-    list: _object_spread$v({
+    list: _object_spread$z({
       paddingTop: LIST_GAP,
       padding: [
         LIST_GAP,
@@ -16721,7 +16716,7 @@
       });
     };
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -16772,7 +16767,7 @@
   function _non_iterable_spread$2() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$u(target) {
+  function _object_spread$y(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -16782,12 +16777,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$v(target, key, source[key]);
+        _define_property$z(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$t(object, enumerableOnly) {
+  function ownKeys$w(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -16800,12 +16795,12 @@
     }
     return keys;
   }
-  function _object_spread_props$t(target, source) {
+  function _object_spread_props$w(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$t(Object(source)).forEach(function(key) {
+      ownKeys$w(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -16934,7 +16929,7 @@
   }
   function FilterSelect(param) {
     var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale = param.locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
-    var classes = useStyles$r({
+    var classes = useStyles$t({
       theme: tweakStyles
     });
     var tweakSearchInputStyles = useTweakStyles({
@@ -17209,7 +17204,7 @@
       }();
       doFetchOptions();
     }, []);
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$y({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
@@ -17226,14 +17221,14 @@
         }),
         !isLoading && /* @__PURE__ */ jsxs(Fragment, {
           children: [
-            trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
-              className: clsx(classes.list, _define_property$v({}, classes.withClearButton, hasClearButton))
+            trueReactPlatformHelpers.isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$y({
+              className: clsx(classes.list, _define_property$z({}, classes.withClearButton, hasClearButton))
             }, trueReactPlatformHelpers.addDataTestId(testId, "list")), {
               children: [
                 isGroupingEnabled && trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsxs(Fragment, {
                   children: [
                     /* @__PURE__ */ jsx("div", {
-                      className: clsx(classes.label, classes.labelChosen, _define_property$v({}, classes.withoutTopGap, !isSearchEnabled)),
+                      className: clsx(classes.label, classes.labelChosen, _define_property$z({}, classes.withoutTopGap, !isSearchEnabled)),
                       children: translates.chosen
                     }),
                     /* @__PURE__ */ jsxs("div", {
@@ -17274,7 +17269,7 @@
                       return handleChange(item);
                     },
                     children: [
-                      /* @__PURE__ */ jsx("div", _object_spread_props$t(_object_spread$u({
+                      /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$y({
                         className: classes.option
                       }, trueReactPlatformHelpers.addDataAttributes({
                         id,
@@ -17312,7 +17307,7 @@
               children: translates.nothingFound
             }),
             (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.panel, _define_property$v({}, classes.panelWithFooter, hasFooter)),
+              className: clsx(classes.panel, _define_property$z({}, classes.panelWithFooter, hasFooter)),
               children: [
                 hasFooter && /* @__PURE__ */ jsx("div", {
                   className: classes.footer,
@@ -17342,7 +17337,7 @@
       ]
     }));
   }
-  var useStyles$q = createThemedStyles("FilterWithDates", {
+  var useStyles$s = createThemedStyles("FilterWithDates", {
     root: {
       width: 320,
       background: colors.CLASSIC_WHITE,
@@ -17410,7 +17405,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$u(obj, key, value) {
+  function _define_property$y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17454,7 +17449,7 @@
   function _non_iterable_rest$a() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$t(target) {
+  function _object_spread$x(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -17464,12 +17459,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$u(target, key, source[key]);
+        _define_property$y(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$s(object, enumerableOnly) {
+  function ownKeys$v(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17482,12 +17477,12 @@
     }
     return keys;
   }
-  function _object_spread_props$s(target, source) {
+  function _object_spread_props$v(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$s(Object(source)).forEach(function(key) {
+      ownKeys$v(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -17511,7 +17506,7 @@
   }
   var FilterWithDates = function(param) {
     var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-    var classes = useStyles$q({
+    var classes = useStyles$s({
       theme: tweakStyles
     });
     var tweakClearButtonStyles = useTweakStyles({
@@ -17598,7 +17593,7 @@
       }
     };
     var _value_to, _value_from, _ref;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$x({
       className: classes.root
     }, addDataAttributes(data)), {
       children: [
@@ -17607,7 +17602,7 @@
           children: [
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$x({
                 selectedDate: value === null || value === void 0 ? void 0 : value.from,
                 maxDate: (_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : void 0,
                 label: translates.from,
@@ -17621,7 +17616,7 @@
             }),
             /* @__PURE__ */ jsx("div", {
               className: classes.containerItem,
-              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+              children: /* @__PURE__ */ jsx(DatePicker, _object_spread$x({
                 selectedDate: value === null || value === void 0 ? void 0 : value.to,
                 label: translates.to,
                 months: translates.months,
@@ -17676,7 +17671,7 @@
       ]
     }));
   };
-  var useStyles$p = createThemedStyles("FilterWithPeriod", {
+  var useStyles$r = createThemedStyles("FilterWithPeriod", {
     root: {},
     main: {},
     picker: {}
@@ -17701,7 +17696,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$9(arr);
   }
-  function _define_property$t(obj, key, value) {
+  function _define_property$x(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17752,7 +17747,7 @@
   function _non_iterable_spread$1() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$s(target) {
+  function _object_spread$w(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -17762,12 +17757,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$t(target, key, source[key]);
+        _define_property$x(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$r(object, enumerableOnly) {
+  function ownKeys$u(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -17780,12 +17775,12 @@
     }
     return keys;
   }
-  function _object_spread_props$r(target, source) {
+  function _object_spread_props$u(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$r(Object(source)).forEach(function(key) {
+      ownKeys$u(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -17812,7 +17807,7 @@
   }
   var FilterWithPeriod = function(param) {
     var value = param.value, localeKey = param.localeKey, locale = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-    var classes = useStyles$p({
+    var classes = useStyles$r({
       theme: tweakStyles
     });
     var translates = React.useMemo(function() {
@@ -17825,7 +17820,7 @@
     var _useState1 = _sliced_to_array$9(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
     var _useState2 = _sliced_to_array$9(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
-      var result = _object_spread$s({}, PERIODS_GETTERS);
+      var result = _object_spread$w({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
         if (Array.isArray(p)) {
           result[p[0]] = p[1];
@@ -17871,7 +17866,7 @@
         if (onClose !== void 0) {
           onClose();
         }
-        onChange(_object_spread_props$r(_object_spread$s({}, p), {
+        onChange(_object_spread_props$u(_object_spread$w({}, p), {
           label: getPeriodTranslate(periodType)
         }));
       }
@@ -17891,7 +17886,7 @@
     };
     var handleCustomDateChange = function(val) {
       if (val.from || val.to) {
-        onChange(_object_spread_props$r(_object_spread$s({}, val), {
+        onChange(_object_spread_props$u(_object_spread$w({}, val), {
           periodType: "CUSTOM"
         }));
       } else {
@@ -17979,7 +17974,7 @@
   var isMultiSelectValue = function(value) {
     return Array.isArray(value === null || value === void 0 ? void 0 : value.include);
   };
-  function _define_property$s(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -17992,7 +17987,7 @@
     }
     return obj;
   }
-  function _object_spread$r(target) {
+  function _object_spread$v(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18002,12 +17997,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$s(target, key, source[key]);
+        _define_property$w(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$q(object, enumerableOnly) {
+  function ownKeys$t(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18020,12 +18015,12 @@
     }
     return keys;
   }
-  function _object_spread_props$q(target, source) {
+  function _object_spread_props$t(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$q(Object(source)).forEach(function(key) {
+      ownKeys$t(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18043,7 +18038,7 @@
       filter2.locale
     ]);
     if (filter2.type === "select") {
-      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterSelect, _object_spread$v({
         value,
         onChange,
         onClose,
@@ -18053,8 +18048,8 @@
       }, filter2));
     }
     if (filter2.type === "dateRange") {
-      var preparedValue = isPeriodValue(value) ? _object_spread$r({}, value) : void 0;
-      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$r({
+      var preparedValue = isPeriodValue(value) ? _object_spread$v({}, value) : void 0;
+      return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$v({
         value: preparedValue,
         onChange,
         onClose,
@@ -18065,10 +18060,10 @@
     }
     if (filter2.type === "dateRangeWithoutPeriod") {
       var preparedValue1 = isDatePeriodValue(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterWithDates, _object_spread$v({
         value: preparedValue1,
         onChange: function(v) {
-          return onChange(_object_spread_props$q(_object_spread$r({}, v), {
+          return onChange(_object_spread_props$t(_object_spread$v({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -18082,7 +18077,7 @@
     }
     if (filter2.type === "multiSelect") {
       var preparedValue2 = isMultiSelectValue(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$v({
         value: preparedValue2,
         onChange,
         onClose,
@@ -18093,7 +18088,7 @@
     }
     if (filter2.type === "interval") {
       var preparedValue3 = Array.isArray(value) ? value : void 0;
-      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$r({
+      return /* @__PURE__ */ jsx(FilterInterval, _object_spread$v({
         value: preparedValue3,
         onChange,
         localeKey: translatesLocaleKey,
@@ -18104,7 +18099,7 @@
     }
     if (filter2.type === "custom" && filter2.component) {
       var Component = filter2.component;
-      return /* @__PURE__ */ jsx(Component, _object_spread_props$q(_object_spread$r({}, props), {
+      return /* @__PURE__ */ jsx(Component, _object_spread_props$t(_object_spread$v({}, props), {
         filter: filter2,
         testId: trueReactPlatformHelpers.getTestId(testId, "dropdown")
       }));
@@ -18114,7 +18109,7 @@
     }
     return null;
   }
-  var useStyles$o = createThemedStyles("FiltersPaneSearch", {
+  var useStyles$q = createThemedStyles("FiltersPaneSearch", {
     root: {
       display: "flex",
       position: "relative",
@@ -18228,7 +18223,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$r(obj, key, value) {
+  function _define_property$v(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18272,7 +18267,7 @@
   function _non_iterable_rest$8() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$q(target) {
+  function _object_spread$u(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18282,12 +18277,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$r(target, key, source[key]);
+        _define_property$v(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$p(object, enumerableOnly) {
+  function ownKeys$s(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18300,12 +18295,12 @@
     }
     return keys;
   }
-  function _object_spread_props$p(target, source) {
+  function _object_spread_props$s(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$p(Object(source)).forEach(function(key) {
+      ownKeys$s(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18328,8 +18323,8 @@
       return _array_like_to_array$8(o, minLen);
   }
   function FiltersPaneSearch(param) {
-    var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
-    var classes = useStyles$o({
+    var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSized = param.isAutoSized, isAutoSized = _param_isAutoSized === void 0 ? false : _param_isAutoSized, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
+    var classes = useStyles$q({
       theme: tweakStyles
     });
     var tweakSearchInputStyles = useTweakStyles({
@@ -18370,8 +18365,8 @@
       setIsOpen(false);
     };
     var _obj2;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _define_property$r(_obj2, classes.hasValue, trueReactPlatformHelpers.isArrayLikeNotEmpty(value)), _obj2)),
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$u({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$v(_obj2, classes.focused, isInputFocused), _define_property$v(_obj2, classes.disabled, isDisabled), _define_property$v(_obj2, classes.hasValue, trueReactPlatformHelpers.isArrayLikeNotEmpty(value)), _obj2)),
       ref: refRoot
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
@@ -18388,12 +18383,13 @@
           },
           testId: trueReactPlatformHelpers.getTestId(testId, "input"),
           maxLength,
-          isDisabled
+          isDisabled,
+          isAutoSized
         }),
         /* @__PURE__ */ jsxs("div", {
           className: classes.selectWrapper,
           children: [
-            trueReactPlatformHelpers.isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+            trueReactPlatformHelpers.isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$u({
               className: classes.selectBlock,
               onClick: !isDisabled ? function() {
                 return setIsOpen(!isOpen);
@@ -18401,7 +18397,7 @@
             }, trueReactPlatformHelpers.addDataTestId(testId, "select")), {
               children: [
                 /* @__PURE__ */ jsx("div", {
-                  className: clsx(classes.selectLabel, _define_property$r({}, classes.active, trueReactPlatformHelpers.isNotEmpty(field))),
+                  className: clsx(classes.selectLabel, _define_property$v({}, classes.active, trueReactPlatformHelpers.isNotEmpty(field))),
                   children: trueReactPlatformHelpers.isNotEmpty(field) ? getValueView === null || getValueView === void 0 ? void 0 : getValueView(field) : translates.displayedFields
                 }),
                 /* @__PURE__ */ jsx("div", {
@@ -18434,7 +18430,7 @@
       ]
     }));
   }
-  var useStyles$n = createThemedStyles("FilterValueView", {
+  var useStyles$p = createThemedStyles("FilterValueView", {
     text: {
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -18453,7 +18449,7 @@
   }
   function FilterValueView(param) {
     var value = param.value, filter2 = param.filter, locale = param.locale, localeKey = param.localeKey, tweakStyles = param.tweakStyles;
-    var classes = useStyles$n({
+    var classes = useStyles$p({
       theme: tweakStyles
     });
     var _filter_localeKey;
@@ -18618,7 +18614,7 @@
     }
     return trueReactPlatformHelpers.isNotEmpty(value);
   };
-  var useStyles$m = createThemedStyles("FilterWrapper", {
+  var useStyles$o = createThemedStyles("FilterWrapper", {
     root: {
       position: "relative",
       transition: animations.defaultTransition,
@@ -18711,7 +18707,7 @@
       minWidth: 0
     }
   });
-  function _define_property$q(obj, key, value) {
+  function _define_property$u(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18724,7 +18720,7 @@
     }
     return obj;
   }
-  function _object_spread$p(target) {
+  function _object_spread$t(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18734,12 +18730,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$q(target, key, source[key]);
+        _define_property$u(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$o(object, enumerableOnly) {
+  function ownKeys$r(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18752,12 +18748,12 @@
     }
     return keys;
   }
-  function _object_spread_props$o(target, source) {
+  function _object_spread_props$r(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$o(Object(source)).forEach(function(key) {
+      ownKeys$r(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18765,7 +18761,7 @@
   }
   function FilterWrapper(param) {
     var filter2 = param.filter, value = param.value, isDisabled = param.isDisabled, locale = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onChange = param.onChange;
-    var classes = useStyles$m({
+    var classes = useStyles$o({
       theme: tweakStyles
     });
     var tweakWithPopupStyles = useTweakStyles({
@@ -18809,12 +18805,12 @@
       trigger: function(param2) {
         var isActive = param2.triggerProps.isActive, referenceProps = param2.referenceProps;
         var _obj2;
-        return /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
-          className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.noValue, !hasValue), _define_property$q(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$q(_obj2, classes.withValue, !isActive && hasValue), _define_property$q(_obj2, classes.openWithValue, isActive && hasValue), _define_property$q(_obj2, classes.boolean, isBoolean), _define_property$q(_obj2, classes.disabled, isDisabled), _obj2))
+        return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$t({
+          className: clsx(classes.root, (_obj2 = {}, _define_property$u(_obj2, classes.noValue, !hasValue), _define_property$u(_obj2, classes.openNoValue, isActive && !hasValue), _define_property$u(_obj2, classes.withValue, !isActive && hasValue), _define_property$u(_obj2, classes.openWithValue, isActive && hasValue), _define_property$u(_obj2, classes.boolean, isBoolean), _define_property$u(_obj2, classes.disabled, isDisabled), _obj2))
         }, trueReactPlatformHelpers.addDataAttributes(data, testId), referenceProps), {
           children: /* @__PURE__ */ jsxs("div", {
             onClick: handleLabelClick,
-            className: clsx(classes.item, _define_property$q({}, classes.booleanItem, isBoolean)),
+            className: clsx(classes.item, _define_property$u({}, classes.booleanItem, isBoolean)),
             children: [
               /* @__PURE__ */ jsx("div", {
                 className: classes.name,
@@ -18832,7 +18828,7 @@
                 })
               }),
               !isBoolean && !hasClearIcon && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.iconContainer, classes.chevronIcon, _define_property$q({}, classes.open, isActive)),
+                className: clsx(classes.iconContainer, classes.chevronIcon, _define_property$u({}, classes.open, isActive)),
                 children: /* @__PURE__ */ jsx(Icon, {
                   type: "chevron-down"
                 })
@@ -18862,7 +18858,7 @@
       }
     });
   }
-  function _define_property$p(obj, key, value) {
+  function _define_property$t(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18875,7 +18871,7 @@
     }
     return obj;
   }
-  function _object_spread$o(target) {
+  function _object_spread$s(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -18885,12 +18881,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$p(target, key, source[key]);
+        _define_property$t(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$n(object, enumerableOnly) {
+  function ownKeys$q(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -18903,12 +18899,12 @@
     }
     return keys;
   }
-  function _object_spread_props$n(target, source) {
+  function _object_spread_props$q(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$n(Object(source)).forEach(function(key) {
+      ownKeys$q(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -18916,7 +18912,7 @@
   }
   function FiltersPane(param) {
     var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale = param.locale, search2 = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, _param_shouldRenderDataId = param.shouldRenderDataId, shouldRenderDataId = _param_shouldRenderDataId === void 0 ? false : _param_shouldRenderDataId, _param_settingsIcon = param.settingsIcon, settingsIcon = _param_settingsIcon === void 0 ? "filter" : _param_settingsIcon, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-    var classes = useStyles$u({
+    var classes = useStyles$w({
       theme: tweakStyles
     });
     var tweakClearButtonStyles = useTweakStyles({
@@ -18963,11 +18959,11 @@
       })
     });
     var _search_localeKey, _search_localeKey1, _search_isDisabled;
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$s({
       className: classes.root
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
-        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
+        onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$s({
           className: classes.settings,
           tabIndex: 0
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -18977,7 +18973,7 @@
             children: renderIcon(settingsIcon)
           })
         })),
-        search2 !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search2), {
+        search2 !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$q(_object_spread$s({}, search2), {
           locale: getLocale$1((_search_localeKey = search2.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search2.locale, locale),
           localeKey: (_search_localeKey1 = search2.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
           isDisabled: (_search_isDisabled = search2.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -19001,7 +18997,7 @@
             locale,
             localeKey,
             onChange: function(value) {
-              return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, filterKey, value)));
+              return onChangeFilters(_object_spread_props$q(_object_spread$s({}, values), _define_property$t({}, filterKey, value)));
             },
             value: currentValue,
             isDisabled: isDisabled || (filter2 === null || filter2 === void 0 ? void 0 : (_filter_requiredFilledFilters = filter2.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -25146,7 +25142,7 @@
     */
     OS
   };
-  var useStyles$l = createThemedStyles("Flag", {
+  var useStyles$n = createThemedStyles("Flag", {
     root: {
       display: "flex",
       width: "100%",
@@ -25168,7 +25164,7 @@
   });
   var Flag = function(param) {
     var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
-    var classes = useStyles$l({
+    var classes = useStyles$n({
       theme: tweakStyles
     });
     var countryFlagKey = countryCode.toUpperCase();
@@ -25215,7 +25211,7 @@
       Cell: "div"
     }
   };
-  var useStyles$k = createThemedStyles("Skeleton", {
+  var useStyles$m = createThemedStyles("Skeleton", {
     root: {
       display: "flex",
       width: "100%",
@@ -25251,7 +25247,7 @@
   });
   var Skeleton = function(param) {
     var height = param.height, tweakStyles = param.tweakStyles;
-    var classes = useStyles$k({
+    var classes = useStyles$m({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -25275,23 +25271,75 @@
     var _config_dateFormat;
     return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
   };
+  function _define_property$s(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _object_spread$r(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$s(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$p(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _object_spread_props$p(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$p(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
   var STICKY_SHADOW_PADDING = 12;
-  var useStyles$j = createThemedStyles("FlexibleTable", {
+  var useStyles$l = createThemedStyles("FlexibleTable", {
+    flexibleTableWrapper: {},
     root: {
       width: "100%",
       position: "relative",
       borderCollapse: "separate",
       borderSpacing: 0
     },
-    scroll: {
-      overflow: "auto",
+    scroll: _object_spread_props$p(_object_spread$r({}, helpers.withScrollBar), {
       /*
         Чтобы сделать таблицу на всю высоту проставьте
         height у родителя таблицы у себя в проекте.
         Например: height: calc(100vh -{высота шапки}px)
       */
       maxHeight: "100%"
-    },
+    }),
     head: {},
     body: {},
     loaderRow: {},
@@ -25363,7 +25411,7 @@
     nothingFoundRow: {},
     nothingFound: {}
   });
-  function _define_property$o(obj, key, value) {
+  function _define_property$r(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -25376,7 +25424,7 @@
     }
     return obj;
   }
-  function _object_spread$n(target) {
+  function _object_spread$q(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -25386,12 +25434,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$o(target, key, source[key]);
+        _define_property$r(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$m(object, enumerableOnly) {
+  function ownKeys$o(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -25404,18 +25452,18 @@
     }
     return keys;
   }
-  function _object_spread_props$m(target, source) {
+  function _object_spread_props$o(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$m(Object(source)).forEach(function(key) {
+      ownKeys$o(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  var useStyles$i = createThemedStyles("FlexibleTableCell", {
+  var useStyles$k = createThemedStyles("FlexibleTableCell", {
     root: {
       position: "relative",
       boxSizing: "content-box",
@@ -25428,7 +25476,7 @@
       zIndex: 5,
       verticalAlign: "top"
     },
-    sticky: _object_spread_props$m(_object_spread$n({
+    sticky: _object_spread_props$o(_object_spread$q({
       zIndex: 19,
       paddingLeft: 24,
       paddingRight: 12,
@@ -25451,7 +25499,7 @@
       cursor: "pointer"
     }
   });
-  function _define_property$n(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -25464,7 +25512,7 @@
     }
     return obj;
   }
-  function _object_spread$m(target) {
+  function _object_spread$p(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -25474,12 +25522,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$n(target, key, source[key]);
+        _define_property$q(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$l(object, enumerableOnly) {
+  function ownKeys$n(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -25492,21 +25540,21 @@
     }
     return keys;
   }
-  function _object_spread_props$l(target, source) {
+  function _object_spread_props$n(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$l(Object(source)).forEach(function(key) {
+      ownKeys$n(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$9(source, excluded) {
+  function _object_without_properties$b(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$9(source, excluded);
+    var target = _object_without_properties_loose$b(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25521,7 +25569,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$9(source, excluded) {
+  function _object_without_properties_loose$b(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -25536,7 +25584,7 @@
     return target;
   }
   function FlexibleTableCell(_param) {
-    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, updateNestedComponent = _param.updateNestedComponent, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
+    var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, updateNestedComponent = _param.updateNestedComponent, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$b(_param, [
       "row",
       "columnName",
       "config",
@@ -25547,7 +25595,7 @@
       "updateNestedComponent",
       "tweakStyles"
     ]);
-    var classes = useStyles$i({
+    var classes = useStyles$k({
       theme: tweakStyles
     });
     var value = row[columnName];
@@ -25555,7 +25603,7 @@
     var _ref = (_config_columnName = config[columnName]) !== null && _config_columnName !== void 0 ? _config_columnName : {}, _ref_component = _ref.component, component = _ref_component === void 0 ? formatCellContent(value, config[columnName]) : _ref_component, width = _ref.width, maxWidth = _ref.maxWidth, minWidth = _ref.minWidth, left2 = _ref.left, right2 = _ref.right, position = _ref.position, cellAlign = _ref.cellAlign, cellVerticalAlign = _ref.cellVerticalAlign, shouldRenderDataId = _ref.shouldRenderDataId, _ref_shouldRenderComponent = _ref.shouldRenderComponent, shouldRenderComponent = _ref_shouldRenderComponent === void 0 ? trueReactPlatformHelpers.isNotEmpty : _ref_shouldRenderComponent, onCellClick = _ref.onCellClick;
     var isSticky = isOldSticky || position === "sticky";
     var isClickable = !isLoading && trueReactPlatformHelpers.isNotEmpty(onCellClick);
-    var cellComponentProps = _object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+    var cellComponentProps = _object_spread_props$n(_object_spread$p({}, valueComponentProps), {
       onSetNestedComponent: React.useCallback(function(node) {
         return updateNestedComponent(node, columnName);
       }, [
@@ -25567,8 +25615,8 @@
     });
     var Table = TableRenders[renderMode];
     var _obj2;
-    return /* @__PURE__ */ jsx(Table.Cell, _object_spread_props$l(_object_spread$m({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$n(_obj2, classes.sticky, isSticky), _define_property$n(_obj2, classes.second, isSecond), _define_property$n(_obj2, classes.loading, isLoading), _define_property$n(_obj2, classes.clickable, isClickable), _obj2)),
+    return /* @__PURE__ */ jsx(Table.Cell, _object_spread_props$n(_object_spread$p({
+      className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.sticky, isSticky), _define_property$q(_obj2, classes.second, isSecond), _define_property$q(_obj2, classes.loading, isLoading), _define_property$q(_obj2, classes.clickable, isClickable), _obj2)),
       style: {
         textAlign: cellAlign,
         position: isSticky ? "sticky" : position,
@@ -25591,7 +25639,7 @@
       }) : trueReactPlatformHelpers.applyAction(shouldRenderComponent, value, row, columnName) && trueReactPlatformHelpers.applyAction(component, cellComponentProps)
     }));
   }
-  var useStyles$h = createThemedStyles("FlexibleTableRow", {
+  var useStyles$j = createThemedStyles("FlexibleTableRow", {
     root: {
       position: "relative"
     },
@@ -25615,7 +25663,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$m(obj, key, value) {
+  function _define_property$p(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -25659,7 +25707,7 @@
   function _non_iterable_rest$7() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$l(target) {
+  function _object_spread$o(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -25669,12 +25717,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$m(target, key, source[key]);
+        _define_property$p(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$k(object, enumerableOnly) {
+  function ownKeys$m(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -25687,12 +25735,12 @@
     }
     return keys;
   }
-  function _object_spread_props$k(target, source) {
+  function _object_spread_props$m(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$k(Object(source)).forEach(function(key) {
+      ownKeys$m(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -25716,7 +25764,7 @@
   }
   function FlexibleTableRowInner(param) {
     var item = param.item, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isFocusable = param.isFocusable, isFocusable = _param_isFocusable === void 0 ? false : _param_isFocusable, _param_isFirstColumnSticky = param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, rowAttributes = param.rowAttributes, _param_isExpandableRowComponentInitiallyOpen = param.isExpandableRowComponentInitiallyOpen, isExpandableRowComponentInitiallyOpen = _param_isExpandableRowComponentInitiallyOpen === void 0 ? false : _param_isExpandableRowComponentInitiallyOpen, rowRef = param.rowRef, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
-    var classes = useStyles$h({
+    var classes = useStyles$j({
       theme: tweakStyles
     });
     var tweakTableCellStyles = useTweakStyles({
@@ -25791,14 +25839,14 @@
     var _obj2;
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
-        /* @__PURE__ */ jsx(Table.Row, _object_spread_props$k(_object_spread$l({
+        /* @__PURE__ */ jsx(Table.Row, _object_spread_props$m(_object_spread$o({
           ref: rowRef,
-          className: clsx(classes.root, (_obj2 = {}, _define_property$m(_obj2, classes.active, isActive), _define_property$m(_obj2, classes.editable, isEditable), _define_property$m(_obj2, classes.clickable, isClickable), _obj2))
+          className: clsx(classes.root, (_obj2 = {}, _define_property$p(_obj2, classes.active, isActive), _define_property$p(_obj2, classes.editable, isEditable), _define_property$p(_obj2, classes.clickable, isClickable), _obj2))
         }, !isLoading && {
           onClick: handleRowClick,
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave
-        }, addDataAttributes(_object_spread_props$k(_object_spread$l({}, rowData), {
+        }, addDataAttributes(_object_spread_props$m(_object_spread$o({}, rowData), {
           active: isActive ? true : void 0,
           editable: isEditable ? true : void 0,
           isExpandableComponentActive: isNestedComponentExpanded ? true : void 0
@@ -25833,7 +25881,7 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.memo(FlexibleTableRowInner);
-  function _define_property$l(obj, key, value) {
+  function _define_property$o(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -25846,7 +25894,7 @@
     }
     return obj;
   }
-  function _object_spread$k(target) {
+  function _object_spread$n(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? arguments[i] : {};
       var ownKeys2 = Object.keys(source);
@@ -25856,12 +25904,12 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$l(target, key, source[key]);
+        _define_property$o(target, key, source[key]);
       });
     }
     return target;
   }
-  function ownKeys$j(object, enumerableOnly) {
+  function ownKeys$l(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -25874,21 +25922,21 @@
     }
     return keys;
   }
-  function _object_spread_props$j(target, source) {
+  function _object_spread_props$l(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-      ownKeys$j(Object(source)).forEach(function(key) {
+      ownKeys$l(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
     return target;
   }
-  function _object_without_properties$8(source, excluded) {
+  function _object_without_properties$a(source, excluded) {
     if (source == null)
       return {};
-    var target = _object_without_properties_loose$8(source, excluded);
+    var target = _object_without_properties_loose$a(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25903,7 +25951,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$8(source, excluded) {
+  function _object_without_properties_loose$a(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -25918,7 +25966,7 @@
     return target;
   }
   function FlexibleTable(_param) {
-    var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, activeRows = _param.activeRows, uniqueField = _param.uniqueField, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isFirstColumnSticky = _param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, _param_isRowFocusable = _param.isRowFocusable, isRowFocusable = _param_isRowFocusable === void 0 ? false : _param_isRowFocusable, infinityScrollConfigDeprecated = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, _param_shouldRenderHeader = _param.shouldRenderHeader, shouldRenderHeader = _param_shouldRenderHeader === void 0 ? true : _param_shouldRenderHeader, onHeadClick = _param.onHeadClick, isRowInitiallyOpen = _param.isExpandableRowComponentInitiallyOpen, restProps = _object_without_properties$8(_param, [
+    var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, activeRows = _param.activeRows, uniqueField = _param.uniqueField, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isFirstColumnSticky = _param.isFirstColumnSticky, isFirstColumnSticky = _param_isFirstColumnSticky === void 0 ? false : _param_isFirstColumnSticky, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, _param_isRowFocusable = _param.isRowFocusable, isRowFocusable = _param_isRowFocusable === void 0 ? false : _param_isRowFocusable, infinityScrollConfigDeprecated = _param.infinityScrollConfig, _param_renderMode = _param.renderMode, renderMode = _param_renderMode === void 0 ? "table" : _param_renderMode, refForScroll = _param.refForScroll, nothingFoundContent = _param.nothingFoundContent, data = _param.data, testId = _param.testId, tweakStyles = _param.tweakStyles, _param_shouldRenderHeader = _param.shouldRenderHeader, shouldRenderHeader = _param_shouldRenderHeader === void 0 ? true : _param_shouldRenderHeader, onHeadClick = _param.onHeadClick, isRowInitiallyOpen = _param.isExpandableRowComponentInitiallyOpen, restProps = _object_without_properties$a(_param, [
       "content",
       "headerContent",
       "config",
@@ -25940,7 +25988,7 @@
       "onHeadClick",
       "isExpandableRowComponentInitiallyOpen"
     ]);
-    var classes = useStyles$j({
+    var classes = useStyles$l({
       theme: tweakStyles
     });
     var tweakTableRowStyles = useTweakStyles({
@@ -25956,7 +26004,7 @@
       config
     ]);
     var getTableRowProps = function(item, index) {
-      return _object_spread_props$j(_object_spread$k({}, restProps), {
+      return _object_spread_props$l(_object_spread$n({}, restProps), {
         item,
         renderMode,
         config,
@@ -26043,10 +26091,10 @@
     var Table = TableRenders[renderMode];
     return /* @__PURE__ */ jsx("div", {
       ref,
-      className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
-      children: /* @__PURE__ */ jsxs(Table.Root, _object_spread_props$j(_object_spread$k({
+      className: clsx(classes.flexibleTableWrapper, _define_property$o({}, classes.scroll, isHorizontallyScrollable)),
+      children: /* @__PURE__ */ jsxs(Table.Root, _object_spread_props$l(_object_spread$n({
         className: classes.root
-      }, trueReactPlatformHelpers.addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+      }, trueReactPlatformHelpers.addDataAttributes(_object_spread_props$l(_object_spread$n({}, data), {
         isLoading
       }), testId)), {
         children: [
@@ -26059,8 +26107,8 @@
                 var _ref = (_config_key = config === null || config === void 0 ? void 0 : config[key]) !== null && _config_key !== void 0 ? _config_key : {}, position = _ref.position, minWidth = _ref.minWidth, width = _ref.width, maxWidth = _ref.maxWidth, _ref_titleAlign = _ref.titleAlign, titleAlign = _ref_titleAlign === void 0 ? "left" : _ref_titleAlign, right2 = _ref.right, left2 = _ref.left, _ref_title = _ref.title, title = _ref_title === void 0 ? "" : _ref_title, shouldRenderDataId = _ref.shouldRenderDataId;
                 var isSticky = position === "sticky" || isFirstColumnSticky && i === 0;
                 var _obj2;
-                return /* @__PURE__ */ jsx(Table.Header, _object_spread_props$j(_object_spread$k({
-                  className: clsx(classes.header, (_obj2 = {}, _define_property$l(_obj2, classes.headerSticky, isSticky), _define_property$l(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
+                return /* @__PURE__ */ jsx(Table.Header, _object_spread_props$l(_object_spread$n({
+                  className: clsx(classes.header, (_obj2 = {}, _define_property$o(_obj2, classes.headerSticky, isSticky), _define_property$o(_obj2, classes.headerSecond, isFirstColumnSticky && i === 1), _obj2)),
                   style: {
                     minWidth,
                     width,
@@ -26086,7 +26134,7 @@
           /* @__PURE__ */ jsx(Table.Body, {
             className: classes.body,
             children: isLoading ? trueReactPlatformHelpers.indexMap(6, function(i) {
-              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, getTableRowProps({}, i)), {
+              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$l(_object_spread$n({}, getTableRowProps({}, i)), {
                 key: i
               }));
             }) : /* @__PURE__ */ jsxs(Fragment, {
@@ -26100,7 +26148,7 @@
                   })
                 }),
                 content.map(function(item, i) {
-                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, getTableRowProps(item, i)), {
+                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$l(_object_spread$n({}, getTableRowProps(item, i)), {
                     isActive: activeRowsSet.has(i),
                     key: trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i
                   }));
@@ -26127,6 +26175,280 @@
       }))
     });
   }
+  var useStyles$i = createThemedStyles("DocActions", {
+    docActions: {
+      display: "grid",
+      alignItems: "center",
+      gridTemplateColumns: "max-content 1fr"
+    },
+    neutral: {},
+    inverse: {},
+    counterWrapper: {},
+    title: {},
+    actionsWrapper: {
+      justifySelf: "end"
+    }
+  });
+  function _define_property$n(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _object_spread$m(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$n(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$k(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _object_spread_props$k(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$k(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _object_without_properties$9(source, excluded) {
+    if (source == null)
+      return {};
+    var target = _object_without_properties_loose$9(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0)
+          continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key))
+          continue;
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+  function _object_without_properties_loose$9(source, excluded) {
+    if (source == null)
+      return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+  var DocActions = function(_param) {
+    var title = _param.title, _param_view = _param.view, view = _param_view === void 0 ? "neutral" : _param_view, children = _param.children, tweakStyles = _param.tweakStyles, checkBoxProps = _object_without_properties$9(_param, [
+      "title",
+      "view",
+      "children",
+      "tweakStyles"
+    ]);
+    var classes = useStyles$i({
+      theme: tweakStyles
+    });
+    var tweakCheckboxStyles = useTweakStyles({
+      tweakStyles,
+      className: "tweakCheckbox",
+      currentComponentName: "DocActions"
+    });
+    return /* @__PURE__ */ jsxs("div", {
+      className: clsx(classes.docActions, classes[view]),
+      children: [
+        /* @__PURE__ */ jsx("div", {
+          className: classes.counterWrapper,
+          children: /* @__PURE__ */ jsx(Checkbox, _object_spread_props$k(_object_spread$m({
+            tweakStyles: tweakCheckboxStyles
+          }, checkBoxProps), {
+            children: /* @__PURE__ */ jsx("span", {
+              className: classes.title,
+              children: title
+            })
+          }))
+        }),
+        /* @__PURE__ */ jsx("div", {
+          className: classes.actionsWrapper,
+          children
+        })
+      ]
+    });
+  };
+  var DOC_ACTIONS_VIEWS = [
+    "neutral",
+    "inverse"
+  ];
+  var DEFAULT_TIMEOUT$1 = 150;
+  function _define_property$m(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _object_spread$l(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$m(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  var useStyles$h = reactJss.createUseStyles(_object_spread$l({}, animations.slideUp));
+  function _define_property$l(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _object_spread$k(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+      var ownKeys2 = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys2.forEach(function(key) {
+        _define_property$l(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function ownKeys$j(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      if (enumerableOnly) {
+        symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+      keys.push.apply(keys, symbols);
+    }
+    return keys;
+  }
+  function _object_spread_props$j(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$j(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+    return target;
+  }
+  function _object_without_properties$8(source, excluded) {
+    if (source == null)
+      return {};
+    var target = _object_without_properties_loose$8(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0)
+          continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key))
+          continue;
+        target[key] = source[key];
+      }
+    }
+    return target;
+  }
+  function _object_without_properties_loose$8(source, excluded) {
+    if (source == null)
+      return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
+  var FloatDocActions = function(_param) {
+    var isOpen = _param.isOpen, children = _param.children, docActionsProps = _object_without_properties$8(_param, [
+      "isOpen",
+      "children"
+    ]);
+    var classes = useStyles$h();
+    return /* @__PURE__ */ jsx(reactTransitionGroup.CSSTransition, {
+      in: isOpen,
+      timeout: DEFAULT_TIMEOUT$1,
+      mountOnEnter: true,
+      unmountOnExit: true,
+      classNames: {
+        enter: classes["slide-up-enter"],
+        enterActive: classes["slide-up-enter-active"],
+        exit: classes["slide-up-exit"],
+        exitActive: classes["slide-up-exit-active"]
+      },
+      children: /* @__PURE__ */ jsx(DocActions, _object_spread_props$j(_object_spread$k({}, docActionsProps), {
+        children
+      }))
+    });
+  };
   var inputStyles$2 = {
     tweakControlWrapper: {
       controlWrapper: {
@@ -30735,9 +31057,11 @@
   exports2.ControlWrapper = ControlWrapper;
   exports2.CssBaseline = CssBaseline;
   exports2.DEFAULT_PHONE_MASK = DEFAULT_PHONE_MASK;
+  exports2.DOC_ACTIONS_VIEWS = DOC_ACTIONS_VIEWS;
   exports2.DateInput = DateInput;
   exports2.DatePicker = DatePicker;
   exports2.Description = Description;
+  exports2.DocActions = DocActions;
   exports2.EMPTY_DATE_INPUT_VALUE = EMPTY_DATE_INPUT_VALUE;
   exports2.EMPTY_DATE_RANGE_INPUT_VALUE = EMPTY_DATE_RANGE_INPUT_VALUE;
   exports2.FileInput = FileInput;
@@ -30754,6 +31078,7 @@
   exports2.FiltersPaneSearch = FiltersPaneSearch;
   exports2.Flag = Flag;
   exports2.FlexibleTable = FlexibleTable;
+  exports2.FloatDocActions = FloatDocActions;
   exports2.Icon = Icon;
   exports2.IconButton = IconButton;
   exports2.IncrementInput = IncrementInput;