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

package/dist/true-react-common-ui-kit.js

@@ -1334,7 +1334,7 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     _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,
@@ -1385,7 +1385,7 @@ function _non_iterable_rest$r() {
 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);
@@ -1395,7 +1395,7 @@ function _object_spread$18(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$1b(target, key, source[key]);
+      _define_property$1f(target, key, source[key]);
     });
   }
   return target;
@@ -1527,7 +1527,7 @@ var TweakStylesManager = /* @__PURE__ */ function() {
             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] = joinStrings([
               classes[key],
@@ -1662,7 +1662,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     _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,
@@ -1675,7 +1675,7 @@ function _define_property$1a(obj, key, value) {
   }
   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);
@@ -1685,7 +1685,7 @@ function _object_spread$17(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$1a(target, key, source[key]);
+      _define_property$1e(target, key, source[key]);
     });
   }
   return target;
@@ -1781,7 +1781,7 @@ var ThemedStylesManager = /* @__PURE__ */ function() {
             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
@@ -1798,7 +1798,7 @@ var ThemedStylesManager = /* @__PURE__ */ function() {
   ]);
   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,
@@ -1811,7 +1811,7 @@ function _define_property$19(obj, key, value) {
   }
   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);
@@ -1821,12 +1821,12 @@ function _object_spread$16(target) {
       }));
     }
     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);
@@ -1839,12 +1839,12 @@ function ownKeys$V(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -1855,7 +1855,7 @@ var JssProvider = function(param) {
   var children = param.children, tweakStylesArch = param.tweakStylesArch, generateId = param.generateId;
   var context = useContext(JssContext);
   var value = 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
     });
@@ -1894,7 +1894,7 @@ function _array_with_holes$q(arr) {
   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,
@@ -1938,7 +1938,7 @@ function _iterable_to_array_limit$p(arr, i) {
 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);
@@ -1948,12 +1948,12 @@ function _object_spread$15(target) {
       }));
     }
     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);
@@ -1966,12 +1966,12 @@ function ownKeys$U(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -2031,7 +2031,7 @@ function createThemedStyles() {
         tweakStylesStrategy,
         tweakStyles
       ]);
