@true-engineering/true-react-common-ui-kit 1.8.1 → 1.10.0

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

@@ -3,7 +3,6 @@ import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
 import { createUseStyles } from "react-jss";
-import { merge } from "lodash";
 import InputMask from "react-input-mask";
 import ReactDatepicker from "react-datepicker";
 import { getYear, getMonth, format as format$1, isValid, parse, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
@@ -627,7 +626,7 @@ function requireReactJsxRuntime_development() {
         }
         return "";
       }
-      var hasOwnProperty = Object.prototype.hasOwnProperty;
+      var hasOwnProperty2 = Object.prototype.hasOwnProperty;
       var loggedTypeFailures = {};
       var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
       function setCurrentlyValidatingElement(element) {
@@ -643,7 +642,7 @@ function requireReactJsxRuntime_development() {
       }
       function checkPropTypes(typeSpecs, values, location, componentName, element) {
         {
-          var has = Function.call.bind(hasOwnProperty);
+          var has = Function.call.bind(hasOwnProperty2);
           for (var typeSpecName in typeSpecs) {
             if (has(typeSpecs, typeSpecName)) {
               var error$1 = void 0;
@@ -673,7 +672,7 @@ function requireReactJsxRuntime_development() {
         }
       }
       var isArrayImpl = Array.isArray;
-      function isArray(a) {
+      function isArray2(a) {
         return isArrayImpl(a);
       }
       function typeName(value) {
@@ -719,7 +718,7 @@ function requireReactJsxRuntime_development() {
       }
       function hasValidRef(config) {
         {
-          if (hasOwnProperty.call(config, "ref")) {
+          if (hasOwnProperty2.call(config, "ref")) {
             var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
             if (getter && getter.isReactWarning) {
               return false;
@@ -730,7 +729,7 @@ function requireReactJsxRuntime_development() {
       }
       function hasValidKey(config) {
         {
-          if (hasOwnProperty.call(config, "key")) {
+          if (hasOwnProperty2.call(config, "key")) {
             var getter = Object.getOwnPropertyDescriptor(config, "key").get;
             if (getter && getter.isReactWarning) {
               return false;
@@ -739,9 +738,9 @@ function requireReactJsxRuntime_development() {
         }
         return config.key !== void 0;
       }
-      function warnIfStringRefCannotBeAutoConverted(config, self) {
+      function warnIfStringRefCannotBeAutoConverted(config, self2) {
         {
-          if (typeof config.ref === "string" && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+          if (typeof config.ref === "string" && ReactCurrentOwner.current && self2 && ReactCurrentOwner.current.stateNode !== self2) {
             var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
             if (!didWarnAboutStringRefs[componentName]) {
               error('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
@@ -780,7 +779,7 @@ function requireReactJsxRuntime_development() {
           });
         }
       }
-      var ReactElement = function(type, key, ref, self, source, owner, props) {
+      var ReactElement = function(type, key, ref, self2, source, owner, props) {
         var element = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: REACT_ELEMENT_TYPE,
@@ -804,7 +803,7 @@ function requireReactJsxRuntime_development() {
             configurable: false,
             enumerable: false,
             writable: false,
-            value: self
+            value: self2
           });
           Object.defineProperty(element, "_source", {
             configurable: false,
@@ -819,7 +818,7 @@ function requireReactJsxRuntime_development() {
         }
         return element;
       };
-      function jsxDEV(type, config, maybeKey, source, self) {
+      function jsxDEV(type, config, maybeKey, source, self2) {
         {
           var propName;
           var props = {};
@@ -839,10 +838,10 @@ function requireReactJsxRuntime_development() {
           }
           if (hasValidRef(config)) {
             ref = config.ref;
-            warnIfStringRefCannotBeAutoConverted(config, self);
+            warnIfStringRefCannotBeAutoConverted(config, self2);
           }
           for (propName in config) {
-            if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+            if (hasOwnProperty2.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
               props[propName] = config[propName];
             }
           }
@@ -863,7 +862,7 @@ function requireReactJsxRuntime_development() {
               defineRefPropWarningGetter(props, displayName);
             }
           }
-          return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+          return ReactElement(type, key, ref, self2, source, ReactCurrentOwner.current, props);
         }
       }
       var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
@@ -947,7 +946,7 @@ function requireReactJsxRuntime_development() {
           if (typeof node !== "object") {
             return;
           }
-          if (isArray(node)) {
+          if (isArray2(node)) {
             for (var i = 0; i < node.length; i++) {
               var child = node[i];
               if (isValidElement(child)) {
@@ -1022,7 +1021,7 @@ function requireReactJsxRuntime_development() {
           }
         }
       }
-      function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+      function jsxWithValidation(type, props, key, isStaticChildren, source, self2) {
         {
           var validType = isValidElementType(type);
           if (!validType) {
@@ -1039,7 +1038,7 @@ function requireReactJsxRuntime_development() {
             var typeString;
             if (type === null) {
               typeString = "null";
-            } else if (isArray(type)) {
+            } else if (isArray2(type)) {
               typeString = "array";
             } else if (type !== void 0 && type.$$typeof === REACT_ELEMENT_TYPE) {
               typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
@@ -1049,7 +1048,7 @@ function requireReactJsxRuntime_development() {
             }
             error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
           }
-          var element = jsxDEV(type, props, key, source, self);
+          var element = jsxDEV(type, props, key, source, self2);
           if (element == null) {
             return element;
           }
@@ -1057,7 +1056,7 @@ function requireReactJsxRuntime_development() {
             var children = props.children;
             if (children !== void 0) {
               if (isStaticChildren) {
-                if (isArray(children)) {
+                if (isArray2(children)) {
                   for (var i = 0; i < children.length; i++) {
                     validateChildKeys(children[i], type);
                   }
@@ -1099,11 +1098,11 @@ function requireReactJsxRuntime_development() {
   }
   return reactJsxRuntime_development;
 }
-(function(module) {
+(function(module2) {
   if (process.env.NODE_ENV === "production") {
-    module.exports = requireReactJsxRuntime_production_min();
+    module2.exports = requireReactJsxRuntime_production_min();
   } else {
-    module.exports = requireReactJsxRuntime_development();
+    module2.exports = requireReactJsxRuntime_development();
   }
 })(jsxRuntime);
 const Fragment = jsxRuntime.exports.Fragment;
@@ -1121,11 +1120,11 @@ function _array_with_holes$o(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$7(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$q(arr);
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$7(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
@@ -1160,14 +1159,14 @@ function _iterable_to_array_limit$o(arr, i) {
 function _non_iterable_rest$o() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+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 _sliced_to_array$o(arr, i) {
   return _array_with_holes$o(arr) || _iterable_to_array_limit$o(arr, i) || _unsupported_iterable_to_array$q(arr, i) || _non_iterable_rest$o();
 }
-function _to_consumable_array$6(arr) {
-  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$6();
+function _to_consumable_array$7(arr) {
+  return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$q(arr) || _non_iterable_spread$7();
 }
 function _unsupported_iterable_to_array$q(o, minLen) {
   if (!o)
@@ -1205,7 +1204,7 @@ var hasExactParent = function(element, parent) {
 };
 var _element_parentNode;
 var getParentNode$1 = function(element) {
-  return element.nodeName === "HTML" ? element : (_element_parentNode = element.parentNode) !== null && _element_parentNode !== void 0 ? _element_parentNode : element.host;
+  return element.nodeName === "HTML" || element === document ? element : (_element_parentNode = element.parentNode) !== null && _element_parentNode !== void 0 ? _element_parentNode : element.host;
 };
 var getStyleComputedProperty = function(element) {
   return element.nodeType !== 1 ? {} : getComputedStyle(element, null);
@@ -1302,6 +1301,9 @@ var getNumberLength = function(n) {
 var isNotEmpty = function(val) {
   return typeof val === "string" ? val.trim() !== "" : val !== null && val !== void 0;
 };
+var isStringNotEmpty = function(value) {
+  return (value !== null && value !== void 0 ? value : "").trim() !== "";
+};
 var trimStringToMaxLength = function(val, maxLength) {
   return val.length > maxLength ? val.slice(0, maxLength) : val;
 };
@@ -1319,7 +1321,7 @@ var addDataTestId = function() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-  var testId = getTestId.apply(void 0, _to_consumable_array$6(args));
+  var testId = getTestId.apply(void 0, _to_consumable_array$7(args));
   return isNotEmpty(testId) ? {
     "data-testid": testId
   } : void 0;
@@ -1347,6 +1349,21 @@ var addClickHandler = function(cb) {
     tabIndex: -1
   };
 };
+var createFilter = function(getter) {
+  return function(items, query) {
+    return items.filter(function(item) {
+      var possibleValues = getter(item).reduce(function(acc, cur) {
+        return _to_consumable_array$7(acc).concat(_to_consumable_array$7(isStringNotEmpty(cur) ? [
+          cur === null || cur === void 0 ? void 0 : cur.toLowerCase()
+        ] : []));
+      }, []);
+      var queryString = query.toLowerCase().trim();
+      return possibleValues.some(function(v) {
+        return v === null || v === void 0 ? void 0 : v.includes(queryString);
+      });
+    });
+  };
+};
 var minWidthModifier = {
   name: "minWidth",
   enabled: true,
@@ -1370,19 +1387,19 @@ function _array_like_to_array$p(arr, len) {
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$p(arr);
 }
-function _iterable_to_array$5(iter) {
+function _iterable_to_array$6(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_spread$5() {
+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 _to_consumable_array$5(arr) {
-  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$5();
+function _to_consumable_array$6(arr) {
+  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$p(arr) || _non_iterable_spread$6();
 }
 function _unsupported_iterable_to_array$p(o, minLen) {
   if (!o)
@@ -1422,7 +1439,7 @@ var checkSearchStringInCountry = function(country, searchString) {
   var possibleValues = [
     country.countryRu,
     country.countryEn
-  ].concat(_to_consumable_array$5(country.countryRu.split(" ")), _to_consumable_array$5(country.countryEn.split(" ")), [
+  ].concat(_to_consumable_array$6(country.countryRu.split(" ")), _to_consumable_array$6(country.countryEn.split(" ")), [
     country.dialCode
   ]).map(function(part) {
     return part.toLowerCase();
@@ -1540,6 +1557,746 @@ function useOnClickOutside(ref, handler, ignoreClassName, ignoreRef) {
     ignoreClassName
   ]);
 }
+function listCacheClear() {
+  this.__data__ = [];
+  this.size = 0;
+}
+function eq(value, other) {
+  return value === other || value !== value && other !== other;
+}
+function assocIndexOf(array, key) {
+  var length = array.length;
+  while (length--) {
+    if (eq(array[length][0], key)) {
+      return length;
+    }
+  }
+  return -1;
+}
+var arrayProto = Array.prototype;
+var splice = arrayProto.splice;
+function listCacheDelete(key) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
+    return false;
+  }
+  var lastIndex = data.length - 1;
+  if (index == lastIndex) {
+    data.pop();
+  } else {
+    splice.call(data, index, 1);
+  }
+  --this.size;
+  return true;
+}
+function listCacheGet(key) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  return index < 0 ? void 0 : data[index][1];
+}
+function listCacheHas(key) {
+  return assocIndexOf(this.__data__, key) > -1;
+}
+function listCacheSet(key, value) {
+  var data = this.__data__, index = assocIndexOf(data, key);
+  if (index < 0) {
+    ++this.size;
+    data.push([key, value]);
+  } else {
+    data[index][1] = value;
+  }
+  return this;
+}
+function ListCache(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+ListCache.prototype.clear = listCacheClear;
+ListCache.prototype["delete"] = listCacheDelete;
+ListCache.prototype.get = listCacheGet;
+ListCache.prototype.has = listCacheHas;
+ListCache.prototype.set = listCacheSet;
+function stackClear() {
+  this.__data__ = new ListCache();
+  this.size = 0;
+}
+function stackDelete(key) {
+  var data = this.__data__, result = data["delete"](key);
+  this.size = data.size;
+  return result;
+}
+function stackGet(key) {
+  return this.__data__.get(key);
+}
+function stackHas(key) {
+  return this.__data__.has(key);
+}
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+const freeGlobal$1 = freeGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal$1 || freeSelf || Function("return this")();
+const root$1 = root;
+var Symbol$1 = root$1.Symbol;
+const Symbol$2 = Symbol$1;
+var objectProto$a = Object.prototype;
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$a.toString;
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty$8.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var objectProto$9 = Object.prototype;
+var nativeObjectToString = objectProto$9.toString;
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var asyncTag = "[object AsyncFunction]", funcTag$1 = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
+function isFunction(value) {
+  if (!isObject(value)) {
+    return false;
+  }
+  var tag = baseGetTag(value);
+  return tag == funcTag$1 || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+var coreJsData = root$1["__core-js_shared__"];
+const coreJsData$1 = coreJsData;
+var maskSrcKey = function() {
+  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
+  return uid ? "Symbol(src)_1." + uid : "";
+}();
+function isMasked(func) {
+  return !!maskSrcKey && maskSrcKey in func;
+}
+var funcProto$2 = Function.prototype;
+var funcToString$2 = funcProto$2.toString;
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString$2.call(func);
+    } catch (e) {
+    }
+    try {
+      return func + "";
+    } catch (e) {
+    }
+  }
+  return "";
+}
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+var funcProto$1 = Function.prototype, objectProto$8 = Object.prototype;
+var funcToString$1 = funcProto$1.toString;
+var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var reIsNative = RegExp(
+  "^" + funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function baseIsNative(value) {
+  if (!isObject(value) || isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+function getValue(object, key) {
+  return object == null ? void 0 : object[key];
+}
+function getNative(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : void 0;
+}
+var Map$1 = getNative(root$1, "Map");
+const Map$2 = Map$1;
+var nativeCreate = getNative(Object, "create");
+const nativeCreate$1 = nativeCreate;
+function hashClear() {
+  this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
+  this.size = 0;
+}
+function hashDelete(key) {
+  var result = this.has(key) && delete this.__data__[key];
+  this.size -= result ? 1 : 0;
+  return result;
+}
+var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
+var objectProto$7 = Object.prototype;
+var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+function hashGet(key) {
+  var data = this.__data__;
+  if (nativeCreate$1) {
+    var result = data[key];
+    return result === HASH_UNDEFINED$1 ? void 0 : result;
+  }
+  return hasOwnProperty$6.call(data, key) ? data[key] : void 0;
+}
+var objectProto$6 = Object.prototype;
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+function hashHas(key) {
+  var data = this.__data__;
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$5.call(data, key);
+}
+var HASH_UNDEFINED = "__lodash_hash_undefined__";
+function hashSet(key, value) {
+  var data = this.__data__;
+  this.size += this.has(key) ? 0 : 1;
+  data[key] = nativeCreate$1 && value === void 0 ? HASH_UNDEFINED : value;
+  return this;
+}
+function Hash(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+Hash.prototype.clear = hashClear;
+Hash.prototype["delete"] = hashDelete;
+Hash.prototype.get = hashGet;
+Hash.prototype.has = hashHas;
+Hash.prototype.set = hashSet;
+function mapCacheClear() {
+  this.size = 0;
+  this.__data__ = {
+    "hash": new Hash(),
+    "map": new (Map$2 || ListCache)(),
+    "string": new Hash()
+  };
+}
+function isKeyable(value) {
+  var type = typeof value;
+  return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
+}
+function getMapData(map, key) {
+  var data = map.__data__;
+  return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
+}
+function mapCacheDelete(key) {
+  var result = getMapData(this, key)["delete"](key);
+  this.size -= result ? 1 : 0;
+  return result;
+}
+function mapCacheGet(key) {
+  return getMapData(this, key).get(key);
+}
+function mapCacheHas(key) {
+  return getMapData(this, key).has(key);
+}
+function mapCacheSet(key, value) {
+  var data = getMapData(this, key), size = data.size;
+  data.set(key, value);
+  this.size += data.size == size ? 0 : 1;
+  return this;
+}
+function MapCache(entries) {
+  var index = -1, length = entries == null ? 0 : entries.length;
+  this.clear();
+  while (++index < length) {
+    var entry = entries[index];
+    this.set(entry[0], entry[1]);
+  }
+}
+MapCache.prototype.clear = mapCacheClear;
+MapCache.prototype["delete"] = mapCacheDelete;
+MapCache.prototype.get = mapCacheGet;
+MapCache.prototype.has = mapCacheHas;
+MapCache.prototype.set = mapCacheSet;
+var LARGE_ARRAY_SIZE = 200;
+function stackSet(key, value) {
+  var data = this.__data__;
+  if (data instanceof ListCache) {
+    var pairs = data.__data__;
+    if (!Map$2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
+      pairs.push([key, value]);
+      this.size = ++data.size;
+      return this;
+    }
+    data = this.__data__ = new MapCache(pairs);
+  }
+  data.set(key, value);
+  this.size = data.size;
+  return this;
+}
+function Stack(entries) {
+  var data = this.__data__ = new ListCache(entries);
+  this.size = data.size;
+}
+Stack.prototype.clear = stackClear;
+Stack.prototype["delete"] = stackDelete;
+Stack.prototype.get = stackGet;
+Stack.prototype.has = stackHas;
+Stack.prototype.set = stackSet;
+var defineProperty = function() {
+  try {
+    var func = getNative(Object, "defineProperty");
+    func({}, "", {});
+    return func;
+  } catch (e) {
+  }
+}();
+const defineProperty$1 = defineProperty;
+function baseAssignValue(object, key, value) {
+  if (key == "__proto__" && defineProperty$1) {
+    defineProperty$1(object, key, {
+      "configurable": true,
+      "enumerable": true,
+      "value": value,
+      "writable": true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+function assignMergeValue(object, key, value) {
+  if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+function createBaseFor(fromRight) {
+  return function(object, iteratee, keysFunc) {
+    var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
+    while (length--) {
+      var key = props[fromRight ? length : ++index];
+      if (iteratee(iterable[key], key, iterable) === false) {
+        break;
+      }
+    }
+    return object;
+  };
+}
+var baseFor = createBaseFor();
+const baseFor$1 = baseFor;
+var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
+var Buffer$1 = moduleExports$2 ? root$1.Buffer : void 0, allocUnsafe = Buffer$1 ? Buffer$1.allocUnsafe : void 0;
+function cloneBuffer(buffer, isDeep) {
+  if (isDeep) {
+    return buffer.slice();
+  }
+  var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+  buffer.copy(result);
+  return result;
+}
+var Uint8Array = root$1.Uint8Array;
+const Uint8Array$1 = Uint8Array;
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
+  return result;
+}
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
+function copyArray(source, array) {
+  var index = -1, length = source.length;
+  array || (array = Array(length));
+  while (++index < length) {
+    array[index] = source[index];
+  }
+  return array;
+}
+var objectCreate = Object.create;
+var baseCreate = function() {
+  function object() {
+  }
+  return function(proto) {
+    if (!isObject(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object();
+    object.prototype = void 0;
+    return result;
+  };
+}();
+const baseCreate$1 = baseCreate;
+function overArg(func, transform) {
+  return function(arg) {
+    return func(transform(arg));
+  };
+}
+var getPrototype = overArg(Object.getPrototypeOf, Object);
+const getPrototype$1 = getPrototype;
+var objectProto$5 = Object.prototype;
+function isPrototype(value) {
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$5;
+  return value === proto;
+}
+function initCloneObject(object) {
+  return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate$1(getPrototype$1(object)) : {};
+}
+function isObjectLike(value) {
+  return value != null && typeof value == "object";
+}
+var argsTag$1 = "[object Arguments]";
+function baseIsArguments(value) {
+  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+}
+var objectProto$4 = Object.prototype;
+var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+var propertyIsEnumerable = objectProto$4.propertyIsEnumerable;
+var isArguments = baseIsArguments(function() {
+  return arguments;
+}()) ? baseIsArguments : function(value) {
+  return isObjectLike(value) && hasOwnProperty$4.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+};
+const isArguments$1 = isArguments;
+var isArray = Array.isArray;
+const isArray$1 = isArray;
+var MAX_SAFE_INTEGER$1 = 9007199254740991;
+function isLength(value) {
+  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER$1;
+}
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+function isArrayLikeObject(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+function stubFalse() {
+  return false;
+}
+var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+var Buffer = moduleExports$1 ? root$1.Buffer : void 0;
+var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
+var isBuffer = nativeIsBuffer || stubFalse;
+const isBuffer$1 = isBuffer;
+var objectTag$1 = "[object Object]";
+var funcProto = Function.prototype, objectProto$3 = Object.prototype;
+var funcToString = funcProto.toString;
+var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var objectCtorString = funcToString.call(Object);
+function isPlainObject(value) {
+  if (!isObjectLike(value) || baseGetTag(value) != objectTag$1) {
+    return false;
+  }
+  var proto = getPrototype$1(value);
+  if (proto === null) {
+    return true;
+  }
+  var Ctor = hasOwnProperty$3.call(proto, "constructor") && proto.constructor;
+  return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+}
+var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", weakMapTag = "[object WeakMap]";
+var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+function baseIsTypedArray(value) {
+  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+}
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports = freeModule && freeModule.exports === freeExports;
+var freeProcess = moduleExports && freeGlobal$1.process;
+var nodeUtil = function() {
+  try {
+    var types = freeModule && freeModule.require && freeModule.require("util").types;
+    if (types) {
+      return types;
+    }
+    return freeProcess && freeProcess.binding && freeProcess.binding("util");
+  } catch (e) {
+  }
+}();
+const nodeUtil$1 = nodeUtil;
+var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+const isTypedArray$1 = isTypedArray;
+function safeGet(object, key) {
+  if (key === "constructor" && typeof object[key] === "function") {
+    return;
+  }
+  if (key == "__proto__") {
+    return;
+  }
+  return object[key];
+}
+var objectProto$2 = Object.prototype;
+var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(hasOwnProperty$2.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
+  var index = -1, length = props.length;
+  while (++index < length) {
+    var key = props[index];
+    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+    if (newValue === void 0) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      baseAssignValue(object, key, newValue);
+    } else {
+      assignValue(object, key, newValue);
+    }
+  }
+  return object;
+}
+function baseTimes(n, iteratee) {
+  var index = -1, result = Array(n);
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+var MAX_SAFE_INTEGER = 9007199254740991;
+var reIsUint = /^(?:0|[1-9]\d*)$/;
+function isIndex(value, length) {
+  var type = typeof value;
+  length = length == null ? MAX_SAFE_INTEGER : length;
+  return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+}
+var objectProto$1 = Object.prototype;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+function arrayLikeKeys(value, inherited) {
+  var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+  for (var key in value) {
+    if ((inherited || hasOwnProperty$1.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+    isIndex(key, length)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+function baseKeysIn(object) {
+  if (!isObject(object)) {
+    return nativeKeysIn(object);
+  }
+  var isProto = isPrototype(object), result = [];
+  for (var key in object) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty.call(object, key)))) {
+      result.push(key);
+    }
+  }
+  return result;
+}
+function keysIn(object) {
+  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+}
+function toPlainObject(value) {
+  return copyObject(value, keysIn(value));
+}
+function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+  var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
+  if (stacked) {
+    assignMergeValue(object, key, stacked);
+    return;
+  }
+  var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0;
+  var isCommon = newValue === void 0;
+  if (isCommon) {
+    var isArr = isArray$1(srcValue), isBuff = !isArr && isBuffer$1(srcValue), isTyped = !isArr && !isBuff && isTypedArray$1(srcValue);
+    newValue = srcValue;
+    if (isArr || isBuff || isTyped) {
+      if (isArray$1(objValue)) {
+        newValue = objValue;
+      } else if (isArrayLikeObject(objValue)) {
+        newValue = copyArray(objValue);
+      } else if (isBuff) {
+        isCommon = false;
+        newValue = cloneBuffer(srcValue, true);
+      } else if (isTyped) {
+        isCommon = false;
+        newValue = cloneTypedArray(srcValue, true);
+      } else {
+        newValue = [];
+      }
+    } else if (isPlainObject(srcValue) || isArguments$1(srcValue)) {
+      newValue = objValue;
+      if (isArguments$1(objValue)) {
+        newValue = toPlainObject(objValue);
+      } else if (!isObject(objValue) || isFunction(objValue)) {
+        newValue = initCloneObject(srcValue);
+      }
+    } else {
+      isCommon = false;
+    }
+  }
+  if (isCommon) {
+    stack.set(srcValue, newValue);
+    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+    stack["delete"](srcValue);
+  }
+  assignMergeValue(object, key, newValue);
+}
+function baseMerge(object, source, srcIndex, customizer, stack) {
+  if (object === source) {
+    return;
+  }
+  baseFor$1(source, function(srcValue, key) {
+    stack || (stack = new Stack());
+    if (isObject(srcValue)) {
+      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+    } else {
+      var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
+      if (newValue === void 0) {
+        newValue = srcValue;
+      }
+      assignMergeValue(object, key, newValue);
+    }
+  }, keysIn);
+}
+function identity(value) {
+  return value;
+}
+function apply(func, thisArg, args) {
+  switch (args.length) {
+    case 0:
+      return func.call(thisArg);
+    case 1:
+      return func.call(thisArg, args[0]);
+    case 2:
+      return func.call(thisArg, args[0], args[1]);
+    case 3:
+      return func.call(thisArg, args[0], args[1], args[2]);
+  }
+  return func.apply(thisArg, args);
+}
+var nativeMax = Math.max;
+function overRest(func, start2, transform) {
+  start2 = nativeMax(start2 === void 0 ? func.length - 1 : start2, 0);
+  return function() {
+    var args = arguments, index = -1, length = nativeMax(args.length - start2, 0), array = Array(length);
+    while (++index < length) {
+      array[index] = args[start2 + index];
+    }
+    index = -1;
+    var otherArgs = Array(start2 + 1);
+    while (++index < start2) {
+      otherArgs[index] = args[index];
+    }
+    otherArgs[start2] = transform(array);
+    return apply(func, this, otherArgs);
+  };
+}
+function constant(value) {
+  return function() {
+    return value;
+  };
+}
+var baseSetToString = !defineProperty$1 ? identity : function(func, string) {
+  return defineProperty$1(func, "toString", {
+    "configurable": true,
+    "enumerable": false,
+    "value": constant(string),
+    "writable": true
+  });
+};
+const baseSetToString$1 = baseSetToString;
+var HOT_COUNT = 800, HOT_SPAN = 16;
+var nativeNow = Date.now;
+function shortOut(func) {
+  var count = 0, lastCalled = 0;
+  return function() {
+    var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
+    lastCalled = stamp;
+    if (remaining > 0) {
+      if (++count >= HOT_COUNT) {
+        return arguments[0];
+      }
+    } else {
+      count = 0;
+    }
+    return func.apply(void 0, arguments);
+  };
+}
+var setToString = shortOut(baseSetToString$1);
+const setToString$1 = setToString;
+function baseRest(func, start2) {
+  return setToString$1(overRest(func, start2, identity), func + "");
+}
+function isIterateeCall(value, index, object) {
+  if (!isObject(object)) {
+    return false;
+  }
+  var type = typeof index;
+  if (type == "number" ? isArrayLike(object) && isIndex(index, object.length) : type == "string" && index in object) {
+    return eq(object[index], value);
+  }
+  return false;
+}
+function createAssigner(assigner) {
+  return baseRest(function(object, sources) {
+    var index = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
+    customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+      customizer = length < 3 ? void 0 : customizer;
+      length = 1;
+    }
+    object = Object(object);
+    while (++index < length) {
+      var source = sources[index];
+      if (source) {
+        assigner(object, source, index, customizer);
+      }
+    }
+    return object;
+  });
+}
+var merge = createAssigner(function(object, source, srcIndex) {
+  baseMerge(object, source, srcIndex);
+});
+const merge$1 = merge;
 var ThemeContext = createContext({
   theme: commonTheme
 });
@@ -1548,7 +2305,7 @@ var useTheme = function(componentName, styles2, tweakStyles, options) {
   var components = theme.components;
   var _components_componentName;
   var newStyles = useMemo(function() {
-    return merge({}, styles2, (_components_componentName = components === null || components === void 0 ? void 0 : components[componentName]) !== null && _components_componentName !== void 0 ? _components_componentName : {}, tweakStyles);
+    return merge$1({}, styles2, (_components_componentName = components === null || components === void 0 ? void 0 : components[componentName]) !== null && _components_componentName !== void 0 ? _components_componentName : {}, tweakStyles);
   }, [
     styles2,
     components === null || components === void 0 ? void 0 : components[componentName],
@@ -2768,8 +3525,8 @@ var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" mo
 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, self) {
-      return self.indexOf(value) === index;
+    [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index, self2) {
+      return self2.indexOf(value) === index;
     }).forEach(function(key) {
       switch (key) {
         case "name":
@@ -3162,11 +3919,11 @@ function _array_like_to_array$o(arr, len) {
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_without_holes$4(arr) {
+function _array_without_holes$5(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$o(arr);
 }
-function _define_property$O(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -3179,11 +3936,11 @@ function _define_property$O(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$4(iter) {
+function _iterable_to_array$5(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _non_iterable_spread$4() {
+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$N(target) {
@@ -3196,13 +3953,13 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
 }
-function _to_consumable_array$4(arr) {
-  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$4();
+function _to_consumable_array$5(arr) {
+  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$o(arr) || _non_iterable_spread$5();
 }
 function _unsupported_iterable_to_array$o(o, minLen) {
   if (!o)
@@ -3238,7 +3995,7 @@ var useDropdown = function(param) {
     popperData = usePopper(referenceElement, dropdownElement, {
       enabled: isOpen,
       placement,
-      modifiers: _to_consumable_array$4(shouldRenderInBody ? [
+      modifiers: _to_consumable_array$5(shouldRenderInBody ? [
         minWidthModifier
       ] : []).concat([
         {
@@ -3261,7 +4018,7 @@ var useDropdown = function(param) {
             ]
           }, flipOptions)
         }
-      ], _to_consumable_array$4(modifiers))
+      ], _to_consumable_array$5(modifiers))
     });
   }
   useEffect(function() {
@@ -3274,7 +4031,7 @@ var useDropdown = function(param) {
 var useTweakStyles = function() {
   var componentStyles = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, tweakStyles = arguments.length > 1 ? arguments[1] : void 0, className = arguments.length > 2 ? arguments[2] : void 0;
   return useMemo(function() {
-    return merge({}, componentStyles[className], tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles[className]);
+    return merge$1({}, componentStyles[className], tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles[className]);
   }, [
     tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles[className]
   ]);
@@ -4121,7 +4878,7 @@ var icons = checkIcons({
     ]
   }
 });
-function _define_property$N(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4144,7 +4901,7 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
@@ -4271,7 +5028,7 @@ const avatarGreen = `  <svg\r
 var complexIcons = {
   avatar: avatarGreen
 };
-function _define_property$M(obj, key, value) {
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4294,7 +5051,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
@@ -4318,7 +5075,7 @@ var styles$K = {
     alignItems: "center"
   }
 };
-function _define_property$L(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4341,7 +5098,7 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
@@ -4432,7 +5189,7 @@ var styles$J = {
   },
   content: {}
 };
-function _define_property$K(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4455,7 +5212,7 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
@@ -4503,7 +5260,7 @@ var List = function(param) {
             className: classes.spacer
           }),
           /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$J({
-            className: clsx(classes.item, (_obj = {}, _define_property$K(_obj, classes.disabledItem, item.disabled), _define_property$K(_obj, classes.withIconGap, item.withIconGap), _obj))
+            className: clsx(classes.item, (_obj = {}, _define_property$L(_obj, classes.disabledItem, item.disabled), _define_property$L(_obj, classes.withIconGap, item.withIconGap), _obj))
           }, addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
             disabled: item.disabled
           })), {
@@ -4531,7 +5288,7 @@ var List = function(param) {
     })
   }));
 };
-function _define_property$J(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4554,7 +5311,7 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
@@ -4638,7 +5395,7 @@ function _array_with_holes$n(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4692,7 +5449,7 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
@@ -4833,7 +5590,7 @@ var styles$H = {
     width: "100%"
   }
 };
-function _define_property$H(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -4856,7 +5613,7 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
@@ -5050,7 +5807,7 @@ var styles$E = {
   },
   tweakPreloaderComponent: {}
 };
-function _define_property$G(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5073,7 +5830,7 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
@@ -5107,7 +5864,7 @@ var ThemedPreloader = function(param) {
   var _useTheme = useTheme("ThemedPreloader", styles$E, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var preloaderComponentStyles = useTweakStyles(componentStyles, tweakStyles, "tweakPreloaderComponent");
   return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$F({
-    className: clsx(classes.root, classes[type], _define_property$G({}, classes.currentColor, useCurrentColor))
+    className: clsx(classes.root, classes[type], _define_property$H({}, classes.currentColor, useCurrentColor))
   }, addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: preloaderComponentStyles
@@ -5287,7 +6044,7 @@ var dotsPreloaderStyles = {
     }
   }
 };
-function _define_property$F(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5310,7 +6067,7 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
@@ -5352,7 +6109,7 @@ var Button = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
   var _useTheme = useTheme("Button", styles$D, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakPreloaderStyles = useMemo(function() {
-    return merge({}, size === "s" || size === "m" ? dotsPreloaderStyles : void 0, componentStyles.tweakPreloader, tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakPreloader);
+    return merge$1({}, size === "s" || size === "m" ? dotsPreloaderStyles : void 0, componentStyles.tweakPreloader, tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakPreloader);
   }, [
     tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakPreloader,
     size
@@ -5363,7 +6120,7 @@ var Button = function(param) {
   var _obj, _obj1;
   return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.fullWidth, isFullWidth), _define_property$F(_obj, classes.inline, isInline), _define_property$F(_obj, classes.active, isActive), _define_property$F(_obj, classes.loading, isLoading), _define_property$F(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$G(_obj, classes.disabled, isDisabled), _define_property$G(_obj, classes.fullWidth, isFullWidth), _define_property$G(_obj, classes.inline, isInline), _define_property$G(_obj, classes.active, isActive), _define_property$G(_obj, classes.loading, isLoading), _define_property$G(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction,
     onClick: !hasNoAction ? onClick : void 0,
@@ -5371,7 +6128,7 @@ var Button = function(param) {
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$F(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$F(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$G(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$G(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -5463,7 +6220,7 @@ function _array_with_holes$m(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$E(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5517,7 +6274,7 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
@@ -5586,7 +6343,7 @@ function Checkbox(param) {
   ]);
   var _obj;
   return /* @__PURE__ */ jsxs("label", _object_spread_props$u(_object_spread$D({
-    className: clsx(classes.root, (_obj = {}, _define_property$E(_obj, classes.disabled, isDisabled), _define_property$E(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
+    className: clsx(classes.root, (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsx("input", _object_spread$D({
@@ -5637,7 +6394,7 @@ var styles$B = {
     }
   }
 };
-function _define_property$D(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5660,7 +6417,7 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
@@ -5835,7 +6592,7 @@ var styles$z = {
   },
   root: {}
 };
-function _define_property$C(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -5858,7 +6615,7 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$C(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
@@ -6143,6 +6900,7 @@ var styles$y = {
     paddingLeft: 13
   },
   loading: {},
+  withUnits: {},
   tweakPreloader: {}
 };
 var renderIcon = function(icon) {
@@ -6177,9 +6935,9 @@ function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator$5(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -6190,7 +6948,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$B(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6244,7 +7002,7 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
@@ -6439,9 +7197,10 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
   var hasUnits = units !== void 0 && units !== "";
   var hasLabel = isNotEmpty(label);
   var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly) && isNotEmpty(placeholder);
+  var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj;
   var props = _object_spread$A({
-    className: clsx(classes.input, (_obj = {}, _define_property$B(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$B(_obj, classes.withIcons, hasControls), _define_property$B(_obj, classes.withControls, hasControls), _define_property$B(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
+    className: clsx(classes.input, (_obj = {}, _define_property$C(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$C(_obj, classes.withIcons, hasControls), _define_property$C(_obj, classes.withControls, hasControls), _define_property$C(_obj, classes.withUnits, shouldShowUnits), _define_property$C(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -6464,7 +7223,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
     className: classes.root,
     children: [
       /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$A({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$B(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$B(_obj1, classes.invalid, isInvalid), _define_property$B(_obj1, classes.focused, hasFocus), _define_property$B(_obj1, classes.disabled, isDisabled), _define_property$B(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$C(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$C(_obj1, classes.invalid, isInvalid), _define_property$C(_obj1, classes.focused, hasFocus), _define_property$C(_obj1, classes.disabled, isDisabled), _define_property$C(_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: [
@@ -6478,12 +7237,12 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj2 = {}, _define_property$B(_obj2, classes.invalidLabel, isInvalid), _define_property$B(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$B(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$B(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$B(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
+            className: clsx(classes.label, (_obj2 = {}, _define_property$C(_obj2, classes.invalidLabel, isInvalid), _define_property$C(_obj2, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$C(_obj2, classes.activeLabel, hasFocus && !isReadonly || hasValue), _define_property$C(_obj2, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$C(_obj2, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj2)),
             children: label
           }),
-          (hasValue || isFocused && !hasPlaceholder) && hasUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$B({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+          shouldShowUnits && /* @__PURE__ */ jsxs("div", {
+            className: clsx(classes.unitsWrapper, _define_property$C({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -6515,7 +7274,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
                 })
               }),
               iconType !== void 0 && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$B({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$C({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -6543,7 +7302,7 @@ var styles$x = {
   },
   tweakInput: {}
 };
-function _define_property$A(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6566,7 +7325,7 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$B(target, key, source[key]);
     });
   }
   return target;
@@ -6692,11 +7451,11 @@ var DatePickerInput = /* @__PURE__ */ forwardRef(function(param, ref) {
     })
   });
 });
-function _assert_this_initialized(self) {
-  if (self === void 0) {
+function _assert_this_initialized(self2) {
+  if (self2 === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
-  return self;
+  return self2;
 }
 function _class_call_check(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -6720,7 +7479,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$z(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6763,7 +7522,7 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
@@ -6800,11 +7559,11 @@ function _object_without_properties_loose$7(source, excluded) {
   }
   return target;
 }
-function _possible_constructor_return(self, call) {
+function _possible_constructor_return(self2, call) {
   if (call && (_type_of(call) === "object" || typeof call === "function")) {
     return call;
   }
-  return _assert_this_initialized(self);
+  return _assert_this_initialized(self2);
 }
 function _set_prototype_of(o, p) {
   _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o2, p2) {
@@ -6861,8 +7620,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$z(_assert_this_initialized(_this), "node", createRef());
-    _define_property$z(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$A(_assert_this_initialized(_this), "node", createRef());
+    _define_property$A(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -6912,8 +7671,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$z(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
-function _define_property$y(obj, key, value) {
+_define_property$A(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -6936,7 +7695,7 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
@@ -6987,6 +7746,9 @@ var styles$v = {
     boxSizing: "border-box",
     fontSize: 14
   },
+  cellWithCheckbox: {
+    padding: 0
+  },
   noMatchesLabel: {
     pointerEvents: "none"
   },
@@ -7001,7 +7763,17 @@ var styles$v = {
   },
   defaultCell: {}
 };
-function _define_property$x(obj, key, value) {
+var checkboxStyles = {
+  root: {
+    padding: CELL_PADDING,
+    width: "100%"
+  },
+  input: {
+    // иначе будет фокуситься и энтер будет вызывать изменение нескольких опций
+    display: "none"
+  }
+};
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -7024,7 +7796,7 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
@@ -7053,15 +7825,67 @@ function _object_spread_props$q(target, source) {
   }
   return target;
 }
-var DEFAULT_OPTION_INDEX = -1;
+var SelectListItem = function(param) {
+  var classes = param.classes, index = param.index, isSemiChecked = param.isSemiChecked, isDisabled = param.isDisabled, isActive = param.isActive, children = param.children, isFocused = param.isFocused, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox;
+  var isMultiSelect = isNotEmpty(onToggleCheckbox);
+  var _obj;
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
+    active: isFocused,
+    options: {
+      block: "nearest"
+    },
+    className: clsx(classes.cell, (_obj = {}, _define_property$y(_obj, classes.cellWithCheckbox, isMultiSelect), _define_property$y(_obj, classes.focused, isFocused), _define_property$y(_obj, classes.active, isActive && !isMultiSelect), _define_property$y(_obj, classes.disabled, isDisabled), _obj))
+  }, addDataAttributes({
+    disabled: isDisabled,
+    active: isActive,
+    focused: isFocused
+  })), {
+    onClick: !isDisabled && !isMultiSelect ? function(event) {
+      return onOptionSelect(index, event);
+    } : void 0,
+    children: isMultiSelect ? /* @__PURE__ */ jsx(Checkbox, {
+      value: index,
+      isChecked: isActive || isSemiChecked,
+      isSemiChecked,
+      isDisabled,
+      tweakStyles: checkboxStyles,
+      onSelect: function(v) {
+        return onToggleCheckbox(index, v.isSelected);
+      },
+      children
+    }) : children
+  }));
+};
+var DEFAULT_OPTION_INDEX = -2;
+var ALL_OPTION_INDEX = -1;
+function _define_property$x(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 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, customListHeader = param.customListHeader, isOptionDisabled = param.isOptionDisabled, onOptionClick = param.onOptionClick, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId;
+  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, 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 = useTheme("SelectList", styles$v, tweakStyles).classes;
-  var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
-  var isActiveOption = function(item) {
-    return convertValueToId(item) === activeValueId;
-  };
-  var convertFunction = convertValueToReactNode !== null && convertValueToReactNode !== void 0 ? convertValueToReactNode : convertValueToString;
+  var isMultiSelect = isNotEmpty(onToggleCheckbox);
+  var multiSelectValue = activeValue;
+  var _multiSelectValue_length;
+  var selectedOptionsCount = (_multiSelectValue_length = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.length) !== null && _multiSelectValue_length !== void 0 ? _multiSelectValue_length : 0;
+  var _multiSelectValue_map;
+  var activeOptionsIdMap = useMemo(function() {
+    return isMultiSelect ? (_multiSelectValue_map = multiSelectValue === null || multiSelectValue === void 0 ? void 0 : multiSelectValue.map(convertValueToId)) !== null && _multiSelectValue_map !== void 0 ? _multiSelectValue_map : [] : [];
+  }, [
+    isMultiSelect,
+    multiSelectValue,
+    convertValueToId
+  ]);
   var optionsDisableMap = useMemo(function() {
     return options.map(function(o) {
       return isOptionDisabled(o);
@@ -7072,15 +7896,18 @@ function SelectList(param) {
   ]);
   var listOptions = useMemo(function() {
     return options.map(function(opt, i) {
-      return convertFunction(opt, optionsDisableMap[i]);
+      return convertValueToReactNode(opt, optionsDisableMap[i]);
     });
   }, [
     options,
-    convertFunction,
+    convertValueToReactNode,
     optionsDisableMap
   ]);
+  var isActiveOption = function(item) {
+    return isMultiSelect ? activeOptionsIdMap.includes(convertValueToId(item)) : isNotEmpty(activeValue) && convertValueToId(activeValue) === convertValueToId(item);
+  };
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
-    active: shouldScrollToList,
+    active: shouldScrollToList && !isMultiSelect,
     className: clsx(classes.root, _define_property$x({}, classes.withListHeader, isNotEmpty(customListHeader))),
     children: [
       isNotEmpty(customListHeader) && /* @__PURE__ */ jsx("div", {
@@ -7095,39 +7922,42 @@ function SelectList(param) {
           children: loadingLabel
         }) : /* @__PURE__ */ jsxs(Fragment, {
           children: [
-            defaultOptionLabel !== void 0 && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
+            isNotEmpty(defaultOptionLabel) && /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
               active: focusedIndex === DEFAULT_OPTION_INDEX,
               options: {
                 block: "nearest"
               },
               className: clsx(classes.cell, classes.defaultCell, focusedIndex === DEFAULT_OPTION_INDEX && classes.focused),
               onClick: function(event) {
-                return onOptionClick(DEFAULT_OPTION_INDEX, event);
+                return onOptionSelect(DEFAULT_OPTION_INDEX, event);
               },
               children: defaultOptionLabel
             }),
+            isNotEmpty(allOptionsLabel) && /* @__PURE__ */ jsx(SelectListItem, {
+              classes,
+              index: ALL_OPTION_INDEX,
+              isSemiChecked: selectedOptionsCount > 0 && selectedOptionsCount < options.length,
+              isActive: selectedOptionsCount === options.length,
+              isFocused: focusedIndex === ALL_OPTION_INDEX,
+              onOptionSelect,
+              onToggleCheckbox,
+              children: allOptionsLabel
+            }),
             listOptions.map(function(opt, i) {
               var optionValue = options[i];
-              var isFocused = i === focusedIndex;
+              var isFocused = focusedIndex === i;
               var isActive = isActiveOption(optionValue);
               var isDisabled = optionsDisableMap[i];
-              var _obj;
-              return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
-                active: isFocused,
-                options: {
-                  block: "nearest"
-                },
-                className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused, isFocused), _define_property$x(_obj, classes.active, isActive), _define_property$x(_obj, classes.disabled, isDisabled), _obj))
-              }, addDataAttributes({
-                disabled: isDisabled,
-                active: isActive,
-                focused: isFocused
-              })), {
-                onClick: !isDisabled ? function(event) {
-                  return onOptionClick(i, event);
-                } : void 0,
+              return /* @__PURE__ */ jsx(SelectListItem, {
+                classes,
+                index: i,
+                isDisabled,
+                isActive,
+                isFocused,
+                onOptionSelect,
+                onToggleCheckbox,
                 children: opt
-              }), i);
+              }, i);
             }),
             listOptions.length === 0 && /* @__PURE__ */ jsx("div", {
               className: clsx(classes.cell, classes.noMatchesLabel),
@@ -7149,10 +7979,13 @@ var defaultConvertFunction$2 = function(v) {
 var defaultCompareFunction = function(v1, v2) {
   return v1 === v2;
 };
-var getActiveValueIndex = function(options, value, convertFunc) {
-  return isNotEmpty(value) ? options.findIndex(function(o) {
-    return convertFunc(o) === convertFunc(value);
-  }) : -1;
+var getDefaultConvertToIdFunction = function(convertValueToString) {
+  return function(value) {
+    return isNotEmpty(value === null || value === void 0 ? void 0 : value.id) ? String(value.id) : convertValueToString(value);
+  };
+};
+var isMultiSelectValue = function(props, _value) {
+  return props.isMultiSelect === true;
 };
 var styles$u = {
   root: {
@@ -7202,6 +8035,21 @@ var styles$u = {
     input: {
       paddingRight: 32
     },
+    withUnits: {
+      paddingRight: 8
+    },
+    unitsWrapper: {
+      position: "unset",
+      padding: [
+        0,
+        32,
+        0,
+        0
+      ]
+    },
+    fakeValue: {
+      display: "none"
+    },
     disabled: {
       "& $input": {
         cursor: "default"
@@ -7386,6 +8234,10 @@ function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
+function _array_without_holes$4(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array$j(arr);
+}
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -7402,9 +8254,9 @@ function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator$4(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -7428,6 +8280,10 @@ function _define_property$v(obj, key, value) {
   }
   return obj;
 }
+function _iterable_to_array$4(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
 function _iterable_to_array_limit$j(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
@@ -7459,6 +8315,9 @@ function _iterable_to_array_limit$j(arr, i) {
 function _non_iterable_rest$j() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _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) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
@@ -7533,6 +8392,9 @@ function _object_without_properties_loose$5(source, excluded) {
 function _sliced_to_array$j(arr, i) {
   return _array_with_holes$j(arr) || _iterable_to_array_limit$j(arr, i) || _unsupported_iterable_to_array$j(arr, i) || _non_iterable_rest$j();
 }
+function _to_consumable_array$4(arr) {
+  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$4();
+}
 function _unsupported_iterable_to_array$j(o, minLen) {
   if (!o)
     return;
@@ -7648,11 +8510,12 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
     };
   }
 };
-function Select(_param) {
-  var options = _param.options, value = _param.value, defaultOptionLabel = _param.defaultOptionLabel, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isReadonly = _param.isReadonly, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, searchInput = _param.searchInput, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_isOptionDisabled = _param.isOptionDisabled, isOptionDisabled = _param_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _param_isOptionDisabled, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, optionsFilter = _param.optionsFilter, inputProps = _object_without_properties$5(_param, [
+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, units = props.units, 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$5(props, [
     "options",
     "value",
     "defaultOptionLabel",
+    "allOptionsLabel",
     "debounceTime",
     "optionsMode",
     "noMatchesLabel",
@@ -7666,6 +8529,7 @@ function Select(_param) {
     "dropdownIcon",
     "shouldScrollToList",
     "searchInput",
+    "units",
     "onChange",
     "onFocus",
     "onBlur",
@@ -7682,8 +8546,8 @@ function Select(_param) {
   var isMounted = useIsMounted();
   var _useState = _sliced_to_array$j(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
   var _useState1 = _sliced_to_array$j(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
-  var hasDefaultOption = defaultOptionLabel !== void 0;
-  var _useState2 = _sliced_to_array$j(useState(-1), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
+  var hasDefaultOption = isStringNotEmpty(defaultOptionLabel);
+  var _useState2 = _sliced_to_array$j(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
   var _useState3 = _sliced_to_array$j(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
   var _useState4 = _sliced_to_array$j(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
   var inputWrapper = useRef(null);
@@ -7691,31 +8555,50 @@ function Select(_param) {
   var input = useRef(null);
   var shouldRenderSearchInputInList = (searchInput === null || searchInput === void 0 ? void 0 : searchInput.shouldRenderInList) === true;
   var hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
-  var stringValue = isNotEmpty(value) ? convertValueToString(value) : void 0;
+  var isMultiSelect = isMultiSelectValue(props);
+  var strValue = isMultiSelect ? value === null || value === void 0 ? void 0 : value[0] : value;
+  var shouldShowAllOption = isMultiSelect && isNotEmpty(allOptionsLabel) && searchValue === "";
   var filteredOptions = useMemo(function() {
     if (optionsMode !== "search") {
       return options;
     }
-    if (isNotEmpty(optionsFilter)) {
-      return optionsFilter(options, searchValue);
-    }
-    var lowerCaseValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
-    return options.filter(function(option) {
-      var convertedOption = convertValueToString(option);
-      return convertedOption !== void 0 && convertedOption.toLowerCase().includes(lowerCaseValue);
+    var _convertValueToString;
+    var filter = optionsFilter !== null && optionsFilter !== void 0 ? optionsFilter : createFilter(function(option) {
+      return [
+        (_convertValueToString = convertValueToString(option)) !== null && _convertValueToString !== void 0 ? _convertValueToString : ""
+      ];
     });
+    return filter(options, searchValue);
   }, [
-    optionsMode,
     optionsFilter,
     options,
     convertValueToString,
-    searchValue
+    searchValue,
+    optionsMode
   ]);
-  useEffect(function() {
-    setFocusedListCellIndex(getActiveValueIndex(filteredOptions, value, convertValueToString));
+  var optionsIndexesForNavigation = useMemo(function() {
+    var result = [];
+    if (shouldShowDefaultOption && hasDefaultOption) {
+      result.push(DEFAULT_OPTION_INDEX);
+    }
+    if (shouldShowAllOption) {
+      result.push(ALL_OPTION_INDEX);
+    }
+    return result.concat(filteredOptions.reduce(function(acc, cur, i) {
+      if (!isOptionDisabled(cur)) {
+        acc.push(i);
+      }
+      return acc;
+    }, []));
   }, [
-    filteredOptions,
-    value,
+    filteredOptions
+  ]);
+  var stringValue = isNotEmpty(strValue) ? convertValueToString(strValue) : void 0;
+  var showedStringValue = isMultiSelect && (value === null || value === void 0 ? void 0 : value.length) === filteredOptions.length && isNotEmpty(allOptionsLabel) ? allOptionsLabel : stringValue;
+  var convertToId = useCallback(function(v) {
+    return (convertValueToId !== null && convertValueToId !== void 0 ? convertValueToId : getDefaultConvertToIdFunction(convertValueToString))(v);
+  }, [
+    convertValueToId,
     convertValueToString
   ]);
   var handleListClose = useCallback(function(event) {
@@ -7752,11 +8635,9 @@ function Select(_param) {
     }
   };
   var handleOnChange = useCallback(function(newValue) {
-    var areValuesEqual = compareValuesOnChange(value, newValue);
-    if (areValuesEqual) {
-      return;
+    if (!compareValuesOnChange(value, newValue)) {
+      onChange(newValue);
     }
-    onChange(newValue);
   }, [
     value,
     compareValuesOnChange,
@@ -7764,7 +8645,7 @@ function Select(_param) {
   ]);
   var handleOptionSelect = useCallback(function(index, event) {
     var _input_current;
-    handleOnChange(index === -1 ? void 0 : filteredOptions[index]);
+    handleOnChange(index === DEFAULT_OPTION_INDEX ? void 0 : filteredOptions[index]);
     handleListClose(event);
     (_input_current = input.current) === null || _input_current === void 0 ? void 0 : _input_current.blur();
   }, [
@@ -7772,6 +8653,36 @@ function Select(_param) {
     handleListClose,
     filteredOptions
   ]);
+  var handleToggleOptionCheckbox = useCallback(function(index, isSelected) {
+    if (!isMultiSelect) {
+      return;
+    }
+    if (index === DEFAULT_OPTION_INDEX || index === ALL_OPTION_INDEX && !isSelected) {
+      handleOnChange(void 0);
+      return;
+    }
+    if (index === ALL_OPTION_INDEX && isSelected) {
+      handleOnChange(options);
+      return;
+    }
+    var option = filteredOptions[index];
+    handleOnChange(isSelected ? (
+      // Добавляем
+      _to_consumable_array$4(value !== null && value !== void 0 ? value : []).concat([
+        option
+      ])
+    ) : (
+      // Убираем
+      value === null || value === void 0 ? void 0 : value.filter(function(o) {
+        return convertToId(o) !== convertToId(option);
+      })
+    ));
+  }, [
+    handleOnChange,
+    filteredOptions,
+    isMultiSelect,
+    value
+  ]);
   var handleOnType = useCallback(function() {
     var _ref2 = _async_to_generator$4(function(v) {
       return __generator$4(this, function(_state) {
@@ -7831,47 +8742,43 @@ function Select(_param) {
       return;
     }
     event.stopPropagation();
+    var curIndexInNavigation = optionsIndexesForNavigation.findIndex(function(index) {
+      return index === focusedListCellIndex;
+    });
     switch (event.code) {
       case "Enter":
       case "NumpadEnter": {
-        var indexToClick = focusedListCellIndex;
-        if (indexToClick === -1 && filteredOptions.length === 1) {
-          indexToClick = 0;
+        var indexToSelect = focusedListCellIndex;
+        if (indexToSelect === DEFAULT_OPTION_INDEX && filteredOptions.length === 1) {
+          indexToSelect = 0;
+        }
+        if (isMultiSelect) {
+          var isThisValueAlreadySelected;
+          if (indexToSelect === ALL_OPTION_INDEX) {
+            isThisValueAlreadySelected = (value === null || value === void 0 ? void 0 : value.length) === options.length;
+          } else {
+            var valueIdToSelect = convertToId(filteredOptions[indexToSelect]);
+            var _value_some;
+            isThisValueAlreadySelected = (_value_some = value === null || value === void 0 ? void 0 : value.some(function(opt) {
+              return convertToId(opt) === valueIdToSelect;
+            })) !== null && _value_some !== void 0 ? _value_some : false;
+          }
+          handleToggleOptionCheckbox(indexToSelect, !isThisValueAlreadySelected);
+        } else {
+          handleOptionSelect(indexToSelect, event);
         }
-        handleOptionSelect(indexToClick, event);
         break;
       }
       case "ArrowDown": {
         event.preventDefault();
-        var newIndex = focusedListCellIndex !== null && focusedListCellIndex !== void 0 ? focusedListCellIndex : -1;
-        for (var i = newIndex; i < newIndex + filteredOptions.length; i++) {
-          var targetIndex = (i + 1) % filteredOptions.length;
-          if (shouldShowDefaultOption && hasDefaultOption && newIndex > -1 && targetIndex === 0) {
-            newIndex = -1;
-            break;
-          }
-          if (!isOptionDisabled(filteredOptions[targetIndex])) {
-            newIndex = targetIndex;
-            break;
-          }
-        }
-        setFocusedListCellIndex(newIndex);
+        var targetIndexInNavigation = (curIndexInNavigation + 1) % optionsIndexesForNavigation.length;
+        setFocusedListCellIndex(optionsIndexesForNavigation[targetIndexInNavigation]);
         break;
       }
       case "ArrowUp": {
         event.preventDefault();
-        var newIndex1 = (focusedListCellIndex !== null && focusedListCellIndex !== void 0 ? focusedListCellIndex : -1) === -1 ? 0 : focusedListCellIndex;
-        for (var i1 = newIndex1; i1 > newIndex1 - filteredOptions.length; i1--) {
-          var targetIndex1 = (i1 > 0 ? i1 : filteredOptions.length + i1) - 1;
-          if (shouldShowDefaultOption && hasDefaultOption && focusedListCellIndex !== -1 && targetIndex1 === filteredOptions.length - 1) {
-            setFocusedListCellIndex(-1);
-            break;
-          }
-          if (!isOptionDisabled(filteredOptions[targetIndex1])) {
-            setFocusedListCellIndex(targetIndex1);
-            break;
-          }
-        }
+        var targetIndexInNavigation1 = (curIndexInNavigation - 1 + optionsIndexesForNavigation.length) % optionsIndexesForNavigation.length;
+        setFocusedListCellIndex(optionsIndexesForNavigation[targetIndexInNavigation1]);
         break;
       }
     }
@@ -7900,7 +8807,7 @@ function Select(_param) {
   );
   var hasReadonlyInput = isReadonly || optionsMode === "normal" || shouldRenderSearchInputInList;
   var tweakInputStyles = useMemo(function() {
-    return merge({}, componentStyles.tweakInput, _object_spread$u({}, hasReadonlyInput && {
+    return merge$1({}, componentStyles.tweakInput, _object_spread$u({}, hasReadonlyInput && {
       input: {
         cursor: "pointer"
       }
@@ -7923,12 +8830,16 @@ function Select(_param) {
     ]
   });
   useEffect(function() {
-    if (isOpen && onOpen !== void 0) {
-      onOpen();
+    var val = isMultiSelect ? value === null || value === void 0 ? void 0 : value[0] : value;
+    var _optionsIndexesForNavigation_find;
+    setFocusedListCellIndex((_optionsIndexesForNavigation_find = optionsIndexesForNavigation.find(function(index) {
+      return filteredOptions[index] === val;
+    })) !== null && _optionsIndexesForNavigation_find !== void 0 ? _optionsIndexesForNavigation_find : optionsIndexesForNavigation[0]);
+    if (isOpen) {
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     }
   }, [
-    isOpen,
-    onOpen
+    isOpen
   ]);
   var _obj;
   var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$o(_object_spread$u({
@@ -7940,6 +8851,7 @@ function Select(_param) {
     children: isOpen && /* @__PURE__ */ jsx(SelectList, {
       options: filteredOptions,
       defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
+      allOptionsLabel: shouldShowAllOption ? allOptionsLabel : void 0,
       customListHeader: hasSearchInputInList ? /* @__PURE__ */ jsx(SearchInput, _object_spread$u({
         value: searchValue,
         onChange: handleInputChange,
@@ -7957,8 +8869,9 @@ function Select(_param) {
       isOptionDisabled,
       convertValueToString,
       convertValueToReactNode,
-      convertValueToId,
-      onOptionClick: handleOptionSelect
+      convertValueToId: convertToId,
+      onOptionSelect: handleOptionSelect,
+      onToggleCheckbox: isMultiSelect ? handleToggleOptionCheckbox : void 0
     })
   }));
   return /* @__PURE__ */ jsxs("div", {
@@ -7971,7 +8884,7 @@ function Select(_param) {
         ref: inputWrapper,
         children: [
           /* @__PURE__ */ jsx(Input, _object_spread$u({
-            value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : stringValue,
+            value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
             isReadonly: hasReadonlyInput,
@@ -7981,7 +8894,8 @@ function Select(_param) {
             ref: input,
             isLoading: areOptionsLoading,
             tweakStyles: tweakInputStyles,
-            testId
+            testId,
+            units: isMultiSelect && isNotEmpty(value) && value.length > 1 && value.length !== options.length ? "(+".concat(value.length - 1, ")") : units
           }, inputProps)),
           /* @__PURE__ */ jsx("div", {
             onMouseDown: function(event) {
@@ -8818,7 +9732,7 @@ var SelectLocales = {
 var DEFAULT_LOCALE$2 = "en";
 var getLocale$2 = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE$2, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
-  return merge({}, SelectLocales[key], custom, custom2);
+  return merge$1({}, SelectLocales[key], custom, custom2);
 };
 function _define_property$s(obj, key, value) {
   if (key in obj) {
@@ -9027,9 +9941,9 @@ function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator$3(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -9718,7 +10632,7 @@ var FilterLocales = {
 var DEFAULT_LOCALE$1 = "en";
 var getLocale$1 = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE$1, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
-  return merge({}, FilterLocales[key], custom, custom2);
+  return merge$1({}, FilterLocales[key], custom, custom2);
 };
 var FILTER_HEIGHT = 36;
 var styles$o = {
@@ -10312,9 +11226,9 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator$2(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -10882,7 +11796,7 @@ var MultiSelectLocales = {
 var DEFAULT_LOCALE = "en";
 var getLocale = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
-  return merge({}, MultiSelectLocales[key], custom, custom2);
+  return merge$1({}, MultiSelectLocales[key], custom, custom2);
 };
 function _define_property$n(obj, key, value) {
   if (key in obj) {
@@ -11063,9 +11977,9 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator$1(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -26575,7 +27489,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 var TextWithTooltip = function(param) {
   var children = param.children, tooltipText = param.tooltipText, _param_tooltipPosition = param.tooltipPosition, tooltipPosition = _param_tooltipPosition === void 0 ? "top" : _param_tooltipPosition, _param_tooltipView = param.tooltipView, tooltipView = _param_tooltipView === void 0 ? "tooltip" : _param_tooltipView, tooltipType = param.tooltipType, _param_tooltipModifiers = param.tooltipModifiers, tooltipModifiers = _param_tooltipModifiers === void 0 ? [] : _param_tooltipModifiers, tooltipOffsetOptions = param.tooltipOffsetOptions, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_mouseEventType = param.mouseEventType, mouseEventType = _param_mouseEventType === void 0 ? "hover" : _param_mouseEventType, hoverDelay = param.hoverDelay, data = param.data, tweakStyles = param.tweakStyles;
   var _useTheme = useTheme("TextWithTooltip", styles$2, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
-  var root = useRef(null);
+  var root2 = useRef(null);
   var tooltip = useRef(null);
   var _useState = _sliced_to_array(useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
   var _useState1 = _sliced_to_array(useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
@@ -26601,7 +27515,7 @@ var TextWithTooltip = function(param) {
       return clearTimeout(tooltipTimeout);
     };
   }, []);
-  var _usePopper = usePopper(root.current, tooltip.current, {
+  var _usePopper = usePopper(root2.current, tooltip.current, {
     enabled: isTooltipVisible,
     placement: tooltipPosition,
     modifiers: [
@@ -26620,7 +27534,7 @@ var TextWithTooltip = function(param) {
     if (mouseEventType === "click") {
       setIsTooltipVisible(false);
     }
-  }, root);
+  }, root2);
   var props = mouseEventType === "click" ? {
     onClick: function() {
       return setIsTooltipVisible(true);
@@ -26634,10 +27548,10 @@ var TextWithTooltip = function(param) {
   return /* @__PURE__ */ jsxs("div", _object_spread_props$2(_object_spread$2({
     className: clsx(classes.root, mouseEventType === "click" && shouldShowTooltip && classes.clickable)
   }, shouldShowTooltip ? props : void 0, addDataAttributes(data)), {
-    ref: root,
+    ref: root2,
     children: [
       shouldShowTooltip && /* @__PURE__ */ jsx(Portal, {
-        container: shouldRenderInBody ? document.body : root.current,
+        container: shouldRenderInBody ? document.body : root2.current,
         children: /* @__PURE__ */ jsx("div", _object_spread_props$2(_object_spread$2({
           className: classes.tooltip,
           style: popperStyles.popper
@@ -26855,9 +27769,9 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
 }
 function _async_to_generator(fn3) {
   return function() {
-    var self = this, args = arguments;
+    var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self, args);
+      var gen = fn3.apply(self2, args);
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
@@ -27160,6 +28074,7 @@ export {
   checkElementParentsClassNames,
   checkSearchStringInCountry,
   commonTheme,
+  createFilter,
   defaultConvertFunction$1 as defaultConvertFunction,
   findCountryByCode,
   findCountryIndexByCode,
@@ -27184,6 +28099,7 @@ export {
   isInt,
   isNotEmpty,
   isSpaceChar,
+  isStringNotEmpty,
   minWidthModifier,
   phoneInfo,
   removeStringFormat,