@true-engineering/true-react-common-ui-kit 4.0.0-alpha28 → 4.0.0-alpha29.1

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

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-jss"), require("@true-engineering/true-react-platform-helpers"), require("lodash-es"), require("react-transition-group"), require("clsx"), require("hex-to-rgba"), require("@floating-ui/react"), require("react-input-mask"), require("date-fns"), require("react-overlays"), require("ts-debounce"), require("scroll-into-view-if-needed"), require("react-datepicker"), require("filesize"), require("country-flag-icons"), require("react-remove-scroll")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-jss", "@true-engineering/true-react-platform-helpers", "lodash-es", "react-transition-group", "clsx", "hex-to-rgba", "@floating-ui/react", "react-input-mask", "date-fns", "react-overlays", "ts-debounce", "scroll-into-view-if-needed", "react-datepicker", "filesize", "country-flag-icons", "react-remove-scroll"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactJss, global2.trueReactPlatformHelpers, global2.lodashEs, global2.reactTransitionGroup, global2.clsx, global2.hexToRgba, global2.react, global2.InputMask, global2.dateFns, global2.reactOverlays, global2.tsDebounce, global2.scrollIntoViewIfNeeded, global2.ReactDatePicker, global2.filesize, global2.countryFlagIcons, global2.reactRemoveScroll));
-})(this, function(exports2, React, reactJss, trueReactPlatformHelpers, lodashEs, reactTransitionGroup, clsx, hexToRgba, react, InputMask, dateFns, reactOverlays, tsDebounce, scrollIntoViewIfNeeded, ReactDatePicker, filesize, countryFlagIcons, reactRemoveScroll) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-jss"), require("@true-engineering/true-react-platform-helpers"), require("lodash-es"), require("react-transition-group"), require("clsx"), require("hex-to-rgba"), require("@floating-ui/react"), require("react-input-mask"), require("date-fns"), require("react-datepicker"), require("react-overlays"), require("ts-debounce"), require("scroll-into-view-if-needed"), require("filesize"), require("country-flag-icons"), require("react-remove-scroll")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-jss", "@true-engineering/true-react-platform-helpers", "lodash-es", "react-transition-group", "clsx", "hex-to-rgba", "@floating-ui/react", "react-input-mask", "date-fns", "react-datepicker", "react-overlays", "ts-debounce", "scroll-into-view-if-needed", "filesize", "country-flag-icons", "react-remove-scroll"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.TrueReactKitUiKit = {}, global2.React, global2.reactJss, global2.trueReactPlatformHelpers, global2.lodashEs, global2.reactTransitionGroup, global2.clsx, global2.hexToRgba, global2.react, global2.InputMask, global2.dateFns, global2.ReactDatePicker, global2.reactOverlays, global2.tsDebounce, global2.scrollIntoViewIfNeeded, global2.filesize, global2.countryFlagIcons, global2.reactRemoveScroll));
+})(this, function(exports2, React, reactJss, trueReactPlatformHelpers, lodashEs, reactTransitionGroup, clsx, hexToRgba, react, InputMask, dateFns, ReactDatePicker, reactOverlays, tsDebounce, scrollIntoViewIfNeeded, filesize, countryFlagIcons, reactRemoveScroll) {
   "use strict";
   var jsxRuntime = { exports: {} };
   var reactJsxRuntime_production_min = {};
@@ -1279,7 +1279,7 @@
       descriptor.value = value;
     }
   }
-  function _class_call_check$2(instance, Constructor) {
+  function _class_call_check$3(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
@@ -1320,7 +1320,7 @@
       _defineProperties$2(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$1c(obj, key, value) {
+  function _define_property$1d(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1381,7 +1381,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$1c(target, key, source[key]);
+        _define_property$1d(target, key, source[key]);
       });
     }
     return target;
@@ -1412,7 +1412,7 @@
   var TweakStylesManager = /* @__PURE__ */ function() {
     function TweakStylesManager2(param) {
       var sheet = param.sheet, classes = param.classes, _param_tweak = param.tweak, tweak = _param_tweak === void 0 ? [] : _param_tweak;
-      _class_call_check$2(this, TweakStylesManager2);
+      _class_call_check$3(this, TweakStylesManager2);
       _class_private_field_init$1(this, _map, {
         writable: true,
         value: /* @__PURE__ */ new WeakMap()
@@ -1607,7 +1607,7 @@
       descriptor.value = value;
     }
   }
-  function _class_call_check$1(instance, Constructor) {
+  function _class_call_check$2(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
     }
@@ -1648,7 +1648,7 @@
       _defineProperties$1(Constructor, staticProps);
     return Constructor;
   }
-  function _define_property$1b(obj, key, value) {
+  function _define_property$1c(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1671,7 +1671,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$1b(target, key, source[key]);
+        _define_property$1c(target, key, source[key]);
       });
     }
     return target;
@@ -1681,7 +1681,7 @@
   var ThemedStylesManager = /* @__PURE__ */ function() {
     function ThemedStylesManager2(param) {
       var styles = param.styles, name = param.name;
-      _class_call_check$1(this, ThemedStylesManager2);
+      _class_call_check$2(this, ThemedStylesManager2);
       _class_private_field_init(this, _styleSheetMap, {
         writable: true,
         value: /* @__PURE__ */ new Map()
@@ -1784,7 +1784,7 @@
     ]);
     return ThemedStylesManager2;
   }();
-  function _define_property$1a(obj, key, value) {
+  function _define_property$1b(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1807,7 +1807,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$1a(target, key, source[key]);
+        _define_property$1b(target, key, source[key]);
       });
     }
     return target;
@@ -1880,7 +1880,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$19(obj, key, value) {
+  function _define_property$1a(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -1934,7 +1934,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$19(target, key, source[key]);
+        _define_property$1a(target, key, source[key]);
       });
     }
     return target;
@@ -5035,68 +5035,22 @@
       ] : [];
     }));
   };