-      return useStyles2(isNotEmpty(data) ? _object_spread_props$U(_object_spread$15({}, data), {
+      return useStyles2(isNotEmpty(data) ? _object_spread_props$X(_object_spread$19({}, data), {
         theme
       }) : data);
     }
@@ -6532,7 +6532,7 @@ function _array_without_holes$a(arr) {
   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,
@@ -6552,7 +6552,7 @@ function _iterable_to_array$a(iter) {
 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);
@@ -6562,7 +6562,7 @@ function _object_spread$14(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$17(target, key, source[key]);
+      _define_property$1b(target, key, source[key]);
     });
   }
   return target;
@@ -6618,7 +6618,7 @@ var useDropdown = function(param) {
         },
         {
           name: "flip",
-          options: _object_spread$14({
+          options: _object_spread$18({
             fallbackPlacements: canBeFlipped ? [
               "bottom-start",
               "top-start"
@@ -7005,13 +7005,13 @@ var iconsMap = {
   "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,
@@ -7024,7 +7024,7 @@ function _define_property$16(obj, key, value) {
   }
   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);
@@ -7034,12 +7034,12 @@ function _object_spread$13(target) {
       }));
     }
     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);
@@ -7052,12 +7052,12 @@ function ownKeys$T(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7066,7 +7066,7 @@ function _object_spread_props$T(target, source) {
 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();
@@ -7076,7 +7076,7 @@ var Icon = function(param) {
     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
   }, addDataAttributes$1(data, testId)), {
     dangerouslySetInnerHTML: {
@@ -7098,7 +7098,7 @@ var minWidthRelativeToTrigger = size({
     });
   }
 });
-var useStyles$V = createThemedStyles("WithPopup", {
+var useStyles$X = createThemedStyles("WithPopup", {
   trigger: {
     width: "fit-content"
   },
@@ -7145,7 +7145,7 @@ function _array_without_holes$8(arr) {
   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,
@@ -7196,7 +7196,7 @@ function _non_iterable_rest$m() {
 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);
@@ -7206,12 +7206,12 @@ function _object_spread$12(target) {
       }));
     }
     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);
@@ -7224,12 +7224,12 @@ function ownKeys$S(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7256,7 +7256,7 @@ function _unsupported_iterable_to_array$m(o, minLen) {
 }
 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(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
@@ -7287,7 +7287,7 @@ var WithPopup = function(param) {
     placement,
     onOpenChange: handleToggle
   }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-  var hover = useHover(context, _object_spread$12({
+  var hover = useHover(context, _object_spread$16({
     enabled: eventType === "hover",
     delay: {
       open: hoverDelay,
@@ -7295,13 +7295,13 @@ var WithPopup = function(param) {
     },
     handleClose: safePolygon()
   }, hoverOptions));
-  var focus = useFocus(context, _object_spread$12({
+  var focus = useFocus(context, _object_spread$16({
     enabled: eventType === "hover"
   }, focusOptions));
-  var click = useClick(context, _object_spread$12({
+  var click = useClick(context, _object_spread$16({
     enabled: eventType === "click"
   }, clickOptions));
-  var dismiss = useDismiss(context, _object_spread$12({
+  var dismiss = useDismiss(context, _object_spread$16({
     enabled: eventType === "click",
     ancestorScroll: shouldHideOnScroll
   }, dismissOptions));
@@ -7311,22 +7311,22 @@ var WithPopup = function(param) {
     focus,
     dismiss
   ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-  var _useTransitionStatus = useTransitionStatus(context, _object_spread$12({
+  var _useTransitionStatus = 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: stopPropagation
   }));
   var triggerElement = 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))
@@ -7334,14 +7334,14 @@ var WithPopup = function(param) {
   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, addDataAttributes$1(data, testId)), {
         children: triggerElement
       })) : triggerElement,
       isMounted && /* @__PURE__ */ jsx(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
@@ -7349,7 +7349,7 @@ var WithPopup = function(param) {
           children: /* @__PURE__ */ jsxs("div", {
             className: classes["dropdown-".concat(status)],
             children: [
-              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$S(_object_spread$12({}, arrowProps), {
+              shouldShowArrow && /* @__PURE__ */ jsx(FloatingArrow, _object_spread_props$V(_object_spread$16({}, arrowProps), {
                 ref: arrowRef,
                 context,
                 className: classes.arrow
@@ -7366,9 +7366,9 @@ var WithPopup = function(param) {
   });
 };
 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",
@@ -7396,18 +7396,18 @@ var useStyles$U = createThemedStyles("ListItem", {
     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,
@@ -7420,7 +7420,7 @@ function _define_property$14(obj, key, value) {
   }
   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);
@@ -7430,12 +7430,12 @@ function _object_spread$11(target) {
       }));
     }
     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);
@@ -7448,12 +7448,12 @@ function ownKeys$R(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7461,7 +7461,7 @@ function _object_spread_props$R(target, source) {
 }
 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;
@@ -7470,9 +7470,9 @@ var ListItem = function(param) {
       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))
-      }, addClickHandler(onClick, !isDisabled), 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))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$U(_object_spread$15({}, data), {
         disabled: isDisabled ? true : void 0
       }))), {
         children: [
@@ -7498,7 +7498,7 @@ var ListItem = function(param) {
     ]
   });
 };
-var useStyles$T = createThemedStyles("List", {
+var useStyles$V = createThemedStyles("List", {
   root: {
     minWidth: 180,
     backgroundColor: colors.CLASSIC_WHITE,
@@ -7519,7 +7519,7 @@ var withPopupStyles$1 = {
     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,
@@ -7532,7 +7532,7 @@ function _define_property$13(obj, key, value) {
   }
   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);
@@ -7542,12 +7542,12 @@ function _object_spread$10(target) {
       }));
     }
     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);
@@ -7560,12 +7560,12 @@ function ownKeys$Q(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7573,7 +7573,7 @@ function _object_spread_props$Q(target, source) {
 }
 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) {
@@ -7587,11 +7587,11 @@ var List = function(param) {
     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
   }, 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: getTestId(testId, "item-".concat(i))
       }, item), {
         shouldDrawSpacerAbove: item.shouldDrawSpacerAbove && i !== 0,
@@ -7609,7 +7609,7 @@ var List = function(param) {
           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
             }));
           },
@@ -7620,13 +7620,13 @@ var List = function(param) {
               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,
@@ -7639,7 +7639,7 @@ function _define_property$12(obj, key, value) {
   }
   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);
@@ -7649,12 +7649,12 @@ function _object_spread$$(target) {
       }));
     }
     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"
   },
@@ -7708,7 +7708,7 @@ function _array_with_holes$l(arr) {
   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,
@@ -7752,7 +7752,7 @@ function _iterable_to_array_limit$l(arr, i) {
 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);
@@ -7762,12 +7762,12 @@ function _object_spread$_(target) {
       }));
     }
     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);
@@ -7780,12 +7780,12 @@ function ownKeys$P(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7809,7 +7809,7 @@ function _unsupported_iterable_to_array$l(o, minLen) {
 }
 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({
@@ -7829,7 +7829,7 @@ var AccountInfo = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -7879,7 +7879,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$R = createThemedStyles("AddButton", {
+var useStyles$T = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -7905,7 +7905,7 @@ var useStyles$R = createThemedStyles("AddButton", {
     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,
@@ -7918,7 +7918,7 @@ function _define_property$10(obj, key, value) {
   }
   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);
@@ -7928,12 +7928,12 @@ function _object_spread$Z(target) {
       }));
     }
     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);
@@ -7946,12 +7946,12 @@ function ownKeys$O(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -7959,10 +7959,10 @@ function _object_spread_props$O(target, source) {
 }
 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,
@@ -7981,7 +7981,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$Q = createThemedStyles("DotsPreloader", {
+var useStyles$S = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -8027,7 +8027,7 @@ var useStyles$Q = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$Q({
+  var classes = useStyles$S({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -8093,7 +8093,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$P = createThemedStyles("SvgPreloader", {
+var useStyles$R = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -8103,7 +8103,7 @@ var useStyles$P = createThemedStyles("SvgPreloader", {
 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();
@@ -8117,7 +8117,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$O = createThemedStyles("ThemedPreloader", {
+var useStyles$Q = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -8128,7 +8128,7 @@ var useStyles$O = createThemedStyles("ThemedPreloader", {
     color: "currentColor"
   }
 });
-function _define_property$$(obj, key, value) {
+function _define_property$13(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8141,7 +8141,7 @@ function _define_property$$(obj, key, value) {
   }
   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);
@@ -8151,12 +8151,12 @@ function _object_spread$Y(target) {
       }));
     }
     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);
@@ -8169,12 +8169,12 @@ function ownKeys$N(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8182,7 +8182,7 @@ function _object_spread_props$N(target, source) {
 }
 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({
@@ -8195,8 +8195,8 @@ var ThemedPreloader = function(param) {
     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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -8206,7 +8206,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$N = createThemedStyles("Button", {
+var useStyles$P = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -8377,7 +8377,7 @@ var dotsPreloaderStyles = {
 var getPreloaderStyles = function(size2) {
   return size2 === "s" || size2 === "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,
@@ -8390,7 +8390,7 @@ function _define_property$_(obj, key, value) {
   }
   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);
@@ -8400,12 +8400,12 @@ function _object_spread$X(target) {
       }));
     }
     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);
@@ -8418,21 +8418,21 @@ function ownKeys$M(object, enumerableOnly) {
   }
   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);
@@ -8447,7 +8447,7 @@ function _object_without_properties$j(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$j(source, excluded) {
+function _object_without_properties_loose$l(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -8462,7 +8462,7 @@ function _object_without_properties_loose$j(source, excluded) {
   return target;
 }
 var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, children = _param.children, _param_size = _param.size, size2 = _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, size2 = _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",
@@ -8480,7 +8480,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "iconPosition",
     "preloaderType"
   ]);
-  var classes = useStyles$N({
+  var classes = useStyles$P({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -8493,16 +8493,16 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasChildren = 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[size2], 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[size2], 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, 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,
@@ -8525,7 +8525,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ]
   }));
 });
-var useStyles$M = createThemedStyles("Checkbox", {
+var useStyles$O = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -8563,7 +8563,7 @@ var useStyles$M = createThemedStyles("Checkbox", {
     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,
@@ -8576,7 +8576,7 @@ function _define_property$Z(obj, key, value) {
   }
   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);
@@ -8586,12 +8586,12 @@ function _object_spread$W(target) {
       }));
     }
     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);
@@ -8604,12 +8604,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8617,7 +8617,7 @@ function _object_spread_props$L(target, source) {
 }
 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;
@@ -8629,11 +8629,11 @@ function Checkbox(param) {
     }, 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))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$W({
+      /* @__PURE__ */ jsx("input", _object_spread$_({
         className: classes.input,
         type: "checkbox",
         checked: isSelected,
@@ -8656,7 +8656,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$L = createThemedStyles("CloseButton", {
+var useStyles$N = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -8682,7 +8682,7 @@ var useStyles$L = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$Y(obj, key, value) {
+function _define_property$10(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8695,7 +8695,7 @@ function _define_property$Y(obj, key, value) {
   }
   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);
@@ -8705,12 +8705,12 @@ function _object_spread$V(target) {
       }));
     }
     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);
@@ -8723,12 +8723,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -8736,10 +8736,10 @@ function _object_spread_props$K(target, source) {
 }
 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
@@ -8749,7 +8749,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$K = createThemedStyles({
+var useStyles$M = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -8842,7 +8842,7 @@ function _unsupported_iterable_to_array$k(o, minLen) {
     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", {
@@ -8872,7 +8872,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$J = createThemedStyles("CssBaseline", {
+var useStyles$L = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -8881,7 +8881,7 @@ var useStyles$J = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$X(obj, key, value) {
+function _define_property$$(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8894,7 +8894,7 @@ function _define_property$X(obj, key, value) {
   }
   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);
@@ -8904,21 +8904,21 @@ function _object_spread$U(target) {
       }));
     }
     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
   }, addDataTestId(testId), addDataAttributes(data)));
 };
-var useStyles$I = createThemedStyles("WithMessages", {
+var useStyles$K = createThemedStyles("WithMessages", {
   withMessages: {
     display: "flex",
     flexDirection: "column",
@@ -8952,7 +8952,7 @@ var useStyles$I = createThemedStyles("WithMessages", {
   },
   children: {}
 });
-function _define_property$W(obj, key, value) {
+function _define_property$_(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8965,7 +8965,7 @@ function _define_property$W(obj, key, value) {
   }
   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);
@@ -8975,12 +8975,12 @@ function _object_spread$T(target) {
       }));
     }
     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);
@@ -8993,12 +8993,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9006,31 +9006,31 @@ function _object_spread_props$J(target, source) {
 }
 var WithMessages = /* @__PURE__ */ 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 = isReactNodeNotEmpty(errorMessage);
   var shouldShowInfo = 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
   }, addDataAttributes$1(data, testId)), {
     children: [
       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
           }, 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
           }, addDataTestId(testId, "info")), {
             children: infoMessage
@@ -9049,7 +9049,7 @@ var convertToControlWrapperIcon = function(iconItem) {
   };
 };
 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
@@ -9200,7 +9200,7 @@ var useStyles$H = createThemedStyles("ControlWrapper", {
     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,
@@ -9213,7 +9213,7 @@ function _define_property$V(obj, key, value) {
   }
   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);
@@ -9223,12 +9223,12 @@ function _object_spread$S(target) {
       }));
     }
     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);
@@ -9241,12 +9241,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -9254,7 +9254,7 @@ function _object_spread_props$I(target, source) {
 }
 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, size2 = 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 = getArray(icon).map(convertToControlWrapperIcon);
@@ -9268,12 +9268,12 @@ var ControlWrapper = function(param) {
     currentComponentName: "ControlWrapper"
   });
   var _obj2, _obj1;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$I(_object_spread$S({
-    className: clsx(classes.controlWrapper, isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], isNotEmpty(size2) && classes[size2], (_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, isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], isNotEmpty(size2) && classes[size2], (_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))
   }, addDataAttributes$1(data, testId)), {
     children: [
       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", {
@@ -9283,7 +9283,7 @@ var ControlWrapper = function(param) {
           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)
               }, addClickHandler(onClear), addDataTestId(testId, "clear")), {
                 children: /* @__PURE__ */ jsx("div", {
@@ -9296,8 +9296,8 @@ var ControlWrapper = function(param) {
               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 && 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 && isNotEmpty(onClick)), _define_property$Z(_obj3, classes.customIcon, shouldResetSize), _obj3))
                 }, addClickHandler(onClick, !isDisabled), addDataTestId(testId, "icon")), {
                   children: /* @__PURE__ */ jsx("div", {
                     className: classes.iconInner,
@@ -9305,7 +9305,7 @@ var ControlWrapper = function(param) {
                   })
                 }), 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)
               }, addDataTestId(testId, "loading")), {
                 children: /* @__PURE__ */ jsx("div", {
@@ -9323,7 +9323,7 @@ var ControlWrapper = function(param) {
   }));
 };
 var PADDING_WITH_UNITS = 8;
-var useStyles$G = createThemedStyles("Input", {
+var useStyles$I = createThemedStyles("Input", {
   inputContent: {
     height: "var(--control-height)",
     padding: [
@@ -9436,7 +9436,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$U(obj, key, value) {
+function _define_property$Y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9480,7 +9480,7 @@ function _iterable_to_array_limit$j(arr, i) {
 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);
@@ -9490,15 +9490,15 @@ function _object_spread$R(target) {
       }));
     }
     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);
@@ -9513,7 +9513,7 @@ function _object_without_properties$i(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$i(source, excluded) {
+function _object_without_properties_loose$k(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9646,7 +9646,7 @@ function _ts_generator$5(thisArg, body) {
   }
 }
 var InputBase = /* @__PURE__ */ 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, size2 = _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, size2 = _param.size, children = _param.children, inputProps = _object_without_properties$k(_param, [
     "value",
     "placeholder",
     "label",
@@ -9684,7 +9684,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "size",
     "children"
   ]);
-  var classes = useStyles$G({
+  var classes = useStyles$I({
     theme: tweakStyles
   });
   var tweakControlWrapperStyles = useTweakStyles({
@@ -9709,7 +9709,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasUnits = isReactNodeNotEmpty(units);
   var hasPlaceholder = (!isReactNodeNotEmpty(label) || hasFocus || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var handleChange = function(event) {
-    onChange(event.currentTarget.value, event);
+    onChange(event.currentTarget.value, event, "change");
   };
   var handleFocus = function(event) {
     setFocused(true);
@@ -9727,7 +9727,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
           case 0:
             return [
               4,
-              onChange("", event)
+              onChange("", event, "clear")
             ];
           case 1:
             _state.sent();
@@ -9748,8 +9748,8 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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, 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, 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,
@@ -9777,13 +9777,13 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, []);
   var inputContent = /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      isNotEmpty(mask) ? /* @__PURE__ */ jsx(InputMask, _object_spread$R({
+      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", {
@@ -9821,7 +9821,7 @@ var InputBase = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ]
   });
 });
-function _define_property$T(obj, key, value) {
+function _define_property$X(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9834,7 +9834,7 @@ function _define_property$T(obj, key, value) {
   }
   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);
@@ -9844,12 +9844,12 @@ function _object_spread$Q(target) {
       }));
     }
     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);
@@ -9862,21 +9862,21 @@ function ownKeys$H(object, enumerableOnly) {
   }
   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);
@@ -9891,7 +9891,7 @@ function _object_without_properties$h(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$h(source, excluded) {
+function _object_without_properties_loose$j(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9906,7 +9906,7 @@ function _object_without_properties_loose$h(source, excluded) {
   return target;
 }
 var Input = /* @__PURE__ */ 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",
@@ -9922,7 +9922,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     infoMessage,
     testId: 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,
@@ -9932,7 +9932,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 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%",
@@ -9940,7 +9940,7 @@ var useStyles$F = createThemedStyles("DateInput", {
     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,
@@ -9953,7 +9953,7 @@ function _define_property$S(obj, key, value) {
   }
   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);
@@ -9963,12 +9963,12 @@ function _object_spread$P(target) {
       }));
     }
     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);
@@ -9981,21 +9981,21 @@ function ownKeys$G(object, enumerableOnly) {
   }
   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);
@@ -10010,7 +10010,7 @@ function _object_without_properties$g(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$g(source, excluded) {
+function _object_without_properties_loose$i(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10025,7 +10025,7 @@ function _object_without_properties_loose$g(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ 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",
@@ -10038,7 +10038,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$F({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10065,11 +10065,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     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)
   }, addDataAttributes$1(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",
@@ -10092,7 +10092,7 @@ function _class_call_check$1(instance, Constructor) {
     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,
@@ -10177,7 +10177,7 @@ var DatePickerBase = /* @__PURE__ */ function(ReactDatePicker2) {
     _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 = doNothing;
     return _this;
@@ -10206,7 +10206,7 @@ var inputStyles$4 = {
     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,
@@ -10219,7 +10219,7 @@ function _define_property$Q(obj, key, value) {
   }
   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);
@@ -10229,15 +10229,15 @@ function _object_spread$O(target) {
       }));
     }
     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);
@@ -10252,7 +10252,7 @@ function _object_without_properties$f(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$f(source, excluded) {
+function _object_without_properties_loose$h(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10267,7 +10267,7 @@ function _object_without_properties_loose$f(source, excluded) {
   return target;
 }
 var SearchInput = /* @__PURE__ */ 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"
   ]);
@@ -10277,7 +10277,7 @@ var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsx(Input, _object_spread$O({
+  return /* @__PURE__ */ jsx(Input, _object_spread$S({
     ref,
     icon: "search",
     isClearable,
@@ -10321,7 +10321,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _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,
@@ -10354,7 +10354,7 @@ function _inherits(subClass, superClass) {
   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);
@@ -10364,15 +10364,15 @@ function _object_spread$N(target) {
       }));
     }
     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);
@@ -10387,7 +10387,7 @@ function _object_without_properties$e(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$e(source, excluded) {
+function _object_without_properties_loose$g(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10453,8 +10453,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$P(_assert_this_initialized(_this), "node", createRef());
-    _define_property$P(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$T(_assert_this_initialized(_this), "node", 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) {
@@ -10490,13 +10490,13 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
         _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 createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$N({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$R({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -10504,10 +10504,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(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,
@@ -10520,7 +10520,7 @@ function _define_property$O(obj, key, value) {
   }
   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);
@@ -10530,7 +10530,7 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$S(target, key, source[key]);
     });
   }
   return target;
@@ -10541,7 +10541,7 @@ var CELL_PADDING = [
   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)",
@@ -10561,7 +10561,7 @@ var useStyles$E = createThemedStyles("SelectList", {
   },
   listHeader: {},
   listFooter: {},
-  list: _object_spread$M({
+  list: _object_spread$Q({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -10604,7 +10604,7 @@ var checkboxStyles$1 = {
     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,
@@ -10617,7 +10617,7 @@ function _define_property$N(obj, key, value) {
   }
   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);
@@ -10627,12 +10627,12 @@ function _object_spread$L(target) {
       }));
     }
     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);
@@ -10645,12 +10645,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10670,13 +10670,13 @@ var SelectListItem = function(param) {
     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))
-  }, addDataAttributes$1(_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))
+  }, addDataAttributes$1(_object_spread$P({
     disabled: isDisabled,
     active: isActive,
     focused: isFocused
@@ -10687,7 +10687,7 @@ var SelectListItem = function(param) {
     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,
@@ -10700,7 +10700,7 @@ function _define_property$M(obj, key, value) {
   }
   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);
@@ -10710,12 +10710,12 @@ function _object_spread$K(target) {
       }));
     }
     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);
@@ -10728,12 +10728,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -10741,7 +10741,7 @@ function _object_spread_props$E(target, source) {
 }
 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 = isReactNodeNotEmpty(customListHeader);
@@ -10770,13 +10770,13 @@ function SelectList(param) {
   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
       }, addDataTestId(testId)), {
         tabIndex: -1,
@@ -10858,7 +10858,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
   };
 };
 var Z_INDEX = dimensions.Z_INDEX;
-var useStyles$D = createThemedStyles("Select", {
+var useStyles$F = createThemedStyles("Select", {
   root: {
     width: "100%",
     position: "relative",
@@ -10970,7 +10970,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$L(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11021,7 +11021,7 @@ function _non_iterable_rest$i() {
 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);
@@ -11031,12 +11031,12 @@ function _object_spread$J(target) {
       }));
     }
     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);
@@ -11049,21 +11049,21 @@ function ownKeys$D(object, enumerableOnly) {
   }
   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);
@@ -11078,7 +11078,7 @@ function _object_without_properties$d(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$d(source, excluded) {
+function _object_without_properties_loose$f(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11215,7 +11215,7 @@ function _ts_generator$4(thisArg, body) {
 }
 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",
@@ -11252,10 +11252,10 @@ function Select(props) {
     "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;
@@ -11609,7 +11609,7 @@ function Select(props) {
   }, [
     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,
@@ -11622,8 +11622,8 @@ function Select(props) {
     ]
   });
   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,
@@ -11669,7 +11669,7 @@ function Select(props) {
           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,
@@ -11715,7 +11715,7 @@ function Select(props) {
     })
   });
 }
-var useStyles$C = createThemedStyles("DatePickerHeader", {
+var useStyles$E = createThemedStyles("DatePickerHeader", {
   btn: {
     width: 36,
     height: 36,
@@ -11758,7 +11758,7 @@ var selectStyles$1 = {
 };
 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({
@@ -11821,7 +11821,7 @@ var DatePickerHeader = function(param) {
     ]
   });
 };
-function _define_property$K(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11834,7 +11834,7 @@ function _define_property$K(obj, key, value) {
   }
   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);
@@ -11844,13 +11844,13 @@ function _object_spread$I(target) {
       }));
     }
     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(FloatingPortal, _object_spread$I({
+  return /* @__PURE__ */ jsx(FloatingPortal, _object_spread$M({
     root: document.body
   }, props));
 };
@@ -13053,7 +13053,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$B = createThemedStyles("DatePicker", {
+var useStyles$D = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -13092,7 +13092,7 @@ function _array_without_holes$6(arr) {
   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,
@@ -13143,7 +13143,7 @@ function _non_iterable_rest$h() {
 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);
@@ -13153,12 +13153,12 @@ function _object_spread$H(target) {
       }));
     }
     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);
@@ -13171,21 +13171,21 @@ function ownKeys$C(object, enumerableOnly) {
   }
   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);
@@ -13200,7 +13200,7 @@ function _object_without_properties$c(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$c(source, excluded) {
+function _object_without_properties_loose$e(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -13234,7 +13234,7 @@ function _unsupported_iterable_to_array$h(o, minLen) {
     return _array_like_to_array$h(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ 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",
@@ -13281,7 +13281,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$B({
+  var classes = useStyles$D({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -13309,7 +13309,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$h(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$h(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : 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,
@@ -13414,10 +13414,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     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
   }, addDataAttributes$1(data)), {
-    children: /* @__PURE__ */ jsx(DatePickerBase, _object_spread$H({
+    children: /* @__PURE__ */ jsx(DatePickerBase, _object_spread$L({
       ref: componentRef,
       minDate,
       maxDate,
@@ -13448,7 +13448,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       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,
@@ -13456,7 +13456,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
         });
       },
       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
         }));
       },
@@ -13495,7 +13495,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$A = createThemedStyles("Description", {
+var useStyles$C = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -13536,7 +13536,7 @@ function _array_with_holes$g(arr) {
   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,
@@ -13580,7 +13580,7 @@ function _iterable_to_array_limit$g(arr, i) {
 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);
@@ -13590,12 +13590,12 @@ function _object_spread$G(target) {
       }));
     }
     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);
@@ -13608,12 +13608,12 @@ function ownKeys$B(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13637,7 +13637,7 @@ function _unsupported_iterable_to_array$g(o, minLen) {
 }
 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;
@@ -13646,7 +13646,7 @@ var Description = function(param) {
   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
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -13685,7 +13685,7 @@ var blockEvent = function(event) {
   event.preventDefault();
   event.stopPropagation();
 };
-var useStyles$z = createThemedStyles("FileInput", {
+var useStyles$B = createThemedStyles("FileInput", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -13768,7 +13768,7 @@ function _array_without_holes$5(arr) {
   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,
@@ -13819,7 +13819,7 @@ function _non_iterable_rest$f() {
 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);
@@ -13829,12 +13829,12 @@ function _object_spread$F(target) {
       }));
     }
     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);
@@ -13847,12 +13847,12 @@ function ownKeys$A(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -13879,7 +13879,7 @@ function _unsupported_iterable_to_array$f(o, minLen) {
 }
 var FileInput = /* @__PURE__ */ 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(useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
@@ -13911,16 +13911,16 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
     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), addDataTestId(testId)), {
     children: [
       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: [
           isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -13929,7 +13929,7 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
           }),
           /* @__PURE__ */ jsx("label", {
             className: classes.inputLabel,
-            children: /* @__PURE__ */ jsx("input", _object_spread$F({
+            children: /* @__PURE__ */ jsx("input", _object_spread$J({
               ref,
               type: "file",
               value: "",
@@ -13953,10 +13953,7 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
   }));
 });
 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",
@@ -13965,7 +13962,7 @@ var useStyles$y = createThemedStyles("IconButton", {
     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",
@@ -13978,7 +13975,10 @@ var useStyles$y = createThemedStyles("IconButton", {
     },
     "&:active": {
       extend: "active"
-    }
+    },
+    width: "var(--icon-button-size)",
+    height: "var(--icon-button-size)",
+    "--icon-button-icon-size": "20px"
   },
   "cancel-light": {},
   cancel: {},
@@ -13997,8 +13997,8 @@ var useStyles$y = createThemedStyles("IconButton", {
   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",
@@ -14006,19 +14006,20 @@ var useStyles$y = createThemedStyles("IconButton", {
     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,
@@ -14031,7 +14032,7 @@ function _define_property$G(obj, key, value) {
   }
   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);
@@ -14041,12 +14042,12 @@ function _object_spread$E(target) {
       }));
     }
     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);
@@ -14059,21 +14060,21 @@ function ownKeys$z(object, enumerableOnly) {
   }
   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);
@@ -14088,7 +14089,7 @@ function _object_without_properties$b(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$b(source, excluded) {
+function _object_without_properties_loose$d(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -14103,7 +14104,7 @@ function _object_without_properties_loose$b(source, excluded) {
   return target;
 }
 var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var icon = _param.icon, _param_size = _param.size, size2 = _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, size2 = _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",
@@ -14116,14 +14117,14 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "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[size2], (_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[size2], (_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
@@ -14140,7 +14141,7 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     })
   }));
 });
-var useStyles$x = createThemedStyles("Tooltip", {
+var useStyles$z = createThemedStyles("Tooltip", {
   root: {
     display: "inline-block",
     boxSizing: "border-box"
@@ -14183,7 +14184,7 @@ var useStyles$x = createThemedStyles("Tooltip", {
     }
   }
 });
-function _define_property$F(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14196,7 +14197,7 @@ function _define_property$F(obj, key, value) {
   }
   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);
@@ -14206,12 +14207,12 @@ function _object_spread$D(target) {
       }));
     }
     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);
@@ -14224,12 +14225,12 @@ function ownKeys$y(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14237,16 +14238,16 @@ function _object_spread_props$y(target, source) {
 }
 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])
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: text
   }));
 };
-var useStyles$w = createThemedStyles("TextWithTooltip", {
+var useStyles$y = createThemedStyles("TextWithTooltip", {
   root: {
     position: "relative"
   },
@@ -14272,7 +14273,7 @@ function _array_without_holes$4(arr) {
   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,
@@ -14323,7 +14324,7 @@ function _non_iterable_rest$e() {
 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);
@@ -14333,12 +14334,12 @@ function _object_spread$C(target) {
       }));
     }
     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);
@@ -14351,12 +14352,12 @@ function ownKeys$x(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14383,7 +14384,7 @@ function _unsupported_iterable_to_array$e(o, minLen) {
 }
 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({
@@ -14423,7 +14424,7 @@ var TextWithTooltip = function(param) {
     modifiers: [
       {
         name: "offset",
-        options: _object_spread$C({
+        options: _object_spread$G({
           offset: [
             0,
             6
@@ -14446,14 +14447,14 @@ var TextWithTooltip = function(param) {
     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, addDataTestId(testId), addDataAttributes(data)), {
     ref: root,
     children: [
       shouldShowTooltip && /* @__PURE__ */ jsx(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), {
@@ -14470,7 +14471,7 @@ var TextWithTooltip = function(param) {
     ]
   }));
 };
-function _define_property$D(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14485,7 +14486,7 @@ function _define_property$D(obj, key, value) {
 }
 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;
@@ -14505,7 +14506,7 @@ var getFileIcon = function(param) {
   }
   return FILE_ICON_DEFAULT;
 };
-var useStyles$v = createThemedStyles("FileItem", {
+var useStyles$x = createThemedStyles("FileItem", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -14601,7 +14602,7 @@ var themedPreloaderStyles = {
     }
   }
 };
-function _define_property$C(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14614,7 +14615,7 @@ function _define_property$C(obj, key, value) {
   }
   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);
@@ -14624,12 +14625,12 @@ function _object_spread$B(target) {
       }));
     }
     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);
@@ -14642,12 +14643,12 @@ function ownKeys$w(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -14655,7 +14656,7 @@ function _object_spread_props$w(target, source) {
 }
 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({
@@ -14687,8 +14688,8 @@ var FileItem = function(param) {
   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))
       }, addDataTestId(testId), addDataAttributes(data), addClickHandler(handleClick, !isDisabled)), {
         children: [
           /* @__PURE__ */ jsx("div", {
@@ -14969,7 +14970,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15013,7 +15014,7 @@ function _iterable_to_array_limit$d(arr, i) {
 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);
@@ -15023,15 +15024,15 @@ function _object_spread$A(target) {
       }));
     }
     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);
@@ -15046,7 +15047,7 @@ function _object_without_properties$a(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$c(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -15179,7 +15180,7 @@ function _ts_generator$3(thisArg, body) {
   }
 }
 var NumberInput = /* @__PURE__ */ 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",
@@ -15282,7 +15283,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$A({
+  return /* @__PURE__ */ jsx(Input, _object_spread$E({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -15291,7 +15292,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, props));
 });
 var FILTER_HEIGHT = 36;
-var useStyles$u = createThemedStyles("FiltersPane", {
+var useStyles$w = createThemedStyles("FiltersPane", {
   root: {
     display: "flex",
     flexWrap: "wrap",
@@ -15357,7 +15358,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$t = createThemedStyles("FilterInterval", {
+var useStyles$v = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -15402,7 +15403,7 @@ var inputStyles$3 = {
   }
 };
 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,
@@ -15415,7 +15416,7 @@ function _define_property$A(obj, key, value) {
   }
   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);
@@ -15425,12 +15426,12 @@ function _object_spread$z(target) {
       }));
     }
     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);
@@ -15443,12 +15444,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -15456,7 +15457,7 @@ function _object_spread_props$v(target, source) {
 }
 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 = useMemo(function() {
@@ -15500,7 +15501,7 @@ var FilterInterval = function(param) {
     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: [
@@ -15509,18 +15510,15 @@ var FilterInterval = function(param) {
         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: getTestId(testId, "start")
-              }),
+              }, fromInput)),
               withFieldNameInLabel && /* @__PURE__ */ jsxs("div", {
                 className: classes.autosize,
                 children: [
@@ -15533,18 +15531,15 @@ var FilterInterval = function(param) {
           }),
           /* @__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: getTestId(testId, "end")
-              }),
+              }, toInput)),
               withFieldNameInLabel && /* @__PURE__ */ jsxs("div", {
                 className: classes.autosize,
                 children: [
@@ -15595,7 +15590,7 @@ var getLocale = function() {
   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 merge$1(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,
@@ -15608,7 +15603,7 @@ function _define_property$z(obj, key, value) {
   }
   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);
@@ -15618,19 +15613,19 @@ function _object_spread$y(target) {
       }));
     }
     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"
@@ -15789,7 +15784,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$y(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15840,7 +15835,7 @@ function _non_iterable_rest$c() {
 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);
@@ -15850,12 +15845,12 @@ function _object_spread$x(target) {
       }));
     }
     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);
@@ -15868,12 +15863,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -16003,7 +15998,7 @@ function _ts_generator$2(thisArg, body) {
 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({
@@ -16175,13 +16170,13 @@ function MultiSelectList(param) {
       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]
             ])
@@ -16380,7 +16375,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (isArrayNotEmpty(unchosenOptions) || !isArrayNotEmpty(allOptions));
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && (isArrayNotEmpty(allOptions) || 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
   }, addDataAttributes$1(data, testId)), {
     children: [
@@ -16396,7 +16391,7 @@ function MultiSelectList(param) {
           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
       }, addDataTestId(testId, "list")), {
         children: [
@@ -16420,7 +16415,7 @@ function MultiSelectList(param) {
                     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
                     }, addDataAttributes$1({
                       option: id
@@ -16453,7 +16448,7 @@ function MultiSelectList(param) {
                     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
                     }, addDataAttributes$1({
                       option: id
@@ -16494,7 +16489,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$x(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16507,7 +16502,7 @@ function _define_property$x(obj, key, value) {
   }
   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);
@@ -16517,15 +16512,15 @@ function _object_spread$w(target) {
       }));
     }
     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,
@@ -16538,7 +16533,7 @@ function _define_property$w(obj, key, value) {
   }
   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);
@@ -16548,19 +16543,19 @@ function _object_spread$v(target) {
       }));
     }
     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,
@@ -16735,7 +16730,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$v(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16786,7 +16781,7 @@ function _non_iterable_rest$b() {
 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);
@@ -16796,12 +16791,12 @@ function _object_spread$u(target) {
       }));
     }
     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);
@@ -16814,12 +16809,12 @@ function ownKeys$t(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -16948,7 +16943,7 @@ function _ts_generator$1(thisArg, body) {
 }
 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({
@@ -17223,7 +17218,7 @@ function FilterSelect(param) {
     }();
     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
   }, addDataAttributes$1(data, testId)), {
     children: [
@@ -17240,14 +17235,14 @@ function FilterSelect(param) {
       }),
       !isLoading && /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
-            className: clsx(classes.list, _define_property$v({}, classes.withClearButton, hasClearButton))
+          isArrayNotEmpty(allOptions) && /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$y({
+            className: clsx(classes.list, _define_property$z({}, classes.withClearButton, hasClearButton))
           }, addDataTestId(testId, "list")), {
             children: [
               isGroupingEnabled && 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", {
@@ -17288,7 +17283,7 @@ function FilterSelect(param) {
                     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
                     }, addDataAttributes$1({
                       id,
@@ -17326,7 +17321,7 @@ function FilterSelect(param) {
             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,
@@ -17356,7 +17351,7 @@ function FilterSelect(param) {
     ]
   }));
 }
-var useStyles$q = createThemedStyles("FilterWithDates", {
+var useStyles$s = createThemedStyles("FilterWithDates", {
   root: {
     width: 320,
     background: colors.CLASSIC_WHITE,
@@ -17424,7 +17419,7 @@ function _array_with_holes$a(arr) {
   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,
@@ -17468,7 +17463,7 @@ function _iterable_to_array_limit$a(arr, i) {
 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);
@@ -17478,12 +17473,12 @@ function _object_spread$t(target) {
       }));
     }
     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);
@@ -17496,12 +17491,12 @@ function ownKeys$s(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -17525,7 +17520,7 @@ function _unsupported_iterable_to_array$a(o, minLen) {
 }
 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({
@@ -17612,7 +17607,7 @@ var FilterWithDates = function(param) {
     }
   };
   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: [
@@ -17621,7 +17616,7 @@ var FilterWithDates = function(param) {
         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,
@@ -17635,7 +17630,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__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,
@@ -17690,7 +17685,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$p = createThemedStyles("FilterWithPeriod", {
+var useStyles$r = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -17715,7 +17710,7 @@ function _array_without_holes$1(arr) {
   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,
@@ -17766,7 +17761,7 @@ function _non_iterable_rest$9() {
 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);
@@ -17776,12 +17771,12 @@ function _object_spread$s(target) {
       }));
     }
     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);
@@ -17794,12 +17789,12 @@ function ownKeys$r(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -17826,7 +17821,7 @@ function _unsupported_iterable_to_array$9(o, minLen) {
 }
 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 = useMemo(function() {
@@ -17839,7 +17834,7 @@ var FilterWithPeriod = function(param) {
   var _useState1 = _sliced_to_array$9(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
   var _useState2 = _sliced_to_array$9(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = 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];
@@ -17885,7 +17880,7 @@ var FilterWithPeriod = function(param) {
       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)
       }));
     }
@@ -17905,7 +17900,7 @@ var FilterWithPeriod = function(param) {
   };
   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 {
@@ -17993,7 +17988,7 @@ var isPeriodValue = function(value) {
 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,
@@ -18006,7 +18001,7 @@ function _define_property$s(obj, key, value) {
   }
   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);
@@ -18016,12 +18011,12 @@ function _object_spread$r(target) {
       }));
     }
     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);
@@ -18034,12 +18029,12 @@ function ownKeys$q(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18057,7 +18052,7 @@ function Filter(props) {
     filter2.locale
   ]);
   if (filter2.type === "select") {
-    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$v({
       value,
       onChange,
       onClose,
@@ -18067,8 +18062,8 @@ function Filter(props) {
     }, 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,
@@ -18079,10 +18074,10 @@ function Filter(props) {
   }
   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"
         }));
       },
@@ -18096,7 +18091,7 @@ function Filter(props) {
   }
   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,
@@ -18107,7 +18102,7 @@ function Filter(props) {
   }
   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,
@@ -18118,7 +18113,7 @@ function Filter(props) {
   }
   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: getTestId(testId, "dropdown")
     }));
@@ -18128,7 +18123,7 @@ function Filter(props) {
   }
   return null;
 }
-var useStyles$o = createThemedStyles("FiltersPaneSearch", {
+var useStyles$q = createThemedStyles("FiltersPaneSearch", {
   root: {
     display: "flex",
     position: "relative",
@@ -18242,7 +18237,7 @@ function _array_with_holes$8(arr) {
   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,
@@ -18286,7 +18281,7 @@ function _iterable_to_array_limit$8(arr, i) {
 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);
@@ -18296,12 +18291,12 @@ function _object_spread$q(target) {
       }));
     }
     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);
@@ -18314,12 +18309,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18342,8 +18337,8 @@ function _unsupported_iterable_to_array$8(o, minLen) {
     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({
@@ -18384,8 +18379,8 @@ function FiltersPaneSearch(param) {
     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, 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, isArrayLikeNotEmpty(value)), _obj2)),
     ref: refRoot
   }, addDataAttributes$1(data, testId)), {
     children: [
@@ -18402,12 +18397,13 @@ function FiltersPaneSearch(param) {
         },
         testId: getTestId(testId, "input"),
         maxLength,
-        isDisabled
+        isDisabled,
+        isAutoSized
       }),
       /* @__PURE__ */ jsxs("div", {
         className: classes.selectWrapper,
         children: [
-          isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+          isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$u({
             className: classes.selectBlock,
             onClick: !isDisabled ? function() {
               return setIsOpen(!isOpen);
@@ -18415,7 +18411,7 @@ function FiltersPaneSearch(param) {
           }, addDataTestId(testId, "select")), {
             children: [
               /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.selectLabel, _define_property$r({}, classes.active, isNotEmpty(field))),
+                className: clsx(classes.selectLabel, _define_property$v({}, classes.active, isNotEmpty(field))),
                 children: isNotEmpty(field) ? getValueView === null || getValueView === void 0 ? void 0 : getValueView(field) : translates.displayedFields
               }),
               /* @__PURE__ */ jsx("div", {
@@ -18448,7 +18444,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$n = createThemedStyles("FilterValueView", {
+var useStyles$p = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -18467,7 +18463,7 @@ function _instanceof$1(left2, right2) {
 }
 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;
@@ -18632,7 +18628,7 @@ var isContentNotEmpty = function(value) {
   }
   return isNotEmpty(value);
 };
-var useStyles$m = createThemedStyles("FilterWrapper", {
+var useStyles$o = createThemedStyles("FilterWrapper", {
   root: {
     position: "relative",
     transition: animations.defaultTransition,
@@ -18725,7 +18721,7 @@ var useStyles$m = createThemedStyles("FilterWrapper", {
     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,
@@ -18738,7 +18734,7 @@ function _define_property$q(obj, key, value) {
   }
   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);
@@ -18748,12 +18744,12 @@ function _object_spread$p(target) {
       }));
     }
     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);
@@ -18766,12 +18762,12 @@ function ownKeys$o(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18779,7 +18775,7 @@ function _object_spread_props$o(target, source) {
 }
 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({
@@ -18823,12 +18819,12 @@ function FilterWrapper(param) {
     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))
       }, addDataAttributes$1(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,
@@ -18846,7 +18842,7 @@ function FilterWrapper(param) {
               })
             }),
             !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"
               })
@@ -18876,7 +18872,7 @@ function FilterWrapper(param) {
     }
   });
 }
-function _define_property$p(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18889,7 +18885,7 @@ function _define_property$p(obj, key, value) {
   }
   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);
@@ -18899,12 +18895,12 @@ function _object_spread$o(target) {
       }));
     }
     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);
@@ -18917,12 +18913,12 @@ function ownKeys$n(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -18930,7 +18926,7 @@ function _object_spread_props$n(target, source) {
 }
 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({
@@ -18977,11 +18973,11 @@ function FiltersPane(param) {
     })
   });
   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
   }, addDataAttributes$1(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
       }, addDataTestId(testId, "settings-button")), {
@@ -18991,7 +18987,7 @@ function FiltersPane(param) {
           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,
@@ -19015,7 +19011,7 @@ function FiltersPane(param) {
           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) {
@@ -25160,7 +25156,7 @@ var customFlags = {
   */
   OS
 };
-var useStyles$l = createThemedStyles("Flag", {
+var useStyles$n = createThemedStyles("Flag", {
   root: {
     display: "flex",
     width: "100%",
@@ -25182,7 +25178,7 @@ var useStyles$l = createThemedStyles("Flag", {
 });
 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();
@@ -25229,7 +25225,7 @@ var TableRenders = {
     Cell: "div"
   }
 };
-var useStyles$k = createThemedStyles("Skeleton", {
+var useStyles$m = createThemedStyles("Skeleton", {
   root: {
     display: "flex",
     width: "100%",
@@ -25265,7 +25261,7 @@ var useStyles$k = createThemedStyles("Skeleton", {
 });
 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", {
@@ -25289,23 +25285,75 @@ var formatCellContent = function(value, config) {
   var _config_dateFormat;
   return _instanceof(value, Date) ? 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: {},
@@ -25377,7 +25425,7 @@ var useStyles$j = createThemedStyles("FlexibleTable", {
   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,
@@ -25390,7 +25438,7 @@ function _define_property$o(obj, key, value) {
   }
   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);
@@ -25400,12 +25448,12 @@ function _object_spread$n(target) {
       }));
     }
     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);
@@ -25418,18 +25466,18 @@ function ownKeys$m(object, enumerableOnly) {
   }
   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",
@@ -25442,7 +25490,7 @@ var useStyles$i = createThemedStyles("FlexibleTableCell", {
     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,
@@ -25465,7 +25513,7 @@ var useStyles$i = createThemedStyles("FlexibleTableCell", {
     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,
@@ -25478,7 +25526,7 @@ function _define_property$n(obj, key, value) {
   }
   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);
@@ -25488,12 +25536,12 @@ function _object_spread$m(target) {
       }));
     }
     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);
@@ -25506,21 +25554,21 @@ function ownKeys$l(object, enumerableOnly) {
   }
   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);
@@ -25535,7 +25583,7 @@ function _object_without_properties$9(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25550,7 +25598,7 @@ function _object_without_properties_loose$9(source, excluded) {
   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",
@@ -25561,7 +25609,7 @@ function FlexibleTableCell(_param) {
     "updateNestedComponent",
     "tweakStyles"
   ]);
-  var classes = useStyles$i({
+  var classes = useStyles$k({
     theme: tweakStyles
   });
   var value = row[columnName];
@@ -25569,7 +25617,7 @@ function FlexibleTableCell(_param) {
   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 ? isNotEmpty : _ref_shouldRenderComponent, onCellClick = _ref.onCellClick;
   var isSticky = isOldSticky || position === "sticky";
   var isClickable = !isLoading && isNotEmpty(onCellClick);
-  var cellComponentProps = _object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+  var cellComponentProps = _object_spread_props$n(_object_spread$p({}, valueComponentProps), {
     onSetNestedComponent: useCallback(function(node) {
       return updateNestedComponent(node, columnName);
     }, [
@@ -25581,8 +25629,8 @@ function FlexibleTableCell(_param) {
   });
   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,
@@ -25605,7 +25653,7 @@ function FlexibleTableCell(_param) {
     }) : applyAction(shouldRenderComponent, value, row, columnName) && applyAction(component, cellComponentProps)
   }));
 }
-var useStyles$h = createThemedStyles("FlexibleTableRow", {
+var useStyles$j = createThemedStyles("FlexibleTableRow", {
   root: {
     position: "relative"
   },
@@ -25629,7 +25677,7 @@ function _array_with_holes$7(arr) {
   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,
@@ -25673,7 +25721,7 @@ function _iterable_to_array_limit$7(arr, i) {
 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);
@@ -25683,12 +25731,12 @@ function _object_spread$l(target) {
       }));
     }
     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);
@@ -25701,12 +25749,12 @@ function ownKeys$k(object, enumerableOnly) {
   }
   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));
     });
   }
@@ -25730,7 +25778,7 @@ function _unsupported_iterable_to_array$7(o, minLen) {
 }
 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({
@@ -25805,14 +25853,14 @@ function FlexibleTableRowInner(param) {
   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
@@ -25847,7 +25895,7 @@ function FlexibleTableRowInner(param) {
   });
 }
 var FlexibleTableRow = /* @__PURE__ */ 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,
@@ -25860,7 +25908,7 @@ function _define_property$l(obj, key, value) {
   }
   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);
@@ -25870,12 +25918,12 @@ function _object_spread$k(target) {
       }));
     }
     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);
@@ -25888,21 +25936,21 @@ function ownKeys$j(object, enumerableOnly) {
   }
   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);
@@ -25917,7 +25965,7 @@ function _object_without_properties$8(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25932,7 +25980,7 @@ function _object_without_properties_loose$8(source, excluded) {
   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",
@@ -25954,7 +26002,7 @@ function FlexibleTable(_param) {
     "onHeadClick",
     "isExpandableRowComponentInitiallyOpen"
   ]);
-  var classes = useStyles$j({
+  var classes = useStyles$l({
     theme: tweakStyles
   });
   var tweakTableRowStyles = useTweakStyles({
@@ -25970,7 +26018,7 @@ function FlexibleTable(_param) {
     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,
@@ -26057,10 +26105,10 @@ function FlexibleTable(_param) {
   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
-    }, addDataAttributes$1(_object_spread_props$j(_object_spread$k({}, data), {
+    }, addDataAttributes$1(_object_spread_props$l(_object_spread$n({}, data), {
       isLoading
     }), testId)), {
       children: [
@@ -26073,8 +26121,8 @@ function FlexibleTable(_param) {
               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,
@@ -26100,7 +26148,7 @@ function FlexibleTable(_param) {
         /* @__PURE__ */ jsx(Table.Body, {
           className: classes.body,
           children: isLoading ? indexMap(6, function(i) {
-            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, getTableRowProps({}, i)), {
+            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$l(_object_spread$n({}, getTableRowProps({}, i)), {
               key: i
             }));
           }) : /* @__PURE__ */ jsxs(Fragment, {
@@ -26114,7 +26162,7 @@ function FlexibleTable(_param) {
                 })
               }),
               content.map(function(item, i) {
-                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, getTableRowProps(item, i)), {
+                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$l(_object_spread$n({}, getTableRowProps(item, i)), {
                   isActive: activeRowsSet.has(i),
                   key: isNotEmpty(uniqueField) ? item[uniqueField] : i
                 }));
@@ -26141,6 +26189,280 @@ function FlexibleTable(_param) {
     }))
   });
 }
+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 = 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(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: {
@@ -30749,9 +31071,11 @@ export {
   ControlWrapper,
   CssBaseline,
   DEFAULT_PHONE_MASK,
+  DOC_ACTIONS_VIEWS,
   DateInput,
   DatePicker,
   Description,
+  DocActions,
   EMPTY_DATE_INPUT_VALUE,
   EMPTY_DATE_RANGE_INPUT_VALUE,
   FileInput,
@@ -30768,6 +31092,7 @@ export {
   FiltersPaneSearch,
   Flag,
   FlexibleTable,
+  FloatDocActions,
   Icon,
   IconButton,
   IncrementInput,