@banyan_cloud/roots 2.0.21 → 2.0.22

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, useMemo, cloneElement, useReducer, Children } from 'react';
+import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback, cloneElement, useMemo, useReducer, Children } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
@@ -7201,10 +7201,10 @@ Reset.defaultProps = {
   className: ''
 };
 
-var _excluded = ["className"];
+var _excluded$1 = ["className"];
 var SearchIcon = function SearchIcon(_ref) {
   var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
     width: "25",
     height: "25",
@@ -18951,64 +18951,498 @@ var DisplayPicture = function DisplayPicture(props) {
   });
 };
 
-var css$J = ".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"};
+function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
+
+var css$J = ".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$J,{});
 
+/**
+ * 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$I = ".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$I,{});
+
+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$H = ".HierarchyItem_module_root__c7b1f900 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  position: relative;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_dashedConnector__c7b1f900 {\n  position: absolute;\n  height: 1.2rem;\n  border-left: 0.0825rem dashed #cccccc;\n  margin-top: 2.2rem;\n  margin-left: 0.97rem;\n  z-index: 9;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover {\n  background: none;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900 svg {\n  color: inherit;\n  fill: inherit;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_searchWrapper__c7b1f900 {\n  display: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_headerNoCount__c7b1f900 {\n  margin-left: 7px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1], .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1] .HierarchyItem_module_expand__c7b1f900, .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] .HierarchyItem_module_expand__c7b1f900 {\n  padding: 0;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1] .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900, .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900 {\n  width: 1rem;\n  margin-left: -0.07rem;\n  height: 1.49rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_title__c7b1f900 {\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  white-space: nowrap; /* Prevents text from wrapping */\n  overflow: hidden; /* Hides overflow content */\n  text-overflow: ellipsis;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchButton__c7b1f900 {\n  width: 20px;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 {\n  width: 100%;\n  padding-left: 12px;\n  height: 100%;\n  gap: 0.25rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] {\n  box-shadow: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell]:focus-within {\n  outline: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] > [data-elem=component3] > button {\n  margin-top: 1px;\n  padding: 0;\n  height: auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [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__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [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__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 label {\n  display: contents;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 input {\n  outline: none;\n  font-size: 0.875rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 .HierarchyItem_module_searchButton__c7b1f900 {\n  width: 20px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover {\n  background: var(--background-color4);\n  border-radius: 4px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_searchWrapper__c7b1f900 {\n  height: 2.5rem;\n  display: block;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_collapsedTail__c7b1f900 {\n  position: absolute;\n  top: 120%;\n  left: 0.4rem;\n  width: 1px;\n  height: 1.25rem;\n  background: var(--grey1);\n  z-index: 1;\n  pointer-events: none;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_dashedConnectorForButton__c7b1f900 {\n  height: 1.2rem;\n  border-left: 0.0825rem dashed #cccccc;\n  margin-top: 30px;\n  margin-left: 2.18rem;\n  z-index: 9;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_hiddenConnector__c7b1f900 {\n  border-left: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_collapsedTailSpacer__c7b1f900 {\n  height: 0.3rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.5rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_tail__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_tail__c7b1f900::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__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_highlightTail__c7b1f900 {\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__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_highlightTail__c7b1f900::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__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component2] .HierarchyItem_module_children__c7b1f900 {\n  flex: 1 0 auto;\n  width: 100%;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900 {\n  transform: none;\n  height: 0.7625rem;\n  width: 0rem;\n  margin-left: 1.4rem;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_body__c7b1f900 {\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__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_collapsedTail__c7b1f900 {\n  display: none;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_title__c7b1f900 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
+var modules_6d03d164 = {"root":"HierarchyItem_module_root__c7b1f900","dashed-connector":"HierarchyItem_module_dashedConnector__c7b1f900","searching":"HierarchyItem_module_searching__c7b1f900","header":"HierarchyItem_module_header__c7b1f900","icon":"HierarchyItem_module_icon__c7b1f900","title":"HierarchyItem_module_title__c7b1f900","searchWrapper":"HierarchyItem_module_searchWrapper__c7b1f900","headerNoCount":"HierarchyItem_module_headerNoCount__c7b1f900","expand":"HierarchyItem_module_expand__c7b1f900","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__c7b1f900","searchButton":"HierarchyItem_module_searchButton__c7b1f900","searchInput":"HierarchyItem_module_searchInput__c7b1f900","expand-container":"HierarchyItem_module_expandContainer__c7b1f900","collapsed-tail":"HierarchyItem_module_collapsedTail__c7b1f900","dashed-connector-for-button":"HierarchyItem_module_dashedConnectorForButton__c7b1f900","hidden-connector":"HierarchyItem_module_hiddenConnector__c7b1f900","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__c7b1f900","body":"HierarchyItem_module_body__c7b1f900","tail":"HierarchyItem_module_tail__c7b1f900","highlight-tail":"HierarchyItem_module_highlightTail__c7b1f900","children":"HierarchyItem_module_children__c7b1f900","open":"HierarchyItem_module_open__c7b1f900","active":"HierarchyItem_module_active__c7b1f900"};
+n(css$H,{});
+
 var HierarchyItem = function HierarchyItem(props) {
-  var defaultOpen = props.defaultOpen,
+  var _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
     _props$iconPlacement = props.iconPlacement,
     iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
     title = props.title,
     children = props.children,
-    _props$onClick = props.onClick,
-    _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
+    _onClick = props.onClick,
     onDoubleClick = props.onDoubleClick,
-    active = props.active;
+    _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;
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  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 _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-for-button'])
+    })]
   });
-  return /*#__PURE__*/jsxs("div", {
-    className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : '', active ? modules_6d03d164.active : ''),
-    children: [/*#__PURE__*/jsx(BaseCell, {
+  var handleSearchSubmit = function handleSearchSubmit() {
+    onSearchSubmit === null || onSearchSubmit === void 0 || onSearchSubmit(searchText, pathString);
+  };
+  // console.log('isSingleItem', isSingleItem, name);
+  // console.log('isLastItem', isLastItem, name);
+  // console.log('icon', icon, name);
+  // console.log('iconPlacement', iconPlacement, name);
+  console.log('count === undefined', count === undefined, name);
+  return jsxs("div", {
+    className: classes(modules_6d03d164.root, open && modules_6d03d164.open, active && modules_6d03d164.active, isSearching && modules_6d03d164.searching),
+    children: [jsx(BaseCell, {
       flexible: true,
-      size: "auto",
-      className: modules_6d03d164.header,
-      component1: iconPlacement === 'left' && icon,
-      component2: /*#__PURE__*/jsx(Button, {
+      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, {
         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;
-
-          // single click
-          if (detail === 1) {
-            _onClick === null || _onClick === void 0 || _onClick(open);
-            // double click
-          } else if (detail === 2) {
+          if (detail === 1) _onClick === null || _onClick === void 0 || _onClick(open);else if (detail === 2 && count) {
             setOpen(function (prevState) {
               var newState = !prevState;
               onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
@@ -19020,76 +19454,93 @@ var HierarchyItem = function HierarchyItem(props) {
           return title;
         }
       }),
-      component3: iconPlacement === 'right' && icon
-    }), /*#__PURE__*/jsx(BaseCell, {
-      size: "auto",
+      component3: !isSearching && 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']
+    }), !isLastItem && (count === undefined || iconPlacement !== 'left') && jsx("div", {
+      "data-elem": 'connector-dot',
+      className: classes(modules_6d03d164['dashed-connector'])
+    }), open && jsx(BaseCell, {
+      size: 'auto',
       className: modules_6d03d164.body,
-      component1: /*#__PURE__*/jsx("div", {
-        className: modules_6d03d164.tail
+      component1: jsx("div", {
+        style: {
+          display: isLastItem ? 'none' : 'flex'
+        },
+        className: classes(lastActive ? modules_6d03d164['highlight-tail'] : modules_6d03d164.tail)
       }),
-      component2: /*#__PURE__*/jsx("div", {
+      component2: 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$I = ".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$I,{});
+var css$G = ".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$G,{});
 
-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", {
+var _excluded = ["leftComponent", "rightComponent", "title", "count"];
+var Title = function Title(_ref) {
+  var leftComponent = _ref.leftComponent,
+    title = _ref.title,
+    rightComponent = _ref.rightComponent;
+  return jsxs("span", {
     className: modules_5e29d515.item,
-    children: [Icon && /*#__PURE__*/jsx(Icon, {
-      className: modules_5e29d515['item-icon']
-    }), /*#__PURE__*/jsx("span", {
+    children: [leftComponent && jsx("span", {
+      className: modules_5e29d515['item-icon'],
+      children: leftComponent
+    }), jsx("span", {
       className: modules_5e29d515['item-title'],
-      children: item === null || item === void 0 ? void 0 : item.title
-    }), (item === null || item === void 0 ? void 0 : item.count) && /*#__PURE__*/jsxs("span", {
+      children: title
+    }), rightComponent !== undefined && Number(rightComponent) !== 0 && jsx("span", {
       className: modules_5e29d515['item-count'],
-      children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
+      children: jsx("span", {
+        className: modules_5e29d515['count-bg'],
+        children: jsx("span", {
+          className: modules_5e29d515['count-text'],
+          children: rightComponent
+        })
+      })
     })]
   });
 };
-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 () {
+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 () {
       return {};
-    } : _props$setItemProps,
-    _props$title = props.title,
-    title = _props$title === void 0 ? 'Browser' : _props$title;
+    } : _ref2$setItemProps;
+    _ref2.title;
   var browserRef = useRef(null);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchResults = _useState2[0],
+    setSearchResults = _useState2[1];
   useResize({
     ref: browserRef,
     styles: {
@@ -19099,9 +19550,72 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
     },
     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) {
@@ -19109,61 +19623,88 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
       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] : '';
-    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
+    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
       }),
-      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 : [])
-    }));
+      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);
   };
-  return /*#__PURE__*/jsxs("div", {
+  return jsx("div", {
     ref: browserRef,
     className: classes(modules_5e29d515.root, resizable ? modules_5e29d515.resizable : '', className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: modules_5e29d515.header,
-      "data-elem": "header",
-      children: title
-    }), /*#__PURE__*/jsx("div", {
+    children: jsx("div", {
       className: modules_5e29d515.body,
-      "data-elem": "body",
-      children: _renderTree(metadata)
-    })]
+      "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);
+      })
+    })
   });
 };
-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$H = ".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$F = ".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$H,{});
+n(css$F,{});
 
 var getIcon = function getIcon(checked, intermediate) {
   if (checked) {
@@ -19236,9 +19777,9 @@ Checkbox.propTypes = {
   onChange: propTypesExports.func
 };
 
-var css$G = ".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$E = ".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$G,{});
+n(css$E,{});
 
 var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map, _ref2, _selectedOptions$;
@@ -19668,9 +20209,9 @@ Dropdown$1.defaultProps = {
   hideIcon: false
 };
 
-var css$F = ".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$D = ".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$F,{});
+n(css$D,{});
 
 var Radio = function Radio(props) {
   var label = props.label,
@@ -19734,231 +20275,105 @@ Radio.propTypes = {
   disabled: propTypesExports.bool,
   label: propTypesExports.string,
   checked: propTypesExports.bool,
-  defaultChecked: propTypesExports.bool,
-  position: propTypesExports.oneOf(['left', 'right']),
-  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
-  onChange: propTypesExports.func
-};
-
-var css$E = ".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$E,{});
-
-var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
-  // eslint-disable-next-line object-curly-newline
-  var title = props.title,
-    value = props.value,
-    variant = props.variant,
-    selected = props.selected,
-    onKeyDown = props.onKeyDown,
-    onMouseEnter = props.onMouseEnter,
-    onClick = props.onClick,
-    dataAttrs = props.dataAttrs,
-    className = props.className,
-    tabIndex = props.tabIndex,
-    disabled = props.disabled,
-    customComponent = props.customComponent;
-  var action = null;
-  switch (variant) {
-    case 'checkbox':
-      action = /*#__PURE__*/jsx(Checkbox, {
-        className: modules_bf949acd.input,
-        checked: selected,
-        disabled: true
-      });
-      break;
-    case 'radio':
-      action = /*#__PURE__*/jsx(Radio, {
-        className: modules_bf949acd.input,
-        checked: selected,
-        disabled: true
-      });
-      break;
-  }
-  return /*#__PURE__*/jsxs("li", _objectSpread2(_objectSpread2({
-    ref: ref,
-    className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', className),
-    "data-elem": "dropdown-item",
-    "data-variant": variant,
-    "data-value": value,
-    "data-selected": selected,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter
-  }, _objectSpread2({}, dataAttrs)), {}, {
-    tabIndex: tabIndex,
-    role: "option",
-    "aria-selected": selected,
-    onKeyDown: onKeyDown,
-    children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsx("span", {
-      "data-elem": "title",
-      children: title
-    })]
-  }));
-});
-DropdownItem$1.propTypes = {
-  className: propTypesExports.string,
-  title: propTypesExports.node,
-  variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
-  selected: propTypesExports.bool,
-  // eslint-disable-next-line react/forbid-prop-types
-  dataAttrs: propTypesExports.object,
-  customComponent: propTypesExports.node
-};
-DropdownItem$1.defaultProps = {
-  className: '',
-  title: '',
-  variant: 'default',
-  dataAttrs: {},
-  selected: false,
-  customComponent: null
-};
-
-var SelectAll = function SelectAll(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/jsx("svg", {
-    width: "1.125rem",
-    height: "1.125rem",
-    viewBox: "0 0 18 18",
-    fill: "none",
-    className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M0 2H2V0C0.9 0 0 0.9 0 2ZM0 10H2V8H0V10ZM4 18H6V16H4V18ZM0 6H2V4H0V6ZM10 0H8V2H10V0ZM16 0V2H18C18 0.9 17.1 0 16 0ZM2 18V16H0C0 17.1 0.9 18 2 18ZM0 14H2V12H0V14ZM6 0H4V2H6V0ZM8 18H10V16H8V18ZM16 10H18V8H16V10ZM16 18C17.1 18 18 17.1 18 16H16V18ZM16 6H18V4H16V6ZM16 14H18V12H16V14ZM12 18H14V16H12V18ZM12 2H14V0H12V2ZM5 14H13C13.55 14 14 13.55 14 13V5C14 4.45 13.55 4 13 4H5C4.45 4 4 4.45 4 5V13C4 13.55 4.45 14 5 14ZM6 6H12V12H6V6Z",
-      fill: "#0F62FE"
-    })
-  });
-};
-
-function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
-
-var css$D = ".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$D,{});
-
-/**
- * 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]
-      }))
+  defaultChecked: propTypesExports.bool,
+  position: propTypesExports.oneOf(['left', 'right']),
+  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
+  onChange: propTypesExports.func
+};
+
+var css$C = ".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$C,{});
+
+var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
+  // eslint-disable-next-line object-curly-newline
+  var title = props.title,
+    value = props.value,
+    variant = props.variant,
+    selected = props.selected,
+    onKeyDown = props.onKeyDown,
+    onMouseEnter = props.onMouseEnter,
+    onClick = props.onClick,
+    dataAttrs = props.dataAttrs,
+    className = props.className,
+    tabIndex = props.tabIndex,
+    disabled = props.disabled,
+    customComponent = props.customComponent;
+  var action = null;
+  switch (variant) {
+    case 'checkbox':
+      action = /*#__PURE__*/jsx(Checkbox, {
+        className: modules_bf949acd.input,
+        checked: selected,
+        disabled: true
+      });
+      break;
+    case 'radio':
+      action = /*#__PURE__*/jsx(Radio, {
+        className: modules_bf949acd.input,
+        checked: selected,
+        disabled: true
+      });
+      break;
+  }
+  return /*#__PURE__*/jsxs("li", _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', className),
+    "data-elem": "dropdown-item",
+    "data-variant": variant,
+    "data-value": value,
+    "data-selected": selected,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter
+  }, _objectSpread2({}, dataAttrs)), {}, {
+    tabIndex: tabIndex,
+    role: "option",
+    "aria-selected": selected,
+    onKeyDown: onKeyDown,
+    children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsx("span", {
+      "data-elem": "title",
+      children: title
     })]
-  });
+  }));
 });
+DropdownItem$1.propTypes = {
+  className: propTypesExports.string,
+  title: propTypesExports.node,
+  variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
+  selected: propTypesExports.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  dataAttrs: propTypesExports.object,
+  customComponent: propTypesExports.node
+};
+DropdownItem$1.defaultProps = {
+  className: '',
+  title: '',
+  variant: 'default',
+  dataAttrs: {},
+  selected: false,
+  customComponent: null
+};
+
+var SelectAll = function SelectAll(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  return /*#__PURE__*/jsx("svg", {
+    width: "1.125rem",
+    height: "1.125rem",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    className: className,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M0 2H2V0C0.9 0 0 0.9 0 2ZM0 10H2V8H0V10ZM4 18H6V16H4V18ZM0 6H2V4H0V6ZM10 0H8V2H10V0ZM16 0V2H18C18 0.9 17.1 0 16 0ZM2 18V16H0C0 17.1 0.9 18 2 18ZM0 14H2V12H0V14ZM6 0H4V2H6V0ZM8 18H10V16H8V18ZM16 10H18V8H16V10ZM16 18C17.1 18 18 17.1 18 16H16V18ZM16 6H18V4H16V6ZM16 14H18V12H16V14ZM12 18H14V16H12V18ZM12 2H14V0H12V2ZM5 14H13C13.55 14 14 13.55 14 13V5C14 4.45 13.55 4 13 4H5C4.45 4 4 4.45 4 5V13C4 13.55 4.45 14 5 14ZM6 6H12V12H6V6Z",
+      fill: "#0F62FE"
+    })
+  });
+};
 
-var css$C = ".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 css$B = ".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$C,{});
+n(css$B,{});
 
 var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map;
@@ -20468,9 +20883,9 @@ Dropdown.propTypes = {
   hideIcon: propTypesExports.bool
 };
 
-var css$B = ".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$A = ".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$B,{});
+n(css$A,{});
 
 var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
   // eslint-disable-next-line object-curly-newline
