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

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

@@ -80,28 +80,28 @@
           return null;
         }
         var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-        function error(format2) {
+        function error(format) {
           {
             {
               for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
                 args[_key2 - 1] = arguments[_key2];
               }
-              printWarning("error", format2, args);
+              printWarning("error", format, args);
             }
           }
         }
-        function printWarning(level, format2, args) {
+        function printWarning(level, format, args) {
           {
             var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
             var stack = ReactDebugCurrentFrame2.getStackAddendum();
             if (stack !== "") {
-              format2 += "%s";
+              format += "%s";
               args = args.concat([stack]);
             }
             var argsWithFormat = args.map(function(item) {
               return String(item);
             });
-            argsWithFormat.unshift("Warning: " + format2);
+            argsWithFormat.unshift("Warning: " + format);
             Function.prototype.apply.call(console[level], console, argsWithFormat);
           }
         }
@@ -1859,7 +1859,7 @@
     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,
@@ -1872,7 +1872,7 @@
     }
     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);
@@ -1882,12 +1882,12 @@
         }));
       }
       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);
@@ -1900,12 +1900,12 @@
     }
     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));
       });
     }
@@ -1960,7 +1960,7 @@
       return trueReactPlatformHelpers.mergeStyles(styles, trueReactPlatformHelpers.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(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$O(_object_spread$Z({}, data), {
+      return useStyles2(trueReactPlatformHelpers.isNotEmpty(data) ? _object_spread_props$P(_object_spread$_({}, data), {
         theme: cleanStyles(data.theme)
       }) : data);
     };
@@ -4656,8 +4656,8 @@
       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) {
@@ -4669,10 +4669,10 @@
     })) === null || _phoneInfo_find === void 0 ? void 0 : _phoneInfo_find.countryCode;
     if (trueReactPlatformHelpers.isEmpty(countryCode) && trueReactPlatformHelpers.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;
     }
@@ -4783,8 +4783,8 @@
     }
     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) {
@@ -4980,21 +4980,19 @@
     return target;
   }
   function useMounted() {
-    var mounted = React.useRef(true);
-    var isMounted = React.useRef(function() {
-      return mounted.current;
-    });
-    React.useEffect(function() {
+    const mounted = React.useRef(true);
+    const isMounted = React.useRef(() => mounted.current);
+    React.useEffect(() => {
       mounted.current = true;
-      return function() {
+      return () => {
         mounted.current = false;
       };
     }, []);
     return isMounted.current;
   }
   function useSafeState(state) {
-    var isMounted = useMounted();
-    return [state[0], React.useCallback(function(nextState) {
+    const isMounted = useMounted();
+    return [state[0], React.useCallback((nextState) => {
       if (!isMounted())
         return;
       return state[1](nextState);
@@ -5278,15 +5276,7 @@
         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;
@@ -5387,14 +5377,6 @@
   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),
@@ -5723,9 +5705,6 @@
     });
     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, {
@@ -6147,86 +6126,6 @@
       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, fn) {
-    var identifiers = /* @__PURE__ */ new Set();
-    return arr.filter(function(item) {
-      var identifier = fn(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];
@@ -6240,8 +6139,6 @@
       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: [],
@@ -6292,28 +6189,6 @@
           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();
         },
@@ -6328,9 +6203,6 @@
           }
           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 = {
@@ -6342,15 +6214,7 @@
           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;
@@ -6381,9 +6245,6 @@
         }
       };
       if (!areValidElements(reference2, popper2)) {
-        if (process.env.NODE_ENV !== "production") {
-          console.error(INVALID_ELEMENT_ERROR);
-        }
         return instance;
       }
       instance.setOptions(options).then(function(state2) {
@@ -6392,8 +6253,8 @@
         }
       });
       function runModifierEffects() {
-        state.orderedModifiers.forEach(function(_ref3) {
-          var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        state.orderedModifiers.forEach(function(_ref) {
+          var name = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect2 = _ref.effect;
           if (typeof effect2 === "function") {
             var cleanupFn = effect2({
               state,
@@ -6558,7 +6419,7 @@
     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,
@@ -6578,7 +6439,7 @@
   function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -6588,7 +6449,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$_(target, key, source[key]);
       });
     }
     return target;
@@ -6644,7 +6505,7 @@
           },
           {
             name: "flip",
-            options: _object_spread$Y({
+            options: _object_spread$Z({
               fallbackPlacements: canBeFlipped ? [
                 "bottom-start",
                 "top-start"
@@ -6666,7 +6527,7 @@
   var useTweakStyles = function(param) {
     var innerStyles = param.innerStyles, currentComponentTweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
     return React.useMemo(function() {
-      var _theme_components, _theme_components_currentComponentName;
+      var _theme_components_currentComponentName, _theme_components;
       var theme = getTheme();
       var themeStyles = trueReactPlatformHelpers.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];
@@ -6718,68 +6579,68 @@
       return trueReactPlatformHelpers.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,
@@ -6792,7 +6653,7 @@
     }
     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);
@@ -6802,7 +6663,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
@@ -6811,7 +6672,7 @@
     var type = param.type;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.useMemo(function() {
-      return _object_spread$X({}, complexIcons, theme.complexIcons);
+      return _object_spread$Y({}, complexIcons, theme.complexIcons);
     }, []);
     var ComplexIcon = icons[type];
     return /* @__PURE__ */ jsx("div", {
@@ -7683,7 +7544,7 @@
       ]
     }
   });
-  function _define_property$X(obj, key, value) {
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7696,7 +7557,7 @@
     }
     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);
@@ -7706,12 +7567,12 @@
         }));
       }
       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);
@@ -7724,12 +7585,12 @@
     }
     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));
       });
     }
@@ -7740,10 +7601,10 @@
     var _icon_paths, _icon_rects, _icon_circles;
     var theme = React.useContext(ThemeContext).theme;
     var icons = React.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%",
@@ -7752,7 +7613,8 @@
       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",
@@ -7760,25 +7622,25 @@
           }, path), index);
         }),
         (_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
-          return /* @__PURE__ */ React.createElement("rect", _object_spread_props$N(_object_spread$W({}, rect), {
+          return /* @__PURE__ */ React.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__ */ React.createElement("circle", _object_spread_props$N(_object_spread$W({}, circle), {
+          return /* @__PURE__ */ React.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,
@@ -7791,7 +7653,7 @@
     }
     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);
@@ -7801,12 +7663,12 @@
         }));
       }
       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);