-  var useIsMounted = function() {
-    var isMounted = React.useRef(false);
+  var useDidMountEffect = function(effect2, dependencies) {
+    var isMountedRef = React.useRef(false);
     React.useEffect(function() {
-      isMounted.current = true;
+      var unmount;
+      if (isMountedRef.current) {
+        unmount = effect2();
+      } else {
+        isMountedRef.current = true;
+      }
       return function() {
-        isMounted.current = false;
-      };
-    }, []);
-    return React.useCallback(function() {
-      return isMounted.current;
-    }, []);
-  };
-  var checkElementParentsClassNames = function(element, className) {
-    if (element.classList.contains(className)) {
-      return true;
-    }
-    if (element === document.body) {
-      return false;
-    }
-    if (element.parentElement) {
-      return checkElementParentsClassNames(element.parentElement, className);
-    }
-    return false;
-  };
-  var isElementOneOfParents = function(element, elToSearch) {
-    if (element === elToSearch) {
-      return true;
-    }
-    if (element === document.body) {
-      return false;
-    }
-    if (element.parentElement) {
-      return isElementOneOfParents(element.parentElement, elToSearch);
-    }
-    return false;
-  };
-  function useOnClickOutsideWithRef(ref, handler, ignoreRef) {
-    useOnClickOutside(ref, handler, void 0, ignoreRef);
-  }
-  function useOnClickOutside(ref, handler, ignoreClassName, ignoreRef) {
-    React.useEffect(function() {
-      var listener = function(event) {
-        if (!ref.current || ref.current.contains(event.target)) {
-          return;
-        }
-        if (ignoreClassName !== void 0 && checkElementParentsClassNames(event.target, ignoreClassName) || ignoreRef !== void 0 && ignoreRef.current !== null && isElementOneOfParents(event.target, ignoreRef.current)) {
-          return;
+        if (unmount !== void 0) {
+          unmount();
         }
-        handler(event);
-      };
-      document.addEventListener("mousedown", listener);
-      document.addEventListener("touchstart", listener);
-      return function() {
-        document.removeEventListener("mousedown", listener);
-        document.removeEventListener("touchstart", listener);
       };
-    }, [
-      ref,
-      handler,
-      ignoreClassName
-    ]);
-  }
+    }, dependencies);
+  };
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -6565,7 +6519,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$p(arr);
   }
-  function _define_property$18(obj, key, value) {
+  function _define_property$19(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6595,7 +6549,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$18(target, key, source[key]);
+        _define_property$19(target, key, source[key]);
       });
     }
     return target;
@@ -6670,6 +6624,11 @@
     }, dependenciesForPositionUpdating);
     return popperData;
   };