@@ -20557,9 +20972,9 @@ DropdownItem.defaultProps = {
   customComponent: null
 };
 
-var css$A = ".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$z = ".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$A,{});
+n(css$z,{});
 
 var Header$1 = function Header(_ref) {
   var title = _ref.title;
@@ -20636,340 +21051,90 @@ var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
     Body = dialogProps.body,
     appliedSize = dialogProps.size,
     hideCrossDismiss = dialogProps.hideCrossDismiss;
-  var size = appliedSize || defaultSize;
-  var toggle = function toggle() {
-    onCancel === null || onCancel === void 0 || onCancel();
-    setOpen(false);
-  };
-  var headerProps = {
-    title: title
-  };
-  var footerProps = function footerProps(_ref3) {
-    var setNoDismissEnabled = _ref3.setNoDismissEnabled;
-    return _objectSpread2(_objectSpread2(_objectSpread2({
-      action: actionText,
-      cancel: cancelText,
-      hideCancel: hideCancel,
-      variant: variant,
-      setOpen: setOpen
-    }, _customAction && {
-      customAction: function customAction() {
-        return _customAction({
-          setNoDismissEnabled: setNoDismissEnabled,
-          dismiss: function dismiss() {
-            setOpen(false);
-          }
-        });
-      }
-    }), _onAction && {
-      onAction: function onAction() {
-        _onAction({
-          dismiss: function dismiss() {
-            setOpen(false);
-          }
-        });
-      }
-    }), !hideCancel && {
-      onCancel: toggle
-    });
-  };
-  var dialog = function dialog(appliedDialogProps) {
-    setDialogProps(_objectSpread2(_objectSpread2({}, dialogProps), appliedDialogProps));
-  };
-  useImperativeHandle(ref, function () {
-    return {
-      dialog: dialog
-    };
-  });
-  useEffect(function () {
-    if (dialogProps.title && (dialogProps.description || dialogProps.body)) {
-      setOpen(function (prev) {
-        return !prev;
-      });
-    }
-  }, [dialogProps]);
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dismissEnabled = _useState6[0],
-    setNoDismissEnabled = _useState6[1];
-  useEffect(function () {
-    setNoDismissEnabled(noDismiss);
-  }, [noDismiss]);
-  return /*#__PURE__*/jsxs(BaseModal, {
-    open: open,
-    toggle: toggle,
-    hideCrossDismiss: hideCrossDismiss,
-    noDismiss: dismissEnabled,
-    className: classes(modules_ca1540aa.root, modules_ca1540aa[size], className),
-    renderHeader: title && /*#__PURE__*/jsx(Header$1, _objectSpread2({}, headerProps)),
-    renderFooter: /*#__PURE__*/jsx(Footer$1, _objectSpread2({}, footerProps({
-      setNoDismissEnabled: setNoDismissEnabled
-    }))),
-    children: [Body && /*#__PURE__*/jsx(Body, {
-      setNoDismissEnabled: setNoDismissEnabled
-    }), /*#__PURE__*/jsx("div", {
-      className: modules_ca1540aa.description,
-      children: description
-    })]
-  });
-});
-DialogBox.propTypes = {
-  className: propTypesExports.string,
-  size: propTypesExports.oneOf(['sm', 'md'])
-};
-DialogBox.defaultProps = {
-  className: '',
-  size: 'md'
-};
-
-var css$z = ".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$z,{});
-
-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 size = appliedSize || defaultSize;
+  var toggle = function toggle() {
+    onCancel === null || onCancel === void 0 || onCancel();
+    setOpen(false);
   };