@@ -7819,12 +7681,12 @@
     }
     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));
       });
     }
@@ -7832,10 +7694,10 @@
   }
   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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
@@ -7851,9 +7713,9 @@
     }) : 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",
@@ -7878,17 +7740,17 @@
       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,
@@ -7901,7 +7763,7 @@
     }
     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);
@@ -7911,12 +7773,12 @@
         }));
       }
       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);
@@ -7929,12 +7791,12 @@
     }
     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));
       });
     }
@@ -7942,7 +7804,7 @@
   }
   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;
@@ -7951,9 +7813,9 @@
         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))
-        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.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))
+        }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$M(_object_spread$V({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
           children: [
@@ -7974,9 +7836,9 @@
     });
   };
   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,
@@ -8009,17 +7871,17 @@
       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,
@@ -8032,7 +7894,7 @@
     }
     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);
@@ -8042,12 +7904,12 @@
         }));
       }
       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);
@@ -8060,12 +7922,12 @@
     }
     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));
       });
     }
@@ -8073,18 +7935,18 @@
   }
   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
     }, trueReactPlatformHelpers.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: trueReactPlatformHelpers.getTestId(testId, "item-".concat(i))
         }, item), {
           onClick: function(event) {
@@ -8095,7 +7957,7 @@
     }));
   };
   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,
@@ -8108,7 +7970,7 @@
     }
     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);
@@ -8118,12 +7980,12 @@
         }));
       }
       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"
     },
@@ -8176,7 +8038,7 @@
     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,
@@ -8220,7 +8082,7 @@
   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);
@@ -8230,12 +8092,12 @@
         }));
       }
       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);
@@ -8248,12 +8110,12 @@
     }
     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));
       });
     }
@@ -8277,7 +8139,7 @@
   }
   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({
@@ -8297,7 +8159,7 @@
     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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -8347,7 +8209,7 @@
       ]
     }));
   };
-  var useStyles$O = createThemedStyles("AddButton", {
+  var useStyles$P = createThemedStyles("AddButton", {
     root: {
       display: "flex",
       alignItems: "center",
@@ -8373,7 +8235,7 @@
       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,
@@ -8386,7 +8248,7 @@
     }
     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);
@@ -8396,12 +8258,12 @@
         }));
       }
       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);
@@ -8414,12 +8276,12 @@
     }
     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));
       });
     }
@@ -8427,10 +8289,10 @@
   }
   var AddButton = function(param) {
     var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$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,
@@ -8449,7 +8311,7 @@
       ]
     }));
   };
-  var useStyles$N = createThemedStyles("DotsPreloader", {
+  var useStyles$O = createThemedStyles("DotsPreloader", {
     root: {
       display: "flex",
       gap: 4,
@@ -8494,7 +8356,7 @@
   });
   var DotsPreloader = function(param) {
     var tweakStyles = param.tweakStyles;
-    var classes = useStyles$N({
+    var classes = useStyles$O({
       theme: tweakStyles
     });
     return /* @__PURE__ */ jsx("div", {
@@ -8560,7 +8422,7 @@
       ]
     });
   };
-  var useStyles$M = createThemedStyles("SvgPreloader", {
+  var useStyles$N = createThemedStyles("SvgPreloader", {
     root: {
       display: "flex",
       width: "100%",
@@ -8570,7 +8432,7 @@
   var SvgPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
     var _theme_preloaders;
-    var classes = useStyles$M({
+    var classes = useStyles$N({
       theme: tweakStyles
     });
     var theme = React.useContext(ThemeContext).theme;
@@ -8584,7 +8446,7 @@
       }
     }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
   };
-  var useStyles$L = createThemedStyles("ThemedPreloader", {
+  var useStyles$M = createThemedStyles("ThemedPreloader", {
     root: {
       display: "flex"
     },
@@ -8595,7 +8457,7 @@
       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,
@@ -8608,7 +8470,7 @@
     }
     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);
@@ -8618,12 +8480,12 @@
         }));
       }
       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);
@@ -8636,12 +8498,12 @@
     }
     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));
       });
     }
@@ -8649,7 +8511,7 @@
   }
   var ThemedPreloader = function(param) {
     var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-    var classes = useStyles$L({
+    var classes = useStyles$M({
       theme: tweakStyles
     });
     var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8662,8 +8524,8 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -8673,7 +8535,7 @@
       })
     }));
   };
-  var useStyles$K = createThemedStyles("Button", {
+  var useStyles$L = createThemedStyles("Button", {
     root: {
       display: "flex",
       justifyContent: "center",
@@ -8844,7 +8706,7 @@
   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,
@@ -8857,7 +8719,7 @@
     }
     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);
@@ -8867,12 +8729,12 @@
         }));
       }
       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);
