@true-engineering/true-react-common-ui-kit 3.26.1 → 3.27.1

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

@@ -1,9 +1,10 @@
 import React, { createContext, useRef, useEffect, useCallback, useState, useMemo, useContext, createElement, Fragment as Fragment$1, forwardRef, createRef, PureComponent, memo } from "react";
 import { createUseStyles } from "react-jss";
-import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isFunction as isFunction$1, applyAction, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
+import { mergeStyles, isNotEmpty, isArrayNotEmpty, isEmpty, isString, isStringNotEmpty, mergeRefs, addDataTestId, applyAction, isFunction as isFunction$1, isReactNodeNotEmpty, addClickHandler, getTestId, getSelectKeyHandler, getArray, createFilter, isObject as isObject$1, getTransition, indexMap, isNumberInteger, hasDuplicates, isArrayEmpty } from "@true-engineering/true-react-platform-helpers";
 import { CSSTransition } from "react-transition-group";
 import clsx from "clsx";
 import hexToRgba from "hex-to-rgba";
+import { useFloating, offset as offset$2, flip as flip$2, autoUpdate, useHover, safePolygon, useFocus, useClick, useDismiss, useInteractions, useTransitionStatus, FloatingPortal } from "@floating-ui/react";
 import InputMask from "react-input-mask";
 import { getYear, getMonth, format, parse, isSameDay, isValid, isAfter, isBefore, startOfMonth, endOfMonth, sub, startOfYear, endOfYear } from "date-fns";
 import { Portal } from "react-overlays";
@@ -11,7 +12,6 @@ import { debounce as debounce$1 } from "ts-debounce";
 import scrollIntoViewIfNeeded from "scroll-into-view-if-needed";
 import ReactDatePicker from "react-datepicker";
 import { filesize } from "filesize";
-import { useFloating, offset as offset$2, flip as flip$2, autoUpdate, useHover, safePolygon, useFocus, useClick, useDismiss, useInteractions, useTransitionStatus, FloatingPortal } from "@floating-ui/react";
 import { hasFlag } from "country-flag-icons";
 import { RemoveScroll } from "react-remove-scroll";
 var jsxRuntime = { exports: {} };
@@ -6668,71 +6668,71 @@ var useMergedRefs = function(refs) {
     return mergeRefs(refs);
   }, refs);
 };
