@banyan_cloud/roots 2.0.19 → 2.0.20

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { motion, AnimatePresence, useAnimate } from 'framer-motion';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback, cloneElement, useMemo, useReducer, Children } from 'react';
+import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback, useMemo, cloneElement, useReducer, Children } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
@@ -7207,10 +7207,10 @@ Reset.defaultProps = {
   className: ''
 };
 
-var _excluded$1 = ["className"];
+var _excluded = ["className"];
 var SearchIcon = function SearchIcon(_ref) {
   var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
     width: "25",
     height: "25",
@@ -18733,493 +18733,64 @@ var DisplayPicture = function DisplayPicture(props) {
   });
 };
 
-var css$M = ".HierarchyItem_module_root__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover {\n  background: none;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944 svg {\n  color: inherit;\n  fill: inherit;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_searchWrapper__e901c944 {\n  display: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_headerNoCount__e901c944 {\n  margin-left: 7px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  width: 100%;\n  padding: 0rem 0rem !important;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1], .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1] .HierarchyItem_module_expand__e901c944, .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] .HierarchyItem_module_expand__e901c944 {\n  padding: 0;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1] .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944, .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944 {\n  width: 1rem;\n  margin-left: -0.07rem;\n  height: 1.49rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_title__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: auto;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  margin-top: 2px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 {\n  display: flex;\n  align-items: center;\n  background: white;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  height: 2.3rem;\n  margin-left: -28px;\n  margin-bottom: 2px;\n  margin-top: 1px;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchButton__e901c944 {\n  width: 20px;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 {\n  width: 100%;\n  padding-left: 12px;\n  height: 100%;\n  gap: 0.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] {\n  box-shadow: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell]:focus-within {\n  outline: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component3] > button {\n  margin-top: 1px;\n  padding: 0;\n  height: auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component3] > button [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component1] {\n  width: 1.244rem;\n  margin-left: 7px;\n  margin-top: 2.9px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 label {\n  display: contents;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 input {\n  outline: none;\n  font-size: 0.875rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 {\n  height: 100%;\n  display: none;\n  transition: opacity 0.2s ease;\n  padding-block: 0 !important;\n  padding-inline: 0.75rem !important;\n  height: 2.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 .HierarchyItem_module_searchButton__e901c944 {\n  width: 20px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover {\n  background: var(--background-color4);\n  border-radius: 4px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_searchWrapper__e901c944 {\n  height: 2.5rem;\n  display: block;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 {\n  margin-left: 10px;\n  position: relative;\n  width: 1rem;\n  height: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_collapsedTail__e901c944 {\n  position: absolute;\n  top: 120%;\n  left: 0.2rem;\n  width: 1px;\n  height: 1.25rem;\n  background: var(--grey1);\n  pointer-events: none;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_dashedConnector__e901c944 {\n  height: 1.2rem;\n  border-left: 0.0825rem dashed #cccccc;\n  margin-top: 30px;\n  margin-left: 2.18rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_hiddenConnector__e901c944 {\n  border-left: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_collapsedTailSpacer__e901c944 {\n  height: 0.3rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_tail__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_tail__e901c944::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.525rem;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n  margin-bottom: -0.55rem;\n  margin-left: 9px;\n  z-index: 1;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_highlightTail__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_highlightTail__e901c944::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.525rem;\n  width: 1px;\n  flex: 1;\n  background: #0f62fe;\n  margin-bottom: -0.55rem;\n  margin-left: 9px;\n  z-index: 1;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component2] .HierarchyItem_module_children__e901c944 {\n  flex: 1 0 auto;\n  width: 100%;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944 {\n  transform: none;\n  height: 0.7625rem;\n  width: 0rem;\n  margin-left: 1.4rem;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_body__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0rem;\n  height: auto;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_collapsedTail__e901c944 {\n  display: none;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_title__e901c944 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
-var modules_6d03d164 = {"root":"HierarchyItem_module_root__e901c944","searching":"HierarchyItem_module_searching__e901c944","header":"HierarchyItem_module_header__e901c944","icon":"HierarchyItem_module_icon__e901c944","title":"HierarchyItem_module_title__e901c944","searchWrapper":"HierarchyItem_module_searchWrapper__e901c944","headerNoCount":"HierarchyItem_module_headerNoCount__e901c944","expand":"HierarchyItem_module_expand__e901c944","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__e901c944","searchButton":"HierarchyItem_module_searchButton__e901c944","searchInput":"HierarchyItem_module_searchInput__e901c944","expand-container":"HierarchyItem_module_expandContainer__e901c944","collapsed-tail":"HierarchyItem_module_collapsedTail__e901c944","dashed-connector":"HierarchyItem_module_dashedConnector__e901c944","hidden-connector":"HierarchyItem_module_hiddenConnector__e901c944","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__e901c944","body":"HierarchyItem_module_body__e901c944","tail":"HierarchyItem_module_tail__e901c944","highlight-tail":"HierarchyItem_module_highlightTail__e901c944","children":"HierarchyItem_module_children__e901c944","open":"HierarchyItem_module_open__e901c944","active":"HierarchyItem_module_active__e901c944"};
+var css$M = ".HierarchyItem_module_root__81fe6e38 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  flex: 1;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n  min-height: 2rem;\n  height: auto;\n  padding: 0rem 0.5rem;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1], .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 {\n  padding: 0;\n  height: auto;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n  transform: rotate(-180deg);\n  width: 1rem;\n  height: 1rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] .HierarchyItem_module_title__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: auto;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1.6rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] .HierarchyItem_module_children__81fe6e38 {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n  transform: none;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_body__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0.25rem;\n  height: auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
+var modules_6d03d164 = {"root":"HierarchyItem_module_root__81fe6e38","header":"HierarchyItem_module_header__81fe6e38","expand":"HierarchyItem_module_expand__81fe6e38","icon":"HierarchyItem_module_icon__81fe6e38","title":"HierarchyItem_module_title__81fe6e38","body":"HierarchyItem_module_body__81fe6e38","tail":"HierarchyItem_module_tail__81fe6e38","children":"HierarchyItem_module_children__81fe6e38","open":"HierarchyItem_module_open__81fe6e38","active":"HierarchyItem_module_active__81fe6e38"};
 n(css$M,{});
 