@@ -8885,12 +8747,12 @@
     }
     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));
       });
     }
@@ -8898,7 +8760,7 @@
   }
   var Button = /* @__PURE__ */ React.forwardRef(function(param, ref) {
     var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
-    var classes = useStyles$K({
+    var classes = useStyles$L({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -8911,10 +8773,10 @@
     var hasChildren = trueReactPlatformHelpers.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,
@@ -8922,7 +8784,7 @@
     }, trueReactPlatformHelpers.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,
@@ -8945,7 +8807,7 @@
       ]
     }));
   });
-  var useStyles$J = createThemedStyles("Checkbox", {
+  var useStyles$K = createThemedStyles("Checkbox", {
     root: {
       cursor: "pointer",
       display: "flex",
@@ -8993,7 +8855,7 @@
     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,
@@ -9037,7 +8899,7 @@
   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);
@@ -9047,12 +8909,12 @@
         }));
       }
       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);
@@ -9065,12 +8927,12 @@
     }
     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));
       });
     }
@@ -9094,7 +8956,7 @@
   }
   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(React.useState(false), 2), isSelected = _useState[0], setIsSelected = _useState[1];
@@ -9113,11 +8975,11 @@
       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))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
-        /* @__PURE__ */ jsx("input", _object_spread$N({
+        /* @__PURE__ */ jsx("input", _object_spread$O({
           type: "checkbox",
           className: classes.input,
           checked: isSelected,
@@ -9140,7 +9002,7 @@
       ]
     }));
   }
-  var useStyles$I = createThemedStyles("CloseButton", {
+  var useStyles$J = createThemedStyles("CloseButton", {
     root: {
       width: 40,
       height: 40,
@@ -9165,7 +9027,7 @@
       }
     }
   });
-  function _define_property$N(obj, key, value) {
+  function _define_property$O(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9178,7 +9040,7 @@
     }
     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);
@@ -9188,12 +9050,12 @@
         }));
       }
       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);
@@ -9206,12 +9068,12 @@
     }
     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));
       });
     }
@@ -9219,10 +9081,10 @@
   }
   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
@@ -9232,7 +9094,7 @@
       })
     }));
   };
-  var useStyles$H = createThemedStyles({
+  var useStyles$I = createThemedStyles({
     root: {
       display: "flex",
       flexWrap: "wrap"
@@ -9325,7 +9187,7 @@
       return _array_like_to_array$n(o, minLen);
   }
   var Colors = function() {
-    var classes = useStyles$H();
+    var classes = useStyles$I();
     var theme = React.useContext(ThemeContext).theme;
     var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
     return /* @__PURE__ */ jsx("div", {
@@ -9355,7 +9217,7 @@
       })
     });
   };
-  var useStyles$G = createThemedStyles("CssBaseline", {
+  var useStyles$H = createThemedStyles("CssBaseline", {
     "@global html, body": {
       fontFamily: "Arial, sans-serif",
       color: colors.FONT_MAIN,
@@ -9364,7 +9226,7 @@
     },
     root: {}
   });
-  function _define_property$M(obj, key, value) {
+  function _define_property$N(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9377,7 +9239,7 @@
     }
     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);
@@ -9387,24 +9249,24 @@
         }));
       }
       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
     }, trueReactPlatformHelpers.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",
@@ -9717,7 +9579,7 @@
       });
     };
   }
-  function _define_property$L(obj, key, value) {
+  function _define_property$M(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9761,7 +9623,7 @@
   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);
@@ -9771,12 +9633,12 @@
         }));
       }
       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);
@@ -9789,21 +9651,21 @@
     }
     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);
@@ -9818,7 +9680,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$d(source, excluded) {
+  function _object_without_properties_loose$e(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -9848,7 +9710,7 @@
     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() {
@@ -9949,9 +9811,9 @@
         done: true
       };
     }
-  };
+  }
   var Input = /* @__PURE__ */ React.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",
@@ -9988,7 +9850,7 @@
       "shouldAlwaysShowPlaceholder",
       "beforeMaskedStateChange"
     ]);
-    var classes = useStyles$F({
+    var classes = useStyles$G({
       theme: tweakStyles
     });
     var tweakPreloaderStyles = useTweakStyles({
@@ -10012,7 +9874,7 @@
     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 [
@@ -10042,8 +9904,8 @@
     var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
     var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
     var _obj;
-    var props = _object_spread_props$D(_object_spread$K({}, inputProps, trueReactPlatformHelpers.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, trueReactPlatformHelpers.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,
@@ -10059,14 +9921,14 @@
     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,
@@ -10074,12 +9936,12 @@
               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,
@@ -10111,7 +9973,7 @@
                   })
                 }),
                 trueReactPlatformHelpers.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)
                 })
@@ -10132,7 +9994,7 @@
   });
   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%",
@@ -10140,7 +10002,7 @@
       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,
@@ -10153,7 +10015,7 @@
     }
     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);
@@ -10163,12 +10025,12 @@
         }));
       }
       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);
@@ -10181,21 +10043,21 @@
     }
     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);
@@ -10210,7 +10072,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$c(source, excluded) {
+  function _object_without_properties_loose$d(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10225,7 +10087,7 @@
     return target;
   }
   var DateInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$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",
@@ -10238,7 +10100,7 @@
       "onClick",
       "onChange"
     ]);
