@true-engineering/true-react-common-ui-kit 3.9.1 → 3.10.0

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

@@ -5,7 +5,7 @@ import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
 import InputMask from "react-input-mask";
-import { getYear, getMonth, format as format$1, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
+import { getYear, getMonth, format, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
 import { Portal } from "react-overlays";
 import { debounce as debounce$1 } from "ts-debounce";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
@@ -1870,7 +1870,7 @@ var merge = createAssigner(function(object, source, srcIndex) {
   baseMerge(object, source, srcIndex);
 });
 const merge$1 = merge;
-function _define_property$_(obj, key, value) {
+function _define_property$$(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -1883,7 +1883,7 @@ function _define_property$_(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$Z(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);
@@ -1893,12 +1893,12 @@ function _object_spread$Z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$_(target, key, source[key]);
+      _define_property$$(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$O(object, enumerableOnly) {
+function ownKeys$P(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -1911,12 +1911,12 @@ function ownKeys$O(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$O(target, source) {
+function _object_spread_props$P(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$O(Object(source)).forEach(function(key) {
+    ownKeys$P(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -1971,7 +1971,7 @@ function createThemedStyles() {
     return mergeStyles(styles, isNotEmpty(componentName) ? theme === null || theme === void 0 ? void 0 : (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[componentName] : void 0, tweakStyles);
   });
   return function(data) {
-    return useStyles2(isNotEmpty(data) ? _object_spread_props$O(_object_spread$Z({}, data), {
+    return useStyles2(isNotEmpty(data) ? _object_spread_props$P(_object_spread$_({}, data), {
       theme: cleanStyles(data.theme)
     }) : data);
   };
@@ -4667,8 +4667,8 @@ var checkSearchStringInCountry = function(country, searchString) {
     return v.startsWith(checkValue);
   });
 };
-var _phone_dialCode, _phone_phoneNumber;
 var getFullPhone = function(phone) {
+  var _phone_dialCode, _phone_phoneNumber;
   return ((_phone_dialCode = phone === null || phone === void 0 ? void 0 : phone.dialCode) !== null && _phone_dialCode !== void 0 ? _phone_dialCode : "") + ((_phone_phoneNumber = phone === null || phone === void 0 ? void 0 : phone.phoneNumber) !== null && _phone_phoneNumber !== void 0 ? _phone_phoneNumber : "");
 };
 var getCountryCodeFromPhone = function(phoneWithCode) {
@@ -4680,10 +4680,10 @@ var getCountryCodeFromPhone = function(phoneWithCode) {
   })) === null || _phoneInfo_find === void 0 ? void 0 : _phoneInfo_find.countryCode;
   if (isEmpty(countryCode) && isNotEmpty(phoneWithCode)) {
     var _phoneInfo_filter_sort_;
-    var _infoA_dialCodePriority, _infoB_dialCodePriority;
     countryCode = (_phoneInfo_filter_sort_ = phoneInfo.filter(function(info) {
       return phoneWithCode.startsWith(info.dialCode);
     }).sort(function(infoA, infoB) {
+      var _infoA_dialCodePriority, _infoB_dialCodePriority;
       return ((_infoA_dialCodePriority = infoA.dialCodePriority) !== null && _infoA_dialCodePriority !== void 0 ? _infoA_dialCodePriority : 1e3) - ((_infoB_dialCodePriority = infoB.dialCodePriority) !== null && _infoB_dialCodePriority !== void 0 ? _infoB_dialCodePriority : 1e3);
     })[0]) === null || _phoneInfo_filter_sort_ === void 0 ? void 0 : _phoneInfo_filter_sort_.countryCode;
   }
@@ -4794,8 +4794,8 @@ var hasExactParent = function(element, parent) {
   }
   return hasExactParent(parentNode, parent);
 };
-var _element_parentNode;
 var getParentNode$1 = function(element) {
+  var _element_parentNode;
   return element.nodeName === "HTML" || element === document ? element : (_element_parentNode = element.parentNode) !== null && _element_parentNode !== void 0 ? _element_parentNode : element.host;
 };
 var getStyleComputedProperty = function(element) {
@@ -4991,21 +4991,19 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   return target;
 }
 function useMounted() {
-  var mounted = useRef(true);
-  var isMounted = useRef(function() {
-    return mounted.current;
-  });
-  useEffect(function() {
+  const mounted = useRef(true);
+  const isMounted = useRef(() => mounted.current);
+  useEffect(() => {
     mounted.current = true;
-    return function() {
+    return () => {
       mounted.current = false;
     };
   }, []);
   return isMounted.current;
 }
 function useSafeState(state) {
-  var isMounted = useMounted();
-  return [state[0], useCallback(function(nextState) {
+  const isMounted = useMounted();
+  return [state[0], useCallback((nextState) => {
     if (!isMounted())
       return;
     return state[1](nextState);
@@ -5289,15 +5287,7 @@ function effect$1(_ref2) {
       return;
     }
   }
-  if (process.env.NODE_ENV !== "production") {
-    if (!isHTMLElement(arrowElement)) {
-      console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "));
-    }
-  }
   if (!contains(state.elements.popper, arrowElement)) {
-    if (process.env.NODE_ENV !== "production") {
-      console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
-    }
     return;
   }
   state.elements.arrow = arrowElement;
@@ -5398,14 +5388,6 @@ function mapToStyles(_ref2) {
 function computeStyles(_ref5) {
   var state = _ref5.state, options = _ref5.options;
   var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
-  if (process.env.NODE_ENV !== "production") {
-    var transitionProperty = getComputedStyle$1(state.elements.popper).transitionProperty || "";
-    if (adaptive && ["transform", "top", "right", "bottom", "left"].some(function(property) {
-      return transitionProperty.indexOf(property) >= 0;
-    })) {
-      console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', "\n\n", 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", "\n\n", "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
-    }
-  }
   var commonStyles = {
     placement: getBasePlacement(state.placement),
     variation: getVariation(state.placement),
@@ -5734,9 +5716,6 @@ function computeAutoPlacement(state, options) {
   });
   if (allowedPlacements.length === 0) {
     allowedPlacements = placements$1;
-    if (process.env.NODE_ENV !== "production") {
-      console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" "));
-    }
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
     acc[placement2] = detectOverflow(state, {
@@ -6158,86 +6137,6 @@ function debounce(fn3) {
     return pending;
   };
 }
-function format(str) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  return [].concat(args).reduce(function(p, c) {
-    return p.replace(/%s/, c);
-  }, str);
-}
-var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
-var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
-var VALID_PROPERTIES = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function validateModifiers(modifiers) {
-  modifiers.forEach(function(modifier) {
-    [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index, self2) {
-      return self2.indexOf(value) === index;
-    }).forEach(function(key) {
-      switch (key) {
-        case "name":
-          if (typeof modifier.name !== "string") {
-            console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', '"' + String(modifier.name) + '"'));
-          }
-          break;
-        case "enabled":
-          if (typeof modifier.enabled !== "boolean") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', '"' + String(modifier.enabled) + '"'));
-          }
-          break;
-        case "phase":
-          if (modifierPhases.indexOf(modifier.phase) < 0) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(", "), '"' + String(modifier.phase) + '"'));
-          }
-          break;
-        case "fn":
-          if (typeof modifier.fn !== "function") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', '"' + String(modifier.fn) + '"'));
-          }
-          break;
-        case "effect":
-          if (modifier.effect != null && typeof modifier.effect !== "function") {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', '"' + String(modifier.fn) + '"'));
-          }
-          break;
-        case "requires":
-          if (modifier.requires != null && !Array.isArray(modifier.requires)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', '"' + String(modifier.requires) + '"'));
-          }
-          break;
-        case "requiresIfExists":
-          if (!Array.isArray(modifier.requiresIfExists)) {
-            console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', '"' + String(modifier.requiresIfExists) + '"'));
-          }
-          break;
-        case "options":
-        case "data":
-          break;
-        default:
-          console.error('PopperJS: an invalid property has been provided to the "' + modifier.name + '" modifier, valid properties are ' + VALID_PROPERTIES.map(function(s) {
-            return '"' + s + '"';
-          }).join(", ") + '; but "' + key + '" was provided.');
-      }
-      modifier.requires && modifier.requires.forEach(function(requirement) {
-        if (modifiers.find(function(mod) {
-          return mod.name === requirement;
-        }) == null) {
-          console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
-        }
-      });
-    });
-  });
-}
-function uniqueBy(arr, fn3) {
-  var identifiers = /* @__PURE__ */ new Set();
-  return arr.filter(function(item) {
-    var identifier = fn3(item);
-    if (!identifiers.has(identifier)) {
-      identifiers.add(identifier);
-      return true;
-    }
-  });
-}
 function mergeByName(modifiers) {
   var merged = modifiers.reduce(function(merged2, current) {
     var existing = merged2[current.name];
@@ -6251,8 +6150,6 @@ function mergeByName(modifiers) {
     return merged[key];
   });
 }
-var INVALID_ELEMENT_ERROR = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.";
-var INFINITE_LOOP_ERROR = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.";
 var DEFAULT_OPTIONS = {
   placement: "bottom",
   modifiers: [],
@@ -6303,28 +6200,6 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers = orderedModifiers.filter(function(m) {
           return m.enabled;
         });
-        if (process.env.NODE_ENV !== "production") {
-          var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function(_ref) {
-            var name = _ref.name;
-            return name;
-          });
-          validateModifiers(modifiers);
-          if (getBasePlacement(state.options.placement) === auto) {
-            var flipModifier = state.orderedModifiers.find(function(_ref2) {
-              var name = _ref2.name;
-              return name === "flip";
-            });
-            if (!flipModifier) {
-              console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
-            }
-          }
-          var _getComputedStyle = getComputedStyle$1(popper2), marginTop = _getComputedStyle.marginTop, marginRight = _getComputedStyle.marginRight, marginBottom = _getComputedStyle.marginBottom, marginLeft = _getComputedStyle.marginLeft;
-          if ([marginTop, marginRight, marginBottom, marginLeft].some(function(margin) {
-            return parseFloat(margin);
-          })) {
-            console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
-          }
-        }
         runModifierEffects();
         return instance.update();
       },
@@ -6339,9 +6214,6 @@ function popperGenerator(generatorOptions) {
         }
         var _state$elements = state.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
         if (!areValidElements(reference3, popper3)) {
-          if (process.env.NODE_ENV !== "production") {
-            console.error(INVALID_ELEMENT_ERROR);
-          }
           return;
         }
         state.rects = {
@@ -6353,15 +6225,7 @@ function popperGenerator(generatorOptions) {
         state.orderedModifiers.forEach(function(modifier) {
           return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
         });
-        var __debug_loops__ = 0;
         for (var index = 0; index < state.orderedModifiers.length; index++) {
-          if (process.env.NODE_ENV !== "production") {
-            __debug_loops__ += 1;
-            if (__debug_loops__ > 100) {
-              console.error(INFINITE_LOOP_ERROR);
-              break;
-            }
-          }
           if (state.reset === true) {
             state.reset = false;
             index = -1;
@@ -6392,9 +6256,6 @@ function popperGenerator(generatorOptions) {
       }
     };
     if (!areValidElements(reference2, popper2)) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error(INVALID_ELEMENT_ERROR);
-      }
       return instance;
     }
     instance.setOptions(options).then(function(state2) {
@@ -6403,8 +6264,8 @@ function popperGenerator(generatorOptions) {
       }
     });
     function runModifierEffects() {
-      state.orderedModifiers.forEach(function(_ref3) {
-        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect3 = _ref3.effect;
+      state.orderedModifiers.forEach(function(_ref) {
+        var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
         if (typeof effect3 === "function") {
           var cleanupFn = effect3({
             state,
@@ -6569,7 +6430,7 @@ function _array_without_holes$7(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$q(arr);
 }
-function _define_property$Z(obj, key, value) {
+function _define_property$_(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6589,7 +6450,7 @@ function _iterable_to_array$7(iter) {
 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$Y(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);
@@ -6599,7 +6460,7 @@ function _object_spread$Y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Z(target, key, source[key]);
+      _define_property$_(target, key, source[key]);
     });
   }
   return target;
@@ -6655,7 +6516,7 @@ var useDropdown = function(param) {
         },
         {
           name: "flip",
-          options: _object_spread$Y({
+          options: _object_spread$Z({
             fallbackPlacements: canBeFlipped ? [
               "bottom-start",
               "top-start"
@@ -6677,7 +6538,7 @@ var useDropdown = function(param) {
 var useTweakStyles = function(param) {
   var innerStyles = param.innerStyles, currentComponentTweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
   return useMemo(function() {
-    var _theme_components, _theme_components_currentComponentName;
+    var _theme_components_currentComponentName, _theme_components;
     var theme = getTheme();
     var themeStyles = isNotEmpty(currentComponentName) ? (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : (_theme_components_currentComponentName = _theme_components[currentComponentName]) === null || _theme_components_currentComponentName === void 0 ? void 0 : _theme_components_currentComponentName[className] : void 0;
     var tweakStyles = currentComponentTweakStyles === null || currentComponentTweakStyles === void 0 ? void 0 : currentComponentTweakStyles[className];
@@ -6729,68 +6590,68 @@ var useMergedRefs = function(refs) {
     return mergeRefs(refs);
   }, refs);
 };
-const avatarGreen = `  <svg\r
-    width="100%"\r
-    height="100%"\r
-    viewBox="0 0 32 32"\r
-    fill="none"\r
-    xmlns="http://www.w3.org/2000/svg"\r
-  >\r
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
-    <mask\r
-      id="mask0_0_12744"\r
-      style="mask-type: 'alpha';"\r
-      maskUnits="userSpaceOnUse"\r
-      x="0"\r
-      y="0"\r
-      width="32"\r
-      height="32"\r
-    >\r
-      <circle cx="16" cy="16" r="16" fill="white" />\r
-    </mask>\r
-    <g mask="url(#mask0_0_12744)">\r
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
-      <mask\r
-        id="mask1_0_12744"\r
-        style="mask-type: 'alpha';"\r
-        maskUnits="userSpaceOnUse"\r
-        x="3"\r
-        y="16"\r
-        width="26"\r
-        height="26"\r
-      >\r
-        <circle cx="16" cy="29" r="13" fill="white" />\r
-      </mask>\r
-      <g mask="url(#mask1_0_12744)">\r
-        <ellipse\r
-          cx="16"\r
-          cy="17.5"\r
-          rx="6"\r
-          ry="7.5"\r
-          fill="#505F79"\r
-          fill-opacity="0.204983"\r
-        />\r
-      </g>\r
-    </g>\r
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
-    <defs>\r
-      <linearGradient\r
-        id="paint0_linear_0_12744"\r
-        x1="13.347"\r
-        y1="46.279"\r
-        x2="33.5318"\r
-        y2="30.8088"\r
-        gradientUnits="userSpaceOnUse"\r
-      >\r
-        <stop stop-color="#ABD229" />\r
-        <stop offset="1" stop-color="#9CD03F" />\r
-      </linearGradient>\r
-    </defs>\r
+const avatarGreen = `  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
+    <mask
+      id="mask0_0_12744"
+      style="mask-type: 'alpha';"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="32"
+      height="32"
+    >
+      <circle cx="16" cy="16" r="16" fill="white" />
+    </mask>
+    <g mask="url(#mask0_0_12744)">
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
+      <mask
+        id="mask1_0_12744"
+        style="mask-type: 'alpha';"
+        maskUnits="userSpaceOnUse"
+        x="3"
+        y="16"
+        width="26"
+        height="26"
+      >
+        <circle cx="16" cy="29" r="13" fill="white" />
+      </mask>
+      <g mask="url(#mask1_0_12744)">
+        <ellipse
+          cx="16"
+          cy="17.5"
+          rx="6"
+          ry="7.5"
+          fill="#505F79"
+          fill-opacity="0.204983"
+        />
+      </g>
+    </g>
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
+    <defs>
+      <linearGradient
+        id="paint0_linear_0_12744"
+        x1="13.347"
+        y1="46.279"
+        x2="33.5318"
+        y2="30.8088"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#ABD229" />
+        <stop offset="1" stop-color="#9CD03F" />
+      </linearGradient>
+    </defs>
   </svg>`;
 var complexIcons = {
   avatar: avatarGreen
 };
-function _define_property$Y(obj, key, value) {
+function _define_property$Z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6803,7 +6664,7 @@ function _define_property$Y(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$X(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);
@@ -6813,7 +6674,7 @@ function _object_spread$X(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Y(target, key, source[key]);
+      _define_property$Z(target, key, source[key]);
     });
   }
   return target;
@@ -6822,7 +6683,7 @@ var ComplexIconBoilerplate = function(param) {
   var type = param.type;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$X({}, complexIcons, theme.complexIcons);
+    return _object_spread$Y({}, complexIcons, theme.complexIcons);
   }, []);
   var ComplexIcon = icons[type];
   return /* @__PURE__ */ jsx("div", {
@@ -7694,7 +7555,7 @@ var iconsList = checkIcons({
     ]
   }
 });
-function _define_property$X(obj, key, value) {
+function _define_property$Y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7707,7 +7568,7 @@ function _define_property$X(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$W(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);
@@ -7717,12 +7578,12 @@ function _object_spread$W(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$X(target, key, source[key]);
+      _define_property$Y(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$N(object, enumerableOnly) {
+function ownKeys$O(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7735,12 +7596,12 @@ function ownKeys$N(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$N(target, source) {
+function _object_spread_props$O(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$N(Object(source)).forEach(function(key) {
+    ownKeys$O(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7751,10 +7612,10 @@ var IconBoilerplate = function(param) {
   var _icon_paths, _icon_rects, _icon_circles;
   var theme = useContext(ThemeContext).theme;
   var icons = useMemo(function() {
-    return _object_spread$W({}, iconsList, theme.icons);
+    return _object_spread$X({}, iconsList, theme.icons);
   }, []);
   var icon = icons[type];
-  var _icon_viewBox, _path_fill, _path_stroke;
+  var _icon_viewBox;
   return /* @__PURE__ */ jsxs("svg", {
     width: "100%",
     height: "100%",
@@ -7763,7 +7624,8 @@ var IconBoilerplate = function(param) {
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       (_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
-        return /* @__PURE__ */ jsx("path", _object_spread$W({
+        var _path_fill, _path_stroke;
+        return jsx("path", _object_spread$X({
           fillRule: "evenodd",
           clipRule: "evenodd",
           fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
@@ -7771,25 +7633,25 @@ var IconBoilerplate = function(param) {
         }, path), index);
       }),
       (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-        return /* @__PURE__ */ createElement("rect", _object_spread_props$N(_object_spread$W({}, rect), {
+        return /* @__PURE__ */ createElement("rect", _object_spread_props$O(_object_spread$X({}, rect), {
           key: index
         }));
       }),
       (_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
-        return /* @__PURE__ */ createElement("circle", _object_spread_props$N(_object_spread$W({}, circle), {
+        return /* @__PURE__ */ createElement("circle", _object_spread_props$O(_object_spread$X({}, circle), {
           key: index
         }));
       })
     ]
   });
 };
-var useStyles$S = createThemedStyles("Icon", {
+var useStyles$T = createThemedStyles("Icon", {
   root: {
     display: "flex",
     alignItems: "center"
   }
 });
-function _define_property$W(obj, key, value) {
+function _define_property$X(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7802,7 +7664,7 @@ function _define_property$W(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$V(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);
@@ -7812,12 +7674,12 @@ function _object_spread$V(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$W(target, key, source[key]);
+      _define_property$X(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$M(object, enumerableOnly) {
+function ownKeys$N(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7830,12 +7692,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$M(target, source) {
+function _object_spread_props$N(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$M(Object(source)).forEach(function(key) {
+    ownKeys$N(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7843,10 +7705,10 @@ function _object_spread_props$M(target, source) {
 }
 var Icon = function(param) {
   var type = param.type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$S({
+  var classes = useStyles$T({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$M(_object_spread$V({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7862,9 +7724,9 @@ var renderIcon = function(icon) {
   }) : icon;
 };
 var ITEM_HORIZONTAL_PADDING$1 = 16;
-var ICON_SIZE$1 = 20;
+var ICON_SIZE$2 = 20;
 var ICON_GAP$1 = 12;
-var useStyles$R = createThemedStyles("ListItem", {
+var useStyles$S = createThemedStyles("ListItem", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -7889,17 +7751,17 @@ var useStyles$R = createThemedStyles("ListItem", {
     backgroundColor: colors.BORDER_LIGHT
   },
   withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$1 + ICON_GAP$1
+    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
   },
   icon: {
-    width: ICON_SIZE$1,
-    height: ICON_SIZE$1,
+    width: ICON_SIZE$2,
+    height: ICON_SIZE$2,
     marginRight: ICON_GAP$1,
     flexShrink: 0
   },
   content: {}
 });
-function _define_property$V(obj, key, value) {
+function _define_property$W(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7912,7 +7774,7 @@ function _define_property$V(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$U(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);
@@ -7922,12 +7784,12 @@ function _object_spread$U(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$V(target, key, source[key]);
+      _define_property$W(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$L(object, enumerableOnly) {
+function ownKeys$M(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -7940,12 +7802,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$L(target, source) {
+function _object_spread_props$M(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$L(Object(source)).forEach(function(key) {
+    ownKeys$M(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -7953,7 +7815,7 @@ function _object_spread_props$L(target, source) {
 }
 var ListItem = function(param) {
   var isDisabled = param.disabled, icon = param.icon, item = param.item, 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$R({
+  var classes = useStyles$S({
     theme: tweakStyles
   });
   var _obj;
@@ -7962,9 +7824,9 @@ var ListItem = function(param) {
       shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
         className: classes.spacer
       }),
-      /* @__PURE__ */ jsxs("div", _object_spread_props$L(_object_spread$U({
-        className: clsx(classes.root, classes[view], (_obj = {}, _define_property$V(_obj, classes.disabledItem, isDisabled), _define_property$V(_obj, classes.withIconGap, withIconGap), _obj))
-      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$L(_object_spread$U({}, data), {
+      /* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$V({
+        className: clsx(classes.root, classes[view], (_obj = {}, _define_property$W(_obj, classes.disabledItem, isDisabled), _define_property$W(_obj, classes.withIconGap, withIconGap), _obj))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$M(_object_spread$V({}, data), {
         disabled: isDisabled ? true : void 0
       }))), {
         children: [
@@ -7985,9 +7847,9 @@ var ListItem = function(param) {
   });
 };
 var ITEM_HORIZONTAL_PADDING = 16;
-var ICON_SIZE = 20;
+var ICON_SIZE$1 = 20;
 var ICON_GAP = 12;
-var useStyles$Q = createThemedStyles("List", {
+var useStyles$R = createThemedStyles("List", {
   root: {
     minWidth: 180,
     backgroundColor: colors.CLASSIC_WHITE,
@@ -8020,17 +7882,17 @@ var useStyles$Q = createThemedStyles("List", {
     backgroundColor: colors.BORDER_LIGHT
   },
   withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE + ICON_GAP
+    paddingLeft: ITEM_HORIZONTAL_PADDING + ICON_SIZE$1 + ICON_GAP
   },
   icon: {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
+    width: ICON_SIZE$1,
+    height: ICON_SIZE$1,
     marginRight: ICON_GAP,
     flexShrink: 0
   },
   content: {}
 });
-function _define_property$U(obj, key, value) {
+function _define_property$V(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8043,7 +7905,7 @@ function _define_property$U(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$T(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);
@@ -8053,12 +7915,12 @@ function _object_spread$T(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$U(target, key, source[key]);
+      _define_property$V(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$K(object, enumerableOnly) {
+function ownKeys$L(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8071,12 +7933,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$K(target, source) {
+function _object_spread_props$L(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$K(Object(source)).forEach(function(key) {
+    ownKeys$L(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8084,18 +7946,18 @@ function _object_spread_props$K(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$Q({
+  var classes = useStyles$R({
     theme: tweakStyles
   });
   var handleItemClick = function(event, item) {
     item.onClick(event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$T({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$U({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: items.map(function(item, i) {
-      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$K(_object_spread$T({
+      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$L(_object_spread$U({
         testId: getTestId(testId, "item-".concat(i))
       }, item), {
         onClick: function(event) {
@@ -8106,7 +7968,7 @@ var List = function(param) {
   }));
 };
 var ANIMATION_TIMEOUT = 150;
-function _define_property$T(obj, key, value) {
+function _define_property$U(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8119,7 +7981,7 @@ function _define_property$T(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$S(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);
@@ -8129,12 +7991,12 @@ function _object_spread$S(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$T(target, key, source[key]);
+      _define_property$U(target, key, source[key]);
     });
   }
   return target;
 }
-var useStyles$P = createThemedStyles("AccountInfo", _object_spread$S({
+var useStyles$Q = createThemedStyles("AccountInfo", _object_spread$T({
   root: {
     display: "flex"
   },
@@ -8187,7 +8049,7 @@ function _array_with_holes$p(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$S(obj, key, value) {
+function _define_property$T(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8231,7 +8093,7 @@ function _iterable_to_array_limit$p(arr, i) {
 function _non_iterable_rest$p() {
   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$S(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8241,12 +8103,12 @@ function _object_spread$R(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$S(target, key, source[key]);
+      _define_property$T(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$J(object, enumerableOnly) {
+function ownKeys$K(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8259,12 +8121,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$J(target, source) {
+function _object_spread_props$K(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$J(Object(source)).forEach(function(key) {
+    ownKeys$K(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8288,7 +8150,7 @@ function _unsupported_iterable_to_array$p(o, minLen) {
 }
 var AccountInfo = function(param) {
   var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-  var classes = useStyles$P({
+  var classes = useStyles$Q({
     theme: tweakStyles
   });
   var tweakListStyles = useTweakStyles({
@@ -8308,7 +8170,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$J(_object_spread$R({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$K(_object_spread$S({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8358,7 +8220,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$O = createThemedStyles("AddButton", {
+var useStyles$P = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -8384,7 +8246,7 @@ var useStyles$O = createThemedStyles("AddButton", {
     width: "100%"
   }
 });
-function _define_property$R(obj, key, value) {
+function _define_property$S(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8397,7 +8259,7 @@ function _define_property$R(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$Q(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);
@@ -8407,12 +8269,12 @@ function _object_spread$Q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$R(target, key, source[key]);
+      _define_property$S(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$I(object, enumerableOnly) {
+function ownKeys$J(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8425,12 +8287,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$I(target, source) {
+function _object_spread_props$J(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$I(Object(source)).forEach(function(key) {
+    ownKeys$J(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8438,10 +8300,10 @@ function _object_spread_props$I(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$O({
+  var classes = useStyles$P({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$I(_object_spread$Q({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$J(_object_spread$R({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -8460,7 +8322,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$N = createThemedStyles("DotsPreloader", {
+var useStyles$O = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -8505,7 +8367,7 @@ var useStyles$N = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$N({
+  var classes = useStyles$O({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -8571,7 +8433,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$M = createThemedStyles("SvgPreloader", {
+var useStyles$N = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -8581,7 +8443,7 @@ var useStyles$M = 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$M({
+  var classes = useStyles$N({
     theme: tweakStyles
   });
   var theme = useContext(ThemeContext).theme;
@@ -8595,7 +8457,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$L = createThemedStyles("ThemedPreloader", {
+var useStyles$M = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -8606,7 +8468,7 @@ var useStyles$L = createThemedStyles("ThemedPreloader", {
     color: "currentColor"
   }
 });
-function _define_property$Q(obj, key, value) {
+function _define_property$R(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8619,7 +8481,7 @@ function _define_property$Q(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$P(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);
@@ -8629,12 +8491,12 @@ function _object_spread$P(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Q(target, key, source[key]);
+      _define_property$R(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$H(object, enumerableOnly) {
+function ownKeys$I(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8647,12 +8509,12 @@ function ownKeys$H(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$H(target, source) {
+function _object_spread_props$I(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$H(Object(source)).forEach(function(key) {
+    ownKeys$I(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8660,7 +8522,7 @@ function _object_spread_props$H(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$L({
+  var classes = useStyles$M({
     theme: tweakStyles
   });
   var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8673,8 +8535,8 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$H(_object_spread$P({
-    className: clsx(classes.root, classes[type], _define_property$Q({}, classes.currentColor, useCurrentColor))
+  return /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$Q({
+    className: clsx(classes.root, classes[type], _define_property$R({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -8684,7 +8546,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$K = createThemedStyles("Button", {
+var useStyles$L = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -8855,7 +8717,7 @@ var dotsPreloaderStyles = {
 var getPreloaderStyles = function(size) {
   return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
 };
-function _define_property$P(obj, key, value) {
+function _define_property$Q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8868,7 +8730,7 @@ function _define_property$P(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$O(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);
@@ -8878,12 +8740,12 @@ function _object_spread$O(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$P(target, key, source[key]);
+      _define_property$Q(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$G(object, enumerableOnly) {
+function ownKeys$H(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8896,12 +8758,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$G(target, source) {
+function _object_spread_props$H(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$G(Object(source)).forEach(function(key) {
+    ownKeys$H(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8909,7 +8771,7 @@ function _object_spread_props$G(target, source) {
 }
 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, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-  var classes = useStyles$K({
+  var classes = useStyles$L({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -8922,10 +8784,10 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$G(_object_spread$O({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$H(_object_spread$P({
     ref,
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$P(_obj, classes.disabled, isDisabled), _define_property$P(_obj, classes.fullWidth, isFullWidth), _define_property$P(_obj, classes.inline, isInline), _define_property$P(_obj, classes.active, isActive), _define_property$P(_obj, classes.loading, isLoading), _define_property$P(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$Q(_obj, classes.disabled, isDisabled), _define_property$Q(_obj, classes.fullWidth, isFullWidth), _define_property$Q(_obj, classes.inline, isInline), _define_property$Q(_obj, classes.active, isActive), _define_property$Q(_obj, classes.loading, isLoading), _define_property$Q(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction,
     onClick: !hasNoAction ? onClick : void 0,
@@ -8933,7 +8795,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$P(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$P(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$Q(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$Q(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -8956,7 +8818,7 @@ var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
     ]
   }));
 });
-var useStyles$J = createThemedStyles("Checkbox", {
+var useStyles$K = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -9004,7 +8866,7 @@ function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9048,7 +8910,7 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
   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$N(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);
@@ -9058,12 +8920,12 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$F(object, enumerableOnly) {
+function ownKeys$G(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9076,12 +8938,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$F(target, source) {
+function _object_spread_props$G(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$F(Object(source)).forEach(function(key) {
+    ownKeys$G(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9105,7 +8967,7 @@ function _unsupported_iterable_to_array$o(o, minLen) {
 }
 function Checkbox(param) {
   var children = param.children, _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_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, value = param.value, data = param.data, testId = param.testId, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
-  var classes = useStyles$J({
+  var classes = useStyles$K({
     theme: tweakStyles
   });
   var _useState = _sliced_to_array$o(useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
@@ -9124,11 +8986,11 @@ function Checkbox(param) {
     isChecked
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$F(_object_spread$N({
-    className: clsx(classes.root, (_obj = {}, _define_property$O(_obj, classes.disabled, isDisabled), _define_property$O(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$G(_object_spread$O({
+    className: clsx(classes.root, (_obj = {}, _define_property$P(_obj, classes.disabled, isDisabled), _define_property$P(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$N({
+      /* @__PURE__ */ jsx("input", _object_spread$O({
         type: "checkbox",
         className: classes.input,
         checked: isSelected,
@@ -9151,7 +9013,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$I = createThemedStyles("CloseButton", {
+var useStyles$J = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -9176,7 +9038,7 @@ var useStyles$I = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9189,7 +9051,7 @@ function _define_property$N(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$M(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);
@@ -9199,12 +9061,12 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$E(object, enumerableOnly) {
+function ownKeys$F(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9217,12 +9079,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$E(target, source) {
+function _object_spread_props$F(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$E(Object(source)).forEach(function(key) {
+    ownKeys$F(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9230,10 +9092,10 @@ function _object_spread_props$E(target, source) {
 }
 var CloseButton = function(param) {
   var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-  var classes = useStyles$I({
+  var classes = useStyles$J({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$E(_object_spread$M({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$F(_object_spread$N({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -9243,7 +9105,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$H = createThemedStyles({
+var useStyles$I = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -9336,7 +9198,7 @@ function _unsupported_iterable_to_array$n(o, minLen) {
     return _array_like_to_array$n(o, minLen);
 }
 var Colors = function() {
-  var classes = useStyles$H();
+  var classes = useStyles$I();
   var theme = useContext(ThemeContext).theme;
   var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
   return /* @__PURE__ */ jsx("div", {
@@ -9366,7 +9228,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$G = createThemedStyles("CssBaseline", {
+var useStyles$H = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -9375,7 +9237,7 @@ var useStyles$G = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$M(obj, key, value) {
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9388,7 +9250,7 @@ function _define_property$M(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$L(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);
@@ -9398,24 +9260,24 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
 }
 var CssBaseline = function(param) {
   var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$G({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread$L({
+  return /* @__PURE__ */ jsx("div", _object_spread$M({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)));
 };
 var DEFAULT_SIZE = 6;
 var PADDING_X$1 = 12;
 var AUTOSIZE_MAX_WIDTH = 480;
-var useStyles$F = createThemedStyles("Input", {
+var useStyles$G = createThemedStyles("Input", {
   root: {
     width: "100%",
     boxSizing: "border-box",
@@ -9728,7 +9590,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9772,7 +9634,7 @@ function _iterable_to_array_limit$m(arr, i) {
 function _non_iterable_rest$m() {
   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$K(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);
@@ -9782,12 +9644,12 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$D(object, enumerableOnly) {
+function ownKeys$E(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9800,21 +9662,21 @@ function ownKeys$D(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$D(target, source) {
+function _object_spread_props$E(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$D(Object(source)).forEach(function(key) {
+    ownKeys$E(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$e(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$d(source, excluded);
+  var target = _object_without_properties_loose$e(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9829,7 +9691,7 @@ function _object_without_properties$d(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$d(source, excluded) {
+function _object_without_properties_loose$e(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9859,7 +9721,7 @@ function _unsupported_iterable_to_array$m(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$m(o, minLen);
 }
-var __generator$5 = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator$5(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -9960,9 +9822,9 @@ var __generator$5 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$d(_param, [
+  var _param_value = _param.value, value = _param_value === void 0 ? "" : _param_value, label = _param.label, placeholder = _param.placeholder, _param_type = _param.type, type = _param_type === void 0 ? "text" : _param_type, isDisabled = _param.isDisabled, _param_isReadonly = _param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_hasFloatingLabel = _param.hasFloatingLabel, hasFloatingLabel = _param_hasFloatingLabel === void 0 ? true : _param_hasFloatingLabel, _param_isInvalid = _param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? false : _param_isClearable, infoMessage = _param.infoMessage, errorMessage = _param.errorMessage, _param_errorPosition = _param.errorPosition, errorPosition = _param_errorPosition === void 0 ? "bottom" : _param_errorPosition, inlineStyle = _param.inlineStyle, border = _param.border, _param_isRequired = _param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isAutoSizeable = _param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? false : _param_isAutoSizeable, _param_defaultSize = _param.defaultSize, defaultSize = _param_defaultSize === void 0 ? DEFAULT_SIZE : _param_defaultSize, iconType = _param.iconType, hasRequiredLabel = _param.hasRequiredLabel, data = _param.data, tweakStyles = _param.tweakStyles, _param_shouldFocusOnMount = _param.shouldFocusOnMount, shouldFocusOnMount = _param_shouldFocusOnMount === void 0 ? false : _param_shouldFocusOnMount, units = _param.units, testId = _param.testId, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onIconClick = _param.onIconClick, mask = _param.mask, maskPlaceholder = _param.maskPlaceholder, alwaysShowMask = _param.alwaysShowMask, _param_shouldAlwaysShowPlaceholder = _param.shouldAlwaysShowPlaceholder, shouldAlwaysShowPlaceholder = _param_shouldAlwaysShowPlaceholder === void 0 ? false : _param_shouldAlwaysShowPlaceholder, beforeMaskedStateChange = _param.beforeMaskedStateChange, inputProps = _object_without_properties$e(_param, [
     "value",
     "label",
     "placeholder",
@@ -9999,7 +9861,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "shouldAlwaysShowPlaceholder",
     "beforeMaskedStateChange"
   ]);
-  var classes = useStyles$F({
+  var classes = useStyles$G({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -10023,7 +9885,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var handleOnInputClear = function() {
     var _ref = _async_to_generator$5(function(event) {
       var _input_current, input;
-      return __generator$5(this, function(_state) {
+      return _ts_generator$5(this, function(_state) {
         switch (_state.label) {
           case 0:
             return [
@@ -10053,8 +9915,8 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && isStringNotEmpty(placeholder);
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj;
-  var props = _object_spread_props$D(_object_spread$K({}, inputProps, addDataTestId(testId)), {
-    className: clsx(classes.input, (_obj = {}, _define_property$L(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$L(_obj, classes.withIcons, hasControls), _define_property$L(_obj, classes.withControls, hasControls), _define_property$L(_obj, classes.withUnits, shouldShowUnits), _define_property$L(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
+  var props = _object_spread_props$E(_object_spread$L({}, inputProps, addDataTestId(testId)), {
+    className: clsx(classes.input, (_obj = {}, _define_property$M(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$M(_obj, classes.withIcons, hasControls), _define_property$M(_obj, classes.withControls, hasControls), _define_property$M(_obj, classes.withUnits, shouldShowUnits), _define_property$M(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -10070,14 +9932,14 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$D(_object_spread$K({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$L(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$L(_obj1, classes.invalid, isInvalid), _define_property$L(_obj1, classes.focused, hasFocus), _define_property$L(_obj1, classes.disabled, isDisabled), _define_property$L(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+      /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$L({
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$M(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$M(_obj1, classes.invalid, isInvalid), _define_property$M(_obj1, classes.focused, hasFocus), _define_property$M(_obj1, classes.disabled, isDisabled), _define_property$M(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
         "data-value": isAutoSizeable ? value : void 0
       }, addDataAttributes(data)), {
         children: [
-          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$K({
+          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$L({
             ref: ref !== null && ref !== void 0 ? ref : inputRef
-          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$K({
+          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$L({
             ref: ref !== null && ref !== void 0 ? ref : inputRef,
             mask,
             maskPlaceholder,
@@ -10085,12 +9947,12 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj2 = {}, _define_property$L(_obj2, classes.invalidLabel, isInvalid), _define_property$L(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$L(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$L(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$L(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
+            className: clsx(classes.label, (_obj2 = {}, _define_property$M(_obj2, classes.invalidLabel, isInvalid), _define_property$M(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$M(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$M(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$M(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
             children: label
           }),
           shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$L({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+            className: clsx(classes.unitsWrapper, _define_property$M({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -10122,7 +9984,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 })
               }),
               isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$L({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$M({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -10143,7 +10005,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$E = createThemedStyles("DateInput", {
+var useStyles$F = createThemedStyles("DateInput", {
   root: {
     width: "100%",
     height: "100%",
@@ -10151,7 +10013,7 @@ var useStyles$E = createThemedStyles("DateInput", {
     position: "relative"
   }
 });
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10164,7 +10026,7 @@ function _define_property$K(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$J(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);
@@ -10174,12 +10036,12 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$C(object, enumerableOnly) {
+function ownKeys$D(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10192,21 +10054,21 @@ function ownKeys$C(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$C(target, source) {
+function _object_spread_props$D(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$C(Object(source)).forEach(function(key) {
+    ownKeys$D(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$d(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$c(source, excluded);
+  var target = _object_without_properties_loose$d(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10221,7 +10083,7 @@ function _object_without_properties$c(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$c(source, excluded) {
+function _object_without_properties_loose$d(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10236,7 +10098,7 @@ function _object_without_properties_loose$c(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$c(_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$d(_param, [
     "date",
     "startDate",
     "endDate",
@@ -10249,7 +10111,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$E({
+  var classes = useStyles$F({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10276,11 +10138,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$C(_object_spread$J({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$K({
     className: clsx(classes.root, className),
     onClick
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(Input, _object_spread_props$C(_object_spread$J({}, inputProps), {
+    children: /* @__PURE__ */ jsx(Input, _object_spread_props$D(_object_spread$K({}, 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",
@@ -10293,7 +10155,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 const reactDatepicker = "";
 var LEFT_PADDING = 44;
-var useStyles$D = createThemedStyles("SearchInput", {
+var useStyles$E = createThemedStyles("SearchInput", {
   root: {
     position: "relative"
   },
@@ -10330,7 +10192,7 @@ var inputStyles$4 = {
     fontSize: 14
   }
 };
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10343,7 +10205,7 @@ function _define_property$J(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$I(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);
@@ -10353,12 +10215,12 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$B(object, enumerableOnly) {
+function ownKeys$C(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10371,21 +10233,21 @@ function ownKeys$B(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$B(target, source) {
+function _object_spread_props$C(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$B(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$c(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$b(source, excluded);
+  var target = _object_without_properties_loose$c(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10400,7 +10262,7 @@ function _object_without_properties$b(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$b(source, excluded) {
+function _object_without_properties_loose$c(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10415,13 +10277,13 @@ function _object_without_properties_loose$b(source, excluded) {
   return target;
 }
 var SearchInput = function(_param) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$b(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$c(_param, [
     "isClearable",
     "tweakStyles",
     "testId",
     "data"
   ]);
-  var classes = useStyles$D({
+  var classes = useStyles$E({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10430,7 +10292,7 @@ var SearchInput = function(_param) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$B(_object_spread$I({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$C(_object_spread$J({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10440,7 +10302,7 @@ var SearchInput = function(_param) {
           type: "search"
         })
       }),
-      /* @__PURE__ */ jsx(Input, _object_spread$I({
+      /* @__PURE__ */ jsx(Input, _object_spread$J({
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
         testId: getTestId(testId, "input"),
@@ -10488,7 +10350,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10521,7 +10383,7 @@ function _inherits(subClass, superClass) {
   if (superClass)
     _set_prototype_of(subClass, superClass);
 }
-function _object_spread$H(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);
@@ -10531,15 +10393,15 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
 }
-function _object_without_properties$a(source, excluded) {
+function _object_without_properties$b(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$a(source, excluded);
+  var target = _object_without_properties_loose$b(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -10554,7 +10416,7 @@ function _object_without_properties$a(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -10620,8 +10482,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$I(_assert_this_initialized(_this), "node", createRef());
-    _define_property$I(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$J(_assert_this_initialized(_this), "node", createRef());
+    _define_property$J(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -10657,13 +10519,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$a(_this_props, [
+        var wrapperProps = _object_without_properties$b(_this_props, [
           "active",
           "elementType",
           "children",
           "options"
         ]);
-        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$H({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$I({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -10671,10 +10533,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$I(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+_define_property$J(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
 var DEFAULT_OPTION_INDEX = -2;
 var ALL_OPTION_INDEX = -1;
-function _define_property$H(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10687,7 +10549,7 @@ function _define_property$H(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$G(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);
@@ -10697,7 +10559,7 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
@@ -10708,7 +10570,7 @@ var CELL_PADDING = [
   10,
   20
 ];
-var useStyles$C = createThemedStyles("SelectList", {
+var useStyles$D = createThemedStyles("SelectList", {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -10732,7 +10594,7 @@ var useStyles$C = createThemedStyles("SelectList", {
       ]
     }
   },
-  list: _object_spread$G({
+  list: _object_spread$H({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -10775,7 +10637,7 @@ var checkboxStyles$1 = {
     display: "none"
   }
 };
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10788,7 +10650,7 @@ function _define_property$G(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$F(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);
@@ -10798,12 +10660,12 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$A(object, enumerableOnly) {
+function ownKeys$B(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10816,12 +10678,12 @@ function ownKeys$A(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$A(target, source) {
+function _object_spread_props$B(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$A(Object(source)).forEach(function(key) {
+    ownKeys$B(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10831,12 +10693,12 @@ var SelectListItem = function(param) {
   var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var _obj;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$A(_object_spread$F({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$B(_object_spread$G({
     active: isFocused,
     options: {
       block: "nearest"
     },
-    className: clsx(classes.cell, (_obj = {}, _define_property$G(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$G(_obj, classes.focused, isFocused), _define_property$G(_obj, classes.active, isActive && !isMultiSelect), _define_property$G(_obj, classes.disabled, isDisabled), _obj))
+    className: clsx(classes.cell, (_obj = {}, _define_property$H(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$H(_obj, classes.focused, isFocused), _define_property$H(_obj, classes.active, isActive && !isMultiSelect), _define_property$H(_obj, classes.disabled, isDisabled), _obj))
   }, addDataAttributes({
     disabled: isDisabled,
     active: isActive,
@@ -10858,7 +10720,7 @@ var SelectListItem = function(param) {
     }) : children
   }));
 };
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10871,7 +10733,7 @@ function _define_property$F(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$E(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);
@@ -10881,12 +10743,12 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$z(object, enumerableOnly) {
+function ownKeys$A(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10899,12 +10761,12 @@ function ownKeys$z(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$z(target, source) {
+function _object_spread_props$A(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$z(Object(source)).forEach(function(key) {
+    ownKeys$A(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10912,15 +10774,15 @@ function _object_spread_props$z(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, 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$C({
+  var classes = useStyles$D({
     theme: tweakStyles
   });
   var isMultiSelect = isNotEmpty(onToggleCheckbox);
   var multiSelectValue = activeValue;
   var _multiSelectValue_length;
   var selectedOptionsCount = (_multiSelectValue_length = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.length) !== null && _multiSelectValue_length !== void 0 ? _multiSelectValue_length : 0;
-  var _multiSelectValue_map;
   var activeOptionsIdMap = useMemo(function() {
+    var _multiSelectValue_map;
     return isMultiSelect ? (_multiSelectValue_map = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.map(convertValueToId)) !== null && _multiSelectValue_map !== void 0 ? _multiSelectValue_map : [] : [];
   }, [
     isMultiSelect,
@@ -10949,13 +10811,13 @@ function SelectList(param) {
   };
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
     active: shouldScrollToList && !isMultiSelect,
-    className: clsx(classes.root, _define_property$F({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
+    className: clsx(classes.root, _define_property$G({}, classes.withListHeader, isReactNodeNotEmpty(customListHeader))),
     children: [
       isReactNodeNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
         className: classes.listHeader,
         children: customListHeader
       }),
-      /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
+      /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$F({
         className: classes.list
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -11010,8 +10872,8 @@ function SelectList(param) {
     ]
   });
 }
-var _option_isDisabled;
 var defaultIsOptionDisabled = function(option) {
+  var _option_isDisabled;
   return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
 };
 var defaultConvertFunction$2 = function(v) {
@@ -11028,7 +10890,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
 var isMultiSelectValue = function(props, _value) {
   return props.isMultiSelect === true;
 };
-var useStyles$B = createThemedStyles("Select", {
+var useStyles$C = createThemedStyles("Select", {
   root: {
     width: "100%",
     position: "relative",
@@ -11177,7 +11039,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11228,7 +11090,7 @@ function _non_iterable_rest$l() {
 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$D(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);
@@ -11238,12 +11100,12 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$y(object, enumerableOnly) {
+function ownKeys$z(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -11256,21 +11118,21 @@ function ownKeys$y(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$y(target, source) {
+function _object_spread_props$z(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$y(Object(source)).forEach(function(key) {
+    ownKeys$z(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$a(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$9(source, excluded);
+  var target = _object_without_properties_loose$a(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -11285,7 +11147,7 @@ function _object_without_properties$9(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11318,7 +11180,7 @@ function _unsupported_iterable_to_array$l(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$l(o, minLen);
 }
-var __generator$4 = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator$4(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -11419,9 +11281,9 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 function Select(props) {
-  var options = props.options, value = props.value, 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, 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, iconType = props.iconType, 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, inputProps = _object_without_properties$9(props, [
+  var options = props.options, value = props.value, 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, 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, iconType = props.iconType, 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, inputProps = _object_without_properties$a(props, [
     "options",
     "value",
     "defaultOptionLabel",
@@ -11452,10 +11314,10 @@ function Select(props) {
     "convertValueToReactNode",
     "optionsFilter"
   ]);
-  var classes = useStyles$B({
+  var classes = useStyles$C({
     theme: tweakStyles
   });
-  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$9(_ref, [
+  var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$a(_ref, [
     "shouldRenderInList"
   ]);
   var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
@@ -11497,8 +11359,8 @@ function Select(props) {
     if (optionsMode !== "search") {
       return options;
     }
-    var _convertValueToString;
     var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : createFilter(function(option) {
+      var _convertValueToString;
       return [
         (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
       ];
@@ -11636,7 +11498,7 @@ function Select(props) {
   ]);
   var handleOnType = useCallback(function() {
     var _ref2 = _async_to_generator$4(function(v) {
-      return __generator$4(this, function(_state) {
+      return _ts_generator$4(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (onType === void 0) {
@@ -11790,8 +11652,8 @@ function Select(props) {
     isOpen
   ]);
   var _obj;
-  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
-    className: clsx(classes.listWrapper, (_obj = {}, _define_property$E(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$E(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
+  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$z(_object_spread$E({
+    className: clsx(classes.listWrapper, (_obj = {}, _define_property$F(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$F(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
     onBlur: handleBlur
@@ -11801,7 +11663,7 @@ function Select(props) {
       defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption && defaultOptionLabel,
       allOptionsLabel: shouldShowAllOption && allOptionsLabel,
       areAllOptionsSelected,
-      customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$D({
+      customListHeader: hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$E({
         value: searchValue,
         onChange: handleInputChange,
         tweakStyles: tweakSearchInputStyles,
@@ -11848,7 +11710,7 @@ function Select(props) {
         onClick: isDisabled ? void 0 : handleOnClick,
         ref: inputWrapper,
         children: [
-          /* @__PURE__ */ jsx(Input, _object_spread$D({
+          /* @__PURE__ */ jsx(Input, _object_spread$E({
             value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
@@ -11885,7 +11747,7 @@ function Select(props) {
 }
 var SELECT_PADDING_LEFT = 12;
 var SELECT_PADDING_RIGHT = 24;
-var useStyles$A = createThemedStyles("DatePickerHeader", {
+var useStyles$B = createThemedStyles("DatePickerHeader", {
   btn: {
     width: 36,
     height: 36,
@@ -11954,7 +11816,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$A({
+  var classes = useStyles$B({
     theme: tweakStyles
   });
   var tweakSelectStyles = useTweakStyles({
@@ -12051,7 +11913,7 @@ var _ReactDatePicker_default;
 var DatePickerComponent = (_ReactDatePicker_default = ReactDatePicker.default) !== null && _ReactDatePicker_default !== void 0 ? _ReactDatePicker_default : ReactDatePicker;
 var getDateFormatter = function(dateFormat) {
   return function(date) {
-    return isNotEmpty(date) ? format$1(date, dateFormat) : "";
+    return isNotEmpty(date) ? format(date, dateFormat) : "";
   };
 };
 var getDateValueParser = function(dateFormat) {
@@ -12063,7 +11925,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$z = createThemedStyles("DatePicker", {
+var useStyles$A = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -12097,7 +11959,7 @@ function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12141,7 +12003,7 @@ function _iterable_to_array_limit$k(arr, i) {
 function _non_iterable_rest$k() {
   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$C(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);
@@ -12151,12 +12013,12 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$x(object, enumerableOnly) {
+function ownKeys$y(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12169,21 +12031,21 @@ function ownKeys$x(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$x(target, source) {
+function _object_spread_props$y(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$x(Object(source)).forEach(function(key) {
+    ownKeys$y(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$9(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$8(source, excluded);
+  var target = _object_without_properties_loose$9(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12198,7 +12060,7 @@ function _object_without_properties$8(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -12229,7 +12091,7 @@ function _unsupported_iterable_to_array$k(o, minLen) {
     return _array_like_to_array$k(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, locale2 = _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, 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, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, 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$8(_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, locale2 = _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, 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, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, 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$9(_param, [
     "data",
     "selectedDate",
     "minDate",
@@ -12274,7 +12136,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$z({
+  var classes = useStyles$A({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -12297,7 +12159,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _useState4 = _sliced_to_array$k(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
   var _useState5 = _sliced_to_array$k(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : isStringNotEmpty(dateValue);
-  var dateInputProps = _object_spread$C(_object_spread_props$x(_object_spread$C({}, inputProps), {
+  var dateInputProps = _object_spread$D(_object_spread_props$y(_object_spread$D({}, inputProps), {
     isRange,
     isDisabled,
     isClearable,
@@ -12395,10 +12257,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     startDate,
     endDate
   ]);
-  return /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$y(_object_spread$D({
     className: classes.root
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$C({
+    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$D({
       ref,
       minDate,
       maxDate,
@@ -12427,9 +12289,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       preventOpenOnFocus,
       shouldCloseOnSelect,
       customInputRef,
-      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$C({}, dateInputProps)),
+      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$D({}, dateInputProps)),
       renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$x(_object_spread$C({}, baseProps), {
+        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$y(_object_spread$D({}, baseProps), {
           months
         }));
       },
@@ -12466,7 +12328,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$y = createThemedStyles("Description", {
+var useStyles$z = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -12507,7 +12369,7 @@ function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12551,7 +12413,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$B(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);
@@ -12561,12 +12423,12 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$C(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$w(object, enumerableOnly) {
+function ownKeys$x(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12579,12 +12441,12 @@ function ownKeys$w(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$w(target, source) {
+function _object_spread_props$x(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$w(Object(source)).forEach(function(key) {
+    ownKeys$x(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -12608,7 +12470,7 @@ function _unsupported_iterable_to_array$j(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$y({
+  var classes = useStyles$z({
     theme: tweakStyles
   });
   var isTooShort = text.length < truncateIndex;
@@ -12617,7 +12479,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$w(_object_spread$B({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -12864,7 +12726,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12908,7 +12770,7 @@ function _iterable_to_array_limit$i(arr, i) {
 function _non_iterable_rest$i() {
   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$B(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12918,15 +12780,15 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$8(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$7(source, excluded);
+  var target = _object_without_properties_loose$8(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12941,7 +12803,7 @@ function _object_without_properties$7(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -12971,7 +12833,7 @@ function _unsupported_iterable_to_array$i(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$i(o, minLen);
 }
-var __generator$3 = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator$3(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -13072,9 +12934,9 @@ var __generator$3 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 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$7(_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$8(_param, [
     "value",
     "canBeFloat",
     "canBeNegative",
@@ -13099,7 +12961,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var handleChange = function() {
     var _ref = _async_to_generator$3(function(inputValue, event) {
       var oldValue, target, _target_selectionStart, defaultCaretPos, numString, numberRegexp, hasDot, formattedValue, newValue;
-      return __generator$3(this, function(_state) {
+      return _ts_generator$3(this, function(_state) {
         switch (_state.label) {
           case 0:
             oldValue = showedValue;
@@ -13177,7 +13039,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$A({
+  return /* @__PURE__ */ jsx(Input, _object_spread$B({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -13455,7 +13317,7 @@ function cloneDeep(value) {
   return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
 }
 var FILTER_HEIGHT = 36;
-var useStyles$x = createThemedStyles("FiltersPane", {
+var useStyles$y = createThemedStyles("FiltersPane", {
   root: {
     display: "flex",
     flexWrap: "wrap",
@@ -13520,7 +13382,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$w = createThemedStyles("FilterInterval", {
+var useStyles$x = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -13563,7 +13425,7 @@ var inputStyles$3 = {
   }
 };
 var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13576,7 +13438,7 @@ function _define_property$A(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$z(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);
@@ -13586,12 +13448,12 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$B(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$v(object, enumerableOnly) {
+function ownKeys$w(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13604,12 +13466,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$v(target, source) {
+function _object_spread_props$w(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$v(Object(source)).forEach(function(key) {
+    ownKeys$w(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13617,7 +13479,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, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-  var classes = useStyles$w({
+  var classes = useStyles$x({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -13661,7 +13523,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$w(_object_spread$A({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -13758,7 +13620,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$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13771,7 +13633,7 @@ function _define_property$z(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$y(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);
@@ -13781,19 +13643,19 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT$1 = 40;
 var TOP_GAP = 12;
-var useStyles$v = createThemedStyles("MultiSelectList", {
+var useStyles$w = createThemedStyles("MultiSelectList", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$y({
+  list: _object_spread$z({
     paddingTop: TOP_GAP,
     maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
     overscrollBehavior: "contain"
@@ -13950,7 +13812,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$y(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14001,7 +13863,7 @@ function _non_iterable_rest$h() {
 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$x(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);
@@ -14011,12 +13873,12 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$u(object, enumerableOnly) {
+function ownKeys$v(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14029,12 +13891,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$u(target, source) {
+function _object_spread_props$v(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$u(Object(source)).forEach(function(key) {
+    ownKeys$v(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14059,7 +13921,7 @@ function _unsupported_iterable_to_array$h(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$h(o, minLen);
 }
-var __generator$2 = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator$2(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -14160,25 +14022,11 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 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, locale2 = _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 handleOnChange = function handleOnChange2(inputValue) {
-    setSearchValue(inputValue);
-    if (fetchOptions === void 0) {
-      if (options !== void 0) {
-        var lowerSearchValue = inputValue.toLowerCase();
-        setAllOptions(options.filter(function(o) {
-          return getValueString(o).toLowerCase().includes(lowerSearchValue);
-        }));
-      }
-    } else {
-      setIsLoading(true);
-      changeSearchValue(inputValue);
-    }
-  };
   var isMounted = useIsMounted();
-  var classes = useStyles$v({
+  var classes = useStyles$w({
     theme: tweakStyles
   });
   var tweakCheckboxStyles = useTweakStyles({
@@ -14232,7 +14080,7 @@ function MultiSelectList(param) {
   var handleSearchInputChange = useCallback(function() {
     var _ref = _async_to_generator$2(function(inputValue) {
       var _inputValue_trim, response;
-      return __generator$2(this, function(_state) {
+      return _ts_generator$2(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -14288,6 +14136,20 @@ function MultiSelectList(param) {
   var changeSearchValue = useCallback(debounce$1(handleSearchInputChange), [
     handleSearchInputChange
   ]);
+  function handleOnChange(inputValue) {
+    setSearchValue(inputValue);
+    if (fetchOptions === void 0) {
+      if (options !== void 0) {
+        var lowerSearchValue = inputValue.toLowerCase();
+        setAllOptions(options.filter(function(o) {
+          return getValueString(o).toLowerCase().includes(lowerSearchValue);
+        }));
+      }
+    } else {
+      setIsLoading(true);
+      changeSearchValue(inputValue);
+    }
+  }
   var handleSelectValue = function(val) {
     if (val.length === 0) {
       onChange(void 0);
@@ -14333,13 +14195,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$v(_object_spread$y({}, 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$v(_object_spread$y({}, value), {
             include: _to_consumable_array$5(value.include).concat([
               unchosenOptions[keyCursorOn - value.include.length]
             ])
@@ -14362,7 +14224,7 @@ function MultiSelectList(param) {
   var handleLoadItemsOnScroll = useCallback(function() {
     var _ref = _async_to_generator$2(function(inputValue, page) {
       var response;
-      return __generator$2(this, function(_state) {
+      return _ts_generator$2(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -14429,7 +14291,7 @@ function MultiSelectList(param) {
     }
     observer.current = new IntersectionObserver(function() {
       var _ref = _async_to_generator$2(function(entries) {
-        return __generator$2(this, function(_state) {
+        return _ts_generator$2(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (!entries[0].isIntersecting)
@@ -14478,7 +14340,7 @@ function MultiSelectList(param) {
     var doFetchOptions = function() {
       var _ref = _async_to_generator$2(function() {
         var response;
-        return __generator$2(this, function(_state) {
+        return _ts_generator$2(this, function(_state) {
           switch (_state.label) {
             case 0:
               setIsLoading(true);
@@ -14538,7 +14400,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = isGroupingEnabled && unchosenOptions.length > 0 && chosenValues !== void 0 && chosenValues.length > 0;
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && allOptions.length !== 0;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$x({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$y({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -14642,7 +14504,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$x(obj, key, value) {
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14655,7 +14517,7 @@ function _define_property$x(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$w(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);
@@ -14665,15 +14527,15 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
 }
 function FilterMultiSelect(props) {
-  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$w({}, props));
+  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$x({}, props));
 }
-function _define_property$w(obj, key, value) {
+function _define_property$x(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14686,7 +14548,7 @@ function _define_property$w(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$v(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);
@@ -14696,19 +14558,19 @@ function _object_spread$v(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$w(target, key, source[key]);
+      _define_property$x(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT = 40;
 var LIST_GAP = 12;
-var useStyles$u = createThemedStyles("FilterSelect", {
+var useStyles$v = createThemedStyles("FilterSelect", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$v({
+  list: _object_spread$w({
     paddingTop: LIST_GAP,
     padding: [
       LIST_GAP,
@@ -14880,7 +14742,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$v(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14931,7 +14793,7 @@ function _non_iterable_rest$g() {
 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$u(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);
@@ -14941,12 +14803,12 @@ function _object_spread$u(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$v(target, key, source[key]);
+      _define_property$w(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$t(object, enumerableOnly) {
+function ownKeys$u(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14959,12 +14821,12 @@ function ownKeys$t(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$t(target, source) {
+function _object_spread_props$u(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$t(Object(source)).forEach(function(key) {
+    ownKeys$u(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14989,7 +14851,7 @@ function _unsupported_iterable_to_array$g(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$g(o, minLen);
 }
-var __generator$1 = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator$1(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -15090,10 +14952,10 @@ var __generator$1 = globalThis && globalThis.__generator || function(thisArg, bo
       done: true
     };
   }
-};
+}
 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, locale2 = param.locale, onChange = param.onChange, 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$u({
+  var classes = useStyles$v({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -15127,7 +14989,7 @@ function FilterSelect(param) {
   var handleSearchInputChange = useCallback(function() {
     var _ref = _async_to_generator$1(function(inputValue) {
       var _inputValue_trim, response;
-      return __generator$1(this, function(_state) {
+      return _ts_generator$1(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -15207,7 +15069,7 @@ function FilterSelect(param) {
   var handleLoadItemsOnScroll = useCallback(function() {
     var _ref = _async_to_generator$1(function(inputValue, page) {
       var _inputValue_trim, response;
-      return __generator$1(this, function(_state) {
+      return _ts_generator$1(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -15272,7 +15134,7 @@ function FilterSelect(param) {
     }
     observer.current = new IntersectionObserver(function() {
       var _ref = _async_to_generator$1(function(entries) {
-        return __generator$1(this, function(_state) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (!entries[0].isIntersecting)
@@ -15321,7 +15183,7 @@ function FilterSelect(param) {
     var doFetchOptions = function() {
       var _ref = _async_to_generator$1(function() {
         var response;
-        return __generator$1(this, function(_state) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               setIsLoading(true);
@@ -15364,7 +15226,7 @@ function FilterSelect(param) {
     }();
     doFetchOptions();
   }, []);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$v({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -15464,7 +15326,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$w({}, classes.panelWithFooter, hasFooter)),
             children: [
               hasFooter && /* @__PURE__ */ jsx("div", {
                 className: classes.footer,
@@ -16577,7 +16439,7 @@ var locale = {
   }
 };
 const ru = locale;
-var useStyles$t = createThemedStyles("FilterWithDates", {
+var useStyles$u = createThemedStyles("FilterWithDates", {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -16644,7 +16506,7 @@ function _array_with_holes$f(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$u(obj, key, value) {
+function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16688,7 +16550,7 @@ function _iterable_to_array_limit$f(arr, i) {
 function _non_iterable_rest$f() {
   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$u(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -16698,12 +16560,12 @@ function _object_spread$t(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$u(target, key, source[key]);
+      _define_property$v(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$s(object, enumerableOnly) {
+function ownKeys$t(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -16716,12 +16578,12 @@ function ownKeys$s(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$s(target, source) {
+function _object_spread_props$t(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$s(Object(source)).forEach(function(key) {
+    ownKeys$t(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -16745,7 +16607,7 @@ function _unsupported_iterable_to_array$f(o, minLen) {
 }
 var FilterWithDates = function(param) {
   var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = 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$t({
+  var classes = useStyles$u({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -16832,7 +16694,7 @@ var FilterWithDates = function(param) {
     }
   };
   var _ref;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$u({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -16841,7 +16703,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$u({
               selectedDate: value === null || value === void 0 ? void 0 : value.from,
               maxDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.from,
@@ -16856,7 +16718,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__PURE__ */ jsx("div", {
             className: classes.containerItem,
-            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$t({
+            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$u({
               selectedDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.to,
               months: translates.months,
@@ -16912,7 +16774,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$s = createThemedStyles("FilterWithPeriod", {
+var useStyles$t = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -16937,7 +16799,7 @@ function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$e(arr);
 }
-function _define_property$t(obj, key, value) {
+function _define_property$u(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -16988,7 +16850,7 @@ function _non_iterable_rest$e() {
 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$s(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);
@@ -16998,12 +16860,12 @@ function _object_spread$s(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$t(target, key, source[key]);
+      _define_property$u(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$r(object, enumerableOnly) {
+function ownKeys$s(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17016,12 +16878,12 @@ function ownKeys$r(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$r(target, source) {
+function _object_spread_props$s(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$r(Object(source)).forEach(function(key) {
+    ownKeys$s(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -17048,7 +16910,7 @@ function _unsupported_iterable_to_array$e(o, minLen) {
 }
 var FilterWithPeriod = function(param) {
   var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$s({
+  var classes = useStyles$t({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -17061,7 +16923,7 @@ var FilterWithPeriod = function(param) {
   var _useState1 = _sliced_to_array$e(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
   var _useState2 = _sliced_to_array$e(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = useMemo(function() {
-    var result = _object_spread$s({}, PERIODS_GETTERS);
+    var result = _object_spread$t({}, PERIODS_GETTERS);
     periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
       if (Array.isArray(p)) {
         result[p[0]] = p[1];
@@ -17081,8 +16943,8 @@ var FilterWithPeriod = function(param) {
   }, [
     periods
   ]);
-  var _translates_periods_val;
   var getPeriodTranslate = useCallback(function(val) {
+    var _translates_periods_val;
     return (_translates_periods_val = translates.periods[val]) !== null && _translates_periods_val !== void 0 ? _translates_periods_val : val;
   }, [
     translates.periods
@@ -17107,7 +16969,7 @@ var FilterWithPeriod = function(param) {
       if (onClose !== void 0) {
         onClose();
       }
-      onChange(_object_spread_props$r(_object_spread$s({}, p), {
+      onChange(_object_spread_props$s(_object_spread$t({}, p), {
         label: getPeriodTranslate(periodType)
       }));
     }
@@ -17127,7 +16989,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$s(_object_spread$t({}, val), {
         periodType: "CUSTOM"
       }));
     } else {
@@ -17210,7 +17072,7 @@ function _array_with_holes$d(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$s(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17254,7 +17116,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$r(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);
@@ -17264,12 +17126,12 @@ function _object_spread$r(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$s(target, key, source[key]);
+      _define_property$t(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$q(object, enumerableOnly) {
+function ownKeys$r(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17282,12 +17144,12 @@ function ownKeys$q(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$q(target, source) {
+function _object_spread_props$r(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$q(Object(source)).forEach(function(key) {
+    ownKeys$r(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -17345,7 +17207,7 @@ function Filter(param) {
   ]);
   var props = {
     ref,
-    className: clsx(classes[dropdownPosition], _define_property$s({}, classes.dropdown, !isInline))
+    className: clsx(classes[dropdownPosition], _define_property$t({}, classes.dropdown, !isInline))
   };
   var handleOnClose = function() {
     if (onClose !== void 0) {
@@ -17354,8 +17216,8 @@ function Filter(param) {
   };
   if (filter.type === "custom" && filter.component) {
     var Component = filter.component;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(Component, _object_spread$r({}, {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(Component, _object_spread$s({}, {
         value,
         onChange,
         onClose,
@@ -17369,8 +17231,8 @@ function Filter(param) {
     console.warn("%cДля фильтра типа custom (".concat(filter.name, ") в конфиге обязательно нужно задать component"), "background: red; color: black");
   }
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterSelect, _object_spread$s({
         onChange,
         value,
         localeKey: translatesLocaleKey,
@@ -17380,12 +17242,12 @@ function Filter(param) {
     }));
   }
   if (filter.type === "dateRange") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$s({
         localeKey: translatesLocaleKey,
         locale: translates,
         onChange,
-        value: _object_spread$r({}, value),
+        value: _object_spread$s({}, value),
         onClose: handleOnClose,
         testId: testId !== void 0 ? "".concat(testId, "-period") : void 0
       }, filter))
@@ -17393,17 +17255,17 @@ function Filter(param) {
   }
   if (filter.type === "dateRangeWithoutPeriod") {
     var dateRangeValue = value;
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
       style: {
         width: 320
       },
-      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$r({
+      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$s({
         value: dateRangeValue,
         onEndBtnSubmit: function() {
           return onChange(void 0);
         },
         onChange: function(v) {
-          return onChange(_object_spread_props$q(_object_spread$r({}, v), {
+          return onChange(_object_spread_props$r(_object_spread$s({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -17414,8 +17276,8 @@ function Filter(param) {
     }));
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$s({
         onChange,
         onClose: handleOnClose,
         value,
@@ -17426,8 +17288,8 @@ function Filter(param) {
     }));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx("div", _object_spread_props$q(_object_spread$r({}, props), {
-      children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$r({
+    return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$s({}, props), {
+      children: /* @__PURE__ */ jsx(FilterInterval, _object_spread$s({
         value,
         labelName: filter.name,
         localeKey: translatesLocaleKey,
@@ -17440,7 +17302,7 @@ function Filter(param) {
   console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
   return null;
 }
-var useStyles$r = createThemedStyles("FiltersPaneSearch", {
+var useStyles$s = createThemedStyles("FiltersPaneSearch", {
   root: {
     display: "flex",
     position: "relative",
@@ -17549,7 +17411,7 @@ function _array_with_holes$c(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$r(obj, key, value) {
+function _define_property$s(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17593,7 +17455,7 @@ function _iterable_to_array_limit$c(arr, i) {
 function _non_iterable_rest$c() {
   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$r(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -17603,12 +17465,12 @@ function _object_spread$q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$r(target, key, source[key]);
+      _define_property$s(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$p(object, enumerableOnly) {
+function ownKeys$q(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17621,12 +17483,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$p(target, source) {
+function _object_spread_props$q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$p(Object(source)).forEach(function(key) {
+    ownKeys$q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -17650,7 +17512,7 @@ function _unsupported_iterable_to_array$c(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, locale2 = 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_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$r({
+  var classes = useStyles$s({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -17696,8 +17558,8 @@ function FiltersPaneSearch(param) {
     field
   ]);
   var _obj;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-    className: clsx(classes.root, (_obj = {}, _define_property$r(_obj, classes.focused, isInputFocused), _define_property$r(_obj, classes.disabled, isDisabled), _obj)),
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
+    className: clsx(classes.root, (_obj = {}, _define_property$s(_obj, classes.focused, isInputFocused), _define_property$s(_obj, classes.disabled, isDisabled), _obj)),
     ref: refRoot,
     "data-testid": testId
   }, addDataAttributes(data)), {
@@ -17762,7 +17624,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$q = createThemedStyles("FilterValueView", {
+var useStyles$r = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -17781,7 +17643,7 @@ function _instanceof$1(left2, right2) {
 }
 function FilterValueView(param) {
   var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
-  var classes = useStyles$q({
+  var classes = useStyles$r({
     theme: tweakStyles
   });
   var _filter_localeKey;
@@ -17810,7 +17672,7 @@ function FilterValueView(param) {
       return "";
     }
     if (_instanceof$1(v, Date)) {
-      return format$1(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
+      return format(v, filter.dateFormat || DEFAULT_DATE_FORMAT$1);
     }
     if (typeof v === "object" && "value" in v && isNotEmpty(v.value)) {
       return String(v.value);
@@ -17932,7 +17794,7 @@ function FilterValueView(param) {
     children: displayValue(value)
   });
 }
-var useStyles$p = createThemedStyles("FilterWrapper", {
+var useStyles$q = createThemedStyles("FilterWrapper", {
   root: {
     position: "relative",
     transition: "0.25s ease-in-out",
@@ -18058,7 +17920,7 @@ function _array_with_holes$b(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$q(obj, key, value) {
+function _define_property$r(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18102,7 +17964,7 @@ function _iterable_to_array_limit$b(arr, i) {
 function _non_iterable_rest$b() {
   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$p(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);
@@ -18112,12 +17974,12 @@ function _object_spread$p(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$q(target, key, source[key]);
+      _define_property$r(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$o(object, enumerableOnly) {
+function ownKeys$p(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18130,12 +17992,12 @@ function ownKeys$o(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$o(target, source) {
+function _object_spread_props$p(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$o(Object(source)).forEach(function(key) {
+    ownKeys$p(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -18159,13 +18021,7 @@ function _unsupported_iterable_to_array$b(o, minLen) {
 }
 function FilterWrapper(param) {
   var filter = param.filter, value = param.value, isDisabled = param.isDisabled, locale2 = param.locale, localeKey = param.localeKey, data = param.data, testId = param.testId, filtersPaneRef = param.filtersPaneRef, tweakStyles = param.tweakStyles, onChange = param.onChange;
-  var handleChange = function handleChange2(v) {
-    if (type === "select") {
-      setIsOpen(false);
-    }
-    onChange(v);
-  };
-  var classes = useStyles$p({
+  var classes = useStyles$q({
     theme: tweakStyles
   });
   var tweakFilterValueViewStyles = useTweakStyles({
@@ -18186,6 +18042,12 @@ function FilterWrapper(param) {
   } else if (!Array.isArray(value) && typeof value !== "object") {
     hasValue = Boolean(value);
   }
+  function handleChange(v) {
+    if (type === "select") {
+      setIsOpen(false);
+    }
+    onChange(v);
+  }
   var handleLabelClick = function() {
     if (!isBoolean && !isDisabled) {
       setIsOpen(!isOpen);
@@ -18199,14 +18061,14 @@ function FilterWrapper(param) {
   };
   var isBoolean = filter.type === "boolean";
   var _obj;
-  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
-    className: clsx(classes.root, (_obj = {}, _define_property$q(_obj, classes.noValue, !hasValue), _define_property$q(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$q(_obj, classes.withValue, !isOpen && hasValue), _define_property$q(_obj, classes.openWithValue, isOpen && hasValue), _define_property$q(_obj, classes.boolean, isBoolean), _define_property$q(_obj, classes.disabled, isDisabled), _obj))
+  return !filter.isInline ? /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+    className: clsx(classes.root, (_obj = {}, _define_property$r(_obj, classes.noValue, !hasValue), _define_property$r(_obj, classes.openNoValue, isOpen && !hasValue), _define_property$r(_obj, classes.withValue, !isOpen && hasValue), _define_property$r(_obj, classes.openWithValue, isOpen && hasValue), _define_property$r(_obj, classes.boolean, isBoolean), _define_property$r(_obj, classes.disabled, isDisabled), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("div", {
         ref: refItem,
         onClick: handleLabelClick,
-        className: clsx(classes.item, _define_property$q({}, classes.booleanItem, isBoolean)),
+        className: clsx(classes.item, _define_property$r({}, classes.booleanItem, isBoolean)),
         children: [
           /* @__PURE__ */ jsx("div", {
             className: classes.name,
@@ -18268,7 +18130,7 @@ function FilterWrapper(param) {
     classes
   });
 }
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18281,7 +18143,7 @@ function _define_property$p(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$o(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);
@@ -18291,12 +18153,12 @@ function _object_spread$o(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$p(target, key, source[key]);
+      _define_property$q(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$n(object, enumerableOnly) {
+function ownKeys$o(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18309,12 +18171,12 @@ function ownKeys$n(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$n(target, source) {
+function _object_spread_props$o(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$n(Object(source)).forEach(function(key) {
+    ownKeys$o(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -18322,7 +18184,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, locale2 = param.locale, search = 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, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-  var classes = useStyles$x({
+  var classes = useStyles$y({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -18365,12 +18227,12 @@ 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$o(_object_spread$p({
     className: classes.root,
     ref
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
+      onSettingsButtonClick !== void 0 && /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$p({
         className: classes.settings,
         tabIndex: 0
       }, addDataTestId(testId, "settings-button")), {
@@ -18382,7 +18244,7 @@ function FiltersPane(param) {
           })
         })
       })),
-      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search), {
+      search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$o(_object_spread$p({}, search), {
         locale: getLocale$1((_search_localeKey = search.localeKey) !== null && _search_localeKey !== void 0 ? _search_localeKey : localeKey, search.locale, locale2),
         localeKey: (_search_localeKey1 = search.localeKey) !== null && _search_localeKey1 !== void 0 ? _search_localeKey1 : localeKey,
         isDisabled: (_search_isDisabled = search.isDisabled) !== null && _search_isDisabled !== void 0 ? _search_isDisabled : isDisabled,
@@ -18405,7 +18267,7 @@ function FiltersPane(param) {
           locale: locale2,
           localeKey,
           onChange: function(value) {
-            return onChangeFilters(_object_spread_props$n(_object_spread$o({}, values), _define_property$p({}, key, value)));
+            return onChangeFilters(_object_spread_props$o(_object_spread$p({}, values), _define_property$q({}, key, value)));
           },
           value: currentValue,
           isDisabled: isDisabled || (filter === null || filter === void 0 ? void 0 : (_filter_requiredFilledFilters = filter.requiredFilledFilters) === null || _filter_requiredFilledFilters === void 0 ? void 0 : _filter_requiredFilledFilters.some(function(item) {
@@ -24535,7 +24397,7 @@ const Flags = {
   ZM,
   ZW
 };
-var useStyles$o = createThemedStyles("Flag", {
+var useStyles$p = createThemedStyles("Flag", {
   root: {
     // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
     // если будет нужно, то можно вынести border на уровень пропсов
@@ -24553,7 +24415,7 @@ var useStyles$o = createThemedStyles("Flag", {
 });
 var Flag = function(param) {
   var _param_countryCode = param.countryCode, countryCode = _param_countryCode === void 0 ? "" : _param_countryCode, tweakStyles = param.tweakStyles;
-  var classes = useStyles$o({
+  var classes = useStyles$p({
     theme: tweakStyles
   });
   var CC3 = countryCode.toUpperCase();
@@ -24569,7 +24431,7 @@ var Flag = function(param) {
     className: classes.root
   });
 };
-var useStyles$n = createThemedStyles("Skeleton", {
+var useStyles$o = createThemedStyles("Skeleton", {
   root: {
     display: "flex",
     width: "100%",
@@ -24605,7 +24467,7 @@ var useStyles$n = createThemedStyles("Skeleton", {
 });
 var Skeleton = function(param) {
   var height = param.height, tweakStyles = param.tweakStyles;
-  var classes = useStyles$n({
+  var classes = useStyles$o({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -24626,12 +24488,12 @@ function _instanceof(left2, right2) {
 var hasHorizontalScrollBar = function(el) {
   return isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
 };
-var _config_dateFormat;
 var formatCellContent = function(value, config) {
-  return _instanceof(value, Date) ? format$1(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
+  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);
 };
 var STICKY_SHADOW_PADDING = 12;
-var useStyles$m = createThemedStyles("FlexibleTable", {
+var useStyles$n = createThemedStyles("FlexibleTable", {
   root: {
     width: "100%",
     position: "relative",
@@ -24721,7 +24583,7 @@ var useStyles$m = createThemedStyles("FlexibleTable", {
   nothingFoundRow: {},
   nothingFound: {}
 });
-function _define_property$o(obj, key, value) {
+function _define_property$p(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24734,7 +24596,7 @@ function _define_property$o(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$n(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);
@@ -24744,12 +24606,12 @@ function _object_spread$n(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$o(target, key, source[key]);
+      _define_property$p(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$m(object, enumerableOnly) {
+function ownKeys$n(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -24762,18 +24624,18 @@ function ownKeys$m(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$m(target, source) {
+function _object_spread_props$n(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$m(Object(source)).forEach(function(key) {
+    ownKeys$n(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-var useStyles$l = createThemedStyles("FlexibleTableCell", {
+var useStyles$m = createThemedStyles("FlexibleTableCell", {
   root: {
     position: "relative",
     boxSizing: "content-box",
@@ -24786,7 +24648,7 @@ var useStyles$l = createThemedStyles("FlexibleTableCell", {
     zIndex: 5,
     verticalAlign: "top"
   },
-  sticky: _object_spread_props$m(_object_spread$n({
+  sticky: _object_spread_props$n(_object_spread$o({
     zIndex: 19,
     paddingLeft: 24,
     paddingRight: 12
@@ -24805,7 +24667,7 @@ var useStyles$l = createThemedStyles("FlexibleTableCell", {
     height: 21
   }
 });
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24818,7 +24680,7 @@ function _define_property$n(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$m(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);
@@ -24828,12 +24690,12 @@ function _object_spread$m(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$n(target, key, source[key]);
+      _define_property$o(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$l(object, enumerableOnly) {
+function ownKeys$m(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -24846,21 +24708,21 @@ function ownKeys$l(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$l(target, source) {
+function _object_spread_props$m(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$l(Object(source)).forEach(function(key) {
+    ownKeys$m(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _object_without_properties$6(source, excluded) {
+function _object_without_properties$7(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$6(source, excluded);
+  var target = _object_without_properties_loose$7(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -24875,7 +24737,7 @@ function _object_without_properties$6(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$6(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -24890,7 +24752,7 @@ function _object_without_properties_loose$6(source, excluded) {
   return target;
 }
 function FlexibleTableCell(_param) {
-  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$6(_param, [
+  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$7(_param, [
     "row",
     "columnName",
     "config",
@@ -24900,7 +24762,7 @@ function FlexibleTableCell(_param) {
     "isLoading",
     "tweakStyles"
   ]);
-  var classes = useStyles$l({
+  var classes = useStyles$m({
     theme: tweakStyles
   });
   var _config_columnName;
@@ -24909,7 +24771,7 @@ function FlexibleTableCell(_param) {
   var TableCell = renderMode === "divs" ? "div" : "td";
   var _obj;
   return /* @__PURE__ */ jsx(TableCell, {
-    className: clsx(classes.root, (_obj = {}, _define_property$n(_obj, classes.sticky, isSticky), _define_property$n(_obj, classes.second, isSecond), _define_property$n(_obj, classes.loading, isLoading), _obj)),
+    className: clsx(classes.root, (_obj = {}, _define_property$o(_obj, classes.sticky, isSticky), _define_property$o(_obj, classes.second, isSecond), _define_property$o(_obj, classes.loading, isLoading), _obj)),
     style: {
       textAlign: cellAlign,
       position: isSticky ? "sticky" : position,
@@ -24921,14 +24783,14 @@ function FlexibleTableCell(_param) {
       className: classes.skeleton,
       children: /* @__PURE__ */ jsx(Skeleton, {})
     }) : isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
-      children: isNotEmpty(component) ? component(_object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+      children: isNotEmpty(component) ? component(_object_spread_props$m(_object_spread$n({}, valueComponentProps), {
         value,
         row
       })) : formatCellContent(value, config[columnName])
     })
   });
 }
-var useStyles$k = createThemedStyles("FlexibleTableRow", {
+var useStyles$l = createThemedStyles("FlexibleTableRow", {
   root: {
     position: "relative"
   },
@@ -24952,7 +24814,7 @@ function _array_with_holes$a(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -24996,7 +24858,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$l(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);
@@ -25006,12 +24868,12 @@ function _object_spread$l(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$m(target, key, source[key]);
+      _define_property$n(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$k(object, enumerableOnly) {
+function ownKeys$l(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -25024,12 +24886,12 @@ function ownKeys$k(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$k(target, source) {
+function _object_spread_props$l(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$k(Object(source)).forEach(function(key) {
+    ownKeys$l(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -25053,7 +24915,7 @@ function _unsupported_iterable_to_array$a(o, minLen) {
 }
 function FlexibleTableRowInner(param) {
   var item = param.item, index = param.index, config = param.config, columns = param.columns, uniqueField = param.uniqueField, renderMode = param.renderMode, activeRows = param.activeRows, isFirstColumnSticky = 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, tweakStyles = param.tweakStyles, expandableRowComponent = param.expandableRowComponent, onRowHover = param.onRowHover, onRowClick = param.onRowClick;
-  var classes = useStyles$k({
+  var classes = useStyles$l({
     theme: tweakStyles
   });
   var tweakTableCellStyles = useTweakStyles({
@@ -25082,7 +24944,7 @@ function FlexibleTableRowInner(param) {
   var isClickable = !isLoading && (isNotEmpty(onRowClick) || isNotEmpty(expandableRowComponent));
   var isNestedComponentExpanded = nestedComponent.isOpen, nestedComponentCellKey = nestedComponent.cellKey;
   var rowData = rowAttributes === null || rowAttributes === void 0 ? void 0 : rowAttributes.reduce(function(acc, cur) {
-    return _object_spread_props$k(_object_spread$l({}, acc), _define_property$m({}, cur, item[cur]));
+    return _object_spread_props$l(_object_spread$m({}, acc), _define_property$n({}, cur, item[cur]));
   }, {});
   var handleMouseEnter = function(event) {
     if (isNotEmpty(uniqueField) && isNotEmpty(onRowHover)) {
@@ -25130,13 +24992,13 @@ function FlexibleTableRowInner(param) {
   var _obj;
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsx(TableRow, _object_spread_props$k(_object_spread$l({
-        className: clsx(classes.root, (_obj = {}, _define_property$m(_obj, classes.active, isActive), _define_property$m(_obj, classes.editable, isEditable), _define_property$m(_obj, classes.clickable, isClickable), _obj))
+      /* @__PURE__ */ jsx(TableRow, _object_spread_props$l(_object_spread$m({
+        className: clsx(classes.root, (_obj = {}, _define_property$n(_obj, classes.active, isActive), _define_property$n(_obj, classes.editable, isEditable), _define_property$n(_obj, classes.clickable, isClickable), _obj))
       }, !isLoading && {
         onClick: handleRowClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
-      }, addDataAttributes(_object_spread_props$k(_object_spread$l({}, rowData), {
+      }, addDataAttributes(_object_spread_props$l(_object_spread$m({}, rowData), {
         active: isActive ? true : void 0,
         editable: isEditable ? true : void 0,
         isExpandableComponentActive: isNestedComponentExpanded ? true : void 0
@@ -25172,7 +25034,7 @@ function FlexibleTableRowInner(param) {
   });
 }
 var FlexibleTableRow = /* @__PURE__ */ memo(FlexibleTableRowInner);
-function _define_property$l(obj, key, value) {
+function _define_property$m(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -25185,7 +25047,7 @@ function _define_property$l(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$k(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);
@@ -25195,12 +25057,12 @@ function _object_spread$k(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$l(target, key, source[key]);
+      _define_property$m(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$j(object, enumerableOnly) {
+function ownKeys$k(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -25213,21 +25075,21 @@ function ownKeys$j(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$j(target, source) {
+function _object_spread_props$k(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$j(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$5(source, excluded) {
+function _object_without_properties$6(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$5(source, excluded);
+  var target = _object_without_properties_loose$6(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -25242,7 +25104,7 @@ function _object_without_properties$5(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$5(source, excluded) {
+function _object_without_properties_loose$6(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25257,7 +25119,7 @@ function _object_without_properties_loose$5(source, excluded) {
   return target;
 }
 function FlexibleTable(_param) {
-  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _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, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$5(_param, [
+  var content = _param.content, headerContent = _param.headerContent, config = _param.config, enabledColumns = _param.enabledColumns, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isHorizontallyScrollable = _param.isHorizontallyScrollable, isHorizontallyScrollable = _param_isHorizontallyScrollable === void 0 ? false : _param_isHorizontallyScrollable, infinityScrollConfig = _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, onHeadClick = _param.onHeadClick, restProps = _object_without_properties$6(_param, [
     "content",
     "headerContent",
     "config",
@@ -25273,7 +25135,7 @@ function FlexibleTable(_param) {
     "tweakStyles",
     "onHeadClick"
   ]);
-  var classes = useStyles$m({
+  var classes = useStyles$n({
     theme: tweakStyles
   });
   var tweakTableRowStyles = useTweakStyles({
@@ -25291,7 +25153,7 @@ function FlexibleTable(_param) {
   ]);
   var hasInfiniteScroll = isNotEmpty(infinityScrollConfig);
   var uniqueField = restProps.uniqueField, _restProps_isFirstColumnSticky = restProps.isFirstColumnSticky, isFirstColumnSticky = _restProps_isFirstColumnSticky === void 0 ? false : _restProps_isFirstColumnSticky;
-  var tableRowProps = _object_spread_props$j(_object_spread$k({}, restProps), {
+  var tableRowProps = _object_spread_props$k(_object_spread$l({}, restProps), {
     renderMode,
     config,
     columns,
@@ -25380,10 +25242,10 @@ function FlexibleTable(_param) {
   var TableCell = renderMode === "divs" ? "div" : "td";
   return /* @__PURE__ */ jsx("div", {
     ref,
-    className: clsx(_define_property$l({}, classes.scroll, isHorizontallyScrollable)),
-    children: /* @__PURE__ */ jsxs(Table, _object_spread_props$j(_object_spread$k({
+    className: clsx(_define_property$m({}, classes.scroll, isHorizontallyScrollable)),
+    children: /* @__PURE__ */ jsxs(Table, _object_spread_props$k(_object_spread$l({
       className: classes.root
-    }, addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+    }, addDataTestId(testId), addDataAttributes(_object_spread_props$k(_object_spread$l({}, data), {
       isLoading
     }))), {
       children: [
@@ -25397,7 +25259,7 @@ function FlexibleTable(_param) {
               var _itemConfig_titleAlign, _itemConfig_title;
               var _obj;
               return /* @__PURE__ */ jsx(TableHeader, {
-                className: clsx(classes.header, (_obj = {}, _define_property$l(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$l(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
+                className: clsx(classes.header, (_obj = {}, _define_property$m(_obj, classes.headerSticky, isFirstColumnSticky && i === 0), _define_property$m(_obj, classes.headerSecond, isFirstColumnSticky && i === 1), _obj)),
                 style: {
                   minWidth: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.minWidth,
                   width: itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.width,
@@ -25417,7 +25279,7 @@ function FlexibleTable(_param) {
         /* @__PURE__ */ jsx(TableBody, {
           className: classes.body,
           children: isLoading ? indexMap(6, function(i) {
-            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+            return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
               key: i,
               item: {},
               index: i
@@ -25433,7 +25295,7 @@ function FlexibleTable(_param) {
                 })
               }),
               content.map(function(item, i) {
-                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+                return /* @__PURE__ */ createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                   key: isNotEmpty(uniqueField) ? item[uniqueField] : i,
                   item,
                   index: i
@@ -25460,6 +25322,196 @@ function FlexibleTable(_param) {
     }))
   });
 }
+var BUTTON_SIZE_S = 24;
+var BUTTON_SIZE_M = 32;
+var ICON_SIZE = 20;
+var useStyles$k = createThemedStyles("IconButton", {
+  root: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    cursor: "pointer",
+    outline: "none",
+    boxSizing: "border-box",
+    transition: "0.25s ease-in-out",
+    transitionProperty: "background-color, color, border-color",
+    border: "none",
+    position: "relative",
+    boxShadow: "none",
+    borderRadius: "50%",
+    background: "none",
+    padding: 0,
+    flexShrink: 0,
+    "&:disabled": {
+      extend: "disabled"
+    },
+    "&:active": {
+      extend: "active"
+    }
+  },
+  "cancel-light": {},
+  cancel: {},
+  main: {},
+  custom: {},
+  active: {},
+  disabled: {
+    cursor: "not-allowed",
+    pointerEvents: "none"
+  },
+  loading: {
+    "& $content": {
+      visibility: "hidden"
+    },
+    "& $loader": {
+      display: "block"
+    }
+  },
+  icon: {
+    display: "flex",
+    alignItems: "center",
+    width: ICON_SIZE,
+    height: ICON_SIZE
+  },
+  loader: {
+    display: "none",
+    position: "absolute",
+    left: "50%",
+    top: "50%",
+    transform: "translate(-50%, -50%)",
+    width: ICON_SIZE,
+    height: ICON_SIZE
+  },
+  s: {
+    width: BUTTON_SIZE_S,
+    height: BUTTON_SIZE_S
+  },
+  m: {
+    width: BUTTON_SIZE_M,
+    height: BUTTON_SIZE_M
+  }
+});
+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 keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+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$5(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose$5(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$5(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 IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
+  var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$5(_param, [
+    "icon",
+    "size",
+    "view",
+    "isDisabled",
+    "isActive",
+    "isLoading",
+    "type",
+    "testId",
+    "tweakStyles",
+    "data",
+    "onClick"
+  ]);
+  var classes = useStyles$k({
+    theme: tweakStyles
+  });
+  var hasNoAction = isDisabled || isLoading;
+  var _obj;
+  return /* @__PURE__ */ jsx("button", _object_spread_props$j(_object_spread$k({
+    ref,
+    className: clsx(classes.root, classes[view], classes[size], (_obj = {}, _define_property$l(_obj, classes.disabled, isDisabled), _define_property$l(_obj, classes.active, isActive), _define_property$l(_obj, classes.loading, isLoading), _obj)),
+    type,
+    disabled: isDisabled,
+    onClick: hasNoAction ? void 0 : onClick
+  }, restProps, addDataTestId(testId), addDataAttributes(data)), {
+    children: isLoading ? /* @__PURE__ */ jsx("span", {
+      className: classes.loader,
+      children: /* @__PURE__ */ jsx(ThemedPreloader, {
+        type: "default",
+        useCurrentColor: true
+      })
+    }) : /* @__PURE__ */ jsx("span", {
+      className: classes.icon,
+      children: renderIcon(icon)
+    })
+  }));
+});
 var BUTTONS_WIDTH = 36;
 var BUTTONS_GAP = 2;
 var useStyles$j = createThemedStyles("IncrementInput", {
@@ -25693,6 +25745,8 @@ var VERTICAL_OVERLAY_PADDING = 50;
 var MODAL_HORIZONTAL_PADDING_L = 40;
 var MODAL_HORIZONTAL_PADDING_M = 36;
 var MODAL_HORIZONTAL_PADDING_S = 26;
+var MODAL_CLOSE_BUTTON_SIZE = 40;
+var MODAL_CLOSE_BUTTON_ICON_SIZE = 30;
 var useStyles$i = createThemedStyles("Modal", {
   root: {},
   fixedPosition: {
@@ -25951,6 +26005,16 @@ var useStyles$i = createThemedStyles("Modal", {
     extend: "animationEnd"
   }
 });
+var closeButtonStyles = {
+  m: {
+    width: MODAL_CLOSE_BUTTON_SIZE,
+    height: MODAL_CLOSE_BUTTON_SIZE
+  },
+  icon: {
+    width: MODAL_CLOSE_BUTTON_ICON_SIZE,
+    height: MODAL_CLOSE_BUTTON_ICON_SIZE
+  }
+};
 function _array_like_to_array$9(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -26120,6 +26184,7 @@ var Modal = function(_param) {
     theme: tweakStyles
   });
   var tweakCloseButtonStyles = useTweakStyles({
+    innerStyles: closeButtonStyles,
     tweakStyles,
     className: "tweakCloseButton",
     currentComponentName: "Modal"
@@ -26199,10 +26264,12 @@ var Modal = function(_param) {
               children: [
                 hasCloseButton && /* @__PURE__ */ jsx("div", {
                   className: classes.close,
-                  children: /* @__PURE__ */ jsx(CloseButton, {
+                  children: /* @__PURE__ */ jsx(IconButton, {
                     testId: getTestId(testId, "close-button"),
                     tweakStyles: tweakCloseButtonStyles,
-                    onClose
+                    view: "cancel-light",
+                    icon: "close",
+                    onClick: onClose
                   })
                 }),
                 isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("h3", {
@@ -27469,8 +27536,8 @@ var PhoneInput = function(_param) {
   var inputWrapper = useRef(null);
   var inputRef = useRef(null);
   var phoneWithCode = getFullPhone(value);
-  var _value_countryCode;
   var countryCode = useMemo(function() {
+    var _value_countryCode;
     return (_value_countryCode = value === null || value === void 0 ? void 0 : value.countryCode) !== null && _value_countryCode !== void 0 ? _value_countryCode : getCountryCodeFromPhone(phoneWithCode);
   }, [
     value.dialCode,
@@ -28000,8 +28067,8 @@ function Selector(param) {
       }),
       options.map(function(option) {
         var optionId = option.value.toString();
-        var _option_isDisabled2;
-        var isDisabledOption = (_option_isDisabled2 = option.isDisabled) !== null && _option_isDisabled2 !== void 0 ? _option_isDisabled2 : isDisabled;
+        var _option_isDisabled;
+        var isDisabledOption = (_option_isDisabled = option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : isDisabled;
         var isActiveOption = option.value === value;
         var _obj2;
         return /* @__PURE__ */ jsx("div", _object_spread_props$b(_object_spread$b({
@@ -29243,7 +29310,7 @@ function _object_without_properties_loose(source, excluded) {
   }
   return target;
 }
-var TextButton = function(_param) {
+var TextButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var children = _param.children, icon = _param.icon, _param_view = _param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isBold = _param.isBold, isBold = _param_isBold === void 0 ? false : _param_isBold, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_hasCircleUnderIcon = _param.hasCircleUnderIcon, hasCircleUnderIcon = _param_hasCircleUnderIcon === void 0 ? false : _param_hasCircleUnderIcon, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = _param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, _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(_param, [
     "children",
     "icon",
@@ -29274,10 +29341,11 @@ var TextButton = function(_param) {
   var hasNoAction = isDisabled || isLoading;
   var _obj;
   return /* @__PURE__ */ jsxs("button", _object_spread_props$6(_object_spread$6({
+    ref,
+    type,
     className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$6(_obj, classes.bold, isBold), _define_property$6(_obj, classes.loading, isLoading), _define_property$6(_obj, classes.active, isActive), _define_property$6(_obj, classes.disabled, isDisabled), _obj)),
-    onClick: !hasNoAction ? onClick : void 0,
     disabled: hasNoAction,
-    type
+    onClick: !hasNoAction ? onClick : void 0
   }, restProps, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
@@ -29303,7 +29371,7 @@ var TextButton = function(_param) {
       })
     ]
   }));
-};
+});
 var useStyles$5 = createThemedStyles("Tooltip", {
   root: {
     display: "inline-block",
@@ -29900,7 +29968,7 @@ function _object_spread_props$2(target, source) {
   }
   return target;
 }
-var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
+function _ts_generator(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -30001,7 +30069,7 @@ var __generator = globalThis && globalThis.__generator || function(thisArg, body
       done: true
     };
   }
-};
+}
 var Toaster = function(param) {
   var title = param.title, _param_type = param.type, type = _param_type === void 0 ? "error" : _param_type, text = param.text, _param_timeout = param.timeout, timeout = _param_timeout === void 0 ? DEFAULT_TIMEOUT : _param_timeout, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? false : _param_hasCloseButton, _param_shouldCloseOnClick = param.shouldCloseOnClick, shouldCloseOnClick = _param_shouldCloseOnClick === void 0 ? false : _param_shouldCloseOnClick, children = param.children, onClose = param.onClose, onTimeEnd = param.onTimeEnd;
   var classes = useStyles$2({
@@ -30019,7 +30087,7 @@ var Toaster = function(param) {
     }
     var disappear = function() {
       var _ref = _async_to_generator(function() {
-        return __generator(this, function(_state) {
+        return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               return [
@@ -30078,10 +30146,11 @@ var Toaster = function(param) {
       }),
       hasCloseButton && isNotEmpty(onClose) && /* @__PURE__ */ jsx("div", {
         className: classes.close,
-        children: /* @__PURE__ */ jsx(CloseButton, {
-          onClose,
-          iconType: "close-window",
-          tweakStyles: tweakCloseButtonStyles
+        children: /* @__PURE__ */ jsx(IconButton, {
+          view: "cancel-light",
+          icon: "close-window",
+          tweakStyles: tweakCloseButtonStyles,
+          onClick: onClose
         })
       })
     ]
@@ -30455,6 +30524,7 @@ export {
   Flag,
   FlexibleTable,
   Icon,
+  IconButton,
   IncrementInput,
   Input,
   List,