-const avatarGreen = `  <svg
-    width="100%"
-    height="100%"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
-    <mask
-      id="mask0_0_12744"
-      style="mask-type: 'alpha';"
-      maskUnits="userSpaceOnUse"
-      x="0"
-      y="0"
-      width="32"
-      height="32"
-    >
-      <circle cx="16" cy="16" r="16" fill="white" />
-    </mask>
-    <g mask="url(#mask0_0_12744)">
-      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
-      <mask
-        id="mask1_0_12744"
-        style="mask-type: 'alpha';"
-        maskUnits="userSpaceOnUse"
-        x="3"
-        y="16"
-        width="26"
-        height="26"
-      >
-        <circle cx="16" cy="29" r="13" fill="white" />
-      </mask>
-      <g mask="url(#mask1_0_12744)">
-        <ellipse
-          cx="16"
-          cy="17.5"
-          rx="6"
-          ry="7.5"
-          fill="#505F79"
-          fill-opacity="0.204983"
-        />
-      </g>
-    </g>
-    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
-    <defs>
-      <linearGradient
-        id="paint0_linear_0_12744"
-        x1="13.347"
-        y1="46.279"
-        x2="33.5318"
-        y2="30.8088"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stop-color="#ABD229" />
-        <stop offset="1" stop-color="#9CD03F" />
-      </linearGradient>
-    </defs>
+const avatarGreen = `  <svg\r
+    width="100%"\r
+    height="100%"\r
+    viewBox="0 0 32 32"\r
+    fill="none"\r
+    xmlns="http://www.w3.org/2000/svg"\r
+  >\r
+    <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
+    <mask\r
+      id="mask0_0_12744"\r
+      style="mask-type: 'alpha';"\r
+      maskUnits="userSpaceOnUse"\r
+      x="0"\r
+      y="0"\r
+      width="32"\r
+      height="32"\r
+    >\r
+      <circle cx="16" cy="16" r="16" fill="white" />\r
+    </mask>\r
+    <g mask="url(#mask0_0_12744)">\r
+      <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
+      <mask\r
+        id="mask1_0_12744"\r
+        style="mask-type: 'alpha';"\r
+        maskUnits="userSpaceOnUse"\r
+        x="3"\r
+        y="16"\r
+        width="26"\r
+        height="26"\r
+      >\r
+        <circle cx="16" cy="29" r="13" fill="white" />\r
+      </mask>\r
+      <g mask="url(#mask1_0_12744)">\r
+        <ellipse\r
+          cx="16"\r
+          cy="17.5"\r
+          rx="6"\r
+          ry="7.5"\r
+          fill="#505F79"\r
+          fill-opacity="0.204983"\r
+        />\r
+      </g>\r
+    </g>\r
+    <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
+    <defs>\r
+      <linearGradient\r
+        id="paint0_linear_0_12744"\r
+        x1="13.347"\r
+        y1="46.279"\r
+        x2="33.5318"\r
+        y2="30.8088"\r
+        gradientUnits="userSpaceOnUse"\r
+      >\r
+        <stop stop-color="#ABD229" />\r
+        <stop offset="1" stop-color="#9CD03F" />\r
+      </linearGradient>\r
+    </defs>\r
   </svg>`;
-const fileExcel = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <rect width="20" height="20" rx="4" fill="#21A366"/>\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16081)" style="mix-blend-mode:overlay"/>\n  <path d="M8.00342 14.5244L10.0728 11.3062L12.1357 14.5244H14.4019L11.2217 9.73828L14.1162 5.21875H11.939L10.1108 8.2085L8.24463 5.21875H6.04834L8.93018 9.66846L5.75 14.5244H8.00342Z" fill="white"/>\n  <defs>\n    <linearGradient id="paint0_linear_0_16081" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const fileImage = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <rect width="20" height="20" rx="4" fill="#FF991F"/>\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16103)" style="mix-blend-mode:overlay"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.90113 15C3.09595 15 2.62093 14.097 3.07709 13.4335L6.67606 8.19861C7.07341 7.62064 7.9268 7.62065 8.32414 8.19861L13.0001 15H3.90113Z" fill="white"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.53962 15L12.7076 10.2481C13.1034 9.65434 13.9758 9.65434 14.3717 10.2481L16.5031 13.4453C16.9462 14.1099 16.4698 15 15.6711 15H9.53962Z" fill="white"/>\n  <path d="M16.0001 5.5C16.0001 6.32843 15.3285 7 14.5001 7C13.6717 7 13.0001 6.32843 13.0001 5.5C13.0001 4.67157 13.6717 4 14.5001 4C15.3285 4 16.0001 4.67157 16.0001 5.5Z" fill="white"/>\n  <defs>\n    <linearGradient id="paint0_linear_0_16103" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const fileOther = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 6.60751L11.392 -0.000488281L5 0.000113437C3.34315 0.000113437 2 1.34326 2 3.00011V17.0001C2 18.657 3.34315 20.0001 5 20.0001H15C16.6569 20.0001 18 18.657 18 17.0001V6.60751ZM17 8.00011L10 1.00011V6.00011C10 7.10468 10.8954 8.00011 12 8.00011H17Z" fill="#AABFFC"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 6.60751L11.392 -0.000488281L5 0.000113437C3.34315 0.000113437 2 1.34326 2 3.00011V17.0001C2 18.657 3.34315 20.0001 5 20.0001H15C16.6569 20.0001 18 18.657 18 17.0001V6.60751ZM17 8.00011L10 1.00011V6.00011C10 7.10468 10.8954 8.00011 12 8.00011H17Z" fill="url(#paint0_linear_0_16113)" style="mix-blend-mode:overlay"/>\n  <defs>\n    <linearGradient id="paint0_linear_0_16113" x1="-5.9615" y1="9.95168" x2="13.4572" y2="25.4862" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const filePdf = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <rect width="20" height="20" rx="4" fill="#FF5630"/>\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16087)" style="mix-blend-mode:overlay"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.55535 13.6488V11.0388H4.92535C5.65535 11.0388 5.93535 10.9988 6.27535 10.8688C6.97535 10.5988 7.36535 9.92876 7.36535 8.99876C7.36535 8.21876 7.07535 7.57876 6.57535 7.25876C6.27535 7.06876 5.82535 6.97876 5.09535 6.97876H2.98535V13.6488H4.55535ZM4.84535 9.90876H4.54535V8.10876H4.84535C5.51535 8.10876 5.75535 8.34876 5.75535 9.02876C5.75535 9.66876 5.51535 9.90876 4.84535 9.90876ZM11.6393 13.4388C11.2793 13.5988 10.9993 13.6488 10.4393 13.6488H8.21935V6.97876H10.2593C11.2393 6.97876 11.7193 7.11876 12.1093 7.52876C12.5993 8.02876 12.7693 8.71876 12.7693 10.1388C12.7693 10.9388 12.7093 11.6788 12.6093 12.1588C12.4893 12.7388 12.1193 13.2188 11.6393 13.4388ZM10.0793 12.5188H9.79935V8.10876H10.0193C10.9713 8.10876 11.1466 8.35839 11.1586 9.95112L11.1593 10.1488C11.1593 12.2088 11.0193 12.5188 10.0793 12.5188ZM15.3333 10.8188V13.6488H13.7533V6.97876H17.6033V8.23876H15.3333V9.58876H17.4433V10.8188H15.3333Z" fill="white"/>\n  <defs>\n    <linearGradient id="paint0_linear_0_16087" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const fileWord = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <rect width="20" height="20" rx="4" fill="#2C7CD3"/>\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16075)" style="mix-blend-mode:overlay"/>\n  <path d="M8.0542 14.9946L9.90137 8.0376L11.7549 14.9946H13.748L16.0078 5.68896H14.1162L12.688 12.189L11.0566 5.68896H8.82227L7.12109 12.0811L5.71826 5.68896H3.79492L6.0166 14.9946H8.0542Z" fill="white"/>\n  <defs>\n    <linearGradient id="paint0_linear_0_16075" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const fileXml = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <rect width="20" height="20" rx="4" fill="#FF991F"/>\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_2163_24057)" style="mix-blend-mode:overlay"/>\n  <path d="M1.97561 5.99658L3.56111 9.43008L1.84961 13.0001H3.66611L4.21211 11.6771C4.40111 11.0996 4.45361 10.8791 4.49561 10.6166H4.52711C4.54811 10.8686 4.61111 11.1101 4.77911 11.5826L5.34611 13.0001H7.20461L5.49311 9.44058L7.07861 5.99658H5.28311L4.86311 7.06758C4.85261 7.08858 4.83161 7.16208 4.80011 7.25658C4.75811 7.44558 4.70561 7.63458 4.65311 7.82358C4.60061 8.02308 4.57961 8.10708 4.56911 8.23308H4.52711C4.49561 8.02308 4.43261 7.78158 4.27511 7.23558L3.82361 5.99658H1.97561Z" fill="white"/>\n  <path d="M7.53437 5.99658V13.0001H9.05687V9.78708L9.02537 9.34608L8.98337 8.41158C8.98337 8.33808 8.96237 8.00208 8.92037 7.47708H8.98337C9.05687 7.90758 9.10937 8.21208 9.18287 8.53758C9.24587 8.87358 9.34037 9.28308 9.44537 9.77658L10.1804 13.0001H11.3984L12.1544 9.59808C12.2909 8.98908 12.5324 7.79208 12.5744 7.47708H12.6374C12.6059 7.80258 12.5849 8.01258 12.5744 8.22258L12.5534 8.98908C12.5429 9.25158 12.5324 9.52458 12.5219 9.80808V13.0001H14.0444V5.99658H11.6714L11.2409 8.10708C11.0834 8.74758 10.8419 10.3751 10.8419 10.8161L10.7999 10.8266C10.7894 10.2911 10.5269 8.61108 10.3274 7.85508L9.92837 5.99658H7.53437Z" fill="white"/>\n  <path d="M14.8685 5.99658V13.0001H18.89V11.6666H16.5275V5.99658H14.8685Z" fill="white"/>\n  <defs>\n    <linearGradient id="paint0_linear_2163_24057" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n  </defs>\n</svg>';
-const fileZip = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\n  <g clip-path="url(#clip0_922_22603)">\n    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="#A1D237"/>\n    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="url(#paint0_linear_922_22603)" style="mix-blend-mode:overlay"/>\n    <path d="M8.32086 14V12.6807H6.32086C5.92513 12.6807 5.72193 12.6927 5.58289 12.7166C5.64706 12.6207 5.68984 12.5367 5.73262 12.4528C5.7861 12.3568 5.83957 12.2609 5.89305 12.1529L8.28877 7.22339V6H4.17112V7.31934H6.20321C6.39572 7.31934 6.59893 7.30735 6.69519 7.29535C6.58824 7.47526 6.49198 7.65517 6.41711 7.81109L4 12.8246V14H8.32086ZM10.4813 14V6H9.03743V14H10.4813ZM12.9519 14V10.8096H13.4439C14.2139 10.8096 14.5241 10.7616 14.877 10.6057C15.5936 10.2699 16 9.47826 16 8.38681C16 7.45127 15.6898 6.69565 15.1444 6.32384C14.8342 6.09595 14.3743 6 13.6364 6H11.508V14H12.9519ZM13.4118 9.6102H12.9519V7.1994H13.3797C13.7219 7.1994 13.9679 7.24738 14.107 7.34333C14.385 7.53523 14.5241 7.87106 14.5241 8.38681C14.5241 8.91454 14.4064 9.25037 14.1497 9.44228C13.9893 9.57421 13.8075 9.6102 13.4118 9.6102Z" fill="white"/>\n  </g>\n  <defs>\n    <linearGradient id="paint0_linear_922_22603" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\n      <stop stop-color="white" stop-opacity="0.245559"/>\n      <stop offset="1" stop-opacity="0.498578"/>\n    </linearGradient>\n    <clipPath id="clip0_922_22603">\n      <rect width="20" height="20" fill="white"/>\n    </clipPath>\n  </defs>\n</svg>';
+const fileExcel = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#21A366"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16081)" style="mix-blend-mode:overlay"/>\r\n  <path d="M8.00342 14.5244L10.0728 11.3062L12.1357 14.5244H14.4019L11.2217 9.73828L14.1162 5.21875H11.939L10.1108 8.2085L8.24463 5.21875H6.04834L8.93018 9.66846L5.75 14.5244H8.00342Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16081" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const fileImage = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#FF991F"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16103)" style="mix-blend-mode:overlay"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.90113 15C3.09595 15 2.62093 14.097 3.07709 13.4335L6.67606 8.19861C7.07341 7.62064 7.9268 7.62065 8.32414 8.19861L13.0001 15H3.90113Z" fill="white"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.53962 15L12.7076 10.2481C13.1034 9.65434 13.9758 9.65434 14.3717 10.2481L16.5031 13.4453C16.9462 14.1099 16.4698 15 15.6711 15H9.53962Z" fill="white"/>\r\n  <path d="M16.0001 5.5C16.0001 6.32843 15.3285 7 14.5001 7C13.6717 7 13.0001 6.32843 13.0001 5.5C13.0001 4.67157 13.6717 4 14.5001 4C15.3285 4 16.0001 4.67157 16.0001 5.5Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16103" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const fileOther = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 6.60751L11.392 -0.000488281L5 0.000113437C3.34315 0.000113437 2 1.34326 2 3.00011V17.0001C2 18.657 3.34315 20.0001 5 20.0001H15C16.6569 20.0001 18 18.657 18 17.0001V6.60751ZM17 8.00011L10 1.00011V6.00011C10 7.10468 10.8954 8.00011 12 8.00011H17Z" fill="#AABFFC"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 6.60751L11.392 -0.000488281L5 0.000113437C3.34315 0.000113437 2 1.34326 2 3.00011V17.0001C2 18.657 3.34315 20.0001 5 20.0001H15C16.6569 20.0001 18 18.657 18 17.0001V6.60751ZM17 8.00011L10 1.00011V6.00011C10 7.10468 10.8954 8.00011 12 8.00011H17Z" fill="url(#paint0_linear_0_16113)" style="mix-blend-mode:overlay"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16113" x1="-5.9615" y1="9.95168" x2="13.4572" y2="25.4862" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const filePdf = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#FF5630"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16087)" style="mix-blend-mode:overlay"/>\r\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.55535 13.6488V11.0388H4.92535C5.65535 11.0388 5.93535 10.9988 6.27535 10.8688C6.97535 10.5988 7.36535 9.92876 7.36535 8.99876C7.36535 8.21876 7.07535 7.57876 6.57535 7.25876C6.27535 7.06876 5.82535 6.97876 5.09535 6.97876H2.98535V13.6488H4.55535ZM4.84535 9.90876H4.54535V8.10876H4.84535C5.51535 8.10876 5.75535 8.34876 5.75535 9.02876C5.75535 9.66876 5.51535 9.90876 4.84535 9.90876ZM11.6393 13.4388C11.2793 13.5988 10.9993 13.6488 10.4393 13.6488H8.21935V6.97876H10.2593C11.2393 6.97876 11.7193 7.11876 12.1093 7.52876C12.5993 8.02876 12.7693 8.71876 12.7693 10.1388C12.7693 10.9388 12.7093 11.6788 12.6093 12.1588C12.4893 12.7388 12.1193 13.2188 11.6393 13.4388ZM10.0793 12.5188H9.79935V8.10876H10.0193C10.9713 8.10876 11.1466 8.35839 11.1586 9.95112L11.1593 10.1488C11.1593 12.2088 11.0193 12.5188 10.0793 12.5188ZM15.3333 10.8188V13.6488H13.7533V6.97876H17.6033V8.23876H15.3333V9.58876H17.4433V10.8188H15.3333Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16087" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const fileWord = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#2C7CD3"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_0_16075)" style="mix-blend-mode:overlay"/>\r\n  <path d="M8.0542 14.9946L9.90137 8.0376L11.7549 14.9946H13.748L16.0078 5.68896H14.1162L12.688 12.189L11.0566 5.68896H8.82227L7.12109 12.0811L5.71826 5.68896H3.79492L6.0166 14.9946H8.0542Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_0_16075" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const fileXml = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <rect width="20" height="20" rx="4" fill="#FF991F"/>\r\n  <rect width="20" height="20" rx="4" fill="url(#paint0_linear_2163_24057)" style="mix-blend-mode:overlay"/>\r\n  <path d="M1.97561 5.99658L3.56111 9.43008L1.84961 13.0001H3.66611L4.21211 11.6771C4.40111 11.0996 4.45361 10.8791 4.49561 10.6166H4.52711C4.54811 10.8686 4.61111 11.1101 4.77911 11.5826L5.34611 13.0001H7.20461L5.49311 9.44058L7.07861 5.99658H5.28311L4.86311 7.06758C4.85261 7.08858 4.83161 7.16208 4.80011 7.25658C4.75811 7.44558 4.70561 7.63458 4.65311 7.82358C4.60061 8.02308 4.57961 8.10708 4.56911 8.23308H4.52711C4.49561 8.02308 4.43261 7.78158 4.27511 7.23558L3.82361 5.99658H1.97561Z" fill="white"/>\r\n  <path d="M7.53437 5.99658V13.0001H9.05687V9.78708L9.02537 9.34608L8.98337 8.41158C8.98337 8.33808 8.96237 8.00208 8.92037 7.47708H8.98337C9.05687 7.90758 9.10937 8.21208 9.18287 8.53758C9.24587 8.87358 9.34037 9.28308 9.44537 9.77658L10.1804 13.0001H11.3984L12.1544 9.59808C12.2909 8.98908 12.5324 7.79208 12.5744 7.47708H12.6374C12.6059 7.80258 12.5849 8.01258 12.5744 8.22258L12.5534 8.98908C12.5429 9.25158 12.5324 9.52458 12.5219 9.80808V13.0001H14.0444V5.99658H11.6714L11.2409 8.10708C11.0834 8.74758 10.8419 10.3751 10.8419 10.8161L10.7999 10.8266C10.7894 10.2911 10.5269 8.61108 10.3274 7.85508L9.92837 5.99658H7.53437Z" fill="white"/>\r\n  <path d="M14.8685 5.99658V13.0001H18.89V11.6666H16.5275V5.99658H14.8685Z" fill="white"/>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_2163_24057" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n  </defs>\r\n</svg>';
+const fileZip = '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 20" fill="none">\r\n  <g clip-path="url(#clip0_922_22603)">\r\n    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="#A1D237"/>\r\n    <path d="M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z" fill="url(#paint0_linear_922_22603)" style="mix-blend-mode:overlay"/>\r\n    <path d="M8.32086 14V12.6807H6.32086C5.92513 12.6807 5.72193 12.6927 5.58289 12.7166C5.64706 12.6207 5.68984 12.5367 5.73262 12.4528C5.7861 12.3568 5.83957 12.2609 5.89305 12.1529L8.28877 7.22339V6H4.17112V7.31934H6.20321C6.39572 7.31934 6.59893 7.30735 6.69519 7.29535C6.58824 7.47526 6.49198 7.65517 6.41711 7.81109L4 12.8246V14H8.32086ZM10.4813 14V6H9.03743V14H10.4813ZM12.9519 14V10.8096H13.4439C14.2139 10.8096 14.5241 10.7616 14.877 10.6057C15.5936 10.2699 16 9.47826 16 8.38681C16 7.45127 15.6898 6.69565 15.1444 6.32384C14.8342 6.09595 14.3743 6 13.6364 6H11.508V14H12.9519ZM13.4118 9.6102H12.9519V7.1994H13.3797C13.7219 7.1994 13.9679 7.24738 14.107 7.34333C14.385 7.53523 14.5241 7.87106 14.5241 8.38681C14.5241 8.91454 14.4064 9.25037 14.1497 9.44228C13.9893 9.57421 13.8075 9.6102 13.4118 9.6102Z" fill="white"/>\r\n  </g>\r\n  <defs>\r\n    <linearGradient id="paint0_linear_922_22603" x1="-9.95187" y1="9.95187" x2="9.95187" y2="29.8556" gradientUnits="userSpaceOnUse">\r\n      <stop stop-color="white" stop-opacity="0.245559"/>\r\n      <stop offset="1" stop-opacity="0.498578"/>\r\n    </linearGradient>\r\n    <clipPath id="clip0_922_22603">\r\n      <rect width="20" height="20" fill="white"/>\r\n    </clipPath>\r\n  </defs>\r\n</svg>';
 var complexIcons = {
   avatar: avatarGreen,
   "file-excel": fileExcel,
@@ -7815,45 +7815,50 @@ var renderIcon = function(icon) {
     type: icon
   }) : icon;
 };
-var ITEM_HORIZONTAL_PADDING$1 = 16;
-var ICON_SIZE$2 = 20;
-var ICON_GAP$1 = 12;
-var useStyles$U = createThemedStyles("ListItem", {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    boxSizing: "border-box",
-    fontSize: 16,
-    whiteSpace: "nowrap",
-    minHeight: 40,
-    padding: [
-      0,
-      ITEM_HORIZONTAL_PADDING$1
-    ],
-    transition: animations.defaultTransition,
-    transitionProperty: "background-color",
+var DEFAULT_OFFSET = 6;
+var useStyles$U = createThemedStyles("WithPopup", {
+  trigger: {
+    width: "fit-content",
     cursor: "pointer"
   },
-  default: {},
-  destructive: {},
-  disabledItem: {
+  disabled: {
     cursor: "default"
   },
-  spacer: {
-    height: 1,
-    backgroundColor: colors.BORDER_LIGHT
+  popup: {
+    zIndex: 5,
+    outline: "none"
   },
-  withIconGap: {
-    paddingLeft: ITEM_HORIZONTAL_PADDING$1 + ICON_SIZE$2 + ICON_GAP$1
+  animationEnd: {},
+  animationStart: {},
+  "dropdown-initial": {
+    extend: "animationEnd"
   },
-  icon: {
-    width: ICON_SIZE$2,
-    height: ICON_SIZE$2,
-    marginRight: ICON_GAP$1,
-    flexShrink: 0
+  "dropdown-open": {
+    extend: "animationStart"
+  },
+  "dropdown-close": {
+    visibility: "hidden",
+    extend: "animationEnd"
   },
-  content: {}
+  "dropdown-unmounted": {
+    extend: "animationEnd"
+  }
 });
+function _array_like_to_array$n(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes$n(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _array_without_holes$7(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array$n(arr);
+}
 function _define_property$_(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -7867,6 +7872,44 @@ function _define_property$_(obj, key, value) {
   }
   return obj;
 }
+function _iterable_to_array$7(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _iterable_to_array_limit$n(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
+    }
+  }
+  return _arr;
+}
+function _non_iterable_rest$n() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread$7() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread$Y(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
@@ -7906,35 +7949,109 @@ function _object_spread_props$P(target, source) {
   }
   return target;
 }
-var ListItem = function(param) {
-  var isDisabled = param.disabled, icon = param.icon, item = param.item, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
+function _sliced_to_array$n(arr, i) {
+  return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+}
+function _to_consumable_array$7(arr) {
+  return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$n(arr) || _non_iterable_spread$7();
+}
+function _unsupported_iterable_to_array$n(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _array_like_to_array$n(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _array_like_to_array$n(o, minLen);
+}
+var WithPopup = function(param) {
+  var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _param_middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
   var classes = useStyles$U({
     theme: tweakStyles
   });
-  var _obj2;
-  return /* @__PURE__ */ jsxs(Fragment$1, {
+  var _useState = _sliced_to_array$n(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var handleToggle = function(isActive, event) {
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    if (!isDisabled) {
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
+      setIsOpen(isActive);
+    }
+  };
+  var handleClose = function(event) {
+    handleToggle(false, event);
+  };
+  var _useFloating = useFloating({
+    open: isOpen,
+    middleware: [
+      offset$2(popupOffset)
+    ].concat(_to_consumable_array$7(canBeFlipped ? [
+      flip$2()
+    ] : []), _to_consumable_array$7(middlewares)),
+    whileElementsMounted: autoUpdate,
+    placement,
+    onOpenChange: handleToggle
+  }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
+  var hover = useHover(context, {
+    enabled: eventType === "hover",
+    delay: typeof hoverDelay === "number" ? {
+      open: hoverDelay,
+      close: 0
+    } : hoverDelay,
+    handleClose: safePolygon()
+  });
+  var focus = useFocus(context, {
+    enabled: eventType === "hover"
+  });
+  var click = useClick(context, {
+    enabled: eventType === "click"
+  });
+  var dismiss = useDismiss(context, {
+    enabled: eventType === "click",
+    ancestorScroll: shouldHideOnScroll
+  });
+  var _useInteractions = useInteractions([
+    hover,
+    click,
+    focus,
+    dismiss
+  ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
+  var _useTransitionStatus = useTransitionStatus(context, {
+    duration: {
+      close: 500
+    }
+  }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
+  var referenceProps = getReferenceProps({
+    ref: refs.setReference
+  });
+  var triggerElement = applyAction(trigger, _object_spread$Y({
+    isActive: isOpen,
+    isDisabled
+  }, !isTriggerWrapped ? referenceProps : void 0));
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
-        className: classes.spacer
-      }),
-      /* @__PURE__ */ jsxs("div", _object_spread_props$P(_object_spread$Y({
-        className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$_(_obj2, classes.disabledItem, isDisabled), _define_property$_(_obj2, classes.withIconGap, withIconGap), _obj2))
-      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$P(_object_spread$Y({}, data), {
-        disabled: isDisabled ? true : void 0
-      }))), {
-        children: [
-          isReactNodeNotEmpty(icon) && /* @__PURE__ */ jsx("span", {
-            className: classes.icon,
-            children: renderIcon(icon)
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: classes.content,
-            children: item
+      isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+        className: clsx(classes.trigger, _define_property$_({}, classes.disabled, isDisabled))
+      }, referenceProps, addDataTestId(testId), addDataAttributes(data)), {
+        children: triggerElement
+      })) : triggerElement,
+      isMounted && /* @__PURE__ */ jsx(FloatingPortal, {
+        root: !shouldRenderInBody ? refs.reference.current : void 0,
+        children: /* @__PURE__ */ jsx("div", _object_spread_props$P(_object_spread$Y({
+          style: floatingStyles,
+          className: classes.popup,
+          ref: refs.setFloating
+        }, getFloatingProps()), {
+          children: /* @__PURE__ */ jsx("div", {
+            className: classes["dropdown-".concat(status)],
+            children: isFunction$1(children) ? children({
+              onClose: handleClose
+            }) : children
           })
-        ]
-      })),
-      shouldDrawSpacerBelow && /* @__PURE__ */ jsx("div", {
-        className: classes.spacer
+        }))
       })
     ]
   });
@@ -7942,20 +8059,11 @@ var ListItem = function(param) {
 var ITEM_HORIZONTAL_PADDING = 16;
 var ICON_SIZE$1 = 20;
 var ICON_GAP = 12;
-var useStyles$T = createThemedStyles("List", {
+var useStyles$T = createThemedStyles("ListItem", {
   root: {
-    minWidth: 180,
-    backgroundColor: colors.CLASSIC_WHITE,
-    padding: [
-      8,
-      0
-    ],
-    listStyle: "none",
-    margin: 0
-  },
-  item: {
     display: "flex",
     alignItems: "center",
+    gap: ICON_GAP,
     boxSizing: "border-box",
     fontSize: 16,
     whiteSpace: "nowrap",
@@ -7968,6 +8076,9 @@ var useStyles$T = createThemedStyles("List", {
     transitionProperty: "background-color",
     cursor: "pointer"
   },
+  default: {},
+  destructive: {},
+  focused: {},
   disabledItem: {
     cursor: "default"
   },
@@ -7981,10 +8092,11 @@ var useStyles$T = createThemedStyles("List", {
   icon: {
     width: ICON_SIZE$1,
     height: ICON_SIZE$1,
-    marginRight: ICON_GAP,
     flexShrink: 0
   },
-  content: {}
+  content: {
+    flexGrow: 1
+  }
 });
 function _define_property$Z(obj, key, value) {
   if (key in obj) {
@@ -8038,48 +8150,84 @@ function _object_spread_props$O(target, source) {
   }
   return target;
 }
-var List = function(param) {
-  var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
+var ListItem = function(param) {
+  var icon = param.icon, item = param.item, nestedItems = param.nestedItems, isDisabled = param.disabled, isFocused = param.isFocused, shouldDrawSpacerAbove = param.shouldDrawSpacerAbove, shouldDrawSpacerBelow = param.shouldDrawSpacerBelow, testId = param.testId, tweakStyles = param.tweakStyles, _param_view = param.view, view = _param_view === void 0 ? "default" : _param_view, withIconGap = param.withIconGap, data = param.data, onClick = param.onClick;
   var classes = useStyles$T({
     theme: tweakStyles
   });
-  var handleItemClick = function(event, item) {
-    item.onClick(event);
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
-  };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$O(_object_spread$X({
-    className: classes.root
-  }, addDataTestId(testId), addDataAttributes(data)), {
-    children: items.map(function(item, i) {
-      return /* @__PURE__ */ jsx(ListItem, _object_spread_props$O(_object_spread$X({
-        testId: getTestId(testId, "item-".concat(i))
-      }, item), {
-        onClick: function(event) {
-          return handleItemClick(event, item);
-        }
-      }), i);
-    })
-  }));
-};
-var ANIMATION_TIMEOUT = 150;
-function _define_property$Y(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread$W(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
+  var _obj2;
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
+        className: classes.spacer
+      }),
+      /* @__PURE__ */ jsxs("div", _object_spread_props$O(_object_spread$X({
+        className: clsx(classes.root, classes[view], (_obj2 = {}, _define_property$Z(_obj2, classes.disabledItem, isDisabled), _define_property$Z(_obj2, classes.withIconGap, withIconGap), _define_property$Z(_obj2, classes.focused, isFocused), _obj2))
+      }, addClickHandler(onClick, !isDisabled), addDataTestId(testId), addDataAttributes(_object_spread_props$O(_object_spread$X({}, data), {
+        disabled: isDisabled ? true : void 0
+      }))), {
+        children: [
+          isReactNodeNotEmpty(icon) && /* @__PURE__ */ jsx("span", {
+            className: classes.icon,
+            children: renderIcon(icon)
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: classes.content,
+            children: item
+          }),
+          isArrayNotEmpty(nestedItems) && /* @__PURE__ */ jsx("span", {
+            className: classes.icon,
+            children: /* @__PURE__ */ jsx(Icon, {
+              type: "chevron-right"
+            })
+          })
+        ]
+      })),
+      shouldDrawSpacerBelow && /* @__PURE__ */ jsx("div", {
+        className: classes.spacer
+      })
+    ]
+  });
+};
+var useStyles$S = createThemedStyles("List", {
+  root: {
+    minWidth: 180,
+    backgroundColor: colors.CLASSIC_WHITE,
+    padding: [
+      8,
+      0
+    ],
+    listStyle: "none",
+    margin: 0
+  },
+  nestedItems: {
+    marginTop: -8,
+    paddingLeft: 4
+  }
+});
+var withPopupStyles = {
+  trigger: {
+    width: "100%"
+  }
+};
+function _define_property$Y(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _object_spread$W(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys2 = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
       ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
         return Object.getOwnPropertyDescriptor(source, sym).enumerable;
       }));
@@ -8090,7 +8238,104 @@ function _object_spread$W(target) {
   }
   return target;
 }
-var useStyles$S = createThemedStyles("AccountInfo", _object_spread$W({
+function ownKeys$N(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _object_spread_props$N(target, source) {
+  source = source != null ? source : {};
+  if (Object.getOwnPropertyDescriptors) {
+    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+  } else {
+    ownKeys$N(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var List = function(param) {
+  var items = param.items, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles, onClick = param.onClick;
+  var classes = useStyles$S({
+    theme: tweakStyles
+  });
+  var handleItemClick = function(event, item) {
+    item.onClick(event);
+    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+  };
+  return /* @__PURE__ */ jsx("div", _object_spread_props$N(_object_spread$W({
+    className: classes.root
+  }, addDataTestId(testId), addDataAttributes(data)), {
+    children: items.map(function(item, i) {
+      var itemProps = _object_spread_props$N(_object_spread$W({
+        testId: getTestId(item.testId, "item-".concat(i))
+      }, item), {
+        onClick: function(event) {
+          return handleItemClick(event, item);
+        }
+      });
+      return /* @__PURE__ */ jsx(Fragment$1, {
+        children: isArrayNotEmpty(item.nestedItems) ? /* @__PURE__ */ jsx(WithPopup, {
+          eventType: "hover",
+          tweakStyles: withPopupStyles,
+          placement: "right-start",
+          popupOffset: 0,
+          shouldRenderInBody: false,
+          trigger: function(param2) {
+            var isActive = param2.isActive;
+            return /* @__PURE__ */ jsx(ListItem, _object_spread_props$N(_object_spread$W({}, itemProps), {
+              isFocused: isActive
+            }));
+          },
+          children: /* @__PURE__ */ jsx("div", {
+            className: classes.nestedItems,
+            children: /* @__PURE__ */ jsx(List, {
+              items: item.nestedItems
+            })
+          })
+        }) : /* @__PURE__ */ jsx(ListItem, _object_spread$W({}, itemProps))
+      }, i);
+    })
+  }));
+};
+var ANIMATION_TIMEOUT = 150;
+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 _object_spread$V(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    var ownKeys2 = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys2.forEach(function(key) {
+      _define_property$X(target, key, source[key]);
+    });
+  }
+  return target;
+}
+var useStyles$R = createThemedStyles("AccountInfo", _object_spread$V({
   root: {
     display: "flex"
   },
@@ -8133,18 +8378,18 @@ var useStyles$S = createThemedStyles("AccountInfo", _object_spread$W({
     height: 32
   }
 }, animations.slideUp));
-function _array_like_to_array$n(arr, len) {
+function _array_like_to_array$m(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$n(arr) {
+function _array_with_holes$m(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$X(obj, key, value) {
+function _define_property$W(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8157,7 +8402,7 @@ function _define_property$X(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$n(arr, i) {
+function _iterable_to_array_limit$m(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -8185,10 +8430,10 @@ function _iterable_to_array_limit$n(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$n() {
+function _non_iterable_rest$m() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$V(target) {
+function _object_spread$U(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8198,12 +8443,12 @@ function _object_spread$V(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$X(target, key, source[key]);
+      _define_property$W(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$N(object, enumerableOnly) {
+function ownKeys$M(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8216,36 +8461,36 @@ function ownKeys$N(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$N(target, source) {
+function _object_spread_props$M(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$N(Object(source)).forEach(function(key) {
+    ownKeys$M(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$n(arr, i) {
-  return _array_with_holes$n(arr) || _iterable_to_array_limit$n(arr, i) || _unsupported_iterable_to_array$n(arr, i) || _non_iterable_rest$n();
+function _sliced_to_array$m(arr, i) {
+  return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
 }
-function _unsupported_iterable_to_array$n(o, minLen) {
+function _unsupported_iterable_to_array$m(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$m(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$n(o, minLen);
+    return _array_like_to_array$m(o, minLen);
 }
 var AccountInfo = function(param) {
   var data = param.data, testId = param.testId, avatar = param.avatar, tweakStyles = param.tweakStyles, accountName = param.accountName, options = param.options;
-  var classes = useStyles$S({
+  var classes = useStyles$R({
     theme: tweakStyles
   });
   var tweakListStyles = useTweakStyles({
@@ -8255,7 +8500,7 @@ var AccountInfo = function(param) {
   });
   var nameRef = useRef(null);
   var dropdownRef = useRef(null);
-  var _useState = _sliced_to_array$n(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
+  var _useState = _sliced_to_array$m(useState(false), 2), isMenuOpen = _useState[0], setIsMenuOpen = _useState[1];
   var toggleMenu = function(event) {
     event.stopPropagation();
     setIsMenuOpen(function(v) {
@@ -8265,7 +8510,7 @@ var AccountInfo = function(param) {
   useOnClickOutsideWithRef(dropdownRef, function() {
     return setIsMenuOpen(false);
   }, nameRef);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$N(_object_spread$V({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$M(_object_spread$U({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -8315,7 +8560,7 @@ var AccountInfo = function(param) {
     ]
   }));
 };
-var useStyles$R = createThemedStyles("AddButton", {
+var useStyles$Q = createThemedStyles("AddButton", {
   root: {
     display: "flex",
     alignItems: "center",
@@ -8341,7 +8586,7 @@ var useStyles$R = createThemedStyles("AddButton", {
     width: "100%"
   }
 });
-function _define_property$W(obj, key, value) {
+function _define_property$V(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8354,7 +8599,7 @@ function _define_property$W(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$U(target) {
+function _object_spread$T(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8364,12 +8609,12 @@ function _object_spread$U(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$W(target, key, source[key]);
+      _define_property$V(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$M(object, enumerableOnly) {
+function ownKeys$L(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8382,12 +8627,12 @@ function ownKeys$M(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$M(target, source) {
+function _object_spread_props$L(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$M(Object(source)).forEach(function(key) {
+    ownKeys$L(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8395,10 +8640,10 @@ function _object_spread_props$M(target, source) {
 }
 var AddButton = function(param) {
   var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, onClick = param.onClick, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$R({
+  var classes = useStyles$Q({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$M(_object_spread$U({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$L(_object_spread$T({
     type,
     className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
     onClick: !isDisabled ? onClick : void 0,
@@ -8417,7 +8662,7 @@ var AddButton = function(param) {
     ]
   }));
 };
-var useStyles$Q = createThemedStyles("DotsPreloader", {
+var useStyles$P = createThemedStyles("DotsPreloader", {
   root: {
     display: "flex",
     gap: 4,
@@ -8463,7 +8708,7 @@ var useStyles$Q = createThemedStyles("DotsPreloader", {
 });
 var DotsPreloader = function(param) {
   var tweakStyles = param.tweakStyles;
-  var classes = useStyles$Q({
+  var classes = useStyles$P({
     theme: tweakStyles
   });
   return /* @__PURE__ */ jsx("div", {
@@ -8529,7 +8774,7 @@ var DefaultPreloader = function() {
     ]
   });
 };
-var useStyles$P = createThemedStyles("SvgPreloader", {
+var useStyles$O = createThemedStyles("SvgPreloader", {
   root: {
     display: "flex",
     width: "100%",
@@ -8539,7 +8784,7 @@ var useStyles$P = createThemedStyles("SvgPreloader", {
 var SvgPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, tweakStyles = param.tweakStyles;
   var _theme_preloaders;
-  var classes = useStyles$P({
+  var classes = useStyles$O({
     theme: tweakStyles
   });
   var theme = useContext(ThemeContext).theme;
@@ -8553,7 +8798,7 @@ var SvgPreloader = function(param) {
     }
   }) : /* @__PURE__ */ jsx(PreloaderIcon, {});
 };
-var useStyles$O = createThemedStyles("ThemedPreloader", {
+var useStyles$N = createThemedStyles("ThemedPreloader", {
   root: {
     display: "flex"
   },
@@ -8564,7 +8809,7 @@ var useStyles$O = createThemedStyles("ThemedPreloader", {
     color: "currentColor"
   }
 });
-function _define_property$V(obj, key, value) {
+function _define_property$U(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8577,7 +8822,7 @@ function _define_property$V(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$T(target) {
+function _object_spread$S(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8587,12 +8832,12 @@ function _object_spread$T(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$V(target, key, source[key]);
+      _define_property$U(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$L(object, enumerableOnly) {
+function ownKeys$K(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8605,12 +8850,12 @@ function ownKeys$L(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$L(target, source) {
+function _object_spread_props$K(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$L(Object(source)).forEach(function(key) {
+    ownKeys$K(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8618,7 +8863,7 @@ function _object_spread_props$L(target, source) {
 }
 var ThemedPreloader = function(param) {
   var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$O({
+  var classes = useStyles$N({
     theme: tweakStyles
   });
   var tweakDotsPreloaderStyles = useTweakStyles({
@@ -8631,8 +8876,8 @@ var ThemedPreloader = function(param) {
     className: "tweakSvgPreloader",
     currentComponentName: "ThemedPreloader"
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$L(_object_spread$T({
-    className: clsx(classes.root, classes[type], _define_property$V({}, classes.currentColor, useCurrentColor))
+  return /* @__PURE__ */ jsx("div", _object_spread_props$K(_object_spread$S({
+    className: clsx(classes.root, classes[type], _define_property$U({}, classes.currentColor, useCurrentColor))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
       tweakStyles: tweakDotsPreloaderStyles
@@ -8642,7 +8887,7 @@ var ThemedPreloader = function(param) {
     })
   }));
 };
-var useStyles$N = createThemedStyles("Button", {
+var useStyles$M = createThemedStyles("Button", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -8813,7 +9058,7 @@ var dotsPreloaderStyles = {
 var getPreloaderStyles = function(size) {
   return size === "s" || size === "m" ? dotsPreloaderStyles : void 0;
 };
-function _define_property$U(obj, key, value) {
+function _define_property$T(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -8826,7 +9071,7 @@ function _define_property$U(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$S(target) {
+function _object_spread$R(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -8836,12 +9081,12 @@ function _object_spread$S(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$U(target, key, source[key]);
+      _define_property$T(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$K(object, enumerableOnly) {
+function ownKeys$J(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -8854,12 +9099,12 @@ function ownKeys$K(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$K(target, source) {
+function _object_spread_props$J(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$K(Object(source)).forEach(function(key) {
+    ownKeys$J(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -8916,7 +9161,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "iconPosition",
     "preloaderType"
   ]);
-  var classes = useStyles$N({
+  var classes = useStyles$M({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -8929,16 +9174,16 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasChildren = isReactNodeNotEmpty(children);
   var hasNoAction = isDisabled || isLoading;
   var _obj2, _obj1;
-  return /* @__PURE__ */ jsxs("button", _object_spread_props$K(_object_spread$S({
+  return /* @__PURE__ */ jsxs("button", _object_spread_props$J(_object_spread$R({
     ref,
     type,
-    className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$U(_obj2, classes.disabled, isDisabled), _define_property$U(_obj2, classes.fullWidth, isFullWidth), _define_property$U(_obj2, classes.inline, isInline), _define_property$U(_obj2, classes.active, isActive), _define_property$U(_obj2, classes.loading, isLoading), _define_property$U(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
+    className: clsx(classes.root, classes[size], classes[view], (_obj2 = {}, _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.fullWidth, isFullWidth), _define_property$T(_obj2, classes.inline, isInline), _define_property$T(_obj2, classes.active, isActive), _define_property$T(_obj2, classes.loading, isLoading), _define_property$T(_obj2, classes.onlyIcon, hasIcon && !hasChildren), _obj2)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
     disabled: hasNoAction
   }, interactions, addDataTestId(testId), addDataAttributes(data)), {
     children: [
       /* @__PURE__ */ jsxs("span", {
-        className: clsx(classes.content, (_obj1 = {}, _define_property$U(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$U(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
+        className: clsx(classes.content, (_obj1 = {}, _define_property$T(_obj1, classes.iconFromRight, hasChildren && hasIcon && iconPosition === "right"), _define_property$T(_obj1, classes.iconFromLeft, hasChildren && hasIcon && iconPosition === "left"), _obj1)),
         children: [
           hasIcon && /* @__PURE__ */ jsx("span", {
             className: classes.icon,
@@ -8961,7 +9206,7 @@ var Button = /* @__PURE__ */ forwardRef(function(_param, ref) {
     ]
   }));
 });
-var useStyles$M = createThemedStyles("Checkbox", {
+var useStyles$L = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
@@ -8999,7 +9244,7 @@ var useStyles$M = createThemedStyles("Checkbox", {
     flexDirection: "row-reverse"
   }
 });
-function _define_property$T(obj, key, value) {
+function _define_property$S(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9012,7 +9257,7 @@ function _define_property$T(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$R(target) {
+function _object_spread$Q(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9022,12 +9267,12 @@ function _object_spread$R(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$T(target, key, source[key]);
+      _define_property$S(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$J(object, enumerableOnly) {
+function ownKeys$I(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9040,12 +9285,12 @@ function ownKeys$J(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$J(target, source) {
+function _object_spread_props$I(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$J(Object(source)).forEach(function(key) {
+    ownKeys$I(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9053,7 +9298,7 @@ function _object_spread_props$J(target, source) {
 }
 function Checkbox(param) {
   var value = param.value, children = param.children, _param_isChecked = param.isChecked, isChecked = _param_isChecked === void 0 ? false : _param_isChecked, _param_isSemiChecked = param.isSemiChecked, isSemiChecked = _param_isSemiChecked === void 0 ? false : _param_isSemiChecked, _param_isInvalid = param.isInvalid, isInvalid = _param_isInvalid === void 0 ? false : _param_isInvalid, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isReadonly = param.isReadonly, isReadonly = _param_isReadonly === void 0 ? false : _param_isReadonly, _param_labelPosition = param.labelPosition, labelPosition = _param_labelPosition === void 0 ? "right" : _param_labelPosition, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onSelect = param.onSelect;
-  var classes = useStyles$M({
+  var classes = useStyles$L({
     theme: tweakStyles
   });
   var hasAction = !isDisabled && !isReadonly;
@@ -9065,11 +9310,11 @@ function Checkbox(param) {
     }, event);
   };
   var _obj2;
-  return /* @__PURE__ */ jsxs("label", _object_spread_props$J(_object_spread$R({
-    className: clsx(classes.root, (_obj2 = {}, _define_property$T(_obj2, classes.checked, isSelected), _define_property$T(_obj2, classes.invalid, isInvalid), _define_property$T(_obj2, classes.disabled, isDisabled), _define_property$T(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
+  return /* @__PURE__ */ jsxs("label", _object_spread_props$I(_object_spread$Q({
+    className: clsx(classes.root, (_obj2 = {}, _define_property$S(_obj2, classes.checked, isSelected), _define_property$S(_obj2, classes.invalid, isInvalid), _define_property$S(_obj2, classes.disabled, isDisabled), _define_property$S(_obj2, classes.labelPositionLeft, labelPosition === "left"), _obj2))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("input", _object_spread$R({
+      /* @__PURE__ */ jsx("input", _object_spread$Q({
         className: classes.input,
         type: "checkbox",
         checked: isSelected,
@@ -9092,7 +9337,7 @@ function Checkbox(param) {
     ]
   }));
 }
-var useStyles$L = createThemedStyles("CloseButton", {
+var useStyles$K = createThemedStyles("CloseButton", {
   root: {
     width: 40,
     height: 40,
@@ -9118,7 +9363,7 @@ var useStyles$L = createThemedStyles("CloseButton", {
     }
   }
 });
-function _define_property$S(obj, key, value) {
+function _define_property$R(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9131,7 +9376,7 @@ function _define_property$S(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$Q(target) {
+function _object_spread$P(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9141,12 +9386,12 @@ function _object_spread$Q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$S(target, key, source[key]);
+      _define_property$R(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$I(object, enumerableOnly) {
+function ownKeys$H(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9159,12 +9404,12 @@ function ownKeys$I(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$I(target, source) {
+function _object_spread_props$H(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$I(Object(source)).forEach(function(key) {
+    ownKeys$H(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9172,10 +9417,10 @@ function _object_spread_props$I(target, source) {
 }
 var CloseButton = function(param) {
   var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
-  var classes = useStyles$L({
+  var classes = useStyles$K({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("button", _object_spread_props$I(_object_spread$Q({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$H(_object_spread$P({
     type: "button",
     className: classes.root,
     onClick: onClose
@@ -9185,7 +9430,7 @@ var CloseButton = function(param) {
     })
   }));
 };
-var useStyles$K = createThemedStyles({
+var useStyles$J = createThemedStyles({
   root: {
     display: "flex",
     flexWrap: "wrap"
@@ -9219,18 +9464,18 @@ var useStyles$K = createThemedStyles({
     ]
   }
 });
-function _array_like_to_array$m(arr, len) {
+function _array_like_to_array$l(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$m(arr) {
+function _array_with_holes$l(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _iterable_to_array_limit$m(arr, i) {
+function _iterable_to_array_limit$l(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -9258,33 +9503,33 @@ function _iterable_to_array_limit$m(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$m() {
+function _non_iterable_rest$l() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$m(arr, i) {
-  return _array_with_holes$m(arr) || _iterable_to_array_limit$m(arr, i) || _unsupported_iterable_to_array$m(arr, i) || _non_iterable_rest$m();
+function _sliced_to_array$l(arr, i) {
+  return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
 }
-function _unsupported_iterable_to_array$m(o, minLen) {
+function _unsupported_iterable_to_array$l(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$m(o, minLen);
+    return _array_like_to_array$l(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$m(o, minLen);
+    return _array_like_to_array$l(o, minLen);
 }
 var Colors = function() {
-  var classes = useStyles$K();
+  var classes = useStyles$J();
   var theme = useContext(ThemeContext).theme;
   var _theme_colors = theme.colors, colors2 = _theme_colors === void 0 ? {} : _theme_colors;
   return /* @__PURE__ */ jsx("div", {
     className: classes.root,
     children: Object.entries(colors2).map(function(param) {
-      var _param = _sliced_to_array$m(param, 2), colorName = _param[0], color = _param[1];
+      var _param = _sliced_to_array$l(param, 2), colorName = _param[0], color = _param[1];
       var name = colorName.split("_").join(" ").toLowerCase();
       return /* @__PURE__ */ jsxs("div", {
         className: classes.colorCard,
@@ -9308,7 +9553,7 @@ var Colors = function() {
     })
   });
 };
-var useStyles$J = createThemedStyles("CssBaseline", {
+var useStyles$I = createThemedStyles("CssBaseline", {
   "@global html, body": {
     fontFamily: "Arial, sans-serif",
     color: colors.FONT_MAIN,
@@ -9317,7 +9562,7 @@ var useStyles$J = createThemedStyles("CssBaseline", {
   },
   root: {}
 });
-function _define_property$R(obj, key, value) {
+function _define_property$Q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9330,7 +9575,7 @@ function _define_property$R(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$P(target) {
+function _object_spread$O(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9340,24 +9585,24 @@ function _object_spread$P(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$R(target, key, source[key]);
+      _define_property$Q(target, key, source[key]);
     });
   }
   return target;
 }
 var CssBaseline = function(param) {
   var data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$J({
+  var classes = useStyles$I({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread$P({
+  return /* @__PURE__ */ jsx("div", _object_spread$O({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)));
 };
 var DEFAULT_SIZE = 6;
 var PADDING_X$1 = 12;
 var AUTOSIZE_MAX_WIDTH = 480;
-var useStyles$I = createThemedStyles("Input", {
+var useStyles$H = createThemedStyles("Input", {
   root: {
     width: "100%",
     boxSizing: "border-box",
@@ -9631,14 +9876,14 @@ var useStyles$I = createThemedStyles("Input", {
   loading: {},
   withUnits: {}
 });
-function _array_like_to_array$l(arr, len) {
+function _array_like_to_array$k(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$l(arr) {
+function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -9671,7 +9916,7 @@ function _async_to_generator$5(fn3) {
     });
   };
 }
-function _define_property$Q(obj, key, value) {
+function _define_property$P(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -9684,7 +9929,7 @@ function _define_property$Q(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$l(arr, i) {
+function _iterable_to_array_limit$k(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -9712,10 +9957,10 @@ function _iterable_to_array_limit$l(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$l() {
+function _non_iterable_rest$k() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$O(target) {
+function _object_spread$N(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -9725,12 +9970,12 @@ function _object_spread$O(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$Q(target, key, source[key]);
+      _define_property$P(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$H(object, enumerableOnly) {
+function ownKeys$G(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -9743,12 +9988,12 @@ function ownKeys$H(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$H(target, source) {
+function _object_spread_props$G(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$H(Object(source)).forEach(function(key) {
+    ownKeys$G(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -9786,21 +10031,21 @@ function _object_without_properties_loose$f(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$l(arr, i) {
-  return _array_with_holes$l(arr) || _iterable_to_array_limit$l(arr, i) || _unsupported_iterable_to_array$l(arr, i) || _non_iterable_rest$l();
+function _sliced_to_array$k(arr, i) {
+  return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
 }
-function _unsupported_iterable_to_array$l(o, minLen) {
+function _unsupported_iterable_to_array$k(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$l(o, minLen);
+    return _array_like_to_array$k(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$l(o, minLen);
+    return _array_like_to_array$k(o, minLen);
 }
 function _ts_generator$5(thisArg, body) {
   var f, y, t, g, _ = {
@@ -9942,7 +10187,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "shouldAlwaysShowPlaceholder",
     "beforeMaskedStateChange"
   ]);
-  var classes = useStyles$I({
+  var classes = useStyles$H({
     theme: tweakStyles
   });
   var tweakPreloaderStyles = useTweakStyles({
@@ -9950,7 +10195,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     className: "tweakPreloader",
     currentComponentName: "Input"
   });
-  var _useState = _sliced_to_array$l(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
+  var _useState = _sliced_to_array$k(useState(false), 2), isFocused = _useState[0], setFocused = _useState[1];
   var inputRef = useRef(null);
   var handleChange = function(event) {
     onChange(event.currentTarget.value, event);
@@ -9997,8 +10242,8 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var hasPlaceholder = (!hasLabel || isLabelActive) && isStringNotEmpty(placeholder);
   var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
   var _obj2;
-  var props = _object_spread_props$H(_object_spread$O({}, inputProps, addDataTestId(testId)), {
-    className: clsx(classes.input, (_obj2 = {}, _define_property$Q(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$Q(_obj2, classes.withIcons, hasControls), _define_property$Q(_obj2, classes.withControls, hasControls), _define_property$Q(_obj2, classes.withUnits, shouldShowUnits), _define_property$Q(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
+  var props = _object_spread_props$G(_object_spread$N({}, inputProps, addDataTestId(testId)), {
+    className: clsx(classes.input, (_obj2 = {}, _define_property$P(_obj2, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$P(_obj2, classes.withIcons, hasControls), _define_property$P(_obj2, classes.withControls, hasControls), _define_property$P(_obj2, classes.withUnits, shouldShowUnits), _define_property$P(_obj2, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj2)),
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: handleChange,
@@ -10014,14 +10259,14 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$H(_object_spread$O({
-        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$Q(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$Q(_obj1, classes.invalid, isInvalid), _define_property$Q(_obj1, classes.focused, hasFocus), _define_property$Q(_obj1, classes.disabled, isDisabled), _define_property$Q(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
+      /* @__PURE__ */ jsxs("div", _object_spread_props$G(_object_spread$N({
+        className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$P(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$P(_obj1, classes.invalid, isInvalid), _define_property$P(_obj1, classes.focused, hasFocus), _define_property$P(_obj1, classes.disabled, isDisabled), _define_property$P(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
         "data-value": isAutoSizeable ? value : void 0
       }, addDataAttributes(data)), {
         children: [
-          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$O({
+          mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$N({
             ref: ref !== null && ref !== void 0 ? ref : inputRef
-          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$O({
+          }, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$N({
             ref: ref !== null && ref !== void 0 ? ref : inputRef,
             mask,
             maskPlaceholder,
@@ -10029,12 +10274,12 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
             beforeMaskedStateChange
           }, props)),
           hasLabel && /* @__PURE__ */ jsx("span", {
-            className: clsx(classes.label, (_obj22 = {}, _define_property$Q(_obj22, classes.invalidLabel, isInvalid), _define_property$Q(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$Q(_obj22, classes.activeLabel, isLabelActive), _define_property$Q(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
-            _define_property$Q(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj22)),
+            className: clsx(classes.label, (_obj22 = {}, _define_property$P(_obj22, classes.invalidLabel, isInvalid), _define_property$P(_obj22, classes.requiredLabel, hasRequiredLabel && !isRequired), _define_property$P(_obj22, classes.activeLabel, isLabelActive), _define_property$P(_obj22, classes.floating, hasFloatingLabel), // Обсуждаемо, сделал так, потому что не хочется создавать новую пропсу, на каждый чих в стилях
+            _define_property$P(_obj22, classes.floatingWithoutPadding, hasFloatingLabel && border === "bottom"), _obj22)),
             children: label
           }),
           shouldShowUnits && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.unitsWrapper, _define_property$Q({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
+            className: clsx(classes.unitsWrapper, _define_property$P({}, classes.withFloatingLabel, hasFloatingLabel && hasLabel)),
             children: [
               /* @__PURE__ */ jsx("span", {
                 className: classes.fakeValue,
@@ -10066,7 +10311,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 })
               }),
               isReactNodeNotEmpty(iconType) && /* @__PURE__ */ jsx("div", {
-                className: clsx(classes.inputIcon, _define_property$Q({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
+                className: clsx(classes.inputIcon, _define_property$P({}, classes.activeIcon, !isDisabled && onIconClick !== void 0)),
                 onClick: !isDisabled ? onIconClick : void 0,
                 children: renderIcon(iconType)
               })
@@ -10087,7 +10332,7 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 var EMPTY_DATE_INPUT_VALUE = "__.__.____";
 var EMPTY_DATE_RANGE_INPUT_VALUE = "".concat(EMPTY_DATE_INPUT_VALUE, " - ").concat(EMPTY_DATE_INPUT_VALUE);
-var useStyles$H = createThemedStyles("DateInput", {
+var useStyles$G = createThemedStyles("DateInput", {
   root: {
     width: "100%",
     height: "100%",
@@ -10095,7 +10340,7 @@ var useStyles$H = createThemedStyles("DateInput", {
     position: "relative"
   }
 });
-function _define_property$P(obj, key, value) {
+function _define_property$O(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10108,7 +10353,7 @@ function _define_property$P(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$N(target) {
+function _object_spread$M(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10118,12 +10363,12 @@ function _object_spread$N(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$P(target, key, source[key]);
+      _define_property$O(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$G(object, enumerableOnly) {
+function ownKeys$F(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10136,12 +10381,12 @@ function ownKeys$G(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$G(target, source) {
+function _object_spread_props$F(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$G(Object(source)).forEach(function(key) {
+    ownKeys$F(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10193,7 +10438,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onClick",
     "onChange"
   ]);
-  var classes = useStyles$H({
+  var classes = useStyles$G({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10220,11 +10465,11 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
   };
-  return /* @__PURE__ */ jsx("div", _object_spread_props$G(_object_spread$N({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$F(_object_spread$M({
     className: clsx(classes.root, className),
     onClick
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(Input, _object_spread_props$G(_object_spread$N({}, inputProps), {
+    children: /* @__PURE__ */ jsx(Input, _object_spread_props$F(_object_spread$M({}, inputProps), {
       ref,
       value: isRange ? "".concat(startDate).concat(endDate) : date,
       mask: mask !== null && mask !== void 0 ? mask : isRange ? "99.99.9999 - 99.99.9999" : "99.99.9999",
@@ -10237,7 +10482,7 @@ var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
 });
 const reactDatepicker = "";
 var LEFT_PADDING = 44;
-var useStyles$G = createThemedStyles("SearchInput", {
+var useStyles$F = createThemedStyles("SearchInput", {
   root: {
     position: "relative"
   },
@@ -10274,7 +10519,7 @@ var inputStyles$4 = {
     fontSize: 14
   }
 };
-function _define_property$O(obj, key, value) {
+function _define_property$N(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10287,7 +10532,7 @@ function _define_property$O(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$M(target) {
+function _object_spread$L(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10297,12 +10542,12 @@ function _object_spread$M(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$O(target, key, source[key]);
+      _define_property$N(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$F(object, enumerableOnly) {
+function ownKeys$E(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10315,12 +10560,12 @@ function ownKeys$F(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$F(target, source) {
+function _object_spread_props$E(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$F(Object(source)).forEach(function(key) {
+    ownKeys$E(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10365,7 +10610,7 @@ var SearchInput = function(_param) {
     "testId",
     "data"
   ]);
-  var classes = useStyles$G({
+  var classes = useStyles$F({
     theme: tweakStyles
   });
   var tweakInputStyles = useTweakStyles({
@@ -10374,7 +10619,7 @@ var SearchInput = function(_param) {
     className: "tweakInput",
     currentComponentName: "SearchInput"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$F(_object_spread$M({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$E(_object_spread$L({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -10384,7 +10629,7 @@ var SearchInput = function(_param) {
           type: "search"
         })
       }),
-      /* @__PURE__ */ jsx(Input, _object_spread$M({
+      /* @__PURE__ */ jsx(Input, _object_spread$L({
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
         testId: getTestId(testId, "input"),
@@ -10432,7 +10677,7 @@ function _create_class(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _define_property$N(obj, key, value) {
+function _define_property$M(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10465,7 +10710,7 @@ function _inherits(subClass, superClass) {
   if (superClass)
     _set_prototype_of(subClass, superClass);
 }
-function _object_spread$L(target) {
+function _object_spread$K(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10475,7 +10720,7 @@ function _object_spread$L(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$N(target, key, source[key]);
+      _define_property$M(target, key, source[key]);
     });
   }
   return target;
@@ -10564,8 +10809,8 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
     _class_call_check(this, ScrollIntoViewIfNeeded2);
     var _this;
     _this = _super.apply(this, arguments);
-    _define_property$N(_assert_this_initialized(_this), "node", createRef());
-    _define_property$N(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
+    _define_property$M(_assert_this_initialized(_this), "node", createRef());
+    _define_property$M(_assert_this_initialized(_this), "handleScrollIntoViewIfNeeded", function() {
       var options = _this.props.options;
       var _this_node = _this.node, node = _this_node.current;
       if (node) {
@@ -10607,7 +10852,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
           "children",
           "options"
         ]);
-        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$L({
+        return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$K({
           ref: this.node
         }, wrapperProps), children);
       }
@@ -10615,10 +10860,10 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
   ]);
   return ScrollIntoViewIfNeeded2;
 }(PureComponent);
-_define_property$N(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
+_define_property$M(ScrollIntoViewIfNeeded, "defaultProps", ScrollIntoViewIfNeededDefaultProps);
 var DEFAULT_OPTION_INDEX = -2;
 var ALL_OPTION_INDEX = -1;
-function _define_property$M(obj, key, value) {
+function _define_property$L(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10631,7 +10876,7 @@ function _define_property$M(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$K(target) {
+function _object_spread$J(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10641,7 +10886,7 @@ function _object_spread$K(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$M(target, key, source[key]);
+      _define_property$L(target, key, source[key]);
     });
   }
   return target;
@@ -10652,7 +10897,7 @@ var CELL_PADDING = [
   10,
   20
 ];
-var useStyles$F = createThemedStyles("SelectList", {
+var useStyles$E = createThemedStyles("SelectList", {
   root: {
     borderRadius: dimensions.BORDER_RADIUS_SMALL,
     boxShadow: "0 13px 74px -27px rgba(0, 0, 0, 0.11)",
@@ -10672,7 +10917,7 @@ var useStyles$F = createThemedStyles("SelectList", {
   },
   listHeader: {},
   listFooter: {},
-  list: _object_spread$K({
+  list: _object_spread$J({
     height: "100%",
     maxHeight: ROW_HEIGHT$1 * 6,
     cursor: "pointer",
@@ -10715,7 +10960,7 @@ var checkboxStyles$1 = {
     display: "none"
   }
 };
-function _define_property$L(obj, key, value) {
+function _define_property$K(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10728,7 +10973,7 @@ function _define_property$L(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$J(target) {
+function _object_spread$I(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10738,12 +10983,12 @@ function _object_spread$J(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$L(target, key, source[key]);
+      _define_property$K(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$E(object, enumerableOnly) {
+function ownKeys$D(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10756,12 +11001,12 @@ function ownKeys$E(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$E(target, source) {
+function _object_spread_props$D(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$E(Object(source)).forEach(function(key) {
+    ownKeys$D(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10781,12 +11026,12 @@ var SelectListItem = function(param) {
     children
   });
   var _obj2;
-  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$E(_object_spread$J({
+  return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$D(_object_spread$I({
     active: isFocused,
     options: {
       block: "nearest"
     },
-    className: clsx(classes.cell, (_obj2 = {}, _define_property$L(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$L(_obj2, classes.focused, isFocused), _define_property$L(_obj2, classes.active, isActive && !isMultiSelect), _define_property$L(_obj2, classes.disabled, isDisabled), _obj2))
+    className: clsx(classes.cell, (_obj2 = {}, _define_property$K(_obj2, classes.cellWithCheckbox, isMultiSelect), _define_property$K(_obj2, classes.focused, isFocused), _define_property$K(_obj2, classes.active, isActive && !isMultiSelect), _define_property$K(_obj2, classes.disabled, isDisabled), _obj2))
   }, addDataAttributes({
     disabled: isDisabled,
     active: isActive,
@@ -10798,7 +11043,7 @@ var SelectListItem = function(param) {
     children: isMultiSelect ? multiSelectContent : children
   }));
 };
-function _define_property$K(obj, key, value) {
+function _define_property$J(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -10811,7 +11056,7 @@ function _define_property$K(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$I(target) {
+function _object_spread$H(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -10821,12 +11066,12 @@ function _object_spread$I(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$K(target, key, source[key]);
+      _define_property$J(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$D(object, enumerableOnly) {
+function ownKeys$C(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10839,12 +11084,12 @@ function ownKeys$D(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$D(target, source) {
+function _object_spread_props$C(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$D(Object(source)).forEach(function(key) {
+    ownKeys$C(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10852,7 +11097,7 @@ function _object_spread_props$D(target, source) {
 }
 function SelectList(param) {
   var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, areAllOptionsSelected = param.areAllOptionsSelected, customListHeader = param.customListHeader, customListFooter = param.customListFooter, isMultiSelect = param.isMultiSelect, isOptionDisabled = param.isOptionDisabled, allOptionsLabel = param.allOptionsLabel, onOptionSelect = param.onOptionSelect, onToggleCheckbox = param.onToggleCheckbox, convertValueToString = param.convertValueToString, _param_convertValueToReactNode = param.convertValueToReactNode, convertValueToReactNode = _param_convertValueToReactNode === void 0 ? convertValueToString : _param_convertValueToReactNode, convertValueToId = param.convertValueToId;
-  var classes = useStyles$F({
+  var classes = useStyles$E({
     theme: tweakStyles
   });
   var isHeaderNotEmpty = isReactNodeNotEmpty(customListHeader);
@@ -10881,13 +11126,13 @@ function SelectList(param) {
   var _obj2;
   return /* @__PURE__ */ jsxs(ScrollIntoViewIfNeeded, {
     active: shouldScrollToList && !isMultiSelect,
-    className: clsx(classes.root, (_obj2 = {}, _define_property$K(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$K(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
+    className: clsx(classes.root, (_obj2 = {}, _define_property$J(_obj2, classes.withListHeader, isHeaderNotEmpty), _define_property$J(_obj2, classes.withListFooter, isFooterNotEmpty), _obj2)),
     children: [
       isHeaderNotEmpty && /* @__PURE__ */ jsx("div", {
         className: classes.listHeader,
         children: customListHeader
       }),
-      /* @__PURE__ */ jsx("div", _object_spread_props$D(_object_spread$I({
+      /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
         className: classes.list
       }, addDataTestId(testId)), {
         children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -10963,7 +11208,7 @@ var getDefaultConvertToIdFunction = function(convertValueToString) {
     return isNotEmpty(value === null || value === void 0 ? void 0 : value.id) ? String(value.id) : convertValueToString(value);
   };
 };
-var useStyles$E = createThemedStyles("Select", {
+var useStyles$D = createThemedStyles("Select", {
   root: {
     width: "100%",
     position: "relative",
@@ -11069,20 +11314,20 @@ var searchInputStyles$3 = {
     }
   }
 };
-function _array_like_to_array$k(arr, len) {
+function _array_like_to_array$j(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$k(arr) {
+function _array_with_holes$j(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$7(arr) {
+function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$k(arr);
+    return _array_like_to_array$j(arr);
 }
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -11113,7 +11358,7 @@ function _async_to_generator$4(fn3) {
     });
   };
 }
-function _define_property$J(obj, key, value) {
+function _define_property$I(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -11126,11 +11371,11 @@ function _define_property$J(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$7(iter) {
+function _iterable_to_array$6(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$k(arr, i) {
+function _iterable_to_array_limit$j(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -11158,13 +11403,13 @@ function _iterable_to_array_limit$k(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$k() {
+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$7() {
+function _non_iterable_spread$6() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$H(target) {
+function _object_spread$G(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -11174,12 +11419,12 @@ function _object_spread$H(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$J(target, key, source[key]);
+      _define_property$I(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$C(object, enumerableOnly) {
+function ownKeys$B(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -11192,12 +11437,12 @@ function ownKeys$C(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$C(target, source) {
+function _object_spread_props$B(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$C(Object(source)).forEach(function(key) {
+    ownKeys$B(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -11235,24 +11480,24 @@ function _object_without_properties_loose$b(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$k(arr, i) {
-  return _array_with_holes$k(arr) || _iterable_to_array_limit$k(arr, i) || _unsupported_iterable_to_array$k(arr, i) || _non_iterable_rest$k();
+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$7(arr) {
-  return _array_without_holes$7(arr) || _iterable_to_array$7(arr) || _unsupported_iterable_to_array$k(arr) || _non_iterable_spread$7();
+function _to_consumable_array$6(arr) {
+  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$j(arr) || _non_iterable_spread$6();
 }
-function _unsupported_iterable_to_array$k(o, minLen) {
+function _unsupported_iterable_to_array$j(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$k(o, minLen);
+    return _array_like_to_array$j(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$k(o, minLen);
+    return _array_like_to_array$j(o, minLen);
 }
 function _ts_generator$4(thisArg, body) {
   var f, y, t, g, _ = {
@@ -11392,7 +11637,7 @@ function Select(props) {
     "convertValueToReactNode",
     "optionsFilter"
   ]);
-  var classes = useStyles$E({
+  var classes = useStyles$D({
     theme: tweakStyles
   });
   var _ref = searchInput !== null && searchInput !== void 0 ? searchInput : {}, tmp = _ref.shouldRenderInList, shouldRenderSearchInputInList = tmp === void 0 ? false : tmp, searchInputProps = _object_without_properties$b(_ref, [
@@ -11421,12 +11666,12 @@ function Select(props) {
     currentComponentName: "Select"
   });
   var isMounted = useIsMounted();
-  var _useState = _sliced_to_array$k(useState(false), 2), isListOpen = _useState[0], setIsListOpen = _useState[1];
-  var _useState1 = _sliced_to_array$k(useState(false), 2), areOptionsLoading = _useState1[0], setAreOptionsLoading = _useState1[1];
+  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 = isReactNodeNotEmpty(defaultOptionLabel);
-  var _useState2 = _sliced_to_array$k(useState(DEFAULT_OPTION_INDEX), 2), focusedListCellIndex = _useState2[0], setFocusedListCellIndex = _useState2[1];
-  var _useState3 = _sliced_to_array$k(useState(""), 2), searchValue = _useState3[0], setSearchValue = _useState3[1];
-  var _useState4 = _sliced_to_array$k(useState(true), 2), shouldShowDefaultOption = _useState4[0], setShouldShowDefaultOption = _useState4[1];
+  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 root2 = useRef(null);
   var inputWrapper = useRef(null);
   var list = useRef(null);
@@ -11579,7 +11824,7 @@ function Select(props) {
     var option = filteredOptions[index];
     handleChange(isSelected ? (
       // Добавляем
-      _to_consumable_array$7(value !== null && value !== void 0 ? value : []).concat([
+      _to_consumable_array$6(value !== null && value !== void 0 ? value : []).concat([
         option
       ])
     ) : (
@@ -11757,7 +12002,7 @@ function Select(props) {
   }, [
     isOpen
   ]);
-  var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$H({
+  var searchInputEl = hasSearchInputInList && /* @__PURE__ */ jsx(SearchInput, _object_spread$G({
     value: searchValue,
     onChange: handleInputChange,
     tweakStyles: tweakSearchInputStyles,
@@ -11770,8 +12015,8 @@ function Select(props) {
     ]
   });
   var _obj2;
-  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$C(_object_spread$H({
-    className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$J(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$J(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
+  var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$G({
+    className: clsx(classes.listWrapper, (_obj2 = {}, _define_property$I(_obj2, classes.withoutPopper, !shouldUsePopper), _define_property$I(_obj2, classes.listWrapperInBody, shouldRenderInBody), _obj2)),
     ref: list,
     style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper,
     tabIndex: 0,
@@ -11827,7 +12072,7 @@ function Select(props) {
         onClick: isDisabled ? void 0 : handleOnClick,
         ref: inputWrapper,
         children: [
-          /* @__PURE__ */ jsx(Input, _object_spread$H({
+          /* @__PURE__ */ jsx(Input, _object_spread$G({
             value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : showedStringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
@@ -11864,7 +12109,7 @@ function Select(props) {
 }
 var SELECT_PADDING_LEFT = 12;
 var SELECT_PADDING_RIGHT = 24;
-var useStyles$D = createThemedStyles("DatePickerHeader", {
+var useStyles$C = createThemedStyles("DatePickerHeader", {
   btn: {
     width: 36,
     height: 36,
@@ -11933,7 +12178,7 @@ var selectStyles$1 = {
 };
 var DatePickerHeader = function(param) {
   var date = param.date, _param_months = param.months, months = _param_months === void 0 ? [] : _param_months, tweakStyles = param.tweakStyles, prevMonthButtonDisabled = param.prevMonthButtonDisabled, nextMonthButtonDisabled = param.nextMonthButtonDisabled, changeYear = param.changeYear, changeMonth = param.changeMonth, decreaseMonth = param.decreaseMonth, increaseMonth = param.increaseMonth;
-  var classes = useStyles$D({
+  var classes = useStyles$C({
     theme: tweakStyles
   });
   var tweakSelectStyles = useTweakStyles({
@@ -12042,7 +12287,7 @@ var getDateValueParser = function(dateFormat) {
 var areDatesEquals = function(date1, date2) {
   return isEmpty(date1) && isEmpty(date2) || isNotEmpty(date1) && isNotEmpty(date2) && isSameDay(date1, date2);
 };
-var useStyles$C = createThemedStyles("DatePicker", {
+var useStyles$B = createThemedStyles("DatePicker", {
   root: {
     width: "100%",
     height: "100%"
@@ -12065,18 +12310,18 @@ var useStyles$C = createThemedStyles("DatePicker", {
     }
   }
 });
-function _array_like_to_array$j(arr, len) {
+function _array_like_to_array$i(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$j(arr) {
+function _array_with_holes$i(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$I(obj, key, value) {
+function _define_property$H(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12089,7 +12334,7 @@ function _define_property$I(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$j(arr, i) {
+function _iterable_to_array_limit$i(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -12117,10 +12362,10 @@ function _iterable_to_array_limit$j(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$j() {
+function _non_iterable_rest$i() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$G(target) {
+function _object_spread$F(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12130,12 +12375,12 @@ function _object_spread$G(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$I(target, key, source[key]);
+      _define_property$H(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$B(object, enumerableOnly) {
+function ownKeys$A(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12148,12 +12393,12 @@ function ownKeys$B(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$B(target, source) {
+function _object_spread_props$A(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$B(Object(source)).forEach(function(key) {
+    ownKeys$A(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -12191,21 +12436,21 @@ function _object_without_properties_loose$a(source, excluded) {
   }
   return target;
 }
-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 _sliced_to_array$i(arr, i) {
+  return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
 }
-function _unsupported_iterable_to_array$j(o, minLen) {
+function _unsupported_iterable_to_array$i(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$j(o, minLen);
+    return _array_like_to_array$i(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$j(o, minLen);
+    return _array_like_to_array$i(o, minLen);
 }
 var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, _param_isRange = _param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, _param_isInline = _param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, fixedHeight = _param.fixedHeight, excludeScrollbar = _param.excludeScrollbar, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, _param_shouldRenderPopperInBody = _param.shouldRenderPopperInBody, shouldRenderPopperInBody = _param_shouldRenderPopperInBody === void 0 ? false : _param_shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, highlightDates = _param.highlightDates, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$a(_param, [
@@ -12256,7 +12501,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "onKeyDown",
     "tweakStyles"
   ]);
-  var classes = useStyles$C({
+  var classes = useStyles$B({
     theme: tweakStyles
   });
   var tweakDateInputStyles = useTweakStyles({
@@ -12272,14 +12517,14 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     dateFormat
   ]), formatDate = _useMemo.formatDate, parseDateValue = _useMemo.parseDateValue;
-  var _useState = _sliced_to_array$j(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-  var _useState1 = _sliced_to_array$j(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
-  var _useState2 = _sliced_to_array$j(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
-  var _useState3 = _sliced_to_array$j(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
-  var _useState4 = _sliced_to_array$j(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
-  var _useState5 = _sliced_to_array$j(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
+  var _useState = _sliced_to_array$i(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState1 = _sliced_to_array$i(useState(formatDate(selectedDate)), 2), dateValue = _useState1[0], setDateValue = _useState1[1];
+  var _useState2 = _sliced_to_array$i(useState(startDate), 2), start2 = _useState2[0], setStart = _useState2[1];
+  var _useState3 = _sliced_to_array$i(useState(formatDate(startDate)), 2), startDateValue = _useState3[0], setStartDateValue = _useState3[1];
+  var _useState4 = _sliced_to_array$i(useState(endDate), 2), end2 = _useState4[0], setEnd = _useState4[1];
+  var _useState5 = _sliced_to_array$i(useState(formatDate(endDate)), 2), endDateValue = _useState5[0], setEndDateValue = _useState5[1];
   var hasDateInputValue = isRange ? isStringNotEmpty(startDateValue) || isStringNotEmpty(endDateValue) : isStringNotEmpty(dateValue);
-  var dateInputProps = _object_spread$G(_object_spread_props$B(_object_spread$G({}, inputProps), {
+  var dateInputProps = _object_spread$F(_object_spread_props$A(_object_spread$F({}, inputProps), {
     isRange,
     isDisabled,
     isClearable,
@@ -12377,10 +12622,10 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
     startDate,
     endDate
   ]);
-  return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$G({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$F({
     className: classes.root
   }, addDataAttributes(data)), {
-    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$G({
+    children: /* @__PURE__ */ jsx(DatePickerComponent, _object_spread$F({
       ref,
       minDate,
       maxDate,
@@ -12411,9 +12656,9 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
       preventOpenOnFocus,
       shouldCloseOnSelect,
       customInputRef,
-      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$G({}, dateInputProps)),
+      customInput: /* @__PURE__ */ jsx(CustomInput, _object_spread$F({}, dateInputProps)),
       renderCustomHeader: renderCustomHeader !== null && renderCustomHeader !== void 0 ? renderCustomHeader : function(baseProps) {
-        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$B(_object_spread$G({}, baseProps), {
+        return /* @__PURE__ */ jsx(DatePickerHeader, _object_spread_props$A(_object_spread$F({}, baseProps), {
           months
         }));
       },
@@ -12451,7 +12696,7 @@ var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }));
 });
 var LINK_REGEXP = /(http(s?):\/\/(.*))(\s?)/;
-var useStyles$B = createThemedStyles("Description", {
+var useStyles$A = createThemedStyles("Description", {
   root: {},
   button: {
     cursor: "pointer",
@@ -12481,18 +12726,18 @@ var useStyles$B = createThemedStyles("Description", {
     }
   }
 });
-function _array_like_to_array$i(arr, len) {
+function _array_like_to_array$h(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$i(arr) {
+function _array_with_holes$h(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$H(obj, key, value) {
+function _define_property$G(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12505,7 +12750,7 @@ function _define_property$H(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$i(arr, i) {
+function _iterable_to_array_limit$h(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -12533,10 +12778,10 @@ function _iterable_to_array_limit$i(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$i() {
+function _non_iterable_rest$h() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$F(target) {
+function _object_spread$E(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12546,12 +12791,12 @@ function _object_spread$F(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$H(target, key, source[key]);
+      _define_property$G(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$A(object, enumerableOnly) {
+function ownKeys$z(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12564,45 +12809,45 @@ function ownKeys$A(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$A(target, source) {
+function _object_spread_props$z(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$A(Object(source)).forEach(function(key) {
+    ownKeys$z(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$i(arr, i) {
-  return _array_with_holes$i(arr) || _iterable_to_array_limit$i(arr, i) || _unsupported_iterable_to_array$i(arr, i) || _non_iterable_rest$i();
+function _sliced_to_array$h(arr, i) {
+  return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
 }
-function _unsupported_iterable_to_array$i(o, minLen) {
+function _unsupported_iterable_to_array$h(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$i(o, minLen);
+    return _array_like_to_array$h(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$i(o, minLen);
+    return _array_like_to_array$h(o, minLen);
 }
 var Description = function(param) {
   var text = param.text, moreTitle = param.moreTitle, lessTitle = param.lessTitle, _param_truncateIndex = param.truncateIndex, truncateIndex = _param_truncateIndex === void 0 ? 150 : _param_truncateIndex, _param_isAlwaysOpen = param.isAlwaysOpen, isAlwaysOpen = _param_isAlwaysOpen === void 0 ? true : _param_isAlwaysOpen, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-  var classes = useStyles$B({
+  var classes = useStyles$A({
     theme: tweakStyles
   });
   var isTooShort = text.length < truncateIndex;
-  var _useState = _sliced_to_array$i(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var _useState = _sliced_to_array$h(useState(isAlwaysOpen), 2), isOpen = _useState[0], setIsOpen = _useState[1];
   var link = text.match(LINK_REGEXP);
   var linkText = link && link[0];
   var textWithNoLink = text.replace(LINK_REGEXP, "");
   var shortText = text.slice(0, text.slice(0, truncateIndex).lastIndexOf(" "));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$F({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
     className: classes.root
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
@@ -12641,7 +12886,7 @@ var blockEvent = function(event) {
   event.preventDefault();
   event.stopPropagation();
 };
-var useStyles$A = createThemedStyles("FileInput", {
+var useStyles$z = createThemedStyles("FileInput", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -12709,22 +12954,22 @@ var useStyles$A = createThemedStyles("FileInput", {
     rowGap: 12
   }
 });
-function _array_like_to_array$h(arr, len) {
+function _array_like_to_array$g(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$h(arr) {
+function _array_with_holes$g(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$6(arr) {
+function _array_without_holes$5(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$h(arr);
+    return _array_like_to_array$g(arr);
 }
-function _define_property$G(obj, key, value) {
+function _define_property$F(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12737,11 +12982,11 @@ function _define_property$G(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$6(iter) {
+function _iterable_to_array$5(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$h(arr, i) {
+function _iterable_to_array_limit$g(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -12769,13 +13014,13 @@ function _iterable_to_array_limit$h(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$h() {
+function _non_iterable_rest$g() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$6() {
+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$E(target) {
+function _object_spread$D(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12785,12 +13030,12 @@ function _object_spread$E(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$G(target, key, source[key]);
+      _define_property$F(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$z(object, enumerableOnly) {
+function ownKeys$y(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -12803,47 +13048,47 @@ function ownKeys$z(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$z(target, source) {
+function _object_spread_props$y(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$z(Object(source)).forEach(function(key) {
+    ownKeys$y(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$h(arr, i) {
-  return _array_with_holes$h(arr) || _iterable_to_array_limit$h(arr, i) || _unsupported_iterable_to_array$h(arr, i) || _non_iterable_rest$h();
+function _sliced_to_array$g(arr, i) {
+  return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
 }
-function _to_consumable_array$6(arr) {
-  return _array_without_holes$6(arr) || _iterable_to_array$6(arr) || _unsupported_iterable_to_array$h(arr) || _non_iterable_spread$6();
+function _to_consumable_array$5(arr) {
+  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
 }
-function _unsupported_iterable_to_array$h(o, minLen) {
+function _unsupported_iterable_to_array$g(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$h(o, minLen);
+    return _array_like_to_array$g(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$h(o, minLen);
+    return _array_like_to_array$g(o, minLen);
 }
 var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
   var fileList = param.fileList, label = param.label, text = param.text, description = param.description, _param_isDragAndDropDisabled = param.isDragAndDropDisabled, isDragAndDropDisabled = _param_isDragAndDropDisabled === void 0 ? false : _param_isDragAndDropDisabled, _param_isRequired = param.isRequired, isRequired = _param_isRequired === void 0 ? false : _param_isRequired, _param_isReadOnly = param.isReadOnly, isReadOnly = _param_isReadOnly === void 0 ? false : _param_isReadOnly, _param_isMultipleDisabled = param.isMultipleDisabled, isMultipleDisabled = _param_isMultipleDisabled === void 0 ? false : _param_isMultipleDisabled, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, accept = param.accept, onAdd = param.onAdd, testId = param.testId, tweakStyles = param.tweakStyles, data = param.data;
-  var classes = useStyles$A({
+  var classes = useStyles$z({
     theme: tweakStyles
   });
-  var _useState = _sliced_to_array$h(useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
+  var _useState = _sliced_to_array$g(useState(false), 2), isDragOver = _useState[0], setIsDragOver = _useState[1];
   var handleAdd = function(files) {
     if (isDisabled || isEmpty(files) || (files === null || files === void 0 ? void 0 : files.length) === 0) {
       return;
     }
-    onAdd === null || onAdd === void 0 ? void 0 : onAdd(_to_consumable_array$6(files));
+    onAdd === null || onAdd === void 0 ? void 0 : onAdd(_to_consumable_array$5(files));
   };
   var handleDragStart = function(event) {
     blockEvent(event);
@@ -12867,16 +13112,16 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
     onDrop: handleDrop
   } : void 0;
   var _obj2;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
     className: classes.root
   }, addDataAttributes(data), addDataTestId(testId)), {
     children: [
       isReactNodeNotEmpty(label) && /* @__PURE__ */ jsx("div", {
-        className: clsx(classes.label, _define_property$G({}, classes.requiredLabel, isRequired)),
+        className: clsx(classes.label, _define_property$F({}, classes.requiredLabel, isRequired)),
         children: label
       }),
-      !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$z(_object_spread$E({
-        className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$G(_obj2, classes.dragged, isDragOver), _define_property$G(_obj2, classes.disabled, isDisabled), _define_property$G(_obj2, classes.active, isActive), _obj2))
+      !isReadOnly && /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$D({
+        className: clsx(classes.inputWrapper, (_obj2 = {}, _define_property$F(_obj2, classes.dragged, isDragOver), _define_property$F(_obj2, classes.disabled, isDisabled), _define_property$F(_obj2, classes.active, isActive), _obj2))
       }, dndHandlers), {
         children: [
           isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
@@ -12885,7 +13130,7 @@ var FileInput = /* @__PURE__ */ forwardRef(function(param, ref) {
           }),
           /* @__PURE__ */ jsx("label", {
             className: classes.inputLabel,
-            children: /* @__PURE__ */ jsx("input", _object_spread$E({
+            children: /* @__PURE__ */ jsx("input", _object_spread$D({
               ref,
               type: "file",
               value: "",
@@ -12912,7 +13157,7 @@ FileInput.displayName = "FileInput";
 var BUTTON_SIZE_S = 24;
 var BUTTON_SIZE_M = 32;
 var ICON_SIZE = 20;
-var useStyles$z = createThemedStyles("IconButton", {
+var useStyles$y = createThemedStyles("IconButton", {
   root: {
     display: "flex",
     justifyContent: "center",
@@ -12974,7 +13219,7 @@ var useStyles$z = createThemedStyles("IconButton", {
     height: BUTTON_SIZE_M
   }
 });
-function _define_property$F(obj, key, value) {
+function _define_property$E(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -12987,7 +13232,7 @@ function _define_property$F(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$D(target) {
+function _object_spread$C(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -12997,12 +13242,12 @@ function _object_spread$D(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$F(target, key, source[key]);
+      _define_property$E(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$y(object, enumerableOnly) {
+function ownKeys$x(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13015,12 +13260,12 @@ function ownKeys$y(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$y(target, source) {
+function _object_spread_props$x(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$y(Object(source)).forEach(function(key) {
+    ownKeys$x(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13072,14 +13317,14 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "data",
     "onClick"
   ]);
-  var classes = useStyles$z({
+  var classes = useStyles$y({
     theme: tweakStyles
   });
   var hasNoAction = isDisabled || isLoading;
   var _obj2;
-  return /* @__PURE__ */ jsx("button", _object_spread_props$y(_object_spread$D({
+  return /* @__PURE__ */ jsx("button", _object_spread_props$x(_object_spread$C({
     ref,
-    className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$F(_obj2, classes.disabled, isDisabled), _define_property$F(_obj2, classes.active, isActive), _define_property$F(_obj2, classes.loading, isLoading), _obj2)),
+    className: clsx(classes.root, classes[view], classes[size], (_obj2 = {}, _define_property$E(_obj2, classes.disabled, isDisabled), _define_property$E(_obj2, classes.active, isActive), _define_property$E(_obj2, classes.loading, isLoading), _obj2)),
     type,
     disabled: isDisabled,
     onClick: hasNoAction ? void 0 : onClick
@@ -13096,7 +13341,7 @@ var IconButton = /* @__PURE__ */ forwardRef(function(_param, ref) {
     })
   }));
 });
-var useStyles$y = createThemedStyles("Tooltip", {
+var useStyles$x = createThemedStyles("Tooltip", {
   root: {
     display: "inline-block",
     boxSizing: "border-box"
@@ -13138,7 +13383,7 @@ var useStyles$y = createThemedStyles("Tooltip", {
     }
   }
 });
-function _define_property$E(obj, key, value) {
+function _define_property$D(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13151,7 +13396,7 @@ function _define_property$E(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$C(target) {
+function _object_spread$B(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13161,12 +13406,12 @@ function _object_spread$C(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$E(target, key, source[key]);
+      _define_property$D(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$x(object, enumerableOnly) {
+function ownKeys$w(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13179,12 +13424,12 @@ function ownKeys$x(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$x(target, source) {
+function _object_spread_props$w(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$x(Object(source)).forEach(function(key) {
+    ownKeys$w(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13192,16 +13437,16 @@ function _object_spread_props$x(target, source) {
 }
 var Tooltip = function(param) {
   var text = param.text, _param_view = param.view, view = _param_view === void 0 ? "tooltip" : _param_view, _param_type = param.type, type = _param_type === void 0 ? "info" : _param_type, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles;
-  var classes = useStyles$y({
+  var classes = useStyles$x({
     theme: tweakStyles
   });
-  return /* @__PURE__ */ jsx("div", _object_spread_props$x(_object_spread$C({
+  return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$B({
     className: clsx(classes.root, classes[view], classes[type])
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: text
   }));
 };
-var useStyles$x = createThemedStyles("TextWithTooltip", {
+var useStyles$w = createThemedStyles("TextWithTooltip", {
   root: {
     position: "relative"
   },
@@ -13212,22 +13457,22 @@ var useStyles$x = createThemedStyles("TextWithTooltip", {
     cursor: "pointer"
   }
 });
-function _array_like_to_array$g(arr, len) {
+function _array_like_to_array$f(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$g(arr) {
+function _array_with_holes$f(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$5(arr) {
+function _array_without_holes$4(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$g(arr);
+    return _array_like_to_array$f(arr);
 }
-function _define_property$D(obj, key, value) {
+function _define_property$C(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13240,11 +13485,11 @@ function _define_property$D(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$5(iter) {
+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$g(arr, i) {
+function _iterable_to_array_limit$f(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -13272,13 +13517,13 @@ function _iterable_to_array_limit$g(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$g() {
+function _non_iterable_rest$f() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$5() {
+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$B(target) {
+function _object_spread$A(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13288,12 +13533,12 @@ function _object_spread$B(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$D(target, key, source[key]);
+      _define_property$C(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$w(object, enumerableOnly) {
+function ownKeys$v(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13306,39 +13551,39 @@ function ownKeys$w(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$w(target, source) {
+function _object_spread_props$v(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$w(Object(source)).forEach(function(key) {
+    ownKeys$v(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$g(arr, i) {
-  return _array_with_holes$g(arr) || _iterable_to_array_limit$g(arr, i) || _unsupported_iterable_to_array$g(arr, i) || _non_iterable_rest$g();
+function _sliced_to_array$f(arr, i) {
+  return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
 }
-function _to_consumable_array$5(arr) {
-  return _array_without_holes$5(arr) || _iterable_to_array$5(arr) || _unsupported_iterable_to_array$g(arr) || _non_iterable_spread$5();
+function _to_consumable_array$4(arr) {
+  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$f(arr) || _non_iterable_spread$4();
 }
-function _unsupported_iterable_to_array$g(o, minLen) {
+function _unsupported_iterable_to_array$f(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$g(o, minLen);
+    return _array_like_to_array$f(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$g(o, minLen);
+    return _array_like_to_array$f(o, minLen);
 }
 var TextWithTooltip = function(param) {
   var children = param.children, tooltipText = param.tooltipText, _param_tooltipPosition = param.tooltipPosition, tooltipPosition = _param_tooltipPosition === void 0 ? "top" : _param_tooltipPosition, _param_tooltipView = param.tooltipView, tooltipView = _param_tooltipView === void 0 ? "tooltip" : _param_tooltipView, _param_tooltipType = param.tooltipType, tooltipType = _param_tooltipType === void 0 ? "info" : _param_tooltipType, _param_tooltipModifiers = param.tooltipModifiers, tooltipModifiers = _param_tooltipModifiers === void 0 ? [] : _param_tooltipModifiers, tooltipOffsetOptions = param.tooltipOffsetOptions, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_mouseEventType = param.mouseEventType, mouseEventType = _param_mouseEventType === void 0 ? "hover" : _param_mouseEventType, hoverDelay = param.hoverDelay, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-  var classes = useStyles$x({
+  var classes = useStyles$w({
     theme: tweakStyles
   });
   var tweakTooltipStyles = useTweakStyles({
@@ -13346,8 +13591,8 @@ var TextWithTooltip = function(param) {
     className: "tweakTooltip",
     currentComponentName: "TextWithTooltip"
   });
-  var _useState = _sliced_to_array$g(useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
-  var _useState1 = _sliced_to_array$g(useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
+  var _useState = _sliced_to_array$f(useState(false), 2), isTooltipVisible = _useState[0], setIsTooltipVisible = _useState[1];
+  var _useState1 = _sliced_to_array$f(useState(), 2), tooltipTimeout = _useState1[0], setTooltipTimeout = _useState1[1];
   var root2 = useRef(null);
   var tooltip = useRef(null);
   var hasDelay = hoverDelay !== void 0;
@@ -13378,14 +13623,14 @@ var TextWithTooltip = function(param) {
     modifiers: [
       {
         name: "offset",
-        options: _object_spread$B({
+        options: _object_spread$A({
           offset: [
             0,
             6
           ]
         }, tooltipOffsetOptions)
       }
-    ].concat(_to_consumable_array$5(tooltipModifiers))
+    ].concat(_to_consumable_array$4(tooltipModifiers))
   }), popperStyles = _usePopper.styles, attributes = _usePopper.attributes;
   useOnClickOutsideWithRef(tooltip, function() {
     if (mouseEventType === "click") {
@@ -13401,14 +13646,14 @@ var TextWithTooltip = function(param) {
     onMouseLeave: handleMouseLeave
   };
   var shouldShowTooltip = tooltipText !== void 0 && tooltipText !== null && !isDisabled;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$w(_object_spread$B({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$A({
     className: clsx(classes.root, mouseEventType === "click" && shouldShowTooltip && classes.clickable)
   }, shouldShowTooltip ? props : void 0, addDataTestId(testId), addDataAttributes(data)), {
     ref: root2,
     children: [
       shouldShowTooltip && /* @__PURE__ */ jsx(Portal, {
         container: shouldRenderInBody ? document.body : root2.current,
-        children: /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$B({
+        children: /* @__PURE__ */ jsx("div", _object_spread_props$v(_object_spread$A({
           className: classes.tooltip,
           style: popperStyles.popper
         }, attributes.popper), {
@@ -13425,7 +13670,7 @@ var TextWithTooltip = function(param) {
     ]
   }));
 };
-function _define_property$C(obj, key, value) {
+function _define_property$B(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13440,7 +13685,7 @@ function _define_property$C(obj, key, value) {
 }
 var FILE_ICON_DEFAULT = "file-other";
 var _obj;
-var iconTypeMap = (_obj = {}, _define_property$C(_obj, mimeTypes.xls, "file-excel"), _define_property$C(_obj, mimeTypes.xlsx, "file-excel"), _define_property$C(_obj, mimeTypes.jpeg, "file-image"), _define_property$C(_obj, mimeTypes.png, "file-image"), _define_property$C(_obj, mimeTypes.pdf, "file-pdf"), _define_property$C(_obj, mimeTypes.doc, "file-word"), _define_property$C(_obj, mimeTypes.docx, "file-word"), _define_property$C(_obj, mimeTypes.xml, "file-xml"), _define_property$C(_obj, mimeTypes.zip, "file-zip"), _obj);
+var iconTypeMap = (_obj = {}, _define_property$B(_obj, mimeTypes.xls, "file-excel"), _define_property$B(_obj, mimeTypes.xlsx, "file-excel"), _define_property$B(_obj, mimeTypes.jpeg, "file-image"), _define_property$B(_obj, mimeTypes.png, "file-image"), _define_property$B(_obj, mimeTypes.pdf, "file-pdf"), _define_property$B(_obj, mimeTypes.doc, "file-word"), _define_property$B(_obj, mimeTypes.docx, "file-word"), _define_property$B(_obj, mimeTypes.xml, "file-xml"), _define_property$B(_obj, mimeTypes.zip, "file-zip"), _obj);
 var getFileExtensionByFilename = function(fileName) {
   var splitFileName = fileName.split(".");
   return splitFileName.length > 1 ? splitFileName.pop() : void 0;
@@ -13460,7 +13705,7 @@ var getFileIcon = function(param) {
   }
   return FILE_ICON_DEFAULT;
 };
-var useStyles$w = createThemedStyles("FileItem", {
+var useStyles$v = createThemedStyles("FileItem", {
   root: {
     display: "flex",
     flexDirection: "column",
@@ -13556,7 +13801,7 @@ var themedPreloaderStyles = {
     }
   }
 };
-function _define_property$B(obj, key, value) {
+function _define_property$A(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13569,7 +13814,7 @@ function _define_property$B(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$A(target) {
+function _object_spread$z(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13579,12 +13824,12 @@ function _object_spread$A(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$B(target, key, source[key]);
+      _define_property$A(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$v(object, enumerableOnly) {
+function ownKeys$u(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -13597,12 +13842,12 @@ function ownKeys$v(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$v(target, source) {
+function _object_spread_props$u(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$v(Object(source)).forEach(function(key) {
+    ownKeys$u(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -13610,7 +13855,7 @@ function _object_spread_props$v(target, source) {
 }
 var FileItem = function(param) {
   var fileInfo = param.fileInfo, _param_icon = param.icon, icon = _param_icon === void 0 ? getFileIcon(fileInfo) : _param_icon, metadata = param.metadata, actions = param.actions, error = param.error, info = param.info, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_areActionsDisabled = param.areActionsDisabled, areActionsDisabled = _param_areActionsDisabled === void 0 ? false : _param_areActionsDisabled, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldShowSize = param.shouldShowSize, shouldShowSize = _param_shouldShowSize === void 0 ? false : _param_shouldShowSize, _param_itemSize = param.itemSize, itemSize = _param_itemSize === void 0 ? "m" : _param_itemSize, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "default" : _param_preloaderType, _param_removeIcon = param.removeIcon, removeIcon = _param_removeIcon === void 0 ? "trash-can" : _param_removeIcon, onRemove = param.onRemove, onClick = param.onClick, testId = param.testId, data = param.data, tweakStyles = param.tweakStyles;
-  var classes = useStyles$w({
+  var classes = useStyles$v({
     theme: tweakStyles
   });
   var tweakIconButtonStyles = useTweakStyles({
@@ -13642,8 +13887,8 @@ var FileItem = function(param) {
   return /* @__PURE__ */ jsxs("div", {
     className: classes.root,
     children: [
-      /* @__PURE__ */ jsxs("div", _object_spread_props$v(_object_spread$A({
-        className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$B({}, classes.disabled, isDisabled))
+      /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$z({
+        className: clsx(classes.fileItemWrapper, classes[itemSize], _define_property$A({}, classes.disabled, isDisabled))
       }, addDataTestId(testId), addDataAttributes(data), addClickHandler(handleClick, !isDisabled)), {
         children: [
           /* @__PURE__ */ jsx("div", {
@@ -13884,14 +14129,14 @@ var constructRegExp = function(param) {
   var negativePart = "(\\-)?";
   return "^".concat(canBeNegative ? negativePart : "").concat(basePart).concat(canBeFloat ? floatPart : "", "$");
 };
-function _array_like_to_array$f(arr, len) {
+function _array_like_to_array$e(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$f(arr) {
+function _array_with_holes$e(arr) {
   if (Array.isArray(arr))
     return arr;
 }
@@ -13924,7 +14169,7 @@ function _async_to_generator$3(fn3) {
     });
   };
 }
-function _define_property$A(obj, key, value) {
+function _define_property$z(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -13937,7 +14182,7 @@ function _define_property$A(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$f(arr, i) {
+function _iterable_to_array_limit$e(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -13965,10 +14210,10 @@ function _iterable_to_array_limit$f(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$f() {
+function _non_iterable_rest$e() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$z(target) {
+function _object_spread$y(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -13978,7 +14223,7 @@ function _object_spread$z(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$A(target, key, source[key]);
+      _define_property$z(target, key, source[key]);
     });
   }
   return target;
@@ -14015,21 +14260,21 @@ function _object_without_properties_loose$8(source, excluded) {
   }
   return target;
 }
-function _sliced_to_array$f(arr, i) {
-  return _array_with_holes$f(arr) || _iterable_to_array_limit$f(arr, i) || _unsupported_iterable_to_array$f(arr, i) || _non_iterable_rest$f();
+function _sliced_to_array$e(arr, i) {
+  return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
 }
-function _unsupported_iterable_to_array$f(o, minLen) {
+function _unsupported_iterable_to_array$e(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$f(o, minLen);
+    return _array_like_to_array$e(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$f(o, minLen);
+    return _array_like_to_array$e(o, minLen);
 }
 function _ts_generator$3(thisArg, body) {
   var f, y, t, g, _ = {
@@ -14146,10 +14391,10 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     "min",
     "max"
   ]);
-  var _useState = _sliced_to_array$f(useState(function() {
+  var _useState = _sliced_to_array$e(useState(function() {
     return formatNumberWithDefault(value, defaultValue);
   }), 2), showedValue = _useState[0], setShowedValue = _useState[1];
-  var _useState1 = _sliced_to_array$f(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
+  var _useState1 = _sliced_to_array$e(useState(false), 2), isDeleteForwardAction = _useState1[0], setIsDeleteForwardAction = _useState1[1];
   var handleKeyDown = function(event) {
     setIsDeleteForwardAction(event.key === "Delete");
   };
@@ -14237,7 +14482,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   }, [
     value
   ]);
-  return /* @__PURE__ */ jsx(Input, _object_spread$z({
+  return /* @__PURE__ */ jsx(Input, _object_spread$y({
     value: showedValue,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -14515,7 +14760,7 @@ function cloneDeep(value) {
   return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
 }
 var FILTER_HEIGHT = 36;
-var useStyles$v = createThemedStyles("FiltersPane", {
+var useStyles$u = createThemedStyles("FiltersPane", {
   root: {
     display: "flex",
     flexWrap: "wrap",
@@ -14581,7 +14826,7 @@ var innerTextButtonStyles = {
     }
   }
 };
-var useStyles$u = createThemedStyles("FilterInterval", {
+var useStyles$t = createThemedStyles("FilterInterval", {
   root: {
     padding: 8,
     background: colors.CLASSIC_WHITE
@@ -14624,7 +14869,7 @@ var inputStyles$3 = {
   }
 };
 var clearButtonStyles$3 = cloneDeep(innerTextButtonStyles);
-function _define_property$z(obj, key, value) {
+function _define_property$y(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14637,7 +14882,7 @@ function _define_property$z(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$y(target) {
+function _object_spread$x(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -14647,12 +14892,12 @@ function _object_spread$y(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$z(target, key, source[key]);
+      _define_property$y(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$u(object, enumerableOnly) {
+function ownKeys$t(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -14665,12 +14910,12 @@ function ownKeys$u(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$u(target, source) {
+function _object_spread_props$t(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$u(Object(source)).forEach(function(key) {
+    ownKeys$t(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -14678,7 +14923,7 @@ function _object_spread_props$u(target, source) {
 }
 var FilterInterval = function(param) {
   var data = param.data, tweakStyles = param.tweakStyles, value = param.value, labelName = param.labelName, withFieldNameInLabel = param.withFieldNameInLabel, localeKey = param.localeKey, locale2 = param.locale, canBeFloat = param.canBeFloat, onChange = param.onChange, fromInput = param.fromInput, toInput = param.toInput, testId = param.testId;
-  var classes = useStyles$u({
+  var classes = useStyles$t({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -14722,7 +14967,7 @@ var FilterInterval = function(param) {
     className: "tweakClearButton",
     currentComponentName: "FilterInterval"
   });
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$u(_object_spread$y({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$x({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -14819,7 +15064,7 @@ var getLocale = function() {
   var key = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : DEFAULT_LOCALE, custom = arguments.length > 1 ? arguments[1] : void 0, custom2 = arguments.length > 2 ? arguments[2] : void 0;
   return merge$1({}, MultiSelectLocales[key], custom, custom2);
 };
-function _define_property$y(obj, key, value) {
+function _define_property$x(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -14832,7 +15077,7 @@ function _define_property$y(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$x(target) {
+function _object_spread$w(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -14842,19 +15087,19 @@ function _object_spread$x(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$y(target, key, source[key]);
+      _define_property$x(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT$1 = 40;
 var TOP_GAP = 12;
-var useStyles$t = createThemedStyles("MultiSelectList", {
+var useStyles$s = createThemedStyles("MultiSelectList", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$x({
+  list: _object_spread$w({
     paddingTop: TOP_GAP,
     maxHeight: ITEM_HEIGHT$1 * 5 + TOP_GAP,
     overscrollBehavior: "contain"
@@ -14967,20 +15212,20 @@ var clearButtonStyles$2 = {
     }
   }
 };
-function _array_like_to_array$e(arr, len) {
+function _array_like_to_array$d(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$e(arr) {
+function _array_with_holes$d(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$4(arr) {
+function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$e(arr);
+    return _array_like_to_array$d(arr);
 }
 function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -15011,7 +15256,7 @@ function _async_to_generator$2(fn3) {
     });
   };
 }
-function _define_property$x(obj, key, value) {
+function _define_property$w(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15024,11 +15269,11 @@ function _define_property$x(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$4(iter) {
+function _iterable_to_array$3(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$e(arr, i) {
+function _iterable_to_array_limit$d(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -15056,13 +15301,13 @@ function _iterable_to_array_limit$e(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$e() {
+function _non_iterable_rest$d() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$4() {
+function _non_iterable_spread$3() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$w(target) {
+function _object_spread$v(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -15072,12 +15317,12 @@ function _object_spread$w(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$x(target, key, source[key]);
+      _define_property$w(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$t(object, enumerableOnly) {
+function ownKeys$s(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -15090,35 +15335,35 @@ function ownKeys$t(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$t(target, source) {
+function _object_spread_props$s(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$t(Object(source)).forEach(function(key) {
+    ownKeys$s(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$e(arr, i) {
-  return _array_with_holes$e(arr) || _iterable_to_array_limit$e(arr, i) || _unsupported_iterable_to_array$e(arr, i) || _non_iterable_rest$e();
+function _sliced_to_array$d(arr, i) {
+  return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
 }
-function _to_consumable_array$4(arr) {
-  return _array_without_holes$4(arr) || _iterable_to_array$4(arr) || _unsupported_iterable_to_array$e(arr) || _non_iterable_spread$4();
+function _to_consumable_array$3(arr) {
+  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$3();
 }
-function _unsupported_iterable_to_array$e(o, minLen) {
+function _unsupported_iterable_to_array$d(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$e(o, minLen);
+    return _array_like_to_array$d(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$e(o, minLen);
+    return _array_like_to_array$d(o, minLen);
 }
 function _ts_generator$2(thisArg, body) {
   var f, y, t, g, _ = {
@@ -15225,7 +15470,7 @@ function _ts_generator$2(thisArg, body) {
 function MultiSelectList(param) {
   var value = param.value, tweakStyles = param.tweakStyles, data = param.data, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_localeKey = param.localeKey, localeKey = _param_localeKey === void 0 ? DEFAULT_LOCALE : _param_localeKey, _param_locale = param.locale, locale2 = _param_locale === void 0 ? MultiSelectLocales[localeKey] : _param_locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? isSearchEnabled : _param_isGroupingEnabled, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction : _param_getValueString, _param_checkboxPosition = param.checkboxPosition, checkboxPosition = _param_checkboxPosition === void 0 ? "left" : _param_checkboxPosition, pageSize = param.pageSize, searchMaxLength = param.searchMaxLength, testId = param.testId;
   var isMounted = useIsMounted();
-  var classes = useStyles$t({
+  var classes = useStyles$s({
     theme: tweakStyles
   });
   var tweakCheckboxStyles = useTweakStyles({
@@ -15246,13 +15491,13 @@ function MultiSelectList(param) {
     className: "tweakClearButton",
     currentComponentName: "MultiSelectList"
   });
-  var _useState = _sliced_to_array$e(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
-  var _useState1 = _sliced_to_array$e(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
-  var _useState2 = _sliced_to_array$e(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
-  var _useState3 = _sliced_to_array$e(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
-  var _useState4 = _sliced_to_array$e(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
-  var _useState5 = _sliced_to_array$e(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
-  var _useState6 = _sliced_to_array$e(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
+  var _useState = _sliced_to_array$d(useState(0), 2), keyCursorOn = _useState[0], setKeyCursorOn = _useState[1];
+  var _useState1 = _sliced_to_array$d(useState(""), 2), searchValue = _useState1[0], setSearchValue = _useState1[1];
+  var _useState2 = _sliced_to_array$d(useState([]), 2), allOptions = _useState2[0], setAllOptions = _useState2[1];
+  var _useState3 = _sliced_to_array$d(useState(false), 2), isLoading = _useState3[0], setIsLoading = _useState3[1];
+  var _useState4 = _sliced_to_array$d(useState(false), 2), isLoadingOptionsOnScroll = _useState4[0], setLoadingOptionsOnScroll = _useState4[1];
+  var _useState5 = _sliced_to_array$d(useState(0), 2), activePage = _useState5[0], setActivePage = _useState5[1];
+  var _useState6 = _sliced_to_array$d(useState(false), 2), isMaxPage = _useState6[0], setIsMaxPage = _useState6[1];
   var observer = useRef();
   var chosenValues = value === null || value === void 0 ? void 0 : value.include;
   var translates = useMemo(function() {
@@ -15365,7 +15610,7 @@ function MultiSelectList(param) {
     var checkboxValue = param2.value, isSelected = param2.isSelected;
     if (isNotEmpty(checkboxValue)) {
       var _chosenValues_filter;
-      handleSelectValue(isSelected ? _to_consumable_array$4(chosenValues !== null && chosenValues !== void 0 ? chosenValues : []).concat([
+      handleSelectValue(isSelected ? _to_consumable_array$3(chosenValues !== null && chosenValues !== void 0 ? chosenValues : []).concat([
         checkboxValue
       ]) : (_chosenValues_filter = chosenValues === null || chosenValues === void 0 ? void 0 : chosenValues.filter(function(v) {
         return getValueId(v) !== getValueId(checkboxValue);
@@ -15397,14 +15642,14 @@ function MultiSelectList(param) {
       if (value !== void 0) {
         if (keyCursorOn < value.include.length) {
           var _value_include_filter;
-          onChange(_object_spread_props$t(_object_spread$w({}, value), {
+          onChange(_object_spread_props$s(_object_spread$v({}, value), {
             include: (_value_include_filter = value.include.filter(function(val) {
               return getValueId(val) !== getValueId(value.include[keyCursorOn]);
             })) !== null && _value_include_filter !== void 0 ? _value_include_filter : []
           }));
         } else {
-          onChange(_object_spread_props$t(_object_spread$w({}, value), {
-            include: _to_consumable_array$4(value.include).concat([
+          onChange(_object_spread_props$s(_object_spread$v({}, value), {
+            include: _to_consumable_array$3(value.include).concat([
               unchosenOptions[keyCursorOn - value.include.length]
             ])
           }));
@@ -15452,7 +15697,7 @@ function MultiSelectList(param) {
             if (isMounted()) {
               if (response.length > 0) {
                 setAllOptions(function(prevState) {
-                  return _to_consumable_array$4(prevState).concat(_to_consumable_array$4(response));
+                  return _to_consumable_array$3(prevState).concat(_to_consumable_array$3(response));
                 });
               }
               if (response.length === 0 || pageSize !== void 0 && response.length < pageSize) {
@@ -15602,7 +15847,7 @@ function MultiSelectList(param) {
   var shouldShowAllOptionsLabel = hasSelectedOptionsGroup && (isArrayNotEmpty(unchosenOptions) || !isArrayNotEmpty(allOptions));
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var shouldShowOptionsList = !isLoading && (isArrayNotEmpty(allOptions) || isArrayNotEmpty(chosenValues));
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$t(_object_spread$w({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$v({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -15706,7 +15951,7 @@ function MultiSelectList(param) {
     ]
   }));
 }
-function _define_property$w(obj, key, value) {
+function _define_property$v(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15719,7 +15964,7 @@ function _define_property$w(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$v(target) {
+function _object_spread$u(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -15729,15 +15974,15 @@ function _object_spread$v(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$w(target, key, source[key]);
+      _define_property$v(target, key, source[key]);
     });
   }
   return target;
 }
 function FilterMultiSelect(props) {
-  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$v({}, props));
+  return /* @__PURE__ */ jsx(MultiSelectList, _object_spread$u({}, props));
 }
-function _define_property$v(obj, key, value) {
+function _define_property$u(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15750,7 +15995,7 @@ function _define_property$v(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$u(target) {
+function _object_spread$t(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -15760,19 +16005,19 @@ function _object_spread$u(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$v(target, key, source[key]);
+      _define_property$u(target, key, source[key]);
     });
   }
   return target;
 }
 var ITEM_HEIGHT = 40;
 var LIST_GAP = 12;
-var useStyles$s = createThemedStyles("FilterSelect", {
+var useStyles$r = createThemedStyles("FilterSelect", {
   root: {
     width: 220,
     background: colors.CLASSIC_WHITE
   },
-  list: _object_spread$u({
+  list: _object_spread$t({
     paddingTop: LIST_GAP,
     padding: [
       LIST_GAP,
@@ -15901,20 +16146,20 @@ var searchInputStyles$1 = {
   }
 };
 var clearButtonStyles$1 = cloneDeep(innerTextButtonStyles);
-function _array_like_to_array$d(arr, len) {
+function _array_like_to_array$c(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$d(arr) {
+function _array_with_holes$c(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$3(arr) {
+function _array_without_holes$2(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$d(arr);
+    return _array_like_to_array$c(arr);
 }
 function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -15945,7 +16190,7 @@ function _async_to_generator$1(fn3) {
     });
   };
 }
-function _define_property$u(obj, key, value) {
+function _define_property$t(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -15958,11 +16203,11 @@ function _define_property$u(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$3(iter) {
+function _iterable_to_array$2(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$d(arr, i) {
+function _iterable_to_array_limit$c(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -15990,13 +16235,13 @@ function _iterable_to_array_limit$d(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$d() {
+function _non_iterable_rest$c() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$3() {
+function _non_iterable_spread$2() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$t(target) {
+function _object_spread$s(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -16006,12 +16251,12 @@ function _object_spread$t(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$u(target, key, source[key]);
+      _define_property$t(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$s(object, enumerableOnly) {
+function ownKeys$r(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -16024,35 +16269,35 @@ function ownKeys$s(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$s(target, source) {
+function _object_spread_props$r(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$s(Object(source)).forEach(function(key) {
+    ownKeys$r(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$d(arr, i) {
-  return _array_with_holes$d(arr) || _iterable_to_array_limit$d(arr, i) || _unsupported_iterable_to_array$d(arr, i) || _non_iterable_rest$d();
+function _sliced_to_array$c(arr, i) {
+  return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
 }
-function _to_consumable_array$3(arr) {
-  return _array_without_holes$3(arr) || _iterable_to_array$3(arr) || _unsupported_iterable_to_array$d(arr) || _non_iterable_spread$3();
+function _to_consumable_array$2(arr) {
+  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$c(arr) || _non_iterable_spread$2();
 }
-function _unsupported_iterable_to_array$d(o, minLen) {
+function _unsupported_iterable_to_array$c(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$d(o, minLen);
+    return _array_like_to_array$c(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$d(o, minLen);
+    return _array_like_to_array$c(o, minLen);
 }
 function _ts_generator$1(thisArg, body) {
   var f, y, t, g, _ = {
@@ -16158,7 +16403,7 @@ function _ts_generator$1(thisArg, body) {
 }
 function FilterSelect(param) {
   var data = param.data, tweakStyles = param.tweakStyles, value = param.value, _param_isSearchEnabled = param.isSearchEnabled, isSearchEnabled = _param_isSearchEnabled === void 0 ? false : _param_isSearchEnabled, _param_isGroupingEnabled = param.isGroupingEnabled, isGroupingEnabled = _param_isGroupingEnabled === void 0 ? false : _param_isGroupingEnabled, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, options = param.options, fetchOptions = param.fetchOptions, footer = param.footer, _param_getValueView = param.getValueView, getValueView = _param_getValueView === void 0 ? defaultConvertFunction$1 : _param_getValueView, _param_getValueId = param.getValueId, getValueId = _param_getValueId === void 0 ? defaultConvertFunction$1 : _param_getValueId, _param_getValueString = param.getValueString, getValueString = _param_getValueString === void 0 ? defaultConvertFunction$1 : _param_getValueString, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId;
-  var classes = useStyles$s({
+  var classes = useStyles$r({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -16181,12 +16426,12 @@ function FilterSelect(param) {
     locale2
   ]);
   var observer = useRef();
-  var _useState = _sliced_to_array$d(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
-  var _useState1 = _sliced_to_array$d(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
-  var _useState2 = _sliced_to_array$d(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
-  var _useState3 = _sliced_to_array$d(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
-  var _useState4 = _sliced_to_array$d(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
-  var _useState5 = _sliced_to_array$d(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
+  var _useState = _sliced_to_array$c(useState(""), 2), searchValue = _useState[0], setSearchValue = _useState[1];
+  var _useState1 = _sliced_to_array$c(useState([]), 2), allOptions = _useState1[0], setAllOptions = _useState1[1];
+  var _useState2 = _sliced_to_array$c(useState(0), 2), activePage = _useState2[0], setActivePage = _useState2[1];
+  var _useState3 = _sliced_to_array$c(useState(false), 2), isMaxPage = _useState3[0], setIsMaxPage = _useState3[1];
+  var _useState4 = _sliced_to_array$c(useState(false), 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+  var _useState5 = _sliced_to_array$c(useState(false), 2), isLoadingOptionsOnScroll = _useState5[0], setLoadingOptionsOnScroll = _useState5[1];
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var hasFooter = isReactNodeNotEmpty(footer);
   var handleSearchInputChange = useCallback(function() {
@@ -16302,7 +16547,7 @@ function FilterSelect(param) {
             if (isMounted()) {
               if (response.length > 0) {
                 setAllOptions(function(prevState) {
-                  return _to_consumable_array$3(prevState).concat(_to_consumable_array$3(response));
+                  return _to_consumable_array$2(prevState).concat(_to_consumable_array$2(response));
                 });
               } else {
                 setIsMaxPage(true);
@@ -16433,7 +16678,7 @@ function FilterSelect(param) {
     }();
     doFetchOptions();
   }, []);
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$t({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$r(_object_spread$s({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -16533,7 +16778,7 @@ function FilterSelect(param) {
             children: translates.nothingFound
           }),
           (hasClearButton || hasFooter) && /* @__PURE__ */ jsxs("div", {
-            className: clsx(classes.panel, _define_property$u({}, classes.panelWithFooter, hasFooter)),
+            className: clsx(classes.panel, _define_property$t({}, classes.panelWithFooter, hasFooter)),
             children: [
               hasFooter && /* @__PURE__ */ jsx("div", {
                 className: classes.footer,
@@ -17646,7 +17891,7 @@ var locale = {
   }
 };
 const ru = locale;
-var useStyles$r = createThemedStyles("FilterWithDates", {
+var useStyles$q = createThemedStyles("FilterWithDates", {
   root: {
     background: colors.CLASSIC_WHITE,
     position: "relative",
@@ -17702,18 +17947,18 @@ var endDatePickerWithButtonStyles = {
     marginLeft: END_PICKER_LEFT_MARGIN
   }
 };
-function _array_like_to_array$c(arr, len) {
+function _array_like_to_array$b(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$c(arr) {
+function _array_with_holes$b(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$t(obj, key, value) {
+function _define_property$s(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -17726,7 +17971,7 @@ function _define_property$t(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$c(arr, i) {
+function _iterable_to_array_limit$b(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -17754,10 +17999,10 @@ function _iterable_to_array_limit$c(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$c() {
+function _non_iterable_rest$b() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$s(target) {
+function _object_spread$r(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -17767,12 +18012,12 @@ function _object_spread$s(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$t(target, key, source[key]);
+      _define_property$s(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$r(object, enumerableOnly) {
+function ownKeys$q(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -17785,36 +18030,36 @@ function ownKeys$r(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$r(target, source) {
+function _object_spread_props$q(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$r(Object(source)).forEach(function(key) {
+    ownKeys$q(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$c(arr, i) {
-  return _array_with_holes$c(arr) || _iterable_to_array_limit$c(arr, i) || _unsupported_iterable_to_array$c(arr, i) || _non_iterable_rest$c();
+function _sliced_to_array$b(arr, i) {
+  return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
 }
-function _unsupported_iterable_to_array$c(o, minLen) {
+function _unsupported_iterable_to_array$b(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$c(o, minLen);
+    return _array_like_to_array$b(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$c(o, minLen);
+    return _array_like_to_array$b(o, minLen);
 }
 var FilterWithDates = function(param) {
   var value = param.value, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, onStartBtnSubmit = param.onStartBtnSubmit, onEndBtnSubmit = param.onEndBtnSubmit, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId, _param_startPickerProps = param.startPickerProps, startPickerProps = _param_startPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_startPickerProps, _param_endPickerProps = param.endPickerProps, endPickerProps = _param_endPickerProps === void 0 ? DEFAULT_PICKER_PROPS : _param_endPickerProps, _param_isClearable = param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable;
-  var classes = useStyles$r({
+  var classes = useStyles$q({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({
@@ -17842,8 +18087,8 @@ var FilterWithDates = function(param) {
     className: "tweakEndDatePicker",
     currentComponentName: "FilterWithDates"
   });
-  var _useState = _sliced_to_array$c(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
-  var _useState1 = _sliced_to_array$c(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
+  var _useState = _sliced_to_array$b(useState(false), 2), isOpenFrom = _useState[0], setOpenFrom = _useState[1];
+  var _useState1 = _sliced_to_array$b(useState(false), 2), isOpenTo = _useState1[0], setOpenTo = _useState1[1];
   var ref = useRef(null);
   var dateLocale = localeKey === "ru" ? ru : enUS;
   var translates = useMemo(function() {
@@ -17901,7 +18146,7 @@ var FilterWithDates = function(param) {
     }
   };
   var _ref;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$r(_object_spread$s({
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$q(_object_spread$r({
     className: classes.root
   }, addDataAttributes(data)), {
     children: [
@@ -17910,7 +18155,7 @@ var FilterWithDates = function(param) {
         children: [
           /* @__PURE__ */ jsx("div", {
             className: classes.containerItem,
-            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$s({
+            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$r({
               selectedDate: value === null || value === void 0 ? void 0 : value.from,
               maxDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.from,
@@ -17925,7 +18170,7 @@ var FilterWithDates = function(param) {
           }),
           /* @__PURE__ */ jsx("div", {
             className: classes.containerItem,
-            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$s({
+            children: /* @__PURE__ */ jsx(DatePicker, _object_spread$r({
               selectedDate: value === null || value === void 0 ? void 0 : value.to,
               label: translates.to,
               months: translates.months,
@@ -17981,7 +18226,7 @@ var FilterWithDates = function(param) {
     ]
   }));
 };
-var useStyles$q = createThemedStyles("FilterWithPeriod", {
+var useStyles$p = createThemedStyles("FilterWithPeriod", {
   root: {},
   main: {},
   picker: {}
@@ -17991,22 +18236,22 @@ var filterSelectStyles = {
     maxHeight: "auto"
   }
 };
-function _array_like_to_array$b(arr, len) {
+function _array_like_to_array$a(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$b(arr) {
+function _array_with_holes$a(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _array_without_holes$2(arr) {
+function _array_without_holes$1(arr) {
   if (Array.isArray(arr))
-    return _array_like_to_array$b(arr);
+    return _array_like_to_array$a(arr);
 }
-function _define_property$s(obj, key, value) {
+function _define_property$r(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18019,11 +18264,11 @@ function _define_property$s(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array$2(iter) {
+function _iterable_to_array$1(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
     return Array.from(iter);
 }
-function _iterable_to_array_limit$b(arr, i) {
+function _iterable_to_array_limit$a(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -18051,13 +18296,13 @@ function _iterable_to_array_limit$b(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$b() {
+function _non_iterable_rest$a() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread$2() {
+function _non_iterable_spread$1() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$r(target) {
+function _object_spread$q(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -18067,12 +18312,12 @@ function _object_spread$r(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$s(target, key, source[key]);
+      _define_property$r(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$q(object, enumerableOnly) {
+function ownKeys$p(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18085,39 +18330,39 @@ function ownKeys$q(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$q(target, source) {
+function _object_spread_props$p(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$q(Object(source)).forEach(function(key) {
+    ownKeys$p(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$b(arr, i) {
-  return _array_with_holes$b(arr) || _iterable_to_array_limit$b(arr, i) || _unsupported_iterable_to_array$b(arr, i) || _non_iterable_rest$b();
+function _sliced_to_array$a(arr, i) {
+  return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
 }
-function _to_consumable_array$2(arr) {
-  return _array_without_holes$2(arr) || _iterable_to_array$2(arr) || _unsupported_iterable_to_array$b(arr) || _non_iterable_spread$2();
+function _to_consumable_array$1(arr) {
+  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$a(arr) || _non_iterable_spread$1();
 }
-function _unsupported_iterable_to_array$b(o, minLen) {
+function _unsupported_iterable_to_array$a(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$b(o, minLen);
+    return _array_like_to_array$a(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$b(o, minLen);
+    return _array_like_to_array$a(o, minLen);
 }
 var FilterWithPeriod = function(param) {
   var value = param.value, localeKey = param.localeKey, locale2 = param.locale, onChange = param.onChange, onClose = param.onClose, periods = param.periods, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$q({
+  var classes = useStyles$p({
     theme: tweakStyles
   });
   var translates = useMemo(function() {
@@ -18126,11 +18371,11 @@ var FilterWithPeriod = function(param) {
     localeKey,
     locale2
   ]);
-  var _useState = _sliced_to_array$b(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
-  var _useState1 = _sliced_to_array$b(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
-  var _useState2 = _sliced_to_array$b(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
+  var _useState = _sliced_to_array$a(useState((value === null || value === void 0 ? void 0 : value.periodType) !== "CUSTOM"), 2), isPeriodPickerShown = _useState[0], setIsPeriodPickerShown = _useState[1];
+  var _useState1 = _sliced_to_array$a(useState((value === null || value === void 0 ? void 0 : value.periodType) === "CUSTOM"), 2), isDatePickerShown = _useState1[0], setIsDatePickerShown = _useState1[1];
+  var _useState2 = _sliced_to_array$a(useState(value), 2), period = _useState2[0], setPeriod = _useState2[1];
   var periodGetters = useMemo(function() {
-    var result = _object_spread$r({}, PERIODS_GETTERS);
+    var result = _object_spread$q({}, PERIODS_GETTERS);
     periods === null || periods === void 0 ? void 0 : periods.forEach(function(p) {
       if (Array.isArray(p)) {
         result[p[0]] = p[1];
@@ -18142,7 +18387,7 @@ var FilterWithPeriod = function(param) {
   ]);
   var periodsList = useMemo(function() {
     if (periods === void 0) {
-      return _to_consumable_array$2(PERIODS);
+      return _to_consumable_array$1(PERIODS);
     }
     return periods.map(function(p) {
       return Array.isArray(p) ? p[0] : p;
@@ -18176,7 +18421,7 @@ var FilterWithPeriod = function(param) {
       if (onClose !== void 0) {
         onClose();
       }
-      onChange(_object_spread_props$q(_object_spread$r({}, p), {
+      onChange(_object_spread_props$p(_object_spread$q({}, p), {
         label: getPeriodTranslate(periodType)
       }));
     }
@@ -18196,7 +18441,7 @@ var FilterWithPeriod = function(param) {
   };
   var handleCustomDateChange = function(val) {
     if (val.from || val.to) {
-      onChange(_object_spread_props$q(_object_spread$r({}, val), {
+      onChange(_object_spread_props$p(_object_spread$q({}, val), {
         periodType: "CUSTOM"
       }));
     } else {
@@ -18268,7 +18513,7 @@ var FilterWithPeriod = function(param) {
     ]
   });
 };
-function _define_property$r(obj, key, value) {
+function _define_property$q(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18281,7 +18526,7 @@ function _define_property$r(obj, key, value) {
   }
   return obj;
 }
-function _object_spread$q(target) {
+function _object_spread$p(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -18291,12 +18536,12 @@ function _object_spread$q(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$r(target, key, source[key]);
+      _define_property$q(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$p(object, enumerableOnly) {
+function ownKeys$o(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18309,12 +18554,12 @@ function ownKeys$p(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$p(target, source) {
+function _object_spread_props$o(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$p(Object(source)).forEach(function(key) {
+    ownKeys$o(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -18332,7 +18577,7 @@ function Filter(props) {
     filter.locale
   ]);
   if (filter.type === "select") {
-    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterSelect, _object_spread$p({
       value,
       onChange,
       onClose,
@@ -18342,8 +18587,8 @@ function Filter(props) {
     }, filter));
   }
   if (filter.type === "dateRange") {
-    return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$q({
-      value: _object_spread$q({}, value),
+    return /* @__PURE__ */ jsx(FilterWithPeriod, _object_spread$p({
+      value: _object_spread$p({}, value),
       onChange,
       onClose,
       localeKey: translatesLocaleKey,
@@ -18356,10 +18601,10 @@ function Filter(props) {
       style: {
         width: 320
       },
-      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$q({
+      children: /* @__PURE__ */ jsx(FilterWithDates, _object_spread$p({
         value,
         onChange: function(v) {
-          return onChange(_object_spread_props$p(_object_spread$q({}, v), {
+          return onChange(_object_spread_props$o(_object_spread$p({}, v), {
             periodType: "CUSTOM"
           }));
         },
@@ -18373,7 +18618,7 @@ function Filter(props) {
     });
   }
   if (filter.type === "multiSelect") {
-    return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterMultiSelect, _object_spread$p({
       value,
       onChange,
       onClose,
@@ -18383,7 +18628,7 @@ function Filter(props) {
     }, filter));
   }
   if (filter.type === "interval") {
-    return /* @__PURE__ */ jsx(FilterInterval, _object_spread$q({
+    return /* @__PURE__ */ jsx(FilterInterval, _object_spread$p({
       value,
       onChange,
       localeKey: translatesLocaleKey,
@@ -18397,14 +18642,14 @@ function Filter(props) {
   }
   if (filter.type === "custom" && filter.component) {
     var Component = filter.component;
-    return /* @__PURE__ */ jsx(Component, _object_spread_props$p(_object_spread$q({}, props), {
+    return /* @__PURE__ */ jsx(Component, _object_spread_props$o(_object_spread$p({}, props), {
       filter
     }));
   }
   console.warn("%cДля фильтра ".concat(filter.name, " не задан тип или component"), "background: red; color: black");
   return null;
 }
-var useStyles$p = createThemedStyles("FiltersPaneSearch", {
+var useStyles$o = createThemedStyles("FiltersPaneSearch", {
   root: {
     display: "flex",
     position: "relative",
@@ -18502,18 +18747,18 @@ var selectStyles = {
     width: "100%"
   }
 };
-function _array_like_to_array$a(arr, len) {
+function _array_like_to_array$9(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
     arr2[i] = arr[i];
   return arr2;
 }
-function _array_with_holes$a(arr) {
+function _array_with_holes$9(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function _define_property$q(obj, key, value) {
+function _define_property$p(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value,
@@ -18526,7 +18771,7 @@ function _define_property$q(obj, key, value) {
   }
   return obj;
 }
-function _iterable_to_array_limit$a(arr, i) {
+function _iterable_to_array_limit$9(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
   if (_i == null)
     return;
@@ -18554,10 +18799,10 @@ function _iterable_to_array_limit$a(arr, i) {
   }
   return _arr;
 }
-function _non_iterable_rest$a() {
+function _non_iterable_rest$9() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$p(target) {
+function _object_spread$o(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
     var ownKeys2 = Object.keys(source);
@@ -18567,12 +18812,12 @@ function _object_spread$p(target) {
       }));
     }
     ownKeys2.forEach(function(key) {
-      _define_property$q(target, key, source[key]);
+      _define_property$p(target, key, source[key]);
     });
   }
   return target;
 }
-function ownKeys$o(object, enumerableOnly) {
+function ownKeys$n(object, enumerableOnly) {
   var keys2 = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -18585,36 +18830,36 @@ function ownKeys$o(object, enumerableOnly) {
   }
   return keys2;
 }
-function _object_spread_props$o(target, source) {
+function _object_spread_props$n(target, source) {
   source = source != null ? source : {};
   if (Object.getOwnPropertyDescriptors) {
     Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
   } else {
-    ownKeys$o(Object(source)).forEach(function(key) {
+    ownKeys$n(Object(source)).forEach(function(key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
   return target;
 }
-function _sliced_to_array$a(arr, i) {
-  return _array_with_holes$a(arr) || _iterable_to_array_limit$a(arr, i) || _unsupported_iterable_to_array$a(arr, i) || _non_iterable_rest$a();
+function _sliced_to_array$9(arr, i) {
+  return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
 }
-function _unsupported_iterable_to_array$a(o, minLen) {
+function _unsupported_iterable_to_array$9(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _array_like_to_array$a(o, minLen);
+    return _array_like_to_array$9(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(n);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$a(o, minLen);
+    return _array_like_to_array$9(o, minLen);
 }
 function FiltersPaneSearch(param) {
   var value = param.value, _param_fields = param.fields, fields = _param_fields === void 0 ? [] : _param_fields, field = param.field, onChange = param.onChange, localeKey = param.localeKey, locale2 = param.locale, getValueId = param.getValueId, getValueView = param.getValueView, getValueString = param.getValueString, hasClearSelectButton = param.hasClearSelectButton, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isSelectSearchEnabled = param.isSelectSearchEnabled, isSelectSearchEnabled = _param_isSelectSearchEnabled === void 0 ? true : _param_isSelectSearchEnabled, _param_isAutoSizeable = param.isAutoSizeable, isAutoSizeable = _param_isAutoSizeable === void 0 ? true : _param_isAutoSizeable, maxLength = param.maxLength, data = param.data, tweakStyles = param.tweakStyles, testId = param.testId;
-  var classes = useStyles$p({
+  var classes = useStyles$o({
     theme: tweakStyles
   });
   var tweakSearchInputStyles = useTweakStyles({
@@ -18629,8 +18874,8 @@ function FiltersPaneSearch(param) {
     className: "tweakSelect",
     currentComponentName: "FiltersPaneSearch"
   });
-  var _useState = _sliced_to_array$a(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
-  var _useState1 = _sliced_to_array$a(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
+  var _useState = _sliced_to_array$9(useState(false), 2), isInputFocused = _useState[0], setIsInputFocused = _useState[1];
+  var _useState1 = _sliced_to_array$9(useState(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
   var refRoot = useRef(null);
   var translates = useMemo(function() {
     return getLocale$1(localeKey, locale2);
@@ -18660,8 +18905,8 @@ function FiltersPaneSearch(param) {
     field
   ]);
   var _obj2;
-  return /* @__PURE__ */ jsxs("div", _object_spread_props$o(_object_spread$p({
-    className: clsx(classes.root, (_obj2 = {}, _define_property$q(_obj2, classes.focused, isInputFocused), _define_property$q(_obj2, classes.disabled, isDisabled), _obj2)),
+  return /* @__PURE__ */ jsxs("div", _object_spread_props$n(_object_spread$o({
+    className: clsx(classes.root, (_obj2 = {}, _define_property$p(_obj2, classes.focused, isInputFocused), _define_property$p(_obj2, classes.disabled, isDisabled), _obj2)),
     ref: refRoot,
     "data-testid": testId
   }, addDataAttributes(data)), {
@@ -18726,7 +18971,7 @@ function FiltersPaneSearch(param) {
     ]
   }));
 }
-var useStyles$o = createThemedStyles("FilterValueView", {
+var useStyles$n = createThemedStyles("FilterValueView", {
   text: {
     overflow: "hidden",
     textOverflow: "ellipsis",
@@ -18745,7 +18990,7 @@ function _instanceof$1(left2, right2) {
 }
 function FilterValueView(param) {
   var locale2 = param.locale, localeKey = param.localeKey, filter = param.filter, value = param.value, tweakStyles = param.tweakStyles;
-  var classes = useStyles$o({
+  var classes = useStyles$n({
     theme: tweakStyles
   });
   var _filter_localeKey;
@@ -18896,247 +19141,6 @@ function FilterValueView(param) {
     children: displayValue(value)
   });
 }
-var DEFAULT_OFFSET = 6;
-var useStyles$n = createThemedStyles("WithPopup", {
-  trigger: {
-    width: "fit-content",
-    cursor: "pointer"
-  },
-  disabled: {
-    cursor: "default"
-  },
-  popup: {
-    zIndex: 5,
-    outline: "none"
-  },
-  animationEnd: {},
-  animationStart: {},
-  "dropdown-initial": {
-    extend: "animationEnd"
-  },
-  "dropdown-open": {
-    extend: "animationStart"
-  },
-  "dropdown-close": {
-    visibility: "hidden",
-    extend: "animationEnd"
-  },
-  "dropdown-unmounted": {
-    extend: "animationEnd"
-  }
-});
-function _array_like_to_array$9(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes$9(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _array_without_holes$1(arr) {
-  if (Array.isArray(arr))
-    return _array_like_to_array$9(arr);
-}
-function _define_property$p(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 _iterable_to_array$1(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
-    return Array.from(iter);
-}
-function _iterable_to_array_limit$9(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null)
-    return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i)
-        break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null)
-        _i["return"]();
-    } finally {
-      if (_d)
-        throw _e;
-    }
-  }
-  return _arr;
-}
-function _non_iterable_rest$9() {
-  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$1() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread$o(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys2.forEach(function(key) {
-      _define_property$p(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys$n(object, enumerableOnly) {
-  var keys2 = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _object_spread_props$n(target, source) {
-  source = source != null ? source : {};
-  if (Object.getOwnPropertyDescriptors) {
-    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-  } else {
-    ownKeys$n(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _sliced_to_array$9(arr, i) {
-  return _array_with_holes$9(arr) || _iterable_to_array_limit$9(arr, i) || _unsupported_iterable_to_array$9(arr, i) || _non_iterable_rest$9();
-}
-function _to_consumable_array$1(arr) {
-  return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$9(arr) || _non_iterable_spread$1();
-}
-function _unsupported_iterable_to_array$9(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _array_like_to_array$9(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(n);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _array_like_to_array$9(o, minLen);
-}
-var WithPopup = function(param) {
-  var trigger = param.trigger, children = param.children, _param_middlewares = param.middlewares, middlewares = _param_middlewares === void 0 ? [] : _param_middlewares, _param_eventType = param.eventType, eventType = _param_eventType === void 0 ? "click" : _param_eventType, _param_placement = param.placement, placement = _param_placement === void 0 ? eventType === "click" ? "bottom-end" : "top" : _param_placement, _param_hoverDelay = param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 0 : _param_hoverDelay, _param_popupOffset = param.popupOffset, popupOffset = _param_popupOffset === void 0 ? DEFAULT_OFFSET : _param_popupOffset, _param_shouldHideOnScroll = param.shouldHideOnScroll, shouldHideOnScroll = _param_shouldHideOnScroll === void 0 ? false : _param_shouldHideOnScroll, _param_shouldRenderInBody = param.shouldRenderInBody, shouldRenderInBody = _param_shouldRenderInBody === void 0 ? true : _param_shouldRenderInBody, _param_canBeFlipped = param.canBeFlipped, canBeFlipped = _param_canBeFlipped === void 0 ? true : _param_canBeFlipped, _param_isTriggerWrapped = param.isTriggerWrapped, isTriggerWrapped = _param_isTriggerWrapped === void 0 ? eventType === "hover" : _param_isTriggerWrapped, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, tweakStyles = param.tweakStyles, data = param.data, testId = param.testId, onToggle = param.onToggle;
-  var classes = useStyles$n({
-    theme: tweakStyles
-  });
-  var _useState = _sliced_to_array$9(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
-  var handleToggle = function(isActive, event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
-    if (!isDisabled) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-      setIsOpen(isActive);
-    }
-  };
-  var handleClose = function(event) {
-    handleToggle(false, event);
-  };
-  var _useFloating = useFloating({
-    open: isOpen,
-    middleware: [
-      offset$2(popupOffset)
-    ].concat(_to_consumable_array$1(canBeFlipped ? [
-      flip$2()
-    ] : []), _to_consumable_array$1(middlewares)),
-    whileElementsMounted: autoUpdate,
-    placement,
-    onOpenChange: handleToggle
-  }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
-  var hover = useHover(context, {
-    enabled: eventType === "hover",
-    delay: typeof hoverDelay === "number" ? {
-      open: hoverDelay,
-      close: 0
-    } : hoverDelay,
-    handleClose: safePolygon()
-  });
-  var focus = useFocus(context, {
-    enabled: eventType === "hover"
-  });
-  var click = useClick(context, {
-    enabled: eventType === "click"
-  });
-  var dismiss = useDismiss(context, {
-    enabled: eventType === "click",
-    ancestorScroll: shouldHideOnScroll
-  });
-  var _useInteractions = useInteractions([
-    hover,
-    click,
-    focus,
-    dismiss
-  ]), getFloatingProps = _useInteractions.getFloatingProps, getReferenceProps = _useInteractions.getReferenceProps;
-  var _useTransitionStatus = useTransitionStatus(context, {
-    duration: {
-      close: 500
-    }
-  }), isMounted = _useTransitionStatus.isMounted, status = _useTransitionStatus.status;
-  var referenceProps = getReferenceProps({
-    ref: refs.setReference
-  });
-  var triggerElement = applyAction(trigger, _object_spread$o({
-    isActive: isOpen,
-    isDisabled
-  }, !isTriggerWrapped ? referenceProps : void 0));
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
-        className: clsx(classes.trigger, _define_property$p({}, classes.disabled, isDisabled))
-      }, referenceProps, addDataTestId(testId), addDataAttributes(data)), {
-        children: triggerElement
-      })) : triggerElement,
-      isMounted && /* @__PURE__ */ jsx(FloatingPortal, {
-        root: !shouldRenderInBody ? refs.reference.current : void 0,
-        children: /* @__PURE__ */ jsx("div", _object_spread_props$n(_object_spread$o({
-          style: floatingStyles,
-          className: classes.popup,
-          ref: refs.setFloating
-        }, getFloatingProps()), {
-          children: /* @__PURE__ */ jsx("div", {
-            className: classes["dropdown-".concat(status)],
-            children: isFunction$1(children) ? children({
-              onClose: handleClose
-            }) : children
-          })
-        }))
-      })
-    ]
-  });
-};
 var isContentNotEmpty = function(value) {
   if (Array.isArray(value)) {
     return value.some(isContentNotEmpty);
@@ -19432,7 +19436,7 @@ function _object_spread_props$l(target, source) {
 }
 function FiltersPane(param) {
   var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
-  var classes = useStyles$v({
+  var classes = useStyles$u({
     theme: tweakStyles
   });
   var tweakClearButtonStyles = useTweakStyles({