-    var classes = useStyles$E({
+    var classes = useStyles$F({
       theme: tweakStyles
     });
     var tweakInputStyles = useTweakStyles({
@@ -10265,11 +10127,11 @@
       }
       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",
@@ -10282,7 +10144,7 @@
   });
   const reactDatepicker = "";
   var LEFT_PADDING = 44;
-  var useStyles$D = createThemedStyles("SearchInput", {
+  var useStyles$E = createThemedStyles("SearchInput", {
     root: {
       position: "relative"
     },
@@ -10319,7 +10181,7 @@
       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,
@@ -10332,7 +10194,7 @@
     }
     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);
@@ -10342,12 +10204,12 @@
         }));
       }
       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);
@@ -10360,21 +10222,21 @@
     }
     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);
@@ -10389,7 +10251,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$b(source, excluded) {
+  function _object_without_properties_loose$c(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10404,13 +10266,13 @@
     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({
@@ -10419,7 +10281,7 @@
       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
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -10429,7 +10291,7 @@
             type: "search"
           })
         }),
-        /* @__PURE__ */ jsx(Input, _object_spread$I({
+        /* @__PURE__ */ jsx(Input, _object_spread$J({
           isClearable,
           isActive: props.value !== "" && props.value !== void 0,
           testId: trueReactPlatformHelpers.getTestId(testId, "input"),
@@ -10477,7 +10339,7 @@
       _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,
@@ -10510,7 +10372,7 @@
     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);
@@ -10520,15 +10382,15 @@
         }));
       }
       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);
@@ -10543,7 +10405,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$a(source, excluded) {
+  function _object_without_properties_loose$b(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -10609,8 +10471,8 @@
       _class_call_check(this, ScrollIntoViewIfNeeded2);
       var _this;
       _this = _super.apply(this, arguments);
-      _define_property$I(_assert_this_initialized(_this), "node", React.createRef());
-      _define_property$I(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+      _define_property$J(_assert_this_initialized(_this), "node", React.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) {
@@ -10646,13 +10508,13 @@
           _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 React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$H({
+          return React.createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$I({
             ref: this.node
           }, wrapperProps), children);
         }
@@ -10660,10 +10522,10 @@
     ]);
     return ScrollIntoViewIfNeeded2;
   }(React.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,
@@ -10676,7 +10538,7 @@
     }
     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);
@@ -10686,7 +10548,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$H(target, key, source[key]);
+        _define_property$I(target, key, source[key]);
       });
     }
     return target;
@@ -10697,7 +10559,7 @@
     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)",
@@ -10721,7 +10583,7 @@
         ]
       }
     },
-    list: _object_spread$G({
+    list: _object_spread$H({
       height: "100%",
       maxHeight: ROW_HEIGHT$1 * 6,
       cursor: "pointer",
@@ -10764,7 +10626,7 @@
       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,
@@ -10777,7 +10639,7 @@
     }
     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);
@@ -10787,12 +10649,12 @@
         }));
       }
       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);
@@ -10805,12 +10667,12 @@
     }
     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));
       });
     }
@@ -10820,12 +10682,12 @@
     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 = trueReactPlatformHelpers.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,
@@ -10847,7 +10709,7 @@
       }) : children
     }));
   };
-  function _define_property$F(obj, key, value) {
+  function _define_property$G(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10860,7 +10722,7 @@
     }
     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);
@@ -10870,12 +10732,12 @@
         }));
       }
       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);
@@ -10888,12 +10750,12 @@
     }
     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));
       });
     }
@@ -10901,15 +10763,15 @@
   }
   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 = trueReactPlatformHelpers.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 = React.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,
@@ -10938,13 +10800,13 @@
     };
     return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
       active: shouldScrollToList && !isMultiSelect,
-      className: clsx(classes.root, _define_property$F({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
+      className: clsx(classes.root, _define_property$G({}, classes.withListHeader, trueReactPlatformHelpers.isReactNodeNotEmpty(customListHeader))),
       children: [
         trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId)), {
           children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10999,8 +10861,8 @@
       ]
     });
   }
-  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) {
@@ -11017,7 +10879,7 @@
   var isMultiSelectValue = function(props, _value) {
     return props.isMultiSelect === true;
   };
-  var useStyles$B = createThemedStyles("Select", {
+  var useStyles$C = createThemedStyles("Select", {
     root: {
       width: "100%",
       position: "relative",
@@ -11166,7 +11028,7 @@
       });
     };
   }
-  function _define_property$E(obj, key, value) {
+  function _define_property$F(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -11217,7 +11079,7 @@
   function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -11227,12 +11089,12 @@
         }));
       }
       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);
@@ -11245,21 +11107,21 @@
     }
     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);
@@ -11274,7 +11136,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$9(source, excluded) {
+  function _object_without_properties_loose$a(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -11307,7 +11169,7 @@
     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() {
@@ -11408,9 +11270,9 @@
         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",
@@ -11441,10 +11303,10 @@
       "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;
@@ -11486,8 +11348,8 @@
       if (optionsMode !== "search") {
         return options;
       }
-      var _convertValueToString;
       var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : trueReactPlatformHelpers.createFilter(function(option) {
+        var _convertValueToString;
         return [
           (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
         ];
@@ -11625,7 +11487,7 @@
     ]);
     var handleOnType = React.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) {
@@ -11779,8 +11641,8 @@
       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
@@ -11790,7 +11652,7 @@
         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,
@@ -11837,7 +11699,7 @@
           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,
@@ -11874,7 +11736,7 @@
   }
   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,
@@ -11943,7 +11805,7 @@
   };
   var DatePickerHeader = function(param) {
     var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-    var classes = useStyles$A({
+    var classes = useStyles$B({
       theme: tweakStyles
     });
     var tweakSelectStyles = useTweakStyles({
@@ -12052,7 +11914,7 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var useStyles$z = createThemedStyles("DatePicker", {
+  var useStyles$A = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
       height: "100%"
@@ -12086,7 +11948,7 @@
     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,
@@ -12130,7 +11992,7 @@
   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);
@@ -12140,12 +12002,12 @@
         }));
       }
       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);
@@ -12158,21 +12020,21 @@
     }
     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);
@@ -12187,7 +12049,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$8(source, excluded) {
+  function _object_without_properties_loose$9(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12218,7 +12080,7 @@
       return _array_like_to_array$k(o, minLen);
   }
   var DatePicker = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, 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",
@@ -12263,7 +12125,7 @@
       "onKeyDown",
       "tweakStyles"
     ]);