-  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 headerProps = {
+    title: title
   };
-  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');
+  var footerProps = function footerProps(_ref3) {
+    var setNoDismissEnabled = _ref3.setNoDismissEnabled;
+    return _objectSpread2(_objectSpread2(_objectSpread2({
+      action: actionText,
+      cancel: cancelText,
+      hideCancel: hideCancel,
+      variant: variant,
+      setOpen: setOpen
+    }, _customAction && {
+      customAction: function customAction() {
+        return _customAction({
+          setNoDismissEnabled: setNoDismissEnabled,
+          dismiss: function dismiss() {
+            setOpen(false);
           }
-        }), 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 : '')
-          })
-        })
+        });
+      }
+    }), _onAction && {
+      onAction: function onAction() {
+        _onAction({
+          dismiss: function dismiss() {
+            setOpen(false);
+          }
+        });
+      }
+    }), !hideCancel && {
+      onCancel: toggle
+    });
+  };
+  var dialog = function dialog(appliedDialogProps) {
+    setDialogProps(_objectSpread2(_objectSpread2({}, dialogProps), appliedDialogProps));
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      dialog: dialog
+    };
+  });
+  useEffect(function () {
+    if (dialogProps.title && (dialogProps.description || dialogProps.body)) {
+      setOpen(function (prev) {
+        return !prev;
       });
     }
-    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
-        })
-      })]
-    })
+  }, [dialogProps]);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dismissEnabled = _useState6[0],
+    setNoDismissEnabled = _useState6[1];
+  useEffect(function () {
+    setNoDismissEnabled(noDismiss);
+  }, [noDismiss]);
+  return /*#__PURE__*/jsxs(BaseModal, {
+    open: open,
+    toggle: toggle,
+    hideCrossDismiss: hideCrossDismiss,
+    noDismiss: dismissEnabled,
+    className: classes(modules_ca1540aa.root, modules_ca1540aa[size], className),
+    renderHeader: title && /*#__PURE__*/jsx(Header$1, _objectSpread2({}, headerProps)),
+    renderFooter: /*#__PURE__*/jsx(Footer$1, _objectSpread2({}, footerProps({
+      setNoDismissEnabled: setNoDismissEnabled
+    }))),
+    children: [Body && /*#__PURE__*/jsx(Body, {
+      setNoDismissEnabled: setNoDismissEnabled
+    }), /*#__PURE__*/jsx("div", {
+      className: modules_ca1540aa.description,
+      children: description
+    })]
   });
 });