+  var useLatestRef = function(value) {
+    var ref = React.useRef(value);
+    ref.current = value;
+    return ref;
+  };
   function _array_like_to_array$o(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
@@ -6681,25 +6640,39 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _array_without_holes$9(arr) {
-    if (Array.isArray(arr))
-      return _array_like_to_array$o(arr);
-  }
-  function _iterable_to_array$9(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-      return Array.from(iter);
+  function _iterable_to_array_limit$n(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null)
+      return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+        if (i && _arr.length === i)
+          break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null)
+          _i["return"]();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
   }
   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 _non_iterable_spread$9() {
-    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 _to_array(arr) {
-    return _array_with_holes$o(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_rest$o();
-  }
-  function _to_consumable_array$9(arr) {
-    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$9();
+  function _sliced_to_array$n(arr, i) {
+    return _array_with_holes$o(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$o(arr, i) || _non_iterable_rest$o();
   }
   function _unsupported_iterable_to_array$o(o, minLen) {
     if (!o)
@@ -6714,64 +6687,41 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$o(o, minLen);
   }
-  var useTweakStyles = function(param) {
-    var innerStyles = param.innerStyles, tweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
-    var theme = useTheme();
-    var isMergeDisabled = trueReactPlatformHelpers.isNotEmpty(React.useContext(JssContext).tweakStylesArch);
+  var useIntersectionRef = function(options) {
+    var optionsRef = useLatestRef(options);
     return React.useMemo(function() {
-      var _theme_components;
-      var themeStyles = trueReactPlatformHelpers.isNotEmpty(currentComponentName) ? (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[currentComponentName] : void 0;
-      var resultStyles = mixStyles(innerStyles, mixStyles(themeStyles, tweakStyles).map(function(style) {
-        return style[className];
-      }));
-      if (isMergeDisabled || resultStyles.length < 2) {
-        return resultStyles;
-      }
-      var _resultStyles = _to_array(resultStyles), maybeInnerStyles = _resultStyles[0], maybeThemeStyles = _resultStyles[1], rest = _resultStyles.slice(2);
-      if (maybeThemeStyles !== (themeStyles === null || themeStyles === void 0 ? void 0 : themeStyles[className]) || // Если нет themeStyles или innerStyles
-      trueReactPlatformHelpers.isArrayNotEmpty(rest)) {
-        return [
-          trueReactPlatformHelpers.mergeStyles.apply(void 0, [
-            maybeInnerStyles,
-            maybeThemeStyles
-          ].concat(_to_consumable_array$9(rest)))
-        ];
-      }
-      if (!areStylesThemed(maybeInnerStyles)) {
-        themedStyles(maybeInnerStyles, maybeThemeStyles);
-      }
-      return [
-        maybeInnerStyles
-      ];
+      var observer = new IntersectionObserver(function(param) {
+        var _param = _sliced_to_array$n(param, 1), isIntersecting = _param[0].isIntersecting;
+        var current = optionsRef.current;
+        if (current === null || current === void 0 ? void 0 : current.isDisabled) {
+          return;
+        }
+        if (isIntersecting) {
+          var _current_onIntersection;
+          current === null || current === void 0 ? void 0 : (_current_onIntersection = current.onIntersection) === null || _current_onIntersection === void 0 ? void 0 : _current_onIntersection.call(current);
+        } else {
+          var _current_onIntersectionEnd;
+          current === null || current === void 0 ? void 0 : (_current_onIntersectionEnd = current.onIntersectionEnd) === null || _current_onIntersectionEnd === void 0 ? void 0 : _current_onIntersectionEnd.call(current);
+        }
+      });
+      return function(node) {
+        return trueReactPlatformHelpers.isNotEmpty(node) ? observer.observe(node) : observer.disconnect();
+      };
     }, [
-      innerStyles,
-      className,
-      currentComponentName,
-      tweakStyles,
-      theme,
-      isMergeDisabled
+      optionsRef
     ]);
   };
-  var useDidMountEffect = function(effect2, dependencies) {
-    var isMountedRef = React.useRef(false);
+  var useIsMounted = function() {
+    var isMounted = React.useRef(false);
     React.useEffect(function() {
-      var unmount;
-      if (isMountedRef.current) {
-        unmount = effect2();
-      } else {
-        isMountedRef.current = true;
-      }
+      isMounted.current = true;
       return function() {
-        if (unmount !== void 0) {
-          unmount();
-        }
+        isMounted.current = false;
       };
-    }, dependencies);
-  };
-  var useMergedRefs = function(refs) {
-    return React.useMemo(function() {
-      return trueReactPlatformHelpers.mergeRefs(refs);
-    }, refs);
+    }, []);
+    return React.useCallback(function() {
+      return isMounted.current;
+    }, []);
   };
   var useMerge = function(one, two) {
     return React.useMemo(function() {
@@ -6781,6 +6731,68 @@
       two
     ]);
   };
+  var useMergedRefs = function(refs) {
+    return React.useMemo(function() {
+      return trueReactPlatformHelpers.mergeRefs(refs);
+    }, refs);
+  };
+  var checkElementParentsClassNames = function(element, className) {
+    if (element.classList.contains(className)) {
+      return true;
+    }
+    if (element === document.body) {
+      return false;
+    }
+    if (element.parentElement) {
+      return checkElementParentsClassNames(element.parentElement, className);
+    }
+    return false;
+  };
+  var isElementOneOfParents = function(element, elToSearch) {
+    if (element === elToSearch) {
+      return true;
+    }
+    if (element === document.body) {
+      return false;
+    }
+    if (element.parentElement) {
+      return isElementOneOfParents(element.parentElement, elToSearch);
+    }
+    return false;
+  };
+  function useOnClickOutsideWithRef(refOrGetter, handler, ignoreRef) {
+    useOnClickOutside(refOrGetter, handler, void 0, ignoreRef);
+  }
+  function useOnClickOutside(refOrGetter, handler, ignoreClassName, ignoreRef) {
+    var optionsRef = useLatestRef({
+      refOrGetter,
+      ignoreRef,
+      ignoreClassName,
+      handler
+    });
+    React.useEffect(function() {
+      var listener = function(event) {
+        var _options_refOrGetter, _options_ignoreRef;
+        var options = optionsRef.current;
+        var elem = trueReactPlatformHelpers.isFunction(options.refOrGetter) ? options.refOrGetter() : (_options_refOrGetter = options.refOrGetter) === null || _options_refOrGetter === void 0 ? void 0 : _options_refOrGetter.current;
+        var ignoreElem = (_options_ignoreRef = options.ignoreRef) === null || _options_ignoreRef === void 0 ? void 0 : _options_ignoreRef.current;
+        var target = event.target;
+        if (trueReactPlatformHelpers.isEmpty(elem) || // Do nothing if clicking ref's element or descendent elements
+        elem.contains(target) || trueReactPlatformHelpers.isNotEmpty(options.ignoreClassName) && checkElementParentsClassNames(target, options.ignoreClassName) || trueReactPlatformHelpers.isNotEmpty(ignoreElem) && isElementOneOfParents(target, ignoreElem)) {
+          return;
+        }
+        options.handler(event);
+      };
+      document.addEventListener("mousedown", listener);
+      document.addEventListener("touchstart", listener);
+      return function() {
+        document.removeEventListener("mousedown", listener);
+        document.removeEventListener("touchstart", listener);
+      };
+    }, [
+      optionsRef
+    ]);
+  }
   function _array_like_to_array$n(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
@@ -6792,39 +6804,25 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _iterable_to_array_limit$n(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null)
-      return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-        if (i && _arr.length === i)
-          break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null)
-          _i["return"]();
-      } finally {
-        if (_d)
-          throw _e;
-      }
-    }
-    return _arr;
+  function _array_without_holes$9(arr) {
+    if (Array.isArray(arr))
+      return _array_like_to_array$n(arr);
+  }
+  function _iterable_to_array$9(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+      return Array.from(iter);
   }
   function _non_iterable_rest$n() {
     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 _sliced_to_array$n(arr, i) {
-    return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+  function _non_iterable_spread$9() {
+    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 _to_array(arr) {
+    return _array_with_holes$n(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_rest$n();
+  }
+  function _to_consumable_array$9(arr) {
+    return _array_without_holes$9(arr) || _iterable_to_array$9(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$9();
   }
   function _unsupported_iterable_to_array$n(o, minLen) {
     if (!o)
@@ -6839,28 +6837,43 @@
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
       return _array_like_to_array$n(o, minLen);
   }
-  var useIntersectionRef = function(options) {
-    var optionsRef = React.useRef(options);
-    optionsRef.current = options;
+  var useTweakStyles = function(param) {
+    var innerStyles = param.innerStyles, tweakStyles = param.tweakStyles, className = param.className, currentComponentName = param.currentComponentName;
+    var theme = useTheme();
+    var isMergeDisabled = trueReactPlatformHelpers.isNotEmpty(React.useContext(JssContext).tweakStylesArch);
     return React.useMemo(function() {
-      var observer = new IntersectionObserver(function(param) {
-        var _param = _sliced_to_array$n(param, 1), isIntersecting = _param[0].isIntersecting;
-        var current = optionsRef.current;
-        if (current === null || current === void 0 ? void 0 : current.isDisabled) {
-          return;
-        }
-        if (isIntersecting) {
-          var _current_onIntersection;
-          current === null || current === void 0 ? void 0 : (_current_onIntersection = current.onIntersection) === null || _current_onIntersection === void 0 ? void 0 : _current_onIntersection.call(current);
-        } else {
-          var _current_onIntersectionEnd;
-          current === null || current === void 0 ? void 0 : (_current_onIntersectionEnd = current.onIntersectionEnd) === null || _current_onIntersectionEnd === void 0 ? void 0 : _current_onIntersectionEnd.call(current);
-        }
-      });
-      return function(node) {
-        return trueReactPlatformHelpers.isNotEmpty(node) ? observer.observe(node) : observer.disconnect();
-      };
-    }, []);
+      var _theme_components;
+      var themeStyles = trueReactPlatformHelpers.isNotEmpty(currentComponentName) ? (_theme_components = theme.components) === null || _theme_components === void 0 ? void 0 : _theme_components[currentComponentName] : void 0;
+      var resultStyles = mixStyles(innerStyles, mixStyles(themeStyles, tweakStyles).map(function(style) {
+        return style[className];
+      }));
+      if (isMergeDisabled || resultStyles.length < 2) {
+        return resultStyles;
+      }
+      var _resultStyles = _to_array(resultStyles), maybeInnerStyles = _resultStyles[0], maybeThemeStyles = _resultStyles[1], rest = _resultStyles.slice(2);
+      if (maybeThemeStyles !== (themeStyles === null || themeStyles === void 0 ? void 0 : themeStyles[className]) || // Если нет themeStyles или innerStyles
+      trueReactPlatformHelpers.isArrayNotEmpty(rest)) {
+        return [
+          trueReactPlatformHelpers.mergeStyles.apply(void 0, [
+            maybeInnerStyles,
+            maybeThemeStyles
+          ].concat(_to_consumable_array$9(rest)))
+        ];
+      }
+      if (!areStylesThemed(maybeInnerStyles)) {
+        themedStyles(maybeInnerStyles, maybeThemeStyles);
+      }
+      return [
+        maybeInnerStyles
+      ];
+    }, [
+      innerStyles,
+      className,
+      currentComponentName,
+      tweakStyles,
+      theme,
+      isMergeDisabled
+    ]);
   };
   const avatarGreen = `  <svg
     width="100%"
@@ -6937,7 +6950,7 @@
     "file-xml": fileXml,
     "file-zip": fileZip
   };
-  function _define_property$17(obj, key, value) {
+  function _define_property$18(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -6960,7 +6973,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$17(target, key, source[key]);
+        _define_property$18(target, key, source[key]);
       });
     }
     return target;
@@ -7840,7 +7853,7 @@
       ]
     }
   });
-  function _define_property$16(obj, key, value) {
+  function _define_property$17(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7863,7 +7876,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$16(target, key, source[key]);
+        _define_property$17(target, key, source[key]);
       });
     }
     return target;
@@ -7936,7 +7949,7 @@
       alignItems: "center"
     }
   });
-  function _define_property$15(obj, key, value) {
+  function _define_property$16(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -7959,7 +7972,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$15(target, key, source[key]);
+        _define_property$16(target, key, source[key]);
       });
     }
     return target;
@@ -8064,7 +8077,7 @@
     if (Array.isArray(arr))
       return _array_like_to_array$m(arr);
   }
-  function _define_property$14(obj, key, value) {
+  function _define_property$15(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8125,7 +8138,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$14(target, key, source[key]);
+        _define_property$15(target, key, source[key]);
       });
     }
     return target;
@@ -8179,17 +8192,18 @@
       theme: tweakStyles
     });
     var _useState = _sliced_to_array$m(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var isActive = isOpen && !isDisabled;
     var arrowRef = React.useRef(null);
-    var handleToggle = function(isActive, event) {
+    var handleToggle = function(next, event) {
       event === null || event === void 0 ? void 0 : event.stopPropagation();
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-      setIsOpen(isActive);
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(next, event);
+      setIsOpen(next);
     };
     var handleClose = function(event) {
       handleToggle(false, event);
     };
     var _useFloating = react.useFloating({
-      open: isOpen && !isDisabled,
+      open: isActive,
       middleware: [
         react.offset(popupOffset),
         canBeFlipped && react.flip({
@@ -8242,7 +8256,7 @@
     var triggerElement = trueReactPlatformHelpers.applyAction(trigger, {
       referenceProps: !isTriggerWrapped ? referenceProps : void 0,
       triggerProps: _object_spread$12({
-        isActive: isOpen,
+        isActive,
         isDisabled
       }, !isTriggerWrapped && _object_spread$12({
         data,
@@ -8253,7 +8267,7 @@
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [
         isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$12({
-          className: clsx(classes.trigger, (_obj2 = {}, _define_property$14(_obj2, classes.clickable, eventType === "click"), _define_property$14(_obj2, classes.disabled, isDisabled), _define_property$14(_obj2, classes.active, isOpen), _obj2))
+          className: clsx(classes.trigger, (_obj2 = {}, _define_property$15(_obj2, classes.clickable, eventType === "click"), _define_property$15(_obj2, classes.disabled, isDisabled), _define_property$15(_obj2, classes.active, isActive), _obj2))
         }, referenceProps, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
@@ -8325,7 +8339,7 @@
       flexGrow: 1
     }
   });
-  function _define_property$13(obj, key, value) {
+  function _define_property$14(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8348,7 +8362,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$13(target, key, source[key]);
+        _define_property$14(target, key, source[key]);
       });
     }
     return target;
@@ -8389,7 +8403,7 @@
           className: classes.spacer
         }),
         /* @__PURE__ */ jsxs("div", _object_spread_props$R(_object_spread$11({
-          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$13(_obj2, classes.disabledItem, isDisabled), _define_property$13(_obj2, classes.withIconGap, withIconGap), _define_property$13(_obj2, classes.focused, isFocused), _obj2))
+          className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$14(_obj2, classes.disabledItem, isDisabled), _define_property$14(_obj2, classes.withIconGap, withIconGap), _define_property$14(_obj2, classes.focused, isFocused), _obj2))
         }, trueReactPlatformHelpers.addClickHandler(onClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(_object_spread_props$R(_object_spread$11({}, data), {
           disabled: isDisabled ? true : void 0
         }))), {
@@ -8437,7 +8451,7 @@
       width: "100%"
     }
   };
-  function _define_property$12(obj, key, value) {
+  function _define_property$13(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8460,7 +8474,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$12(target, key, source[key]);
+        _define_property$13(target, key, source[key]);
       });
     }
     return target;
@@ -8544,7 +8558,7 @@
     }));
   };
   var ANIMATION_TIMEOUT = 150;
-  function _define_property$11(obj, key, value) {
+  function _define_property$12(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8567,7 +8581,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$11(target, key, source[key]);
+        _define_property$12(target, key, source[key]);
       });
     }
     return target;
@@ -8626,7 +8640,7 @@
     if (Array.isArray(arr))
       return arr;
   }
-  function _define_property$10(obj, key, value) {
+  function _define_property$11(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8680,7 +8694,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$10(target, key, source[key]);
+        _define_property$11(target, key, source[key]);
       });
     }
     return target;
@@ -8823,7 +8837,7 @@
       width: "100%"
     }
   });
-  function _define_property$$(obj, key, value) {
+  function _define_property$10(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -8846,7 +8860,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$$(target, key, source[key]);
+        _define_property$10(target, key, source[key]);
       });
     }
     return target;
@@ -9046,7 +9060,7 @@
       color: "currentColor"
     }
   });
-  function _define_property$_(obj, key, value) {
+  function _define_property$$(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9069,7 +9083,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$_(target, key, source[key]);
+        _define_property$$(target, key, source[key]);
       });
     }
     return target;
@@ -9114,7 +9128,7 @@
       currentComponentName: "ThemedPreloader"
     });
     return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$Y({
-      className: clsx(classes.root, classes[type], _define_property$_({}, classes.currentColor, useCurrentColor))
+      className: clsx(classes.root, classes[type], _define_property$$({}, classes.currentColor, useCurrentColor))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
         tweakStyles: tweakDotsPreloaderStyles
@@ -9295,7 +9309,7 @@
   var getPreloaderStyles = function(size) {
     return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
   };
-  function _define_property$Z(obj, key, value) {
+  function _define_property$_(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9318,7 +9332,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Z(target, key, source[key]);
+        _define_property$_(target, key, source[key]);
       });
     }
     return target;
@@ -9414,13 +9428,13 @@
     return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$X({
       ref,
       type,
-      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$Z(_obj2, classes.disabled, isDisabled), _define_property$Z(_obj2, classes.fullWidth, isFullWidth), _define_property$Z(_obj2, classes.inline, isInline), _define_property$Z(_obj2, classes.active, isActive), _define_property$Z(_obj2, classes.loading, isLoading), _define_property$Z(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
+      className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$_(_obj2, classes.disabled, isDisabled), _define_property$_(_obj2, classes.fullWidth, isFullWidth), _define_property$_(_obj2, classes.inline, isInline), _define_property$_(_obj2, classes.active, isActive), _define_property$_(_obj2, classes.loading, isLoading), _define_property$_(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
       tabIndex: shouldSkipTabNavigation ? -1 : void 0,
       disabled: hasNoAction
     }, interactions, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: clsx(classes.content, (_obj1 = {}, _define_property$Z(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$Z(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+          className: clsx(classes.content, (_obj1 = {}, _define_property$_(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$_(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
           children: [
             hasIcon && /* @__PURE__ */ jsx("span", {
               className: classes.icon,
@@ -9481,7 +9495,7 @@
       flexDirection: "row-reverse"
     }
   });
-  function _define_property$Y(obj, key, value) {
+  function _define_property$Z(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9504,7 +9518,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$Y(target, key, source[key]);
+        _define_property$Z(target, key, source[key]);
       });
     }
     return target;
@@ -9548,7 +9562,7 @@
     };
     var _obj2;
     return /* @__PURE__ */ jsxs("label", _object_spread_props$L(_object_spread$W({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$Y(_obj2, classes.checked, isSelected), _define_property$Y(_obj2, classes.invalid, isInvalid), _define_property$Y(_obj2, classes.disabled, isDisabled), _define_property$Y(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+      className: clsx(classes.root, (_obj2 = {}, _define_property$Z(_obj2, classes.checked, isSelected), _define_property$Z(_obj2, classes.invalid, isInvalid), _define_property$Z(_obj2, classes.disabled, isDisabled), _define_property$Z(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
     }, trueReactPlatformHelpers.addDataTestId(testId), addDataAttributes(data)), {
       children: [
         /* @__PURE__ */ jsx("input", _object_spread$W({
@@ -9600,7 +9614,7 @@
       }
     }
   });
-  function _define_property$X(obj, key, value) {
+  function _define_property$Y(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9623,7 +9637,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$X(target, key, source[key]);
+        _define_property$Y(target, key, source[key]);
       });
     }
     return target;
@@ -9799,7 +9813,7 @@
     },
     root: {}
   });
-  function _define_property$W(obj, key, value) {
+  function _define_property$X(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9822,7 +9836,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$W(target, key, source[key]);
+        _define_property$X(target, key, source[key]);
       });
     }
     return target;
@@ -9870,7 +9884,7 @@
     },
     children: {}
   });
-  function _define_property$V(obj, key, value) {
+  function _define_property$W(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -9893,7 +9907,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$V(target, key, source[key]);
+        _define_property$W(target, key, source[key]);
       });
     }
     return target;
@@ -9937,7 +9951,7 @@
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(children) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.children, (_obj2 = {}, _define_property$V(_obj2, classes.horizontal, controlsDirection === "horizontal"), _define_property$V(_obj2, classes.vertical, controlsDirection === "vertical"), _obj2)),
+          className: clsx(classes.children, (_obj2 = {}, _define_property$W(_obj2, classes.horizontal, controlsDirection === "horizontal"), _define_property$W(_obj2, classes.vertical, controlsDirection === "vertical"), _obj2)),
           children
         }),
         (shouldShowError || shouldShowInfo) && /* @__PURE__ */ jsxs("div", {
@@ -10110,7 +10124,7 @@
       borderRadius: 0
     }
   });
-  function _define_property$U(obj, key, value) {
+  function _define_property$V(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10133,7 +10147,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$U(target, key, source[key]);
+        _define_property$V(target, key, source[key]);
       });
     }
     return target;
@@ -10178,11 +10192,11 @@
     });
     var _obj2, _obj1, _obj22;
     return /* @__PURE__ */ jsxs("div", _object_spread_props$I(_object_spread$S({
-      className: clsx(classes.controlWrapper, trueReactPlatformHelpers.isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], trueReactPlatformHelpers.isNotEmpty(size) && classes[size], (_obj2 = {}, _define_property$U(_obj2, classes.invalid, isInvalid), _define_property$U(_obj2, classes.focused, isFocused), _define_property$U(_obj2, classes.withValue, hasValue), _define_property$U(_obj2, classes.disabled, isDisabled), _define_property$U(_obj2, classes.loading, isLoading), _define_property$U(_obj2, classes.minContent, !isFullWidth), _obj2))
+      className: clsx(classes.controlWrapper, trueReactPlatformHelpers.isNotEmpty(groupPlacement) && classes["placement-".concat(groupPlacement)], trueReactPlatformHelpers.isNotEmpty(size) && classes[size], (_obj2 = {}, _define_property$V(_obj2, classes.invalid, isInvalid), _define_property$V(_obj2, classes.focused, isFocused), _define_property$V(_obj2, classes.withValue, hasValue), _define_property$V(_obj2, classes.disabled, isDisabled), _define_property$V(_obj2, classes.loading, isLoading), _define_property$V(_obj2, classes.minContent, !isFullWidth), _obj2))
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
         trueReactPlatformHelpers.isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-          className: clsx(classes.label, (_obj1 = {}, _define_property$U(_obj1, classes.requiredLabel, isRequired), _define_property$U(_obj1, classes.disabledLabel, isDisabled), _define_property$U(_obj1, classes.activeLabel, isActive), _obj1)),
+          className: clsx(classes.label, (_obj1 = {}, _define_property$V(_obj1, classes.requiredLabel, isRequired), _define_property$V(_obj1, classes.disabledLabel, isDisabled), _define_property$V(_obj1, classes.activeLabel, isActive), _obj1)),
           children: label
         }),
         /* @__PURE__ */ jsxs("div", {
@@ -10203,7 +10217,7 @@
                   })
                 })),
                 hasEndIcon && /* @__PURE__ */ jsx("div", _object_spread_props$I(_object_spread$S({
-                  className: clsx(classes.icon, classes.endIcon, (_obj22 = {}, _define_property$U(_obj22, classes.activeIcon, !isDisabled && trueReactPlatformHelpers.isNotEmpty(onIconClick)), _define_property$U(_obj22, classes.customIcon, !trueReactPlatformHelpers.isString(icon)), _obj22))
+                  className: clsx(classes.icon, classes.endIcon, (_obj22 = {}, _define_property$V(_obj22, classes.activeIcon, !isDisabled && trueReactPlatformHelpers.isNotEmpty(onIconClick)), _define_property$V(_obj22, classes.customIcon, !trueReactPlatformHelpers.isString(icon)), _obj22))
                 }, trueReactPlatformHelpers.addClickHandler(onIconClick, !isDisabled), trueReactPlatformHelpers.addDataTestId(testId, "icon")), {
                   children: /* @__PURE__ */ jsx("div", {
                     className: classes.iconInner,
@@ -10341,7 +10355,7 @@
       });
     };
   }
-  function _define_property$T(obj, key, value) {
+  function _define_property$U(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10395,7 +10409,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$T(target, key, source[key]);
+        _define_property$U(target, key, source[key]);
       });
     }
     return target;
@@ -10655,7 +10669,7 @@
     ]);
     var _obj2;
     var props = _object_spread$R({
-      className: clsx(classes.input, (_obj2 = {}, _define_property$T(_obj2, classes.withUnits, hasUnits), _define_property$T(_obj2, classes.withValue, hasValue), _define_property$T(_obj2, classes.withLabel, trueReactPlatformHelpers.isReactNodeNotEmpty(label)), _define_property$T(_obj2, classes.autoSized, isAutoSized), _define_property$T(_obj2, classes.focusedInput, isFocused), _define_property$T(_obj2, classes.disabledInput, isDisabled), _define_property$T(_obj2, classes.invalidInput, isInvalid), _obj2)),
+      className: clsx(classes.input, (_obj2 = {}, _define_property$U(_obj2, classes.withUnits, hasUnits), _define_property$U(_obj2, classes.withValue, hasValue), _define_property$U(_obj2, classes.withLabel, trueReactPlatformHelpers.isReactNodeNotEmpty(label)), _define_property$U(_obj2, classes.autoSized, isAutoSized), _define_property$U(_obj2, classes.focusedInput, isFocused), _define_property$U(_obj2, classes.disabledInput, isDisabled), _define_property$U(_obj2, classes.invalidInput, isInvalid), _obj2)),
       style: hasUnits && hasValue ? {
         "--units-width": "".concat(unitsWidth, "px")
       } : void 0,
@@ -10728,7 +10742,7 @@
       ]
     });
   });
-  function _define_property$S(obj, key, value) {
+  function _define_property$T(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10751,7 +10765,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$S(target, key, source[key]);
+        _define_property$T(target, key, source[key]);
       });
     }
     return target;
@@ -10847,7 +10861,7 @@
       position: "relative"
     }
   });
-  function _define_property$R(obj, key, value) {
+  function _define_property$S(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value,
@@ -10870,7 +10884,7 @@
         }));
       }
       ownKeys2.forEach(function(key) {
-        _define_property$R(target, key, source[key]);
+        _define_property$S(target, key, source[key]);
       });
     }
     return target;
@@ -10973,9 +10987,9 @@
       onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
     return /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$P({
-      className: clsx(classes.root, className),
-      onClick
-    }, addDataAttributes(data)), {
+      className: clsx(classes.root, className)
+    }, trueReactPlatformHelpers.addDataAttributes(data)), {
+      onClick,
       children: /* @__PURE__ */ jsx(Input, _object_spread_props$G(_object_spread$P({}, inputProps), {
         ref,
         value: isRange ? "".concat(startDate).concat(endDate) : date,
@@ -10988,6 +11002,109 @@
     }));
   });
   const reactDatepicker = "";
+  function _assert_this_initialized$1(self2) {
+    if (self2 === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self2;
+  }
+  function _class_call_check$1(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+  function _define_property$R(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 _get_prototype_of$1(o) {
+    _get_prototype_of$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o2) {
+      return o2.__proto__ || Object.getPrototypeOf(o2);
+    };
+    return _get_prototype_of$1(o);
+  }
+  function _inherits$1(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass)
+      _set_prototype_of$1(subClass, superClass);
+  }
+  function _possible_constructor_return$1(self2, call) {
+    if (call && (_type_of$1(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+    return _assert_this_initialized$1(self2);
+  }
+  function _set_prototype_of$1(o, p) {
+    _set_prototype_of$1 = Object.setPrototypeOf || function setPrototypeOf(o2, p2) {
+      o2.__proto__ = p2;
+      return o2;
+    };
+    return _set_prototype_of$1(o, p);
+  }
+  function _type_of$1(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+  }
+  function _is_native_reflect_construct$1() {
+    if (typeof Reflect === "undefined" || !Reflect.construct)
+      return false;
+    if (Reflect.construct.sham)
+      return false;
+    if (typeof Proxy === "function")
+      return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+      }));
+      return true;
+    } catch (e) {
+      return false;
+    }
+  }
+  function _create_super$1(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct$1();
+    return function _createSuperInternal() {
+      var Super = _get_prototype_of$1(Derived), result;
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _get_prototype_of$1(this).constructor;
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+      return _possible_constructor_return$1(this, result);
+    };
+  }
+  var DatePickerBase = /* @__PURE__ */ function(ReactDatePicker2) {
+    _inherits$1(DatePickerBase2, ReactDatePicker2);
+    var _super = _create_super$1(DatePickerBase2);
+    function DatePickerBase2(props) {
+      _class_call_check$1(this, DatePickerBase2);
+      var _this;
+      _this = _super.call(this, props);
+      _define_property$R(_assert_this_initialized$1(_this), "handleClickOutside", void 0);
+      _this.handleClickOutside = _this.handleCalendarClickOutside;
+      _this.handleCalendarClickOutside = trueReactPlatformHelpers.doNothing;
+      return _this;
+    }
+    return DatePickerBase2;
+  }(ReactDatePicker);
   var inputStyles$4 = {
     tweakControlWrapper: {
       endIcon: {
@@ -12694,9 +12811,6 @@
       root: document.body
     }, props));
   };
-  var DEFAULT_DATE_FORMAT$2 = "dd.MM.yyyy";
-  var _ReactDatePicker_default;
-  var DatePickerComponent = (_ReactDatePicker_default = ReactDatePicker.default) !== null && _ReactDatePicker_default !== void 0 ? _ReactDatePicker_default : ReactDatePicker;
   function buildFormatLongFn(args) {
     return (options = {}) => {
       const width = options.width ? String(options.width) : args.defaultWidth;
@@ -13876,6 +13990,12 @@
       firstWeekContainsDate: 1
     }
   };
+  var DEFAULT_DATE_FORMAT$2 = "dd.MM.yyyy";
+  var OUTSIDE_CLICK_IGNORE_CLASS = "react-datepicker-ignore-onclickoutside";
+  var LocalesMap = {
+    ru,
+    en: enUS
+  };
   var getDateFormatter = function(dateFormat) {
     return function(date) {
       return trueReactPlatformHelpers.isNotEmpty(date) ? dateFns.format(date, dateFormat) : "";
@@ -13890,15 +14010,6 @@
   var areDatesEquals = function(date1, date2) {
     return trueReactPlatformHelpers.isEmpty(date1) && trueReactPlatformHelpers.isEmpty(date2) || trueReactPlatformHelpers.isNotEmpty(date1) && trueReactPlatformHelpers.isNotEmpty(date2) && dateFns.isSameDay(date1, date2);
   };
-  var preparateDatePickerLocale = function(locale) {
-    if (locale === "ru") {
-      return ru;
-    }
-    if (locale === "en") {
-      return enUS;
-    }
-    return locale;
-  };
   var useStyles$B = createThemedStyles("DatePicker", {
     root: {
       width: "100%",
@@ -14143,6 +14254,11 @@
     }, [
       dateFormat
     ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
+    var datePickerRef = React.useRef();
+    var componentRef = useMergedRefs([
+      ref,
+      datePickerRef
+    ]);
     var _useState = _sliced_to_array$h(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
     var _useState1 = _sliced_to_array$h(React.useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
     var _useState2 = _sliced_to_array$h(React.useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
@@ -14248,14 +14364,21 @@
       startDate,
       endDate
     ]);
+    useOnClickOutside(function() {
+      var _datePickerRef_current_calendar_containerRef, _datePickerRef_current_calendar, _datePickerRef_current;
+      return (_datePickerRef_current = datePickerRef.current) === null || _datePickerRef_current === void 0 ? void 0 : (_datePickerRef_current_calendar = _datePickerRef_current.calendar) === null || _datePickerRef_current_calendar === void 0 ? void 0 : (_datePickerRef_current_calendar_containerRef = _datePickerRef_current_calendar.containerRef) === null || _datePickerRef_current_calendar_containerRef === void 0 ? void 0 : _datePickerRef_current_calendar_containerRef.current;
+    }, function(event) {
+      var _datePickerRef_current;
+      return (_datePickerRef_current = datePickerRef.current) === null || _datePickerRef_current === void 0 ? void 0 : _datePickerRef_current.handleClickOutside(event);
+    }, OUTSIDE_CLICK_IGNORE_CLASS);
     return /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
       className: classes.root
-    }, addDataAttributes(data)), {
-      children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$H({
-        ref,
+    }, trueReactPlatformHelpers.addDataAttributes(data)), {
+      children: /* @__PURE__ */ jsx(DatePickerBase, _object_spread$H({
+        ref: componentRef,
         minDate,
         maxDate,
-        locale: preparateDatePickerLocale(locale),
+        locale: trueReactPlatformHelpers.isString(locale) ? LocalesMap[locale] : locale,
         dateFormat,
         placeholderText: placeholder,
         calendarStartDay,
@@ -19995,6 +20118,10 @@
         cursor: "default"
       }
     },
+    hasValue: {
+      backgroundColor: colors.CLASSIC_WHITE,
+      borderColor: colors.BORDER_MAIN
+    },
     selectWrapper: {
       position: "relative",
       display: "flex",
@@ -20224,7 +20351,7 @@
     };
     var _obj2;
     return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-      className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _obj2)),
+      className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _define_property$r(_obj2, classes.hasValue, trueReactPlatformHelpers.isArrayLikeNotEmpty(value)), _obj2)),
       ref: refRoot
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
@@ -20246,7 +20373,7 @@
         /* @__PURE__ */ jsxs("div", {
           className: classes.selectWrapper,
           children: [
-            fields.length > 0 && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+            trueReactPlatformHelpers.isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
               className: classes.selectBlock,
               onClick: !isDisabled ? function() {
                 return setIsOpen(!isOpen);
@@ -32703,6 +32830,7 @@
   exports2.useDropdown = useDropdown;
   exports2.useIntersectionRef = useIntersectionRef;
   exports2.useIsMounted = useIsMounted;
+  exports2.useLatestRef = useLatestRef;
   exports2.useMerge = useMerge;
   exports2.useMergedRefs = useMergedRefs;
   exports2.useMixedStyles = useMixedStyles;