-    var classes = useStyles$z({
+    var classes = useStyles$A({
       theme: tweakStyles
     });
     var tweakDateInputStyles = useTweakStyles({
@@ -12286,7 +12148,7 @@
     var _useState4 = _sliced_to_array$k(React.useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
     var _useState5 = _sliced_to_array$k(React.useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
     var hasDateInputValue = isRange ? trueReactPlatformHelpers.isStringNotEmpty(startDateValue) || trueReactPlatformHelpers.isStringNotEmpty(endDateValue) : trueReactPlatformHelpers.isStringNotEmpty(dateValue);
-    var dateInputProps = _object_spread$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,
@@ -12384,10 +12246,10 @@
       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,
@@ -12416,9 +12278,9 @@
         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
           }));
         },
@@ -12455,7 +12317,7 @@
     }));
   });
   var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-  var useStyles$y = createThemedStyles("Description", {
+  var useStyles$z = createThemedStyles("Description", {
     root: {},
     button: {
       cursor: "pointer",
@@ -12496,7 +12358,7 @@
     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,
@@ -12540,7 +12402,7 @@
   function _non_iterable_rest$j() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -12550,12 +12412,12 @@
         }));
       }
       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);
@@ -12568,12 +12430,12 @@
     }
     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));
       });
     }
@@ -12597,7 +12459,7 @@
   }
   var Description = function(param) {
     var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-    var classes = useStyles$y({
+    var classes = useStyles$z({
       theme: tweakStyles
     });
     var isTooShort = text.length < truncateIndex;
@@ -12606,7 +12468,7 @@
     var linkText = link && link[0];
     var textWithNoLink = text.replace(LINK_REGEXP, "");
     var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-    return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
+    return /* @__PURE__ */ jsxs("div", _object_spread_props$x(_object_spread$C({
       className: classes.root
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
@@ -12853,7 +12715,7 @@
       });
     };
   }
-  function _define_property$B(obj, key, value) {
+  function _define_property$C(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -12897,7 +12759,7 @@
   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);
@@ -12907,15 +12769,15 @@
         }));
       }
       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);
@@ -12930,7 +12792,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$7(source, excluded) {
+  function _object_without_properties_loose$8(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12960,7 +12822,7 @@
     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() {
@@ -13061,9 +12923,9 @@
         done: true
       };
     }
-  };
+  }
   var NumberInput = /* @__PURE__ */ React.forwardRef(function(_param, ref) {
-    var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$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",
@@ -13088,7 +12950,7 @@
     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;
@@ -13166,7 +13028,7 @@
     }, [
       value
     ]);
-    return /* @__PURE__ */ jsx(Input, _object_spread$A({
+    return /* @__PURE__ */ jsx(Input, _object_spread$B({
       value: showedValue,
       onChange: handleChange,
       onBlur: handleBlur,
@@ -13444,7 +13306,7 @@
     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",
@@ -13509,7 +13371,7 @@
       }
     }
   };
-  var useStyles$w = createThemedStyles("FilterInterval", {
+  var useStyles$x = createThemedStyles("FilterInterval", {
     root: {
       padding: 8,
       background: colors.CLASSIC_WHITE
@@ -13552,7 +13414,7 @@
     }
   };
   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,
@@ -13565,7 +13427,7 @@
     }
     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);
@@ -13575,12 +13437,12 @@
         }));
       }
       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);
@@ -13593,12 +13455,12 @@
     }
     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));
       });
     }
@@ -13606,7 +13468,7 @@
   }
   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 = React.useMemo(function() {
@@ -13650,7 +13512,7 @@
       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: [
@@ -13747,7 +13609,7 @@
     var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
     return 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,
@@ -13760,7 +13622,7 @@
     }
     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);
@@ -13770,19 +13632,19 @@
         }));
       }
       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"
@@ -13939,7 +13801,7 @@
       });
     };
   }
-  function _define_property$y(obj, key, value) {
+  function _define_property$z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -13990,7 +13852,7 @@
   function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -14000,12 +13862,12 @@
         }));
       }
       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);
@@ -14018,12 +13880,12 @@
     }
     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));
       });
     }
@@ -14048,7 +13910,7 @@
     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() {
@@ -14149,25 +14011,11 @@
         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({
@@ -14221,7 +14069,7 @@
     var handleSearchInputChange = React.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) {
@@ -14277,6 +14125,20 @@
     var changeSearchValue = React.useCallback(tsDebounce.debounce(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);
@@ -14322,13 +14184,13 @@
         if (value !== void 0) {
           if (keyCursorOn < value.include.length) {
             var _value_include_filter;
-            onChange(_object_spread_props$u(_object_spread$x({}, value), {
+            onChange(_object_spread_props$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]
               ])
@@ -14351,7 +14213,7 @@
     var handleLoadItemsOnScroll = React.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) {
@@ -14418,7 +14280,7 @@
       }
       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)
@@ -14467,7 +14329,7 @@
       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);
@@ -14527,7 +14389,7 @@
     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: [
@@ -14631,7 +14493,7 @@
       ]
     }));
   }