-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
+DialogBox.propTypes = {
+  className: propTypesExports.string,
+  size: propTypesExports.oneOf(['sm', 'md'])
+};
+DialogBox.defaultProps = {
+  className: '',
+  size: 'md'
 };
 
 var css$y = ".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}";
@@ -26262,8 +26427,8 @@ WidgetFallback.defaultProps = {
   theme: 'dark'
 };
 
-var css$1 = ".BaseV2Widget_module_root__e6c7c86b {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n  border-radius: 2.5rem;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  background: #fbfbfb;\n  box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 1.25rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b [data-elem=title] {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n  text-align: left;\n  color: #1a2028;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b {\n  padding: 0rem 0.25rem;\n  height: 2.8rem;\n  width: auto;\n  background: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-size: 0.875rem;\n  text-align: center;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b [data-elem=title-desc] {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 21px;\n  text-align: left;\n  color: var(--text-color);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_back__e6c7c86b {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_back__e6c7c86b [data-elem=component1] .BaseV2Widget_module_icon__e6c7c86b {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b.BaseV2Widget_module_noOptions__e6c7c86b {\n  flex: 1;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b.BaseV2Widget_module_noTitleOptions__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.4rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b button.BaseV2Widget_module_title__e6c7c86b {\n  height: auto;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  padding: 0 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b button.BaseV2Widget_module_title__e6c7c86b .BaseV2Widget_module_icon__e6c7c86b {\n  width: 1rem;\n  height: 1rem;\n  fill: var(--menu-black);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b.BaseV2Widget_module_toggle__e6c7c86b {\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b {\n  border-radius: 0.25rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] {\n  box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] {\n  padding: 0.4375rem 0.5rem !important;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] > svg {\n  width: 1.5rem;\n  aspect-ratio: 1;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] > [data-elem=value] {\n  max-width: 12.5rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_expandButton__e6c7c86b {\n  padding: 0 0.25rem;\n  height: 1.75rem;\n  color: var(--dark-grey);\n  border-color: var(--grey6);\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.3125rem;\n  text-align: left;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_expandButton__e6c7c86b .BaseV2Widget_module_expandIcon__e6c7c86b {\n  height: 0.8331rem;\n  width: 0.8331rem;\n  fill: var(--dark-grey);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] {\n  border-radius: 0.25rem;\n  border: none !important;\n  height: 2.4rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n  color: var(--text-color);\n  font-size: 1rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--secondary-color2);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b {\n  padding: 0rem 0.25rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b {\n  min-width: 12rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] {\n  height: 2.4rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] > div {\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] span[class*=placeholder] {\n  font-size: 1rem;\n  color: var(--text-color);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] span[class*=value] {\n  font-size: 1rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_drawer__e6c7c86b {\n  width: 40%;\n  height: inherit;\n  border-radius: 2.5rem;\n  box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_overlay__e6c7c86b {\n  background: rgba(0, 0, 0, 0.16);\n  -webkit-backdrop-filter: blur(5px);\n          backdrop-filter: blur(5px);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  z-index: 3;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_children__e6c7c86b {\n  flex: 1 1;\n  position: relative;\n  padding: 0.5rem;\n}";
-var modules_d563b0a9 = {"root":"BaseV2Widget_module_root__e6c7c86b","header":"BaseV2Widget_module_header__e6c7c86b","header-title":"BaseV2Widget_module_headerTitle__e6c7c86b","title-container":"BaseV2Widget_module_titleContainer__e6c7c86b","title-primary":"BaseV2Widget_module_titlePrimary__e6c7c86b","toggle-body":"BaseV2Widget_module_toggleBody__e6c7c86b","back":"BaseV2Widget_module_back__e6c7c86b","icon":"BaseV2Widget_module_icon__e6c7c86b","no-options":"BaseV2Widget_module_noOptions__e6c7c86b","no-title-options":"BaseV2Widget_module_noTitleOptions__e6c7c86b","title":"BaseV2Widget_module_title__e6c7c86b","header-options":"BaseV2Widget_module_headerOptions__e6c7c86b","toggle":"BaseV2Widget_module_toggle__e6c7c86b","header-options-list":"BaseV2Widget_module_headerOptionsList__e6c7c86b","dropdown-header":"BaseV2Widget_module_dropdownHeader__e6c7c86b","expand-button":"BaseV2Widget_module_expandButton__e6c7c86b","expand-icon":"BaseV2Widget_module_expandIcon__e6c7c86b","filter-button":"BaseV2Widget_module_filterButton__e6c7c86b","date-picker":"BaseV2Widget_module_datePicker__e6c7c86b","drawer":"BaseV2Widget_module_drawer__e6c7c86b","overlay":"BaseV2Widget_module_overlay__e6c7c86b","children":"BaseV2Widget_module_children__e6c7c86b"};
+var css$1 = ".BaseV2Widget_module_root__e03f52a0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n  border-radius: 2.5rem;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  background: #fbfbfb;\n  box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 1.25rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 [data-elem=title] {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n  text-align: left;\n  color: #1a2028;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 {\n  padding: 0rem 0.25rem;\n  height: 2.8rem;\n  width: auto;\n  background: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n  font-size: 0.875rem;\n  text-align: center;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 [data-elem=title-desc] {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 21px;\n  text-align: left;\n  color: var(--text-color);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_back__e03f52a0 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_back__e03f52a0 [data-elem=component1] .BaseV2Widget_module_icon__e03f52a0 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0.BaseV2Widget_module_noOptions__e03f52a0 {\n  flex: 1;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0.BaseV2Widget_module_noTitleOptions__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 button.BaseV2Widget_module_title__e03f52a0 {\n  height: auto;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 0.25rem;\n  padding: 0 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 button.BaseV2Widget_module_title__e03f52a0 .BaseV2Widget_module_icon__e03f52a0 {\n  width: 1rem;\n  height: 1rem;\n  fill: var(--menu-black);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0.BaseV2Widget_module_toggle__e03f52a0 {\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 0.5rem;\n  height: 2.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 {\n  border-radius: 0.25rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] {\n  box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] {\n  padding: 0.4375rem 0.5rem !important;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] > svg {\n  width: 1.5rem;\n  aspect-ratio: 1;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] > [data-elem=value] {\n  max-width: 12.5rem;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_expandButton__e03f52a0 {\n  padding: 0 0.25rem;\n  height: 1.75rem;\n  color: var(--dark-grey);\n  border-color: var(--grey6);\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.3125rem;\n  text-align: left;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_expandButton__e03f52a0 .BaseV2Widget_module_expandIcon__e03f52a0 {\n  height: 0.8331rem;\n  width: 0.8331rem;\n  fill: var(--dark-grey);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] {\n  border-radius: 0.25rem;\n  border: none !important;\n  height: 2.4rem;\n  background-color: transparent !important;\n  box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n  color: var(--text-color);\n  font-size: 1rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--secondary-color2);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 {\n  padding: 0rem 0.25rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 {\n  min-width: 12rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] {\n  height: 2.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] > div {\n  gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] span[class*=placeholder] {\n  font-size: 1rem;\n  color: var(--text-color);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] span[class*=value] {\n  font-size: 1rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_drawer__e03f52a0 {\n  width: 40%;\n  height: inherit;\n  border-radius: 2.5rem;\n  box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_overlay__e03f52a0 {\n  background: rgba(0, 0, 0, 0.16);\n  -webkit-backdrop-filter: blur(5px);\n          backdrop-filter: blur(5px);\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  z-index: 3;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_children__e03f52a0 {\n  flex: 1 1;\n  position: relative;\n  padding: 0.5rem;\n}";
+var modules_d563b0a9 = {"root":"BaseV2Widget_module_root__e03f52a0","header":"BaseV2Widget_module_header__e03f52a0","header-title":"BaseV2Widget_module_headerTitle__e03f52a0","title-container":"BaseV2Widget_module_titleContainer__e03f52a0","title-primary":"BaseV2Widget_module_titlePrimary__e03f52a0","toggle-body":"BaseV2Widget_module_toggleBody__e03f52a0","back":"BaseV2Widget_module_back__e03f52a0","icon":"BaseV2Widget_module_icon__e03f52a0","no-options":"BaseV2Widget_module_noOptions__e03f52a0","no-title-options":"BaseV2Widget_module_noTitleOptions__e03f52a0","title":"BaseV2Widget_module_title__e03f52a0","header-options":"BaseV2Widget_module_headerOptions__e03f52a0","toggle":"BaseV2Widget_module_toggle__e03f52a0","header-options-list":"BaseV2Widget_module_headerOptionsList__e03f52a0","dropdown-header":"BaseV2Widget_module_dropdownHeader__e03f52a0","expand-button":"BaseV2Widget_module_expandButton__e03f52a0","expand-icon":"BaseV2Widget_module_expandIcon__e03f52a0","filter-button":"BaseV2Widget_module_filterButton__e03f52a0","date-picker":"BaseV2Widget_module_datePicker__e03f52a0","drawer":"BaseV2Widget_module_drawer__e03f52a0","overlay":"BaseV2Widget_module_overlay__e03f52a0","children":"BaseV2Widget_module_children__e03f52a0"};
 n(css$1,{});
 
 var generateOptions$1 = function generateOptions(_ref) {
@@ -26388,7 +26553,9 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
     _props$body = props.body,
     Body = _props$body === void 0 ? function () {} : _props$body,
     _props$headerOptions = props.headerOptions,
-    headerOptions = _props$headerOptions === void 0 ? null : _props$headerOptions;
+    headerOptions = _props$headerOptions === void 0 ? null : _props$headerOptions,
+    _props$rightActions = props.rightActions,
+    rightActions = _props$rightActions === void 0 ? null : _props$rightActions;
   var emptyChartData = useMemo(function () {
     return Children.toArray(children).every(function (child) {
       var _child$props$seriesDa, _child$props;
@@ -26497,7 +26664,7 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
             children: titleOptions
           })]
         }) : titleText]
-      }), /*#__PURE__*/jsx("div", {
+      }), (options === null || options === void 0 ? void 0 : options.length) > 0 && /*#__PURE__*/jsx("div", {
         className: modules_d563b0a9['header-options'],
         "data-elem": "header-options",
         children: /*#__PURE__*/jsx("div", {
@@ -26510,6 +26677,16 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
             });
           }))
         })
+      }), rightActions && /*#__PURE__*/jsx("div", {
+        className: modules_d563b0a9['header-options'],
+        "data-elem": "header-options",
+        children: /*#__PURE__*/jsx("div", {
+          className: classes(modules_d563b0a9['header-options-list']),
+          "data-elem": "header-options-list",
+          children: rightActions && rightActions({
+            toggleDrawer: toggleDrawer
+          })
+        })
       })]
     }), /*#__PURE__*/jsx(BaseSidePanel, {
       toggle: toggleDrawer,