-function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
-
-var css$L = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
-var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
-n(css$L,{});
-
-/**
- * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
- *
- * @returns A React component
- *
- * @example
- * ```tsx
- * <Tooltip
- *   position='top'
- *   showPointer={false}
- *   content="Hello"
- * >
- *   <div>Some Element</div>
- * </Tooltip>
- * ```
- */
-var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
-  var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
-  var children = props.children,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'top' : _props$position,
-    content = props.content,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'light' : _props$variant,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$showPointer = props.showPointer,
-    showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
-  var arrowEl = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useFloating = useFloating({
-      open: open,
-      onOpenChange: setOpen,
-      placement: position,
-      whileElementsMounted: autoUpdate,
-      // Make sure the tooltip stays on the screen
-      middleware: [offset(12), flip(), shift(), arrow({
-        element: arrowEl
-      })]
-    }),
-    x = _useFloating.x,
-    y = _useFloating.y,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
-    strategy = _useFloating.strategy,
-    context = _useFloating.context,
-    middlewareData = _useFloating.middlewareData,
-    _useFloating$placemen = _useFloating.placement,
-    placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
-  // Event listeners to change the open state
-  var hover = useHover(context, {
-    move: true
-  });
-  var focus = useFocus(context);
-  var dismiss = useDismiss(context);
-  // Role props for screen readers
-  var role = useRole(context, {
-    role: 'tooltip'
-  });
-  // Merge all the interactions into prop getters
-  var _useInteractions = useInteractions([hover, focus, dismiss, role]),
-    getReferenceProps = _useInteractions.getReferenceProps,
-    getFloatingProps = _useInteractions.getFloatingProps;
-  var typedChildren = children;
-  var childrenRef = typedChildren.ref;
-  var ref = React__default.useMemo(function () {
-    return o([reference, childrenRef, propRef]);
-  }, [reference, childrenRef, propRef]);
-  var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
-    ref: ref
-  }, typedChildren.props)));
-  var side = placement.split('-')[0];
-  var _top$right$bottom$lef = {
-      top: 'bottom',
-      right: 'left',
-      bottom: 'top',
-      left: 'right'
-    },
-    staticSide = _top$right$bottom$lef[side];
-  return jsxs(Fragment, {
-    children: [clonedChildren, jsx(Popper, {
-      open: open && content != null,
-      backdrop: false,
-      wrapperId: 'tooltip',
-      children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
-        ref: floating,
-        className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
-        style: {
-          position: strategy,
-          top: y !== null && y !== void 0 ? y : 0,
-          left: x !== null && x !== void 0 ? x : 0,
-          zIndex: 100
-        }
-      })), {}, {
-        initial: {
-          opacity: 0,
-          scale: 0
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        children: [showPointer && jsx("div", {
-          className: modules_e4619b04.arrow,
-          ref: arrowEl,
-          style: _defineProperty({
-            left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
-            top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
-            right: '',
-            bottom: ''
-          }, staticSide, '-0.3rem')
-        }), content]
-      }))
-    })]
-  });
-});
-
-var css$K = ".TextFieldv2_module_root__d006d40c {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  letter-spacing: 0.02rem;\n  color: var(--text-color);\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_required__d006d40c::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c:focus-within {\n  outline: 1px solid var(--secondary-color2);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c .TextFieldv2_module_icon__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] {\n  flex: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  -moz-appearance: textfield;\n  flex: 1;\n  background-color: var(--light-color3) !important;\n  border: none;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-outer-spin-button, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:focus {\n  outline: none;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_error__d006d40c {\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_sm__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:active {\n  box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button].TextFieldv2_module_error__d006d40c > [data-elem=component1] .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c {\n  width: 1rem;\n  height: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c {\n  padding: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  resize: vertical;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0.313rem 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_feedbackError__d006d40c {\n  box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderDefault__d006d40c {\n  border-width: 0.063rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderBottom__d006d40c {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderNone__d006d40c {\n  border-width: 0rem;\n}";
-var modules_6d3d1b60 = {"root":"TextFieldv2_module_root__d006d40c","required":"TextFieldv2_module_required__d006d40c","input-wrapper":"TextFieldv2_module_inputWrapper__d006d40c","icon":"TextFieldv2_module_icon__d006d40c","error":"TextFieldv2_module_error__d006d40c","input":"TextFieldv2_module_input__d006d40c","sm":"TextFieldv2_module_sm__d006d40c","md":"TextFieldv2_module_md__d006d40c","lg":"TextFieldv2_module_lg__d006d40c","button":"TextFieldv2_module_button__d006d40c","span":"TextFieldv2_module_span__d006d40c","type-textarea":"TextFieldv2_module_typeTextarea__d006d40c","feedback-error":"TextFieldv2_module_feedbackError__d006d40c","border-default":"TextFieldv2_module_borderDefault__d006d40c","border-bottom":"TextFieldv2_module_borderBottom__d006d40c","border-none":"TextFieldv2_module_borderNone__d006d40c"};
-n(css$K,{});
-
-var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
-  var id = props.id,
-    name = props.name,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'text' : _props$type,
-    value = props.value,
-    required = props.required,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
-    _onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    _props$onChange = props.onChange,
-    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    _props$border = props.border,
-    border = _props$border === void 0 ? 'default' : _props$border,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme,
-    LeftComponent = props.LeftComponent,
-    RightComponent = props.RightComponent,
-    className = props.className,
-    disabled = props.disabled,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    feedback = props.feedback,
-    maxLength = props.maxLength,
-    _props$onKeyDown = props.onKeyDown,
-    onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
-    autocomplete = props.autocomplete,
-    _props$autocompleteOp = props.autocompleteOptions,
-    autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
-    custom = props.custom;
-  var _useRef = useRef(value !== undefined),
-    isControlled = _useRef.current;
-
-  // for uncontrolled input
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    uncontrolledValue = _useState2[0],
-    setUncontrolledValue = _useState2[1];
-  var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputType = _useState4[0],
-    setInputType = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    anchorEl = _useState6[0],
-    setAnchorEl = _useState6[1];
-  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
-    if (autocomplete) {
-      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
-      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
-    }
-  };
-  var handleChange = function handleChange(event) {
-    var _inputHelper = inputHelper(event),
-      fieldValue = _inputHelper.fieldValue;
-    checkAndOpenAutocomplete(fieldValue);
-    if (isControlled) {
-      onChange(event, fieldValue);
-    } else {
-      setUncontrolledValue(fieldValue);
-    }
-  };
-  var getLeftComponent = function getLeftComponent() {
-    if (type === 'email') {
-      return /*#__PURE__*/jsx(Email, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    if (type === 'password' && inputType === 'password') {
-      return /*#__PURE__*/jsx(Password, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    if (type === 'password' && inputType === 'text') {
-      return /*#__PURE__*/jsx(UnlockPassword, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    return /*#__PURE__*/jsx(LeftComponent, {
-      className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-    });
-  };
-  var getRightComponent = function getRightComponent() {
-    if (type === 'password') {
-      var _ref, _feedback$info;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Button, {
-          className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-          title: "",
-          variant: "contained",
-          type: "button",
-          leftComponent: function leftComponent() {
-            return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-              position: "left"
-            }) : /*#__PURE__*/jsx(ViewPasswordIcon, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-              position: "left"
-            });
-          },
-          onClick: function onClick() {
-            if (inputType === 'password') {
-              setInputType('text');
-              return;
-            }
-            setInputType('password');
-          }
-        }), feedback && /*#__PURE__*/jsx(Tooltip, {
-          content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
-          position: "right",
-          className: modules_6d3d1b60.tooltip,
-          variant: "light",
-          children: /*#__PURE__*/jsx("span", {
-            className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-            children: /*#__PURE__*/jsx(Info, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-            })
-          })
-        })]
-      });
-    }
-    if (feedback) {
-      var _ref2, _feedback$info2;
-      return /*#__PURE__*/jsx(Tooltip, {
-        content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
-        position: "right",
-        className: modules_6d3d1b60.tooltip,
-        variant: "light",
-        children: /*#__PURE__*/jsx("span", {
-          className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-          children: /*#__PURE__*/jsx(Info, {
-            className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-          })
-        })
-      });
-    }
-    return /*#__PURE__*/jsx(RightComponent, {});
-  };
-  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
-  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
-    id: id,
-    name: name,
-    disabled: disabled,
-    type: inputType,
-    defaultValue: defaultValue,
-    placeholder: placeholder
-  }, maxLength !== null && maxLength), {}, {
-    onFocus: function onFocus() {
-      checkAndOpenAutocomplete(inputValue);
-      _onFocus === null || _onFocus === void 0 || _onFocus();
-    },
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    required: required,
-    'data-elem': 'input',
-    ref: o([inputRef]),
-    value: inputValue,
-    onChange: handleChange,
-    className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-  }, inputProps));
-  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
-  return /*#__PURE__*/jsx(ErrorBoundary, {
-    FallbackComponent: function FallbackComponent(args) {
-      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
-        className: modules_6d3d1b60['error-boundary'],
-        custom: custom
-      }));
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes(modules_6d3d1b60.root, className),
-      children: [/*#__PURE__*/jsxs("label", {
-        children: [label && /*#__PURE__*/jsx("span", {
-          className: required ? modules_6d3d1b60.required : '',
-          children: label
-        }), /*#__PURE__*/jsx(BaseCell, {
-          ref: setAnchorEl,
-          className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
-          component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
-          component2: Input,
-          component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
-        })]
-      }), autocomplete && /*#__PURE__*/jsx(Popover, {
-        anchorEl: anchorEl,
-        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
-        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
-        theme: theme,
-        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
-        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
-        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
-          name: name,
-          value: value
-        })
-      })]
-    })
-  });
-});
-TextField$1.propTypes = {
-  id: propTypesExports.string,
-  name: propTypesExports.string,
-  disabled: propTypesExports.bool,
-  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
-  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  defaultValue: propTypesExports.string,
-  onChange: propTypesExports.func,
-  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
-  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
-  LeftComponent: propTypesExports.node,
-  RightComponent: propTypesExports.node,
-  // eslint-disable-next-line react/forbid-prop-types
-  inputProps: propTypesExports.object,
-  count: propTypesExports.shape({
-    limit: propTypesExports.number
-  }),
-  feedback: propTypesExports.shape({
-    text: propTypesExports.node,
-    type: propTypesExports.oneOf(['error', 'success', 'default'])
-  }),
-  feedbackAndCount: propTypesExports.bool,
-  maxLength: propTypesExports.number,
-  onKeyDown: propTypesExports.func,
-  autocomplete: propTypesExports.bool,
-  autocompleteOptions: propTypesExports.shape({
-    open: propTypesExports.bool,
-    setOpen: propTypesExports.func,
-    render: propTypesExports.func,
-    predicate: propTypesExports.func,
-    placement: propTypesExports.string,
-    middlewareOptions: propTypesExports.shape({
-      offset: propTypesExports.object,
-      shift: propTypesExports.object,
-      flip: propTypesExports.object
-    })
-  }),
-  theme: propTypesExports.oneOf(['light', 'dark']),
-  required: propTypesExports.bool
-};
-
 var HierarchyItem = function HierarchyItem(props) {
-  var _props$defaultOpen = props.defaultOpen,
-    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+  var defaultOpen = props.defaultOpen,
     _props$iconPlacement = props.iconPlacement,
     iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
     title = props.title,
     children = props.children,
-    _onClick = props.onClick,
+    _props$onClick = props.onClick,
+    _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
     onDoubleClick = props.onDoubleClick,
-    _props$active = props.active,
-    active = _props$active === void 0 ? false : _props$active,
-    isLastItem = props.isLastItem;
-    props.isSingleItem;
-    var count = props.count,
-    leftComponent = props.leftComponent,
-    name = props.name,
-    onSearchSubmit = props.onSearchSubmit,
-    pathString = props.pathString,
-    lastActive = props.lastActive,
-    isSearching = props.isSearching,
-    onSearchStart = props.onSearchStart;
+    active = props.active;
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchText = _useState4[0],
-    setSearchText = _useState4[1];
-  var icon = jsxs("div", {
-    className: modules_6d03d164['expand-container'],
-    children: [jsx(Button, {
-      className: modules_6d03d164.expand,
-      size: 'auto',
-      variant: 'text',
-      color: 'default',
-      onClick: function onClick() {
-        setOpen(function (prevState) {
-          var newState = !prevState;
-          _onClick === null || _onClick === void 0 || _onClick(newState);
-          onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
-          return newState;
-        });
-      },
-      leftComponent: function leftComponent() {
-        return jsx(ExpandCollapseIcon, {
-          className: classes(modules_6d03d164.icon, open ? modules_6d03d164.iconClosed : modules_6d03d164.iconOpen),
-          open: open
-        });
-      }
-    }), !open && !isLastItem && jsx("span", {
-      className: modules_6d03d164['collapsed-tail']
-    }), open && jsx("div", {
-      className: classes(modules_6d03d164['dashed-connector'])
-    })]
+  var icon = /*#__PURE__*/jsx(Button, {
+    className: modules_6d03d164.expand,
+    size: "auto",
+    variant: "text",
+    color: "default",
+    onClick: function onClick() {
+      setOpen(function (prevState) {
+        var newState = !prevState;
+        _onClick === null || _onClick === void 0 || _onClick(newState);
+        onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
+        return newState;
+      });
+    },
+    leftComponent: function leftComponent() {
+      return /*#__PURE__*/jsx(Caret, {
+        className: modules_6d03d164.icon
+      });
+    }
   });
-  var handleSearchSubmit = function handleSearchSubmit() {
-    onSearchSubmit === null || onSearchSubmit === void 0 || onSearchSubmit(searchText, pathString);
-  };
-  return jsxs("div", {
-    className: classes(modules_6d03d164.root, open && modules_6d03d164.open, active && modules_6d03d164.active, isSearching && modules_6d03d164.searching),
-    children: [jsx(BaseCell, {
+  return /*#__PURE__*/jsxs("div", {
+    className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : '', active ? modules_6d03d164.active : ''),
+    children: [/*#__PURE__*/jsx(BaseCell, {
       flexible: true,
-      size: 'auto',
-      className: classes(modules_6d03d164.header, count === undefined && modules_6d03d164.headerNoCount),
-      component1: iconPlacement === 'left' ? icon : undefined,
-      component2: isSearching && open ? jsx("div", {
-        className: modules_6d03d164.searchFieldWrapper,
-        children: jsx(TextField$1, {
-          label: null,
-          className: modules_6d03d164.searchInput,
-          placeholder: "Search ".concat(name),
-          size: 'md',
-          type: 'text',
-          value: searchText,
-          onChange: function onChange(e) {
-            setSearchText(e.target.value);
-          },
-          onKeyDown: function onKeyDown(e) {
-            if (e.key === 'Enter') {
-              handleSearchSubmit();
-            }
-          },
-          LeftComponent: function LeftComponent() {
-            return leftComponent;
-          },
-          RightComponent: function RightComponent() {
-            return jsx(Button, {
-              title: jsx(MagnifyingGlass, {
-                className: modules_6d03d164.searchButton
-              }),
-              onClick: handleSearchSubmit,
-              variant: 'text',
-              size: 'auto',
-              color: 'default'
-            });
-          }
-        })
-      }) : jsx(Button, {
+      size: "auto",
+      className: modules_6d03d164.header,
+      component1: iconPlacement === 'left' && icon,
+      component2: /*#__PURE__*/jsx(Button, {
         className: modules_6d03d164.title,
         flexible: true,
-        size: 'auto',
-        variant: 'text',
-        color: 'default',
+        size: "auto",
+        variant: "text",
+        color: "default",
         onClick: function onClick(event) {
           var detail = event.detail;
-          if (detail === 1) _onClick === null || _onClick === void 0 || _onClick(open);else if (detail === 2 && count) {
+
+          // single click
+          if (detail === 1) {
+            _onClick === null || _onClick === void 0 || _onClick(open);
+            // double click
+          } else if (detail === 2) {
             setOpen(function (prevState) {
               var newState = !prevState;
               onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
@@ -19231,90 +18802,76 @@ var HierarchyItem = function HierarchyItem(props) {
           return title;
         }
       }),
-      component3: !isSearching && count && open ? jsx(Button, {
-        size: 'auto',
-        variant: 'text',
-        color: 'default',
-        className: modules_6d03d164.searchWrapper,
-        onClick: function onClick() {
-          onSearchStart === null || onSearchStart === void 0 || onSearchStart(); // trigger search state in parent
-        },
-        title: jsx(MagnifyingGlass, {
-          className: modules_6d03d164.searchButton
-        })
-      }) : undefined
-    }), !open && !isLastItem && jsx("div", {
-      className: modules_6d03d164['collapsed-tail-spacer']
-    }), open && jsx(BaseCell, {
-      size: 'auto',
+      component3: iconPlacement === 'right' && icon
+    }), /*#__PURE__*/jsx(BaseCell, {
+      size: "auto",
       className: modules_6d03d164.body,
-      component1: jsx("div", {
-        style: {
-          display: isLastItem ? 'none' : 'flex'
-        },
-        className: classes(lastActive ? modules_6d03d164['highlight-tail'] : modules_6d03d164.tail)
+      component1: /*#__PURE__*/jsx("div", {
+        className: modules_6d03d164.tail
       }),
-      component2: jsx("div", {
+      component2: /*#__PURE__*/jsx("div", {
         className: modules_6d03d164.children,
         children: children
       })
     })]
   });
 };
+HierarchyItem.propTypes = {
+  iconPlacement: propTypesExports.oneOf(['left', 'right', 'none']),
+  title: propTypesExports.node,
+  defaultOpen: propTypesExports.bool,
+  onClick: propTypesExports.func,
+  active: propTypesExports.bool
+};
 
-var css$J = ".HierarchyBrowser_module_root__d1032907 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 20rem;\n  position: relative;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_header__d1032907 {\n  padding: 0.5rem;\n  background: var(--text-color);\n  color: var(--light-color3);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_body__d1032907 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: auto;\n  resize: horizontal;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  width: 100%;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemIcon__d1032907 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemTitle__d1032907 {\n  font-size: 1.25rem;\n  font-weight: 500;\n  color: #1e1e1e;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countBg__d1032907 {\n  background-color: #b7cadb;\n  padding: 0.3125rem;\n  border-radius: 4px;\n  min-width: 1.75rem;\n  height: 1.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countText__d1032907 {\n  color: #ffffff;\n  font-weight: 500;\n  font-size: 1.125rem;\n  line-height: 1;\n}\n.HierarchyBrowser_module_root__d1032907.HierarchyBrowser_module_resizable__d1032907:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
-var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__d1032907","header":"HierarchyBrowser_module_header__d1032907","body":"HierarchyBrowser_module_body__d1032907","item":"HierarchyBrowser_module_item__d1032907","item-icon":"HierarchyBrowser_module_itemIcon__d1032907","item-title":"HierarchyBrowser_module_itemTitle__d1032907","item-count":"HierarchyBrowser_module_itemCount__d1032907","count-bg":"HierarchyBrowser_module_countBg__d1032907","count-text":"HierarchyBrowser_module_countText__d1032907","resizable":"HierarchyBrowser_module_resizable__d1032907"};
-n(css$J,{});
+var css$L = ".HierarchyBrowser_module_root__2fb8bba6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 20rem;\n  position: relative;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_header__2fb8bba6 {\n  padding: 0.5rem;\n  background: var(--text-color);\n  color: var(--light-color3);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_body__2fb8bba6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: auto;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 .HierarchyBrowser_module_itemIcon__2fb8bba6 {\n  width: 1rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6::after {\n  position: absolute;\n  right: 0;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  background: var(--grey4);\n}\n.HierarchyBrowser_module_root__2fb8bba6.HierarchyBrowser_module_resizable__2fb8bba6:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
+var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__2fb8bba6","header":"HierarchyBrowser_module_header__2fb8bba6","body":"HierarchyBrowser_module_body__2fb8bba6","item":"HierarchyBrowser_module_item__2fb8bba6","item-icon":"HierarchyBrowser_module_itemIcon__2fb8bba6","resizable":"HierarchyBrowser_module_resizable__2fb8bba6"};
+n(css$L,{});
 
-var _excluded = ["leftComponent", "rightComponent", "title", "count"];
-var Title = function Title(_ref) {
-  var leftComponent = _ref.leftComponent,
-    title = _ref.title,
-    rightComponent = _ref.rightComponent;
-  return jsxs("span", {
+var Title = function Title(props) {
+  var item = props.item;
+  var Icon = null;
+  switch (item.id) {
+    case 'database':
+    case 'schema':
+    case 'object':
+      Icon = Server;
+      break;
+  }
+  return /*#__PURE__*/jsxs("span", {
     className: modules_5e29d515.item,
-    children: [leftComponent && jsx("span", {
-      className: modules_5e29d515['item-icon'],
-      children: leftComponent
-    }), jsx("span", {
+    children: [Icon && /*#__PURE__*/jsx(Icon, {
+      className: modules_5e29d515['item-icon']
+    }), /*#__PURE__*/jsx("span", {
       className: modules_5e29d515['item-title'],
-      children: title
-    }), rightComponent !== undefined && Number(rightComponent) !== 0 && jsx("span", {
+      children: item === null || item === void 0 ? void 0 : item.title
+    }), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxs("span", {
       className: modules_5e29d515['item-count'],
-      children: jsx("span", {
-        className: modules_5e29d515['count-bg'],
-        children: jsx("span", {
-          className: modules_5e29d515['count-text'],
-          children: rightComponent
-        })
-      })
+      children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
     })]
   });
 };
-var HierarchyBrowser = function HierarchyBrowser(_ref2) {
-  var _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? '' : _ref2$className,
-    _ref2$metadata = _ref2.metadata,
-    metadata = _ref2$metadata === void 0 ? [] : _ref2$metadata,
-    _ref2$onItemClick = _ref2.onItemClick,
-    onItemClick = _ref2$onItemClick === void 0 ? function () {} : _ref2$onItemClick,
-    _ref2$onItemDoubleCli = _ref2.onItemDoubleClick,
-    onItemDoubleClick = _ref2$onItemDoubleCli === void 0 ? function () {} : _ref2$onItemDoubleCli,
-    _ref2$minWidth = _ref2.minWidth,
-    minWidth = _ref2$minWidth === void 0 ? 220 : _ref2$minWidth,
-    maxWidth = _ref2.maxWidth,
-    borderSize = _ref2.borderSize,
-    resizable = _ref2.resizable,
-    _ref2$setItemProps = _ref2.setItemProps,
-    setItemProps = _ref2$setItemProps === void 0 ? function () {
+var HierarchyBrowser = function HierarchyBrowser(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$metadata = props.metadata,
+    metadata = _props$metadata === void 0 ? {} : _props$metadata,
+    _props$onItemClick = props.onItemClick,
+    onItemClick = _props$onItemClick === void 0 ? function () {} : _props$onItemClick,
+    _props$onItemDoubleCl = props.onItemDoubleClick,
+    onItemDoubleClick = _props$onItemDoubleCl === void 0 ? function () {} : _props$onItemDoubleCl,
+    _props$minWidth = props.minWidth,
+    minWidth = _props$minWidth === void 0 ? 220 : _props$minWidth,
+    maxWidth = props.maxWidth,
+    borderSize = props.borderSize,
+    resizable = props.resizable,
+    _props$setItemProps = props.setItemProps,
+    setItemProps = _props$setItemProps === void 0 ? function () {
       return {};
-    } : _ref2$setItemProps;
-    _ref2.title;
+    } : _props$setItemProps,
+    _props$title = props.title,
+    title = _props$title === void 0 ? 'Browser' : _props$title;
   var browserRef = useRef(null);
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchResults = _useState2[0],
-    setSearchResults = _useState2[1];
   useResize({
     ref: browserRef,
     styles: {
@@ -19324,72 +18881,9 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     },
     enabled: resizable
   });
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lastOpenedPath = _useState4[0],
-    setLastOpenedPath = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    var setLastOpenedItem = _useState6[1];
-  var _useState7 = useState(new Set()),
-    _useState8 = _slicedToArray(_useState7, 2);
-    _useState8[0];
-    var setOpenPaths = _useState8[1];
-  var _useState9 = useState(null),
-    _useState0 = _slicedToArray(_useState9, 2),
-    searchingPath = _useState0[0],
-    setSearchingPath = _useState0[1];
-  var getParentPath = function getParentPath(path) {
-    var parts = path.split('.list[');
-    if (parts.length <= 1) return null;
-    parts.pop();
-    return parts.join('.list[');
-  };
-  var trackOpenState = function trackOpenState(item, pathString, open) {
-    setOpenPaths(function (prevPaths) {
-      var newPaths = new Set(prevPaths);
-      if (open) {
-        newPaths.add(pathString);
-        setLastOpenedPath(pathString);
-        setLastOpenedItem(item);
-      } else {
-        Array.from(newPaths).forEach(function (p) {
-          if (p === pathString || p.startsWith("".concat(pathString, "."))) {
-            newPaths["delete"](p);
-          }
-        });
-        if (lastOpenedPath === pathString || lastOpenedPath !== null && lastOpenedPath !== void 0 && lastOpenedPath.startsWith("".concat(pathString, "."))) {
-          var parent = getParentPath(pathString);
-          if (parent && newPaths.has(parent)) {
-            setLastOpenedPath(parent);
-          } else {
-            var sorted = Array.from(newPaths).sort(function (a, b) {
-              return b.length - a.length;
-            });
-            var fallback = sorted[0];
-            if (fallback) {
-              setLastOpenedPath(fallback);
-            } else {
-              setLastOpenedPath(null);
-              setLastOpenedItem(null);
-            }
-          }
-        }
-      }
-      return newPaths;
-    });
-  };
   var handleItemClick = function handleItemClick(item, pathString) {
     return function (open) {
       onItemClick(item, pathString, open);
-      if (!open) {
-        setSearchResults(function (prev) {
-          var updated = _objectSpread2({}, prev);
-          delete updated[pathString];
-          return updated;
-        });
-      }
     };
   };
   var handleItemDoubleClick = function handleItemDoubleClick(item, pathString) {
@@ -19397,88 +18891,61 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
       onItemDoubleClick(item, pathString, open);
     };
   };
-  var handleSearchSubmit = function handleSearchSubmit(searchText, pathString) {
-    setSearchResults(function (prev) {
-      return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, searchText.toLowerCase()));
-    });
-  };
-  var shouldDisplayItem = function shouldDisplayItem(item, searchText) {
-    var _item$title;
-    if (!searchText) return true;
-    return (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(searchText);
-  };
   var _renderTree = function renderTree(data) {
+    var _data$list$map, _data$list, _data$list$map2;
     var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var isSingleItem = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-    if (!data) return null;
-    var children = Array.isArray(data.list) ? data.list : [];
-    var currentPath = pathString || 'metadata';
-    var searchText = searchResults[currentPath] || '';
-    var filteredChildren = searchText ? children.filter(function (child) {
-      return shouldDisplayItem(child, searchText);
-    }) : children;
-    var _setItemProps = setItemProps(data, currentPath),
-      leftComponent = _setItemProps.leftComponent,
-      rightComponent = _setItemProps.rightComponent,
-      title = _setItemProps.title,
-      count = _setItemProps.count;
-      _objectWithoutProperties(_setItemProps, _excluded);
-    return jsx(HierarchyItem, {
-      title: jsx(Title, {
-        leftComponent: leftComponent,
-        title: title,
-        rightComponent: rightComponent
+    if (data == null) {
+      return null;
+    }
+    var hasChildren = (data === null || data === void 0 ? void 0 : data.list) === true || Array.isArray(data === null || data === void 0 ? void 0 : data.list);
+    return /*#__PURE__*/jsx(HierarchyItem, _objectSpread2(_objectSpread2({
+      title: /*#__PURE__*/jsx(Title, {
+        item: data
       }),
-      iconPlacement: children.length ? 'left' : 'none',
-      onClick: function onClick(open) {
-        handleItemClick(data, currentPath)(open);
-        trackOpenState(data, currentPath, open);
-      },
-      onDoubleClick: function onDoubleClick(open) {
-        handleItemDoubleClick(data, currentPath)(open);
-        trackOpenState(data, currentPath, open);
-      },
-      lastActive: lastOpenedPath === currentPath,
-      isLastItem: isLast,
-      isSingleItem: isSingleItem,
-      count: count,
-      name: title,
-      leftComponent: leftComponent,
-      isSearching: searchingPath === currentPath,
-      onSearchStart: function onSearchStart() {
-        return setSearchingPath(currentPath);
-      },
-      onSearchSubmit: function onSearchSubmit(text) {
-        handleSearchSubmit(text, currentPath);
-        setSearchingPath(null);
-      },
-      children: filteredChildren.map(function (child, index) {
-        var isLastItem = index === filteredChildren.length - 1;
-        var isSingleItem = filteredChildren.length === 1;
-        var nextPath = "".concat(currentPath, ".list[").concat(index, "]");
-        return _renderTree(child, nextPath, index === 0, isLastItem, isSingleItem);
-      })
-    }, currentPath);
+      iconPlacement: hasChildren ? 'left' : 'none',
+      onClick: handleItemClick(data, pathString),
+      onDoubleClick: handleItemDoubleClick(data, pathString)
+    }, setItemProps(data, pathString)), {}, {
+      children: hasChildren && ((_data$list$map = (_data$list = data.list) === null || _data$list === void 0 || (_data$list$map2 = _data$list.map) === null || _data$list$map2 === void 0 ? void 0 : _data$list$map2.call(_data$list, function (item, idx) {
+        return _renderTree(item, "".concat(pathString).concat(pathString.length > 0 ? '.' : '', "list[").concat(idx, "]"));
+      })) !== null && _data$list$map !== void 0 ? _data$list$map : [])
+    }));
   };
-  return jsx("div", {
+  return /*#__PURE__*/jsxs("div", {
     ref: browserRef,
     className: classes(modules_5e29d515.root, resizable ? modules_5e29d515.resizable : '', className),
-    children: jsx("div", {
+    children: [/*#__PURE__*/jsx("div", {
+      className: modules_5e29d515.header,
+      "data-elem": "header",
+      children: title
+    }), /*#__PURE__*/jsx("div", {
       className: modules_5e29d515.body,
-      "data-elem": 'body',
-      children: (metadata || []).map(function (item, index) {
-        var isLastItem = index === metadata.length - 1;
-        var isSingleItem = metadata.length === 1;
-        return _renderTree(item, "metadata[".concat(index, "]"), index === 0, isLastItem, isSingleItem);
-      })
-    })
+      "data-elem": "body",
+      children: _renderTree(metadata)
+    })]
   });
 };
+HierarchyBrowser.propTypes = {
+  className: propTypesExports.string,
+  metadata: propTypesExports.objectOf({
+    title: propTypesExports.string,
+    id: propTypesExports.string,
+    count: propTypesExports.number,
+    list: propTypesExports.array
+  }),
+  onItemClick: propTypesExports.func,
+  onItemDoubleClick: propTypesExports.func,
+  borderSize: propTypesExports.number,
+  minWidth: propTypesExports.number,
+  maxWidth: propTypesExports.number,
+  resizable: propTypesExports.bool,
+  setItemProps: propTypesExports.func,
+  title: propTypesExports.string
+};
 
-var css$I = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var css$K = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
 var modules_066398a2 = {"root":"CheckBox_module_root__6c6c7d85","position-left":"CheckBox_module_positionLeft__6c6c7d85","position-right":"CheckBox_module_positionRight__6c6c7d85","disabled":"CheckBox_module_disabled__6c6c7d85","icon":"CheckBox_module_icon__6c6c7d85","selected":"CheckBox_module_selected__6c6c7d85","icon-sm":"CheckBox_module_iconSm__6c6c7d85","icon-md":"CheckBox_module_iconMd__6c6c7d85","icon-lg":"CheckBox_module_iconLg__6c6c7d85"};
-n(css$I,{});
+n(css$K,{});
 
 var getIcon = function getIcon(checked, intermediate) {
   if (checked) {
@@ -19551,9 +19018,9 @@ Checkbox.propTypes = {
   onChange: propTypesExports.func
 };
 
-var css$H = ".Dropdown_module_root__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e {\n  font-size: 0.75rem;\n  color: var(--grey);\n  width: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e.Dropdown_module_required__6f32e28e::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  max-width: 100%;\n  position: relative;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  background: var(--light-color3);\n  outline: none;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid #dfe0e2;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_placeholder__6f32e28e {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e.Dropdown_module_open__6f32e28e {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_open__6f32e28e .Dropdown_module_header__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_disabled__6f32e28e .Dropdown_module_select__6f32e28e {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  min-height: 2rem;\n  width: 100%;\n  gap: 1rem;\n  color: var(--grey3);\n  font-size: 0.75rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e {\n  flex: 1;\n  margin-right: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  color: var(--primary-color1);\n  fill: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackSuccess__6f32e28e {\n  color: var(--primary-color2);\n  fill: var(--primary-color2);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e {\n  text-align: right;\n  margin-left: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e.Dropdown_module_exceeded__6f32e28e {\n  color: var(--primary-color1);\n}\n\n.Dropdown_module_body__6f32e28e {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid var(--light-color2);\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n  padding: 1rem;\n  overflow-y: auto;\n  min-height: 4rem;\n  outline: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiOptions__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  list-style: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiApply__6f32e28e {\n  margin-top: 0.5rem;\n}\n.Dropdown_module_body__6f32e28e.Dropdown_module_open__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
+var css$J = ".Dropdown_module_root__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e {\n  font-size: 0.75rem;\n  color: var(--grey);\n  width: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e.Dropdown_module_required__6f32e28e::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  max-width: 100%;\n  position: relative;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  background: var(--light-color3);\n  outline: none;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid #dfe0e2;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_placeholder__6f32e28e {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e.Dropdown_module_open__6f32e28e {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_open__6f32e28e .Dropdown_module_header__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_disabled__6f32e28e .Dropdown_module_select__6f32e28e {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  min-height: 2rem;\n  width: 100%;\n  gap: 1rem;\n  color: var(--grey3);\n  font-size: 0.75rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e {\n  flex: 1;\n  margin-right: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  color: var(--primary-color1);\n  fill: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackSuccess__6f32e28e {\n  color: var(--primary-color2);\n  fill: var(--primary-color2);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e {\n  text-align: right;\n  margin-left: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e.Dropdown_module_exceeded__6f32e28e {\n  color: var(--primary-color1);\n}\n\n.Dropdown_module_body__6f32e28e {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid var(--light-color2);\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n  padding: 1rem;\n  overflow-y: auto;\n  min-height: 4rem;\n  outline: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiOptions__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  list-style: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiApply__6f32e28e {\n  margin-top: 0.5rem;\n}\n.Dropdown_module_body__6f32e28e.Dropdown_module_open__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
 var modules_1b90f5ea = {"root":"Dropdown_module_root__6f32e28e","label":"Dropdown_module_label__6f32e28e","required":"Dropdown_module_required__6f32e28e","header":"Dropdown_module_header__6f32e28e","input":"Dropdown_module_input__6f32e28e","select":"Dropdown_module_select__6f32e28e","feedback-error":"Dropdown_module_feedbackError__6f32e28e","placeholder":"Dropdown_module_placeholder__6f32e28e","icon":"Dropdown_module_icon__6f32e28e","open":"Dropdown_module_open__6f32e28e","disabled":"Dropdown_module_disabled__6f32e28e","bottom":"Dropdown_module_bottom__6f32e28e","feedback":"Dropdown_module_feedback__6f32e28e","feedback-success":"Dropdown_module_feedbackSuccess__6f32e28e","count":"Dropdown_module_count__6f32e28e","exceeded":"Dropdown_module_exceeded__6f32e28e","body":"Dropdown_module_body__6f32e28e","multi-options":"Dropdown_module_multiOptions__6f32e28e","multi-apply":"Dropdown_module_multiApply__6f32e28e"};
-n(css$H,{});
+n(css$J,{});
 
 var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map, _ref2, _selectedOptions$;
@@ -19983,9 +19450,9 @@ Dropdown$1.defaultProps = {
   hideIcon: false
 };
 
-var css$G = ".Radio_module_root__c3d663ec {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n  cursor: default;\n  color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--grey5);\n  fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n  fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--primary-color4);\n  fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var css$I = ".Radio_module_root__c3d663ec {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n  cursor: default;\n  color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--grey5);\n  fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n  fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--primary-color4);\n  fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
 var modules_3705961f = {"root":"Radio_module_root__c3d663ec","position-left":"Radio_module_positionLeft__c3d663ec","position-right":"Radio_module_positionRight__c3d663ec","disabled":"Radio_module_disabled__c3d663ec","icon":"Radio_module_icon__c3d663ec","selected":"Radio_module_selected__c3d663ec","icon-sm":"Radio_module_iconSm__c3d663ec","icon-md":"Radio_module_iconMd__c3d663ec","icon-lg":"Radio_module_iconLg__c3d663ec"};
-n(css$G,{});
+n(css$I,{});
 
 var Radio = function Radio(props) {
   var label = props.label,
@@ -20055,9 +19522,9 @@ Radio.propTypes = {
   onChange: propTypesExports.func
 };
 
-var css$F = ".DropdownItem_module_root__17146601 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  padding: 0.75rem 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--grey);\n  outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n  cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n  background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n  background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n  filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n  cursor: not-allowed;\n}";
+var css$H = ".DropdownItem_module_root__17146601 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  padding: 0.75rem 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--grey);\n  outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n  cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n  background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n  background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n  filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n  cursor: not-allowed;\n}";
 var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
-n(css$F,{});
+n(css$H,{});
 
 var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
   // eslint-disable-next-line object-curly-newline
@@ -20145,9 +19612,135 @@ var SelectAll = function SelectAll(props) {
   });
 };
 
-var css$E = ".Dropdownv2_module_root__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n  stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n  display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n  margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 2.5rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
+function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
+
+var css$G = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
+var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
+n(css$G,{});
+
+/**
+ * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
+ *
+ * @returns A React component
+ *
+ * @example
+ * ```tsx
+ * <Tooltip
+ *   position='top'
+ *   showPointer={false}
+ *   content="Hello"
+ * >
+ *   <div>Some Element</div>
+ * </Tooltip>
+ * ```
+ */
+var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
+  var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
+  var children = props.children,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'top' : _props$position,
+    content = props.content,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'light' : _props$variant,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$showPointer = props.showPointer,
+    showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
+  var arrowEl = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: setOpen,
+      placement: position,
+      whileElementsMounted: autoUpdate,
+      // Make sure the tooltip stays on the screen
+      middleware: [offset(12), flip(), shift(), arrow({
+        element: arrowEl
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context,
+    middlewareData = _useFloating.middlewareData,
+    _useFloating$placemen = _useFloating.placement,
+    placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
+  // Event listeners to change the open state
+  var hover = useHover(context, {
+    move: true
+  });
+  var focus = useFocus(context);
+  var dismiss = useDismiss(context);
+  // Role props for screen readers
+  var role = useRole(context, {
+    role: 'tooltip'
+  });
+  // Merge all the interactions into prop getters
+  var _useInteractions = useInteractions([hover, focus, dismiss, role]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps;
+  var typedChildren = children;
+  var childrenRef = typedChildren.ref;
+  var ref = React__default.useMemo(function () {
+    return o([reference, childrenRef, propRef]);
+  }, [reference, childrenRef, propRef]);
+  var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
+    ref: ref
+  }, typedChildren.props)));
+  var side = placement.split('-')[0];
+  var _top$right$bottom$lef = {
+      top: 'bottom',
+      right: 'left',
+      bottom: 'top',
+      left: 'right'
+    },
+    staticSide = _top$right$bottom$lef[side];
+  return jsxs(Fragment, {
+    children: [clonedChildren, jsx(Popper, {
+      open: open && content != null,
+      backdrop: false,
+      wrapperId: 'tooltip',
+      children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
+        ref: floating,
+        className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
+        style: {
+          position: strategy,
+          top: y !== null && y !== void 0 ? y : 0,
+          left: x !== null && x !== void 0 ? x : 0,
+          zIndex: 100
+        }
+      })), {}, {
+        initial: {
+          opacity: 0,
+          scale: 0
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        children: [showPointer && jsx("div", {
+          className: modules_e4619b04.arrow,
+          ref: arrowEl,
+          style: _defineProperty({
+            left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
+            top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
+            right: '',
+            bottom: ''
+          }, staticSide, '-0.3rem')
+        }), content]
+      }))
+    })]
+  });
+});
+
+var css$F = ".Dropdownv2_module_root__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n  stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n  display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n  margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 2.5rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
 var modules_ef7e5a18 = {"root":"Dropdownv2_module_root__ca7f2db7","label":"Dropdownv2_module_label__ca7f2db7","required":"Dropdownv2_module_required__ca7f2db7","header":"Dropdownv2_module_header__ca7f2db7","highlightOnSelect":"Dropdownv2_module_highlightOnSelect__ca7f2db7","icon-bundle":"Dropdownv2_module_iconBundle__ca7f2db7","caret-icon":"Dropdownv2_module_caretIcon__ca7f2db7","caret-icon-upDown":"Dropdownv2_module_caretIconUpDown__ca7f2db7","open":"Dropdownv2_module_open__ca7f2db7","error":"Dropdownv2_module_error__ca7f2db7","input":"Dropdownv2_module_input__ca7f2db7","select":"Dropdownv2_module_select__ca7f2db7","feedback-error":"Dropdownv2_module_feedbackError__ca7f2db7","placeholder":"Dropdownv2_module_placeholder__ca7f2db7","info-icon":"Dropdownv2_module_infoIcon__ca7f2db7","icon":"Dropdownv2_module_icon__ca7f2db7","disabled":"Dropdownv2_module_disabled__ca7f2db7","body":"Dropdownv2_module_body__ca7f2db7","multi":"Dropdownv2_module_multi__ca7f2db7","multi-options":"Dropdownv2_module_multiOptions__ca7f2db7","button":"Dropdownv2_module_button__ca7f2db7","items":"Dropdownv2_module_items__ca7f2db7","footer":"Dropdownv2_module_footer__ca7f2db7","multi-apply":"Dropdownv2_module_multiApply__ca7f2db7","multi-clear":"Dropdownv2_module_multiClear__ca7f2db7"};
-n(css$E,{});
+n(css$F,{});
 
 var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map;
@@ -20657,9 +20250,9 @@ Dropdown.propTypes = {
   hideIcon: propTypesExports.bool
 };
 
-var css$D = ".DropdownItemv2_module_root__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.625rem 0.75rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  margin-inline: 1.25rem;\n  color: var(--grey);\n  outline: none;\n  margin-bottom: 1.25rem;\n}\n.DropdownItemv2_module_root__6ca0311e:nth-last-child(1) {\n  margin-bottom: 0rem;\n}\n.DropdownItemv2_module_root__6ca0311e > .DropdownItemv2_module_input__6ca0311e {\n  cursor: pointer;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e {\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e:hover {\n  cursor: not-allowed;\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e path {\n  stroke: var(--primary-color1);\n}\n.DropdownItemv2_module_root__6ca0311e:hover {\n  background: var(--background-color4);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e {\n  filter: opacity(0.25);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e:hover {\n  cursor: not-allowed;\n}";
+var css$E = ".DropdownItemv2_module_root__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.625rem 0.75rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  margin-inline: 1.25rem;\n  color: var(--grey);\n  outline: none;\n  margin-bottom: 1.25rem;\n}\n.DropdownItemv2_module_root__6ca0311e:nth-last-child(1) {\n  margin-bottom: 0rem;\n}\n.DropdownItemv2_module_root__6ca0311e > .DropdownItemv2_module_input__6ca0311e {\n  cursor: pointer;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e {\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e:hover {\n  cursor: not-allowed;\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e path {\n  stroke: var(--primary-color1);\n}\n.DropdownItemv2_module_root__6ca0311e:hover {\n  background: var(--background-color4);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e {\n  filter: opacity(0.25);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e:hover {\n  cursor: not-allowed;\n}";
 var modules_29afc192 = {"root":"DropdownItemv2_module_root__6ca0311e","input":"DropdownItemv2_module_input__6ca0311e","error":"DropdownItemv2_module_error__6ca0311e","title":"DropdownItemv2_module_title__6ca0311e","icon":"DropdownItemv2_module_icon__6ca0311e","disabled":"DropdownItemv2_module_disabled__6ca0311e"};
-n(css$D,{});
+n(css$E,{});
 
 var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
   // eslint-disable-next-line object-curly-newline
@@ -20746,9 +20339,9 @@ DropdownItem.defaultProps = {
   customComponent: null
 };
 
-var css$C = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
+var css$D = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
 var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
-n(css$C,{});
+n(css$D,{});
 
 var footerAnimations = {
   initial: {
@@ -20961,9 +20554,9 @@ BaseModal.propTypes = {
   animationProperties: propTypesExports.object
 };
 
-var css$B = ".Dialog_module_root__afbc0e34 {\n  padding: 0.25rem 0px;\n  height: -moz-fit-content;\n  height: fit-content;\n  max-height: 30rem;\n  background: var(--light-color3);\n  border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n  width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n  width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n  font-size: 1rem;\n  height: -moz-fit-content;\n  height: fit-content;\n  color: var(--text-color);\n}";
+var css$C = ".Dialog_module_root__afbc0e34 {\n  padding: 0.25rem 0px;\n  height: -moz-fit-content;\n  height: fit-content;\n  max-height: 30rem;\n  background: var(--light-color3);\n  border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n  width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n  width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n  font-size: 1rem;\n  height: -moz-fit-content;\n  height: fit-content;\n  color: var(--text-color);\n}";
 var modules_ca1540aa = {"root":"Dialog_module_root__afbc0e34","sm":"Dialog_module_sm__afbc0e34","md":"Dialog_module_md__afbc0e34","footer":"Dialog_module_footer__afbc0e34","cancel":"Dialog_module_cancel__afbc0e34","description":"Dialog_module_description__afbc0e34"};
-n(css$B,{});
+n(css$C,{});
 
 var Header$1 = function Header(_ref) {
   var title = _ref.title;
@@ -21126,6 +20719,256 @@ DialogBox.defaultProps = {
   size: 'md'
 };
 
+var css$B = ".TextFieldv2_module_root__d006d40c {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  letter-spacing: 0.02rem;\n  color: var(--text-color);\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_required__d006d40c::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c:focus-within {\n  outline: 1px solid var(--secondary-color2);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c .TextFieldv2_module_icon__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] {\n  flex: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  -moz-appearance: textfield;\n  flex: 1;\n  background-color: var(--light-color3) !important;\n  border: none;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-outer-spin-button, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:focus {\n  outline: none;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_error__d006d40c {\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_sm__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:active {\n  box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button].TextFieldv2_module_error__d006d40c > [data-elem=component1] .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c {\n  width: 1rem;\n  height: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c {\n  padding: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  resize: vertical;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0.313rem 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_feedbackError__d006d40c {\n  box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderDefault__d006d40c {\n  border-width: 0.063rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderBottom__d006d40c {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderNone__d006d40c {\n  border-width: 0rem;\n}";
+var modules_6d3d1b60 = {"root":"TextFieldv2_module_root__d006d40c","required":"TextFieldv2_module_required__d006d40c","input-wrapper":"TextFieldv2_module_inputWrapper__d006d40c","icon":"TextFieldv2_module_icon__d006d40c","error":"TextFieldv2_module_error__d006d40c","input":"TextFieldv2_module_input__d006d40c","sm":"TextFieldv2_module_sm__d006d40c","md":"TextFieldv2_module_md__d006d40c","lg":"TextFieldv2_module_lg__d006d40c","button":"TextFieldv2_module_button__d006d40c","span":"TextFieldv2_module_span__d006d40c","type-textarea":"TextFieldv2_module_typeTextarea__d006d40c","feedback-error":"TextFieldv2_module_feedbackError__d006d40c","border-default":"TextFieldv2_module_borderDefault__d006d40c","border-bottom":"TextFieldv2_module_borderBottom__d006d40c","border-none":"TextFieldv2_module_borderNone__d006d40c"};
+n(css$B,{});
+
+var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
+  var id = props.id,
+    name = props.name,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    value = props.value,
+    required = props.required,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    _props$border = props.border,
+    border = _props$border === void 0 ? 'default' : _props$border,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    LeftComponent = props.LeftComponent,
+    RightComponent = props.RightComponent,
+    className = props.className,
+    disabled = props.disabled,
+    _props$inputProps = props.inputProps,
+    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
+    feedback = props.feedback,
+    maxLength = props.maxLength,
+    _props$onKeyDown = props.onKeyDown,
+    onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
+    autocomplete = props.autocomplete,
+    _props$autocompleteOp = props.autocompleteOptions,
+    autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
+    custom = props.custom;
+  var _useRef = useRef(value !== undefined),
+    isControlled = _useRef.current;
+
+  // for uncontrolled input
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+  var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputType = _useState4[0],
+    setInputType = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorEl = _useState6[0],
+    setAnchorEl = _useState6[1];
+  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
+    if (autocomplete) {
+      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
+      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
+    }
+  };
+  var handleChange = function handleChange(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue;
+    checkAndOpenAutocomplete(fieldValue);
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledValue(fieldValue);
+    }
+  };
+  var getLeftComponent = function getLeftComponent() {
+    if (type === 'email') {
+      return /*#__PURE__*/jsx(Email, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'password') {
+      return /*#__PURE__*/jsx(Password, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'text') {
+      return /*#__PURE__*/jsx(UnlockPassword, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    return /*#__PURE__*/jsx(LeftComponent, {
+      className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+    });
+  };
+  var getRightComponent = function getRightComponent() {
+    if (type === 'password') {
+      var _ref, _feedback$info;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          title: "",
+          variant: "contained",
+          type: "button",
+          leftComponent: function leftComponent() {
+            return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            }) : /*#__PURE__*/jsx(ViewPasswordIcon, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            });
+          },
+          onClick: function onClick() {
+            if (inputType === 'password') {
+              setInputType('text');
+              return;
+            }
+            setInputType('password');
+          }
+        }), feedback && /*#__PURE__*/jsx(Tooltip, {
+          content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
+          position: "right",
+          className: modules_6d3d1b60.tooltip,
+          variant: "light",
+          children: /*#__PURE__*/jsx("span", {
+            className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+            children: /*#__PURE__*/jsx(Info, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+            })
+          })
+        })]
+      });
+    }
+    if (feedback) {
+      var _ref2, _feedback$info2;
+      return /*#__PURE__*/jsx(Tooltip, {
+        content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
+        position: "right",
+        className: modules_6d3d1b60.tooltip,
+        variant: "light",
+        children: /*#__PURE__*/jsx("span", {
+          className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          children: /*#__PURE__*/jsx(Info, {
+            className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(RightComponent, {});
+  };
+  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
+  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    disabled: disabled,
+    type: inputType,
+    defaultValue: defaultValue,
+    placeholder: placeholder
+  }, maxLength !== null && maxLength), {}, {
+    onFocus: function onFocus() {
+      checkAndOpenAutocomplete(inputValue);
+      _onFocus === null || _onFocus === void 0 || _onFocus();
+    },
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    required: required,
+    'data-elem': 'input',
+    ref: o([inputRef]),
+    value: inputValue,
+    onChange: handleChange,
+    className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+  }, inputProps));
+  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_6d3d1b60['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes(modules_6d3d1b60.root, className),
+      children: [/*#__PURE__*/jsxs("label", {
+        children: [label && /*#__PURE__*/jsx("span", {
+          className: required ? modules_6d3d1b60.required : '',
+          children: label
+        }), /*#__PURE__*/jsx(BaseCell, {
+          ref: setAnchorEl,
+          className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
+          component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
+          component2: Input,
+          component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
+        })]
+      }), autocomplete && /*#__PURE__*/jsx(Popover, {
+        anchorEl: anchorEl,
+        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
+        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
+        theme: theme,
+        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
+        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
+        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
+          name: name,
+          value: value
+        })
+      })]
+    })
+  });
+});
+TextField$1.propTypes = {
+  id: propTypesExports.string,
+  name: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
+  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: propTypesExports.string,
+  onChange: propTypesExports.func,
+  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
+  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
+  LeftComponent: propTypesExports.node,
+  RightComponent: propTypesExports.node,
+  // eslint-disable-next-line react/forbid-prop-types
+  inputProps: propTypesExports.object,
+  count: propTypesExports.shape({
+    limit: propTypesExports.number
+  }),
+  feedback: propTypesExports.shape({
+    text: propTypesExports.node,
+    type: propTypesExports.oneOf(['error', 'success', 'default'])
+  }),
+  feedbackAndCount: propTypesExports.bool,
+  maxLength: propTypesExports.number,
+  onKeyDown: propTypesExports.func,
+  autocomplete: propTypesExports.bool,
+  autocompleteOptions: propTypesExports.shape({
+    open: propTypesExports.bool,
+    setOpen: propTypesExports.func,
+    render: propTypesExports.func,
+    predicate: propTypesExports.func,
+    placement: propTypesExports.string,
+    middlewareOptions: propTypesExports.shape({
+      offset: propTypesExports.object,
+      shift: propTypesExports.object,
+      flip: propTypesExports.object
+    })
+  }),
+  theme: propTypesExports.oneOf(['light', 'dark']),
+  required: propTypesExports.bool
+};
+
 var css$A = ".RichEditor_module_root__035ff1b7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 1rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.625rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7 {\n  width: 2.5rem;\n  height: 2.5rem;\n  background-color: transparent !important;\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n  z-index: 2;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_bold__035ff1b7 [data-elem=title] {\n  font-size: 1.3rem;\n  font-weight: 700;\n  line-height: 2.0194rem;\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_italic__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  font-style: italic;\n  font-weight: 300;\n  color: var(--mono-color1);\n  padding-inline: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_strike__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  text-decoration: line-through;\n  font-weight: 400;\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_underline__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  font-weight: 400;\n  color: var(--mono-color1);\n  text-decoration: underline;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 {\n  cursor: pointer;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label {\n  height: 100%;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label [data-elem=base-cell] {\n  box-shadow: none;\n  padding: 0.5rem;\n  height: 100%;\n  position: relative;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] {\n  position: absolute;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] [data-elem=input] {\n  opacity: 0;\n  width: 2.5rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_link__035ff1b7 [data-elem=component2], .RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_align__035ff1b7 [data-elem=component2] {\n  min-width: unset;\n  display: inline-block;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 {\n  background-color: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 [data-elem=title] {\n  color: var(--white);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 {\n  height: 2.5rem;\n  width: 10rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] {\n  height: 100%;\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] {\n  padding: 0 !important;\n  padding-inline: 1rem 0.75rem !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] [data-elem=value] {\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] svg {\n  fill: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 {\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.2509803922);\n  width: 100%;\n  height: 16rem;\n  border-radius: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div {\n  border-radius: 0.25rem;\n  height: 100%;\n  padding: 0.75rem 1rem;\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div::-webkit-scrollbar {\n  display: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div > p:nth-child(1)::before {\n  color: var(--mono-color2);\n  content: attr(data-placeholder);\n  float: left;\n  height: 0;\n  pointer-events: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div:focus-within {\n  outline: var(--secondary-color2) 1px solid;\n}\n\n.RichEditor_module_popper__035ff1b7 {\n  min-width: 15rem !important;\n}";
 var modules_64f0815c = {"root":"RichEditor_module_root__035ff1b7","menu":"RichEditor_module_menu__035ff1b7","item":"RichEditor_module_item__035ff1b7","bold":"RichEditor_module_bold__035ff1b7","italic":"RichEditor_module_italic__035ff1b7","strike":"RichEditor_module_strike__035ff1b7","underline":"RichEditor_module_underline__035ff1b7","color":"RichEditor_module_color__035ff1b7","link":"RichEditor_module_link__035ff1b7","align":"RichEditor_module_align__035ff1b7","active":"RichEditor_module_active__035ff1b7","dropdown":"RichEditor_module_dropdown__035ff1b7","editor":"RichEditor_module_editor__035ff1b7","popper":"RichEditor_module_popper__035ff1b7"};
 n(css$A,{});