-  function _define_property$x(obj, key, value) {
+  function _define_property$y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14644,7 +14506,7 @@
     }
     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);
@@ -14654,15 +14516,15 @@
         }));
       }
       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,
@@ -14675,7 +14537,7 @@
     }
     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);
@@ -14685,19 +14547,19 @@
         }));
       }
       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,
@@ -14869,7 +14731,7 @@
       });
     };
   }
-  function _define_property$v(obj, key, value) {
+  function _define_property$w(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -14920,7 +14782,7 @@
   function _non_iterable_spread$4() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -14930,12 +14792,12 @@
         }));
       }
       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);
@@ -14948,12 +14810,12 @@
     }
     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));
       });
     }
@@ -14978,7 +14840,7 @@
     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() {
@@ -15079,10 +14941,10 @@
         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({
@@ -15116,7 +14978,7 @@
     var handleSearchInputChange = React.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) {
@@ -15196,7 +15058,7 @@
     var handleLoadItemsOnScroll = React.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) {
@@ -15261,7 +15123,7 @@
       }
       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)
@@ -15310,7 +15172,7 @@
       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);
@@ -15353,7 +15215,7 @@
       }();
       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: [
@@ -15453,7 +15315,7 @@
               children: translates.nothingFound
             }),
             (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-              className: clsx(classes.panel, _define_property$v({}, classes.panelWithFooter, hasFooter)),
+              className: clsx(classes.panel, _define_property$w({}, classes.panelWithFooter, hasFooter)),
               children: [
                 hasFooter && /* @__PURE__ */ jsx("div", {
                   className: classes.footer,
@@ -15570,8 +15432,8 @@
     return function() {
       var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       var width = options.width ? String(options.width) : args.defaultWidth;
-      var format2 = args.formats[width] || args.formats[args.defaultWidth];
-      return format2;
+      var format = args.formats[width] || args.formats[args.defaultWidth];
+      return format;
     };
   }
   var dateFormats$1 = {
@@ -16315,11 +16177,11 @@
     other: "P"
   };
   var formatRelative = function formatRelative2(token, date, baseDate, options) {
-    var format2 = formatRelativeLocale[token];
-    if (typeof format2 === "function") {
-      return format2(date, baseDate, options);
+    var format = formatRelativeLocale[token];
+    if (typeof format === "function") {
+      return format(date, baseDate, options);
     }
-    return format2;
+    return format;
   };
   const formatRelative$1 = formatRelative;
   var eraValues = {
@@ -16566,7 +16428,7 @@
     }
   };
   const ru = locale;
-  var useStyles$t = createThemedStyles("FilterWithDates", {
+  var useStyles$u = createThemedStyles("FilterWithDates", {
     root: {
       background: colors.CLASSIC_WHITE,
       position: "relative",
@@ -16633,7 +16495,7 @@
     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,
@@ -16677,7 +16539,7 @@
   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);
@@ -16687,12 +16549,12 @@
         }));
       }
       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);
@@ -16705,12 +16567,12 @@
     }
     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));
       });
     }
@@ -16734,7 +16596,7 @@
   }
   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({
@@ -16821,7 +16683,7 @@
       }
     };
     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: [
@@ -16830,7 +16692,7 @@
           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,
@@ -16845,7 +16707,7 @@
             }),
             /* @__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,
@@ -16901,7 +16763,7 @@
       ]
     }));
   };
-  var useStyles$s = createThemedStyles("FilterWithPeriod", {
+  var useStyles$t = createThemedStyles("FilterWithPeriod", {
     root: {},
     main: {},
     picker: {}
@@ -16926,7 +16788,7 @@
     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,
@@ -16977,7 +16839,7 @@
   function _non_iterable_spread$3() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -16987,12 +16849,12 @@
         }));
       }
       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);
@@ -17005,12 +16867,12 @@
     }
     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));
       });
     }
@@ -17037,7 +16899,7 @@
   }
   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 = React.useMemo(function() {
@@ -17050,7 +16912,7 @@
     var _useState1 = _sliced_to_array$e(React.useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
     var _useState2 = _sliced_to_array$e(React.useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
     var periodGetters = React.useMemo(function() {
-      var result = _object_spread$s({}, PERIODS_GETTERS);
+      var result = _object_spread$t({}, PERIODS_GETTERS);
       periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
         if (Array.isArray(p)) {
           result[p[0]] = p[1];
@@ -17070,8 +16932,8 @@
     }, [
       periods
     ]);
-    var _translates_periods_val;
     var getPeriodTranslate = React.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
@@ -17096,7 +16958,7 @@
         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)
         }));
       }
@@ -17116,7 +16978,7 @@
     };
     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 {
@@ -17199,7 +17061,7 @@
     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,
@@ -17243,7 +17105,7 @@
   function _non_iterable_rest$d() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -17253,12 +17115,12 @@
         }));
       }
       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);
@@ -17271,12 +17133,12 @@
     }
     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));
       });
     }
@@ -17334,7 +17196,7 @@
     ]);
     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) {
@@ -17343,8 +17205,8 @@
     };
     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,
@@ -17358,8 +17220,8 @@
       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,
@@ -17369,12 +17231,12 @@
       }));
     }
     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))
@@ -17382,17 +17244,17 @@
     }
     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"
             }));
           },
@@ -17403,8 +17265,8 @@
       }));
     }
     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,
@@ -17415,8 +17277,8 @@
       }));
     }
     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,
@@ -17429,7 +17291,7 @@
     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",
@@ -17538,7 +17400,7 @@
     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,
@@ -17582,7 +17444,7 @@
   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);
@@ -17592,12 +17454,12 @@
         }));
       }
       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);
@@ -17610,12 +17472,12 @@
     }
     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));
       });
     }
@@ -17639,7 +17501,7 @@
   }
   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({
@@ -17685,8 +17547,8 @@
       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)), {
@@ -17751,7 +17613,7 @@
       ]
     }));
   }
-  var useStyles$q = createThemedStyles("FilterValueView", {
+  var useStyles$r = createThemedStyles("FilterValueView", {
     text: {
       overflow: "hidden",
       textOverflow: "ellipsis",
@@ -17770,7 +17632,7 @@
   }
   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;
@@ -17921,7 +17783,7 @@
       children: displayValue(value)
     });
   }
-  var useStyles$p = createThemedStyles("FilterWrapper", {
+  var useStyles$q = createThemedStyles("FilterWrapper", {
     root: {
       position: "relative",
       transition: "0.25s ease-in-out",
@@ -18047,7 +17909,7 @@
     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,
@@ -18091,7 +17953,7 @@
   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);
@@ -18101,12 +17963,12 @@
         }));
       }
       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);
@@ -18119,12 +17981,12 @@
     }
     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));
       });
     }
@@ -18148,13 +18010,7 @@
   }
   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({
@@ -18175,6 +18031,12 @@
     } 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);
@@ -18188,14 +18050,14 @@
     };
     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))
     }, trueReactPlatformHelpers.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,
@@ -18257,7 +18119,7 @@
       classes
     });
   }
-  function _define_property$p(obj, key, value) {
+  function _define_property$q(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -18270,7 +18132,7 @@
     }
     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);
@@ -18280,12 +18142,12 @@
         }));
       }
       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);
@@ -18298,12 +18160,12 @@
     }
     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));
       });
     }
@@ -18311,7 +18173,7 @@
   }
   function FiltersPane(param) {
     var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, 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({
@@ -18354,12 +18216,12 @@
       })
     });
     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
     }, trueReactPlatformHelpers.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
         }, trueReactPlatformHelpers.addDataTestId(testId, "settings-button")), {
@@ -18371,7 +18233,7 @@
             })
           })
         })),
-        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,
@@ -18394,7 +18256,7 @@
             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) {
@@ -24524,7 +24386,7 @@
     ZM,
     ZW
   };
-  var useStyles$o = createThemedStyles("Flag", {
+  var useStyles$p = createThemedStyles("Flag", {
     root: {
       // приходится хардкодить в компоненте, тк либа Flags выдает флаги с 2-3 пиксельным отступом снизу
       // если будет нужно, то можно вынести border на уровень пропсов
@@ -24542,7 +24404,7 @@
   });
   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 CC2 = countryCode.toUpperCase();
@@ -24558,7 +24420,7 @@
       className: classes.root
     });
   };
-  var useStyles$n = createThemedStyles("Skeleton", {
+  var useStyles$o = createThemedStyles("Skeleton", {
     root: {
       display: "flex",
       width: "100%",
@@ -24594,7 +24456,7 @@
   });
   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", {
@@ -24615,12 +24477,12 @@
   var hasHorizontalScrollBar = function(el) {
     return trueReactPlatformHelpers.isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
   };
-  var _config_dateFormat;
   var formatCellContent = function(value, config) {
+    var _config_dateFormat;
     return _instanceof(value, Date) ? dateFns.format(value, (_config_dateFormat = config === null || config === void 0 ? void 0 : config.dateFormat) !== null && _config_dateFormat !== void 0 ? _config_dateFormat : DEFAULT_DATE_FORMAT) : String(value);
   };
   var STICKY_SHADOW_PADDING = 12;
-  var useStyles$m = createThemedStyles("FlexibleTable", {
+  var useStyles$n = createThemedStyles("FlexibleTable", {
     root: {
       width: "100%",
       position: "relative",
@@ -24710,7 +24572,7 @@
     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,
@@ -24723,7 +24585,7 @@
     }
     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);
@@ -24733,12 +24595,12 @@
         }));
       }
       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);
@@ -24751,18 +24613,18 @@
     }
     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",
@@ -24775,7 +24637,7 @@
       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
@@ -24794,7 +24656,7 @@
       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,
@@ -24807,7 +24669,7 @@
     }
     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);
@@ -24817,12 +24679,12 @@
         }));
       }
       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);
@@ -24835,21 +24697,21 @@
     }
     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);
@@ -24864,7 +24726,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$6(source, excluded) {
+  function _object_without_properties_loose$7(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -24879,7 +24741,7 @@
     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",
@@ -24889,7 +24751,7 @@
       "isLoading",
       "tweakStyles"
     ]);
-    var classes = useStyles$l({
+    var classes = useStyles$m({
       theme: tweakStyles
     });
     var _config_columnName;
@@ -24898,7 +24760,7 @@
     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,
@@ -24910,14 +24772,14 @@
         className: classes.skeleton,
         children: /* @__PURE__ */ jsx(Skeleton, {})
       }) : trueReactPlatformHelpers.isNotEmpty(value) && /* @__PURE__ */ jsx(Fragment, {
-        children: trueReactPlatformHelpers.isNotEmpty(component) ? component(_object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+        children: trueReactPlatformHelpers.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"
     },
@@ -24941,7 +24803,7 @@
     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,
@@ -24985,7 +24847,7 @@
   function _non_iterable_rest$a() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  function _object_spread$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);
@@ -24995,12 +24857,12 @@
         }));
       }
       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);
@@ -25013,12 +24875,12 @@
     }
     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));
       });
     }
@@ -25042,7 +24904,7 @@
   }
   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({
@@ -25071,7 +24933,7 @@
     var isClickable = !isLoading && (trueReactPlatformHelpers.isNotEmpty(onRowClick) || trueReactPlatformHelpers.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 (trueReactPlatformHelpers.isNotEmpty(uniqueField) && trueReactPlatformHelpers.isNotEmpty(onRowHover)) {
@@ -25119,13 +24981,13 @@
     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
@@ -25161,7 +25023,7 @@
     });
   }
   var FlexibleTableRow = /* @__PURE__ */ React.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,
@@ -25174,7 +25036,7 @@
     }
     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);
@@ -25184,12 +25046,12 @@
         }));
       }
       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);
@@ -25202,21 +25064,21 @@
     }
     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);
@@ -25231,7 +25093,7 @@
     }
     return target;
   }
-  function _object_without_properties_loose$5(source, excluded) {
+  function _object_without_properties_loose$6(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -25246,7 +25108,7 @@
     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",
@@ -25262,7 +25124,7 @@
       "tweakStyles",
       "onHeadClick"
     ]);
-    var classes = useStyles$m({
+    var classes = useStyles$n({
       theme: tweakStyles
     });
     var tweakTableRowStyles = useTweakStyles({
@@ -25280,7 +25142,7 @@
     ]);
     var hasInfiniteScroll = trueReactPlatformHelpers.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,
@@ -25369,10 +25231,10 @@
     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
-      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$j(_object_spread$k({}, data), {
+      }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$k(_object_spread$l({}, data), {
         isLoading
       }))), {
         children: [
@@ -25386,7 +25248,7 @@
                 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,
@@ -25406,7 +25268,7 @@
           /* @__PURE__ */ jsx(TableBody, {
             className: classes.body,
             children: isLoading ? trueReactPlatformHelpers.indexMap(6, function(i) {
-              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+              return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                 key: i,
                 item: {},
                 index: i
@@ -25422,7 +25284,7 @@
                   })
                 }),
                 content.map(function(item, i) {
-                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$j(_object_spread$k({}, tableRowProps), {
+                  return /* @__PURE__ */ React.createElement(FlexibleTableRow, _object_spread_props$k(_object_spread$l({}, tableRowProps), {
                     key: trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i,
                     item,
                     index: i
@@ -25449,6 +25311,196 @@
       }))
     });
   }
+  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__ */ React.forwardRef(function(_param, ref) {
+    var icon = _param.icon, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, _param_view = _param.view, view = _param_view === void 0 ? "cancel-light" : _param_view, _param_isDisabled = _param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_type = _param.type, type = _param_type === void 0 ? "button" : _param_type, testId = _param.testId, tweakStyles = _param.tweakStyles, data = _param.data, onClick = _param.onClick, restProps = _object_without_properties$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, trueReactPlatformHelpers.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", {
@@ -25682,6 +25734,8 @@
   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: {
@@ -25940,6 +25994,16 @@
       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;
@@ -26109,6 +26173,7 @@
       theme: tweakStyles
     });
     var tweakCloseButtonStyles = useTweakStyles({
+      innerStyles: closeButtonStyles,
       tweakStyles,
       className: "tweakCloseButton",
       currentComponentName: "Modal"
@@ -26188,10 +26253,12 @@
                 children: [
                   hasCloseButton && /* @__PURE__ */ jsx("div", {
                     className: classes.close,
-                    children: /* @__PURE__ */ jsx(CloseButton, {
+                    children: /* @__PURE__ */ jsx(IconButton, {
                       testId: trueReactPlatformHelpers.getTestId(testId, "close-button"),
                       tweakStyles: tweakCloseButtonStyles,
-                      onClose
+                      view: "cancel-light",
+                      icon: "close",
+                      onClick: onClose
                     })
                   }),
                   trueReactPlatformHelpers.isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("h3", {
@@ -27458,8 +27525,8 @@
     var inputWrapper = React.useRef(null);
     var inputRef = React.useRef(null);
     var phoneWithCode = getFullPhone(value);
-    var _value_countryCode;
     var countryCode = React.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,
@@ -27989,8 +28056,8 @@
         }),
         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({
@@ -29232,7 +29299,7 @@
     }
     return target;
   }
-  var TextButton = function(_param) {
+  var TextButton = /* @__PURE__ */ React.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",
@@ -29263,10 +29330,11 @@
     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, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
@@ -29292,7 +29360,7 @@
         })
       ]
     }));
-  };
+  });
   var useStyles$5 = createThemedStyles("Tooltip", {
     root: {
       display: "inline-block",
@@ -29889,7 +29957,7 @@
     }
     return target;
   }
-  var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
+  function _ts_generator(thisArg, body) {
     var f, y, t, g, _ = {
       label: 0,
       sent: function() {
@@ -29990,7 +30058,7 @@
         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({
@@ -30008,7 +30076,7 @@
       }
       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 [
@@ -30067,10 +30135,11 @@
         }),
         hasCloseButton && trueReactPlatformHelpers.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
           })
         })
       ]
@@ -30443,6 +30512,7 @@
   exports2.Flag = Flag;
   exports2.FlexibleTable = FlexibleTable;
   exports2.Icon = Icon;
+  exports2.IconButton = IconButton;
   exports2.IncrementInput = IncrementInput;
   exports2.Input = Input;
   exports2.List = List;