@banyan_cloud/roots 2.0.13 → 2.0.15

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';
@@ -7207,10 +7207,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",
@@ -7458,6 +7458,88 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
   });
 };
 
+var ExpandCollapseIcon = function ExpandCollapseIcon(_ref) {
+  var open = _ref.open,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  return jsx("span", {
+    className: className,
+    children: open ? jsxs("svg", {
+      width: '29',
+      height: '38',
+      viewBox: '0 0 29 38',
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      children: [jsx("circle", {
+        cx: '5',
+        cy: '5',
+        r: '4.9',
+        fill: 'white',
+        stroke: '#97979F',
+        strokeWidth: '0.2'
+      }), jsx("path", {
+        d: 'M7.05719 4.51629H5.48469C5.5 4.5 5.2675 4.5 5 4.5C4.7325 4.5 4.5 4.5 4.51719 4.51616L2.94469 4.51629C2.67719 4.51629 2.46094 4.73254 2.46094 5.00004C2.46094 5.26754 2.67719 5.48379 2.94469 5.48379H4.51719L4.5 5.50008C4.5 5.50008 4.7325 5.50008 5 5.50008C5.2675 5.50008 5.5 5.50008 5.48469 5.48379H7.05719C7.32469 5.48379 7.54094 5.26754 7.54094 5.00004C7.54094 4.73254 7.32344 4.51629 7.05719 4.51629Z',
+        fill: 'black'
+      })]
+    }) : jsxs("svg", {
+      width: '10',
+      height: '10',
+      viewBox: '0 0 10 10',
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      children: [jsx("circle", {
+        cx: '5',
+        cy: '5',
+        r: '4.9',
+        fill: 'white',
+        stroke: '#97979F',
+        strokeWidth: '0.2'
+      }), jsx("path", {
+        d: 'M7.05719 4.51621H5.48469V2.94371C5.48469 2.67621 5.26844 2.45996 5.00094 2.45996C4.73344 2.45996 4.51719 2.67621 4.51719 2.94371V4.51621H2.94469C2.67719 4.51621 2.46094 4.73246 2.46094 4.99996C2.46094 5.26746 2.67719 5.48371 2.94469 5.48371H4.51719V7.05621C4.51719 7.32371 4.73344 7.53996 5.00094 7.53996C5.26844 7.53996 5.48469 7.32371 5.48469 7.05621V5.48371H7.05719C7.32469 5.48371 7.54094 5.26746 7.54094 4.99996C7.54094 4.73246 7.32344 4.51621 7.05719 4.51621Z',
+        fill: 'black'
+      })]
+    })
+  });
+};
+
+var SearchButton = function SearchButton(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
+  return jsxs("svg", {
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    className: className,
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxs("g", {
+      clipPath: 'url(#clip0_11246_20822)',
+      children: [jsx("path", {
+        d: 'M8.33333 13.7502C11.555 13.7502 14.1667 11.1385 14.1667 7.91683C14.1667 4.69517 11.555 2.0835 8.33333 2.0835C5.11167 2.0835 2.5 4.69517 2.5 7.91683C2.5 11.1385 5.11167 13.7502 8.33333 13.7502Z',
+        stroke: '#141920',
+        strokeWidth: '2',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M17.5 17.0835L12.5 12.0835',
+        stroke: '#141920',
+        strokeWidth: '2',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      })]
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: 'clip0_11246_20822',
+        children: jsx("rect", {
+          width: '20',
+          height: '20',
+          fill: 'white'
+        })
+      })
+    })]
+  });
+};
+
 var css$1u = ".Accordion_module_root__ee8e457a {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 100%;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a {\n  transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a, .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__ee8e457a {\n  transform: rotate(90deg);\n  width: 1rem;\n  height: 1rem;\n  fill: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n  margin-left: auto;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] .Accordion_module_title__ee8e457a {\n  flex: 1 1 auto;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  color: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover {\n  background: var(--background-color4);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_icon__ee8e457a,\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_title__ee8e457a {\n  color: var(--secondary-color1);\n  fill: var(--secondary-color1);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_body__ee8e457a {\n  padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__ee8e457a {\n  transform: none;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] {\n  width: -moz-fit-content;\n  width: fit-content;\n  align-self: flex-end;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] .Accordion_module_expand__ee8e457a {\n  height: 1.5rem;\n  width: 1.5rem;\n}";
 var modules_8207625f = {"root":"Accordion_module_root__ee8e457a","header":"Accordion_module_header__ee8e457a","icon":"Accordion_module_icon__ee8e457a","title":"Accordion_module_title__ee8e457a","body":"Accordion_module_body__ee8e457a","open":"Accordion_module_open__ee8e457a","expand":"Accordion_module_expand__ee8e457a"};
 n(css$1u,{});
@@ -16095,8 +16177,8 @@ var CapsulePolarChart = function CapsulePolarChart(_ref) {
   });
 };
 
-var css$12 = ".BasePieChart_module_root__1ce331ae {\n  width: 100%;\n  contain-intrinsic-height: 90%;\n  font-family: Poppins !important;\n}\n.BasePieChart_module_root__1ce331ae > canvas {\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}";
-var modules_c20882aa = {"root":"BasePieChart_module_root__1ce331ae"};
+var css$12 = ".BasePieChart_module_root__67603ea6 {\n  width: 100%;\n  contain-intrinsic-height: 90%;\n  font-family: Poppins !important;\n}\n.BasePieChart_module_root__67603ea6 > canvas {\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.BasePieChart_module_legend__67603ea6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.625rem;\n}";
+var modules_c20882aa = {"root":"BasePieChart_module_root__67603ea6","legend":"BasePieChart_module_legend__67603ea6"};
 n(css$12,{});
 
 var css$11 = ".Skeleton_module_root__ecbd3e3d {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  position: relative;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_outer__ecbd3e3d,\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n  max-width: 100%;\n  max-height: 100%;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n  position: absolute;\n  opacity: 1;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n  opacity: 1;\n  height: 0.5rem;\n  position: absolute;\n  transform-origin: left;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(1) {\n  transform: translateX(3.25rem) rotate(45deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(2) {\n  transform: translateX(3.25rem) rotate(-75deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(3) {\n  transform: translateX(3.25rem) rotate(-10deg);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n  background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n  background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n  background: var(--menu-black);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n  background: var(--menu-black);\n}";
@@ -16139,7 +16221,7 @@ var ChartSkeleton$1 = function ChartSkeleton(_ref) {
 
 Chart.register(ArcElement, Tooltip$1, Legend, Title$1);
 var BasePieChart = function BasePieChart(props) {
-  var _seriesData$metaData, _seriesData$chartData, _seriesData$chartData4, _doughnut$, _doughnut$2, _chartOptions$respons, _legend$display, _tooltip$borderWidth, _tooltip$callbacks, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2;
+  var _seriesData$metaData, _seriesData$chartData, _seriesData$metaData2, _seriesData$chartData2, _seriesData$chartData5, _doughnut$, _doughnut$2, _chartOptions$respons, _legend$display, _tooltip$borderWidth, _tooltip$callbacks, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2;
   var loading = props.loading,
     title = props.title,
     tittleSize = props.tittleSize,
@@ -16172,7 +16254,7 @@ var BasePieChart = function BasePieChart(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     hoveredIndex = _useState4[0],
     setHoveredIndex = _useState4[1]; // Track the hovered legend index
-  var legendRef = useRef(null); // Reference to hold the custom legend
+  useRef(null); // Reference to hold the custom legend
 
   if (loading || fallback) {
     return /*#__PURE__*/jsx(ChartSkeleton$1, {
@@ -16194,33 +16276,48 @@ var BasePieChart = function BasePieChart(props) {
       return newIndices;
     });
   }, []);
+  var labels = seriesData !== null && seriesData !== void 0 && (_seriesData$metaData = seriesData.metaData) !== null && _seriesData$metaData !== void 0 && _seriesData$metaData.keyData ? Object.keys(seriesData.chartData).map(function (key) {
+    return seriesData.metaData.keyData[key];
+  }) : [];
+  var values = Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
+    return seriesData.chartData[key];
+  });
+  var legendColors = seriesOption ? seriesOption.map(function (option) {
+    var _option$itemStyle;
+    var color = option === null || option === void 0 || (_option$itemStyle = option.itemStyle) === null || _option$itemStyle === void 0 ? void 0 : _option$itemStyle.color;
+    if (typeof color !== 'string' || !color.startsWith('linear-gradient')) {
+      return color;
+    }
+    var stops = color.match(/#(?:[0-9a-fA-F]{3}){1,2}/g);
+    return (stops === null || stops === void 0 ? void 0 : stops[0]) || '#000';
+  }) : [];
 
   // Data for the Pie Chart
   var data = {
-    labels: seriesData !== null && seriesData !== void 0 && (_seriesData$metaData = seriesData.metaData) !== null && _seriesData$metaData !== void 0 && _seriesData$metaData.keyData ? Object.keys(seriesData.chartData).map(function (key) {
+    labels: seriesData !== null && seriesData !== void 0 && (_seriesData$metaData2 = seriesData.metaData) !== null && _seriesData$metaData2 !== void 0 && _seriesData$metaData2.keyData ? Object.keys(seriesData.chartData).map(function (key) {
       return seriesData.metaData.keyData[key];
     }) : [],
     datasets: [_objectSpread2({
-      data: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
-        var _seriesData$chartData2;
-        return seriesData === null || seriesData === void 0 || (_seriesData$chartData2 = seriesData.chartData) === null || _seriesData$chartData2 === void 0 ? void 0 : _seriesData$chartData2[key];
+      data: Object.keys((_seriesData$chartData2 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData2 !== void 0 ? _seriesData$chartData2 : {}).map(function (key) {
+        var _seriesData$chartData3;
+        return seriesData === null || seriesData === void 0 || (_seriesData$chartData3 = seriesData.chartData) === null || _seriesData$chartData3 === void 0 ? void 0 : _seriesData$chartData3[key];
       }),
       backgroundColor: function backgroundColor(ctx) {
-        var _seriesData$chartData3;
+        var _seriesData$chartData4;
         return seriesOption ? seriesOption.map(function (option, index) {
-          var _option$itemStyle;
+          var _option$itemStyle2;
           if (hoveredIndex !== null && hoveredIndex !== index) {
             return '#D3D3D3';
           }
           if (excludedIndices.includes(index)) {
             return '#D3D3D3';
           }
-          var color = option === null || option === void 0 || (_option$itemStyle = option.itemStyle) === null || _option$itemStyle === void 0 ? void 0 : _option$itemStyle.color;
+          var color = option === null || option === void 0 || (_option$itemStyle2 = option.itemStyle) === null || _option$itemStyle2 === void 0 ? void 0 : _option$itemStyle2.color;
           if (typeof color === 'string' && color.startsWith('linear-gradient')) {
             return getColorGradient(ctx, color);
           }
           return color || '#000'; // Fallback solid color
-        }) : Object.keys((_seriesData$chartData3 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData3 !== void 0 ? _seriesData$chartData3 : {}).map(function (_, index) {
+        }) : Object.keys((_seriesData$chartData4 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData4 !== void 0 ? _seriesData$chartData4 : {}).map(function (_, index) {
           var defaultColors = ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF', '#FF9F40'];
           if (hoveredIndex !== null && hoveredIndex !== index) {
             return '#D3D3D3';
@@ -16231,7 +16328,7 @@ var BasePieChart = function BasePieChart(props) {
       borderColor: seriesOption ? seriesOption.map(function (option, index) {
         return excludedIndices.includes(index) ? '#D3D3D3' // Grey for excluded items
         : option.itemStyle.color; // Normal color for other borders
-      }) : Object.keys((_seriesData$chartData4 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData4 !== void 0 ? _seriesData$chartData4 : {}).map(function (_, index) {
+      }) : Object.keys((_seriesData$chartData5 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData5 !== void 0 ? _seriesData$chartData5 : {}).map(function (_, index) {
         var defaultColors = ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF', '#FF9F40'];
         return excludedIndices.includes(index) ? '#D3D3D3' // Grey for excluded items
         : defaultColors[index % defaultColors.length]; // Normal color for other borders
@@ -16449,62 +16546,6 @@ var BasePieChart = function BasePieChart(props) {
       ctx.restore();
     }
   };
-  var legendColors = seriesOption ? seriesOption.map(function (option) {
-    var _option$itemStyle2;
-    var color = option === null || option === void 0 || (_option$itemStyle2 = option.itemStyle) === null || _option$itemStyle2 === void 0 ? void 0 : _option$itemStyle2.color;
-    if (typeof color !== 'string' || !color.startsWith('linear-gradient')) {
-      return color; // return as-is if not a gradient
-    }
-    var colorStops = color.match(/#(?:[0-9a-fA-F]{3}){1,2}/g);
-
-    // Return the first color stop as fallback
-    return (colorStops === null || colorStops === void 0 ? void 0 : colorStops[0]) || '#000'; // Fallback to black
-  }) : [];
-  var customLegendPlugin = {
-    id: 'customLegend',
-    afterUpdate: function afterUpdate(chart) {
-      var ul = legendRef.current;
-      while (ul !== null && ul !== void 0 && ul.firstChild) {
-        ul.firstChild.remove();
-      }
-      chart.data.labels.forEach(function (label, index) {
-        var li = document.createElement('li');
-        li.style.display = 'flex';
-        li.style.alignItems = 'center';
-        li.style.cursor = 'pointer';
-
-        // Handle click for excluding/un-excluding slices
-        li.onclick = function (event) {
-          var legendItem = {
-            index: index
-          }; // Simulate legend item
-          handleLegendClick(event, legendItem); // Handle click
-          handleHover(index); // Set hover on legend click
-          chart.update('none'); // Update the chart without animation
-        };
-
-        // Handle hover on the legend item
-        li.onmouseenter = function () {
-          handleHover(index); // Set hover on legend hover
-          chart.update('none'); // Update the chart without animation
-        };
-
-        // Handle leave event to remove hover effect
-        li.onmouseleave = function () {
-          setHoveredIndex(null); // Reset hover index on leave
-          hoveredIndexRef.current = null;
-          chart.update('none'); // Update the chart without animation
-        };
-
-        // Apply grey color dynamically based on the hovered state
-        var isGreyedOut = hoveredIndexRef.current !== null && hoveredIndexRef.current !== index;
-        var displayColor = isGreyedOut ? '#D3D3D3' : legendColors[index];
-        var value = chart.data.datasets[0].data[index];
-        li.innerHTML = "\n\t\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"".concat(displayColor, "\" stroke-width=\"6\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t\n\t\t\t\t\t<span style=\"margin-left: 10px;\">\n\t\t\t\t\t\t<span>").concat(label, "</span>\n\t\t\t\t\t\t<span style=\"margin-left: 14px;\">").concat(value, "</span>\n\t\t\t\t\t</span>\n\t\t\t\t");
-        ul.appendChild(li);
-      });
-    }
-  };
   return /*#__PURE__*/jsxs("div", {
     className: classes(modules_c20882aa.root, className),
     onMouseLeave: function onMouseLeave() {
@@ -16522,10 +16563,70 @@ var BasePieChart = function BasePieChart(props) {
     children: [/*#__PURE__*/jsx(Pie, _objectSpread2({
       data: data,
       options: _objectSpread2({}, options),
-      plugins: [customLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
+      plugins: [customLabel && centerTextPlugin].filter(Boolean)
     }, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
       style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
-      ref: legendRef
+      children: labels.map(function (label, index) {
+        var _legendColors$index, _legend$circle;
+        var value = values[index];
+        var color = hoveredIndex !== null && hoveredIndex !== index ? '#D3D3D3' : excludedIndices.includes(index) ? '#D3D3D3' : (_legendColors$index = legendColors[index]) !== null && _legendColors$index !== void 0 ? _legendColors$index : '#000';
+        return /*#__PURE__*/jsxs("li", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            cursor: 'pointer'
+          },
+          onClick: function onClick(e) {
+            handleLegendClick(e, {
+              index: index
+            });
+            handleHover(index);
+          },
+          onMouseEnter: function onMouseEnter() {
+            handleHover(index);
+          },
+          onMouseLeave: function onMouseLeave() {
+            setHoveredIndex(null);
+            hoveredIndexRef.current = null;
+          },
+          children: [((_legend$circle = legend === null || legend === void 0 ? void 0 : legend.circle) !== null && _legend$circle !== void 0 ? _legend$circle : true) && /*#__PURE__*/jsx("svg", {
+            width: "15",
+            height: "15",
+            viewBox: "0 0 30 30",
+            fill: "none",
+            children: /*#__PURE__*/jsx("circle", {
+              cx: "15",
+              cy: "15",
+              r: "12",
+              stroke: color,
+              strokeWidth: "6"
+            })
+          }), /*#__PURE__*/jsx("div", {
+            style: {
+              marginLeft: 10
+            },
+            children: legend !== null && legend !== void 0 && legend.customLabels ? legend === null || legend === void 0 ? void 0 : legend.customLabels({
+              label: label,
+              value: value,
+              index: index,
+              color: color
+            }) : /*#__PURE__*/jsxs("div", {
+              className: modules_c20882aa.legend,
+              children: [/*#__PURE__*/jsx("span", {
+                style: {
+                  color: '#333'
+                },
+                children: label
+              }), /*#__PURE__*/jsx("span", {
+                style: {
+                  marginLeft: 10
+                },
+                children: value
+              })]
+            })
+          })]
+        }, index);
+      })
     })]
   });
 };
@@ -18632,157 +18733,663 @@ var DisplayPicture = function DisplayPicture(props) {
   });
 };
 
-var css$M = ".HierarchyItem_module_root__81fe6e38 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  flex: 1;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n  min-height: 2rem;\n  height: auto;\n  padding: 0rem 0.5rem;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1], .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 {\n  padding: 0;\n  height: auto;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n  transform: rotate(-180deg);\n  width: 1rem;\n  height: 1rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] .HierarchyItem_module_title__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: auto;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1.6rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] .HierarchyItem_module_children__81fe6e38 {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n  transform: none;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_body__81fe6e38 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0.25rem;\n  height: auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
-var modules_6d03d164 = {"root":"HierarchyItem_module_root__81fe6e38","header":"HierarchyItem_module_header__81fe6e38","expand":"HierarchyItem_module_expand__81fe6e38","icon":"HierarchyItem_module_icon__81fe6e38","title":"HierarchyItem_module_title__81fe6e38","body":"HierarchyItem_module_body__81fe6e38","tail":"HierarchyItem_module_tail__81fe6e38","children":"HierarchyItem_module_children__81fe6e38","open":"HierarchyItem_module_open__81fe6e38","active":"HierarchyItem_module_active__81fe6e38"};
+var css$M = ".HierarchyItem_module_root__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover {\n  background: none;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944 svg {\n  color: inherit;\n  fill: inherit;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_searching__e901c944 > .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_searchWrapper__e901c944 {\n  display: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_headerNoCount__e901c944 {\n  margin-left: 7px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  width: 100%;\n  padding: 0rem 0rem !important;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1], .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1] .HierarchyItem_module_expand__e901c944, .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] .HierarchyItem_module_expand__e901c944 {\n  padding: 0;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component1] .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944, .HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component3] .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944 {\n  width: 1rem;\n  margin-left: -0.07rem;\n  height: 1.49rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] {\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_title__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: auto;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  margin-top: 2px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 {\n  display: flex;\n  align-items: center;\n  background: white;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  border-radius: 0.25rem;\n  height: 2.3rem;\n  margin-left: -28px;\n  margin-bottom: 2px;\n  margin-top: 1px;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchButton__e901c944 {\n  width: 20px;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 {\n  width: 100%;\n  padding-left: 12px;\n  height: 100%;\n  gap: 0.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] {\n  box-shadow: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell]:focus-within {\n  outline: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component3] > button {\n  margin-top: 1px;\n  padding: 0;\n  height: auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component3] > button [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 [data-elem=base-cell] > [data-elem=component1] {\n  width: 1.244rem;\n  margin-left: 7px;\n  margin-top: 2.9px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 label {\n  display: contents;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__e901c944 .HierarchyItem_module_searchInput__e901c944 input {\n  outline: none;\n  font-size: 0.875rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 {\n  height: 100%;\n  display: none;\n  transition: opacity 0.2s ease;\n  padding-block: 0 !important;\n  padding-inline: 0.75rem !important;\n  height: 2.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944 .HierarchyItem_module_searchWrapper__e901c944 .HierarchyItem_module_searchButton__e901c944 {\n  width: 20px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover {\n  background: var(--background-color4);\n  border-radius: 4px;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_title__e901c944 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_header__e901c944:hover .HierarchyItem_module_searchWrapper__e901c944 {\n  height: 2.5rem;\n  display: block;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 {\n  margin-left: 10px;\n  position: relative;\n  width: 1rem;\n  height: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_collapsedTail__e901c944 {\n  position: absolute;\n  top: 120%;\n  left: 0.2rem;\n  width: 1px;\n  height: 1.25rem;\n  background: var(--grey1);\n  pointer-events: none;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_dashedConnector__e901c944 {\n  height: 1.2rem;\n  border-left: 0.0825rem dashed #cccccc;\n  margin-top: 30px;\n  margin-left: 2.18rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_expandContainer__e901c944 .HierarchyItem_module_hiddenConnector__e901c944 {\n  border-left: none !important;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_collapsedTailSpacer__e901c944 {\n  height: 0.3rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_tail__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_tail__e901c944::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.525rem;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n  margin-bottom: -0.55rem;\n  margin-left: 9px;\n  z-index: 1;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_highlightTail__e901c944 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component1] .HierarchyItem_module_highlightTail__e901c944::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.525rem;\n  width: 1px;\n  flex: 1;\n  background: #0f62fe;\n  margin-bottom: -0.55rem;\n  margin-left: 9px;\n  z-index: 1;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__e901c944 .HierarchyItem_module_body__e901c944 > [data-elem=component2] .HierarchyItem_module_children__e901c944 {\n  flex: 1 0 auto;\n  width: 100%;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_expand__e901c944 .HierarchyItem_module_icon__e901c944 {\n  transform: none;\n  height: 0.7625rem;\n  width: 0rem;\n  margin-left: 1.4rem;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_body__e901c944 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  gap: 0rem;\n  height: auto;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_open__e901c944 > .HierarchyItem_module_collapsedTail__e901c944 {\n  display: none;\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 {\n  background: var(--background-color4);\n}\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_icon__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_title__e901c944,\n.HierarchyItem_module_root__e901c944.HierarchyItem_module_active__e901c944 > .HierarchyItem_module_header__e901c944 .HierarchyItem_module_title__e901c944 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
+var modules_6d03d164 = {"root":"HierarchyItem_module_root__e901c944","searching":"HierarchyItem_module_searching__e901c944","header":"HierarchyItem_module_header__e901c944","icon":"HierarchyItem_module_icon__e901c944","title":"HierarchyItem_module_title__e901c944","searchWrapper":"HierarchyItem_module_searchWrapper__e901c944","headerNoCount":"HierarchyItem_module_headerNoCount__e901c944","expand":"HierarchyItem_module_expand__e901c944","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__e901c944","searchButton":"HierarchyItem_module_searchButton__e901c944","searchInput":"HierarchyItem_module_searchInput__e901c944","expand-container":"HierarchyItem_module_expandContainer__e901c944","collapsed-tail":"HierarchyItem_module_collapsedTail__e901c944","dashed-connector":"HierarchyItem_module_dashedConnector__e901c944","hidden-connector":"HierarchyItem_module_hiddenConnector__e901c944","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__e901c944","body":"HierarchyItem_module_body__e901c944","tail":"HierarchyItem_module_tail__e901c944","highlight-tail":"HierarchyItem_module_highlightTail__e901c944","children":"HierarchyItem_module_children__e901c944","open":"HierarchyItem_module_open__e901c944","active":"HierarchyItem_module_active__e901c944"};
 n(css$M,{});
 
-var HierarchyItem = function HierarchyItem(props) {
-  var defaultOpen = 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,
-    onDoubleClick = props.onDoubleClick,
-    active = props.active;
-  var _useState = useState(defaultOpen),
+function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
+
+var css$L = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
+var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
+n(css$L,{});
+
+/**
+ * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
+ *
+ * @returns A React component
+ *
+ * @example
+ * ```tsx
+ * <Tooltip
+ *   position='top'
+ *   showPointer={false}
+ *   content="Hello"
+ * >
+ *   <div>Some Element</div>
+ * </Tooltip>
+ * ```
+ */
+var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
+  var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
+  var children = props.children,
+    _props$position = props.position,
+    position = _props$position === void 0 ? 'top' : _props$position,
+    content = props.content,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'light' : _props$variant,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$showPointer = props.showPointer,
+    showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
+  var arrowEl = useRef(null);
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var 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 _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
   });
-  return /*#__PURE__*/jsxs("div", {
-    className: classes(modules_6d03d164.root, open ? modules_6d03d164.open : '', active ? modules_6d03d164.active : ''),
-    children: [/*#__PURE__*/jsx(BaseCell, {
-      flexible: true,
-      size: "auto",
-      className: modules_6d03d164.header,
-      component1: iconPlacement === 'left' && icon,
-      component2: /*#__PURE__*/jsx(Button, {
-        className: modules_6d03d164.title,
-        flexible: true,
-        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) {
-            setOpen(function (prevState) {
-              var newState = !prevState;
-              onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
-              return newState;
-            });
-          }
-        },
-        leftComponent: function leftComponent() {
-          return title;
+  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
         }
-      }),
-      component3: iconPlacement === 'right' && icon
-    }), /*#__PURE__*/jsx(BaseCell, {
-      size: "auto",
-      className: modules_6d03d164.body,
-      component1: /*#__PURE__*/jsx("div", {
-        className: modules_6d03d164.tail
-      }),
-      component2: /*#__PURE__*/jsx("div", {
-        className: modules_6d03d164.children,
-        children: children
-      })
+      })), {}, {
+        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]
+      }))
     })]
   });
-};
-HierarchyItem.propTypes = {
-  iconPlacement: propTypesExports.oneOf(['left', 'right', 'none']),
-  title: propTypesExports.node,
-  defaultOpen: propTypesExports.bool,
-  onClick: propTypesExports.func,
-  active: propTypesExports.bool
-};
+});
 
-var css$L = ".HierarchyBrowser_module_root__2fb8bba6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 20rem;\n  position: relative;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_header__2fb8bba6 {\n  padding: 0.5rem;\n  background: var(--text-color);\n  color: var(--light-color3);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_body__2fb8bba6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: auto;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 .HierarchyBrowser_module_itemIcon__2fb8bba6 {\n  width: 1rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6::after {\n  position: absolute;\n  right: 0;\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  background: var(--grey4);\n}\n.HierarchyBrowser_module_root__2fb8bba6.HierarchyBrowser_module_resizable__2fb8bba6:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
-var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__2fb8bba6","header":"HierarchyBrowser_module_header__2fb8bba6","body":"HierarchyBrowser_module_body__2fb8bba6","item":"HierarchyBrowser_module_item__2fb8bba6","item-icon":"HierarchyBrowser_module_itemIcon__2fb8bba6","resizable":"HierarchyBrowser_module_resizable__2fb8bba6"};
-n(css$L,{});
+var css$K = ".TextFieldv2_module_root__d006d40c {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  letter-spacing: 0.02rem;\n  color: var(--text-color);\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_required__d006d40c::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c:focus-within {\n  outline: 1px solid var(--secondary-color2);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c .TextFieldv2_module_icon__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] {\n  flex: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  -moz-appearance: textfield;\n  flex: 1;\n  background-color: var(--light-color3) !important;\n  border: none;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-outer-spin-button, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:focus {\n  outline: none;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_error__d006d40c {\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_sm__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:active {\n  box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button].TextFieldv2_module_error__d006d40c > [data-elem=component1] .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c {\n  width: 1rem;\n  height: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c {\n  padding: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  resize: vertical;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0.313rem 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_feedbackError__d006d40c {\n  box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderDefault__d006d40c {\n  border-width: 0.063rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderBottom__d006d40c {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderNone__d006d40c {\n  border-width: 0rem;\n}";
+var modules_6d3d1b60 = {"root":"TextFieldv2_module_root__d006d40c","required":"TextFieldv2_module_required__d006d40c","input-wrapper":"TextFieldv2_module_inputWrapper__d006d40c","icon":"TextFieldv2_module_icon__d006d40c","error":"TextFieldv2_module_error__d006d40c","input":"TextFieldv2_module_input__d006d40c","sm":"TextFieldv2_module_sm__d006d40c","md":"TextFieldv2_module_md__d006d40c","lg":"TextFieldv2_module_lg__d006d40c","button":"TextFieldv2_module_button__d006d40c","span":"TextFieldv2_module_span__d006d40c","type-textarea":"TextFieldv2_module_typeTextarea__d006d40c","feedback-error":"TextFieldv2_module_feedbackError__d006d40c","border-default":"TextFieldv2_module_borderDefault__d006d40c","border-bottom":"TextFieldv2_module_borderBottom__d006d40c","border-none":"TextFieldv2_module_borderNone__d006d40c"};
+n(css$K,{});
 
-var Title = function Title(props) {
-  var item = props.item;
-  var Icon = null;
-  switch (item.id) {
-    case 'database':
-    case 'schema':
-    case 'object':
-      Icon = Server;
-      break;
-  }
-  return /*#__PURE__*/jsxs("span", {
-    className: modules_5e29d515.item,
-    children: [Icon && /*#__PURE__*/jsx(Icon, {
-      className: modules_5e29d515['item-icon']
-    }), /*#__PURE__*/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", {
-      className: modules_5e29d515['item-count'],
-      children: ["(", item === null || item === void 0 ? void 0 : item.count, ")"]
-    })]
-  });
-};
-var HierarchyBrowser = function HierarchyBrowser(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$metadata = props.metadata,
-    metadata = _props$metadata === void 0 ? {} : _props$metadata,
-    _props$onItemClick = props.onItemClick,
-    onItemClick = _props$onItemClick === void 0 ? function () {} : _props$onItemClick,
-    _props$onItemDoubleCl = props.onItemDoubleClick,
-    onItemDoubleClick = _props$onItemDoubleCl === void 0 ? function () {} : _props$onItemDoubleCl,
-    _props$minWidth = props.minWidth,
-    minWidth = _props$minWidth === void 0 ? 220 : _props$minWidth,
-    maxWidth = props.maxWidth,
-    borderSize = props.borderSize,
-    resizable = props.resizable,
-    _props$setItemProps = props.setItemProps,
-    setItemProps = _props$setItemProps === void 0 ? function () {
-      return {};
-    } : _props$setItemProps,
-    _props$title = props.title,
-    title = _props$title === void 0 ? 'Browser' : _props$title;
-  var browserRef = useRef(null);
-  useResize({
-    ref: browserRef,
-    styles: {
-      minWidth: minWidth,
-      maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : document.documentElement.getBoundingClientRect().width,
+var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
+  var id = props.id,
+    name = props.name,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    value = props.value,
+    required = props.required,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
+    _onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    _props$border = props.border,
+    border = _props$border === void 0 ? 'default' : _props$border,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'light' : _props$theme,
+    LeftComponent = props.LeftComponent,
+    RightComponent = props.RightComponent,
+    className = props.className,
+    disabled = props.disabled,
+    _props$inputProps = props.inputProps,
+    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
+    feedback = props.feedback,
+    maxLength = props.maxLength,
+    _props$onKeyDown = props.onKeyDown,
+    onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
+    autocomplete = props.autocomplete,
+    _props$autocompleteOp = props.autocompleteOptions,
+    autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
+    custom = props.custom;
+  var _useRef = useRef(value !== undefined),
+    isControlled = _useRef.current;
+
+  // for uncontrolled input
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledValue = _useState2[0],
+    setUncontrolledValue = _useState2[1];
+  var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputType = _useState4[0],
+    setInputType = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorEl = _useState6[0],
+    setAnchorEl = _useState6[1];
+  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
+    if (autocomplete) {
+      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
+      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
+    }
+  };
+  var handleChange = function handleChange(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue;
+    checkAndOpenAutocomplete(fieldValue);
+    if (isControlled) {
+      onChange(event, fieldValue);
+    } else {
+      setUncontrolledValue(fieldValue);
+    }
+  };
+  var getLeftComponent = function getLeftComponent() {
+    if (type === 'email') {
+      return /*#__PURE__*/jsx(Email, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'password') {
+      return /*#__PURE__*/jsx(Password, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    if (type === 'password' && inputType === 'text') {
+      return /*#__PURE__*/jsx(UnlockPassword, {
+        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+      });
+    }
+    return /*#__PURE__*/jsx(LeftComponent, {
+      className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
+    });
+  };
+  var getRightComponent = function getRightComponent() {
+    if (type === 'password') {
+      var _ref, _feedback$info;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          title: "",
+          variant: "contained",
+          type: "button",
+          leftComponent: function leftComponent() {
+            return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            }) : /*#__PURE__*/jsx(ViewPasswordIcon, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+              position: "left"
+            });
+          },
+          onClick: function onClick() {
+            if (inputType === 'password') {
+              setInputType('text');
+              return;
+            }
+            setInputType('password');
+          }
+        }), feedback && /*#__PURE__*/jsx(Tooltip, {
+          content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
+          position: "right",
+          className: modules_6d3d1b60.tooltip,
+          variant: "light",
+          children: /*#__PURE__*/jsx("span", {
+            className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+            children: /*#__PURE__*/jsx(Info, {
+              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+            })
+          })
+        })]
+      });
+    }
+    if (feedback) {
+      var _ref2, _feedback$info2;
+      return /*#__PURE__*/jsx(Tooltip, {
+        content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
+        position: "right",
+        className: modules_6d3d1b60.tooltip,
+        variant: "light",
+        children: /*#__PURE__*/jsx("span", {
+          className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
+          children: /*#__PURE__*/jsx(Info, {
+            className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+          })
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(RightComponent, {});
+  };
+  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
+  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    disabled: disabled,
+    type: inputType,
+    defaultValue: defaultValue,
+    placeholder: placeholder
+  }, maxLength !== null && maxLength), {}, {
+    onFocus: function onFocus() {
+      checkAndOpenAutocomplete(inputValue);
+      _onFocus === null || _onFocus === void 0 || _onFocus();
+    },
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    required: required,
+    'data-elem': 'input',
+    ref: o([inputRef]),
+    value: inputValue,
+    onChange: handleChange,
+    className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
+  }, inputProps));
+  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_6d3d1b60['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes(modules_6d3d1b60.root, className),
+      children: [/*#__PURE__*/jsxs("label", {
+        children: [label && /*#__PURE__*/jsx("span", {
+          className: required ? modules_6d3d1b60.required : '',
+          children: label
+        }), /*#__PURE__*/jsx(BaseCell, {
+          ref: setAnchorEl,
+          className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
+          component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
+          component2: Input,
+          component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
+        })]
+      }), autocomplete && /*#__PURE__*/jsx(Popover, {
+        anchorEl: anchorEl,
+        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
+        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
+        theme: theme,
+        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
+        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
+        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
+          name: name,
+          value: value
+        })
+      })]
+    })
+  });
+});
+TextField$1.propTypes = {
+  id: propTypesExports.string,
+  name: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
+  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: propTypesExports.string,
+  onChange: propTypesExports.func,
+  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
+  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
+  LeftComponent: propTypesExports.node,
+  RightComponent: propTypesExports.node,
+  // eslint-disable-next-line react/forbid-prop-types
+  inputProps: propTypesExports.object,
+  count: propTypesExports.shape({
+    limit: propTypesExports.number
+  }),
+  feedback: propTypesExports.shape({
+    text: propTypesExports.node,
+    type: propTypesExports.oneOf(['error', 'success', 'default'])
+  }),
+  feedbackAndCount: propTypesExports.bool,
+  maxLength: propTypesExports.number,
+  onKeyDown: propTypesExports.func,
+  autocomplete: propTypesExports.bool,
+  autocompleteOptions: propTypesExports.shape({
+    open: propTypesExports.bool,
+    setOpen: propTypesExports.func,
+    render: propTypesExports.func,
+    predicate: propTypesExports.func,
+    placement: propTypesExports.string,
+    middlewareOptions: propTypesExports.shape({
+      offset: propTypesExports.object,
+      shift: propTypesExports.object,
+      flip: propTypesExports.object
+    })
+  }),
+  theme: propTypesExports.oneOf(['light', 'dark']),
+  required: propTypesExports.bool
+};
+
+var HierarchyItem = function HierarchyItem(props) {
+  var _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    _props$iconPlacement = props.iconPlacement,
+    iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
+    title = props.title,
+    children = props.children,
+    _onClick = props.onClick,
+    onDoubleClick = props.onDoubleClick,
+    _props$active = props.active,
+    active = _props$active === void 0 ? false : _props$active,
+    isLastItem = props.isLastItem;
+    props.isSingleItem;
+    var count = props.count,
+    leftComponent = props.leftComponent,
+    name = props.name,
+    onSearchSubmit = props.onSearchSubmit,
+    pathString = props.pathString,
+    lastActive = props.lastActive,
+    isSearching = props.isSearching,
+    onSearchStart = props.onSearchStart;
+  var _useState = useState(defaultOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchText = _useState4[0],
+    setSearchText = _useState4[1];
+  var icon = jsxs("div", {
+    className: modules_6d03d164['expand-container'],
+    children: [jsx(Button, {
+      className: modules_6d03d164.expand,
+      size: 'auto',
+      variant: 'text',
+      color: 'default',
+      onClick: function onClick() {
+        setOpen(function (prevState) {
+          var newState = !prevState;
+          _onClick === null || _onClick === void 0 || _onClick(newState);
+          onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
+          return newState;
+        });
+      },
+      leftComponent: function leftComponent() {
+        return jsx(ExpandCollapseIcon, {
+          className: classes(modules_6d03d164.icon, open ? modules_6d03d164.iconClosed : modules_6d03d164.iconOpen),
+          open: open
+        });
+      }
+    }), !open && !isLastItem && jsx("span", {
+      className: modules_6d03d164['collapsed-tail']
+    }), open && jsx("div", {
+      className: classes(modules_6d03d164['dashed-connector'])
+    })]
+  });
+  var handleSearchSubmit = function handleSearchSubmit() {
+    onSearchSubmit === null || onSearchSubmit === void 0 || onSearchSubmit(searchText, pathString);
+  };
+  return jsxs("div", {
+    className: classes(modules_6d03d164.root, open && modules_6d03d164.open, active && modules_6d03d164.active, isSearching && modules_6d03d164.searching),
+    children: [jsx(BaseCell, {
+      flexible: true,
+      size: 'auto',
+      className: classes(modules_6d03d164.header, !count && 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',
+        onClick: function onClick(event) {
+          var detail = event.detail;
+          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);
+              return newState;
+            });
+          }
+        },
+        leftComponent: function leftComponent() {
+          return title;
+        }
+      }),
+      component3: !isSearching && count && open ? jsx(Button, {
+        size: 'auto',
+        variant: 'text',
+        color: 'default',
+        className: modules_6d03d164.searchWrapper,
+        onClick: function onClick() {
+          onSearchStart === null || onSearchStart === void 0 || onSearchStart(); // ✅ trigger search state in parent
+        },
+        title: jsx(MagnifyingGlass, {
+          className: modules_6d03d164.searchButton
+        })
+      }) : undefined
+    }), !open && !isLastItem && jsx("div", {
+      className: modules_6d03d164['collapsed-tail-spacer']
+    }), open && jsx(BaseCell, {
+      size: 'auto',
+      className: modules_6d03d164.body,
+      component1: jsx("div", {
+        style: {
+          display: isLastItem ? 'none' : 'flex'
+        },
+        className: classes(lastActive ? modules_6d03d164['highlight-tail'] : modules_6d03d164.tail)
+      }),
+      component2: jsx("div", {
+        className: modules_6d03d164.children,
+        children: children
+      })
+    })]
+  });
+};
+
+var css$J = ".HierarchyBrowser_module_root__d1032907 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  width: 20rem;\n  position: relative;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_header__d1032907 {\n  padding: 0.5rem;\n  background: var(--text-color);\n  color: var(--light-color3);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_body__d1032907 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: auto;\n  resize: horizontal;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  width: 100%;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemIcon__d1032907 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemTitle__d1032907 {\n  font-size: 1.25rem;\n  font-weight: 500;\n  color: #1e1e1e;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countBg__d1032907 {\n  background-color: #b7cadb;\n  padding: 0.3125rem;\n  border-radius: 4px;\n  min-width: 1.75rem;\n  height: 1.75rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countText__d1032907 {\n  color: #ffffff;\n  font-weight: 500;\n  font-size: 1.125rem;\n  line-height: 1;\n}\n.HierarchyBrowser_module_root__d1032907.HierarchyBrowser_module_resizable__d1032907:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
+var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__d1032907","header":"HierarchyBrowser_module_header__d1032907","body":"HierarchyBrowser_module_body__d1032907","item":"HierarchyBrowser_module_item__d1032907","item-icon":"HierarchyBrowser_module_itemIcon__d1032907","item-title":"HierarchyBrowser_module_itemTitle__d1032907","item-count":"HierarchyBrowser_module_itemCount__d1032907","count-bg":"HierarchyBrowser_module_countBg__d1032907","count-text":"HierarchyBrowser_module_countText__d1032907","resizable":"HierarchyBrowser_module_resizable__d1032907"};
+n(css$J,{});
+
+var _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: [leftComponent && jsx("span", {
+      className: modules_5e29d515['item-icon'],
+      children: leftComponent
+    }), jsx("span", {
+      className: modules_5e29d515['item-title'],
+      children: title
+    }), rightComponent && jsx("span", {
+      className: modules_5e29d515['item-count'],
+      children: jsx("span", {
+        className: modules_5e29d515['count-bg'],
+        children: jsx("span", {
+          className: modules_5e29d515['count-text'],
+          children: rightComponent
+        })
+      })
+    })]
+  });
+};
+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 {};
+    } : _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: {
+      minWidth: minWidth,
+      maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : document.documentElement.getBoundingClientRect().width,
       borderSize: borderSize
     },
     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) {
@@ -18790,61 +19397,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$K = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var css$I = ".CheckBox_module_root__6c6c7d85 {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n  cursor: default;\n  color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n  color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n  fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n  stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n  display: inline-block;\n  border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n  width: 1rem;\n  height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
 var 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$K,{});
+n(css$I,{});
 
 var getIcon = function getIcon(checked, intermediate) {
   if (checked) {
@@ -18917,9 +19551,9 @@ Checkbox.propTypes = {
   onChange: propTypesExports.func
 };
 
-var css$J = ".Dropdown_module_root__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e {\n  font-size: 0.75rem;\n  color: var(--grey);\n  width: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e.Dropdown_module_required__6f32e28e::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  max-width: 100%;\n  position: relative;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  background: var(--light-color3);\n  outline: none;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid #dfe0e2;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_placeholder__6f32e28e {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e.Dropdown_module_open__6f32e28e {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_open__6f32e28e .Dropdown_module_header__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_disabled__6f32e28e .Dropdown_module_select__6f32e28e {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  min-height: 2rem;\n  width: 100%;\n  gap: 1rem;\n  color: var(--grey3);\n  font-size: 0.75rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e {\n  flex: 1;\n  margin-right: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  color: var(--primary-color1);\n  fill: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackSuccess__6f32e28e {\n  color: var(--primary-color2);\n  fill: var(--primary-color2);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e {\n  text-align: right;\n  margin-left: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e.Dropdown_module_exceeded__6f32e28e {\n  color: var(--primary-color1);\n}\n\n.Dropdown_module_body__6f32e28e {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid var(--light-color2);\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n  padding: 1rem;\n  overflow-y: auto;\n  min-height: 4rem;\n  outline: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiOptions__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  list-style: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiApply__6f32e28e {\n  margin-top: 0.5rem;\n}\n.Dropdown_module_body__6f32e28e.Dropdown_module_open__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
+var css$H = ".Dropdown_module_root__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e {\n  font-size: 0.75rem;\n  color: var(--grey);\n  width: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e.Dropdown_module_required__6f32e28e::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  max-width: 100%;\n  position: relative;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  background: var(--light-color3);\n  outline: none;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid #dfe0e2;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_placeholder__6f32e28e {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  transform: rotate(180deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e.Dropdown_module_open__6f32e28e {\n  transform: rotate(0deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_open__6f32e28e .Dropdown_module_header__6f32e28e {\n  border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_disabled__6f32e28e .Dropdown_module_select__6f32e28e {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  min-height: 2rem;\n  width: 100%;\n  gap: 1rem;\n  color: var(--grey3);\n  font-size: 0.75rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e {\n  flex: 1;\n  margin-right: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n  color: var(--primary-color1);\n  fill: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackSuccess__6f32e28e {\n  color: var(--primary-color2);\n  fill: var(--primary-color2);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e {\n  text-align: right;\n  margin-left: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e.Dropdown_module_exceeded__6f32e28e {\n  color: var(--primary-color1);\n}\n\n.Dropdown_module_body__6f32e28e {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  border: 0.0625rem solid var(--light-color2);\n  box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n  padding: 1rem;\n  overflow-y: auto;\n  min-height: 4rem;\n  outline: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiOptions__6f32e28e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  list-style: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiApply__6f32e28e {\n  margin-top: 0.5rem;\n}\n.Dropdown_module_body__6f32e28e.Dropdown_module_open__6f32e28e {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
 var 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$J,{});
+n(css$H,{});
 
 var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map, _ref2, _selectedOptions$;
@@ -19349,9 +19983,9 @@ Dropdown$1.defaultProps = {
   hideIcon: false
 };
 
-var css$I = ".Radio_module_root__c3d663ec {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n  cursor: default;\n  color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--grey5);\n  fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n  fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--primary-color4);\n  fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
+var css$G = ".Radio_module_root__c3d663ec {\n  cursor: pointer;\n  gap: 10px;\n  color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: flex-end;\n  align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n  cursor: default;\n  color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--grey5);\n  fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n  stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n  fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n  color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n  stroke: var(--primary-color4);\n  fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n  opacity: 0;\n  z-index: 1;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n  display: inline-block;\n  border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n  width: 1rem;\n  height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n  width: 1.5rem;\n  height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n  box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}";
 var 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$I,{});
+n(css$G,{});
 
 var Radio = function Radio(props) {
   var label = props.label,
@@ -19421,9 +20055,9 @@ Radio.propTypes = {
   onChange: propTypesExports.func
 };
 
-var css$H = ".DropdownItem_module_root__17146601 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  padding: 0.75rem 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--grey);\n  outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n  cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n  background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n  background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n  filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n  cursor: not-allowed;\n}";
+var css$F = ".DropdownItem_module_root__17146601 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  padding: 0.75rem 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--grey);\n  outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n  cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n  background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n  background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n  filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n  cursor: not-allowed;\n}";
 var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
-n(css$H,{});
+n(css$F,{});
 
 var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
   // eslint-disable-next-line object-curly-newline
@@ -19511,135 +20145,9 @@ var SelectAll = function SelectAll(props) {
   });
 };
 
-function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
-
-var css$G = ".Tooltip_module_tooltip__9cc6de6d {\n  text-align: center;\n  border-radius: 0.25rem;\n  min-width: 1rem;\n  max-width: auto;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--light-color3);\n  background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n  background-color: var(--black);\n  color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n  background-color: var(--white);\n  color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n  position: absolute;\n  width: 0.65rem;\n  height: 0.65rem;\n  z-index: -1;\n  pointer-events: none;\n  transform: rotate(45deg);\n  background: var(--text-color);\n}";
-var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
-n(css$G,{});
-
-/**
- * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
- *
- * @returns A React component
- *
- * @example
- * ```tsx
- * <Tooltip
- *   position='top'
- *   showPointer={false}
- *   content="Hello"
- * >
- *   <div>Some Element</div>
- * </Tooltip>
- * ```
- */
-var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
-  var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
-  var children = props.children,
-    _props$position = props.position,
-    position = _props$position === void 0 ? 'top' : _props$position,
-    content = props.content,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'light' : _props$variant,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$showPointer = props.showPointer,
-    showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
-  var arrowEl = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useFloating = useFloating({
-      open: open,
-      onOpenChange: setOpen,
-      placement: position,
-      whileElementsMounted: autoUpdate,
-      // Make sure the tooltip stays on the screen
-      middleware: [offset(12), flip(), shift(), arrow({
-        element: arrowEl
-      })]
-    }),
-    x = _useFloating.x,
-    y = _useFloating.y,
-    reference = _useFloating.reference,
-    floating = _useFloating.floating,
-    strategy = _useFloating.strategy,
-    context = _useFloating.context,
-    middlewareData = _useFloating.middlewareData,
-    _useFloating$placemen = _useFloating.placement,
-    placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
-  // Event listeners to change the open state
-  var hover = useHover(context, {
-    move: true
-  });
-  var focus = useFocus(context);
-  var dismiss = useDismiss(context);
-  // Role props for screen readers
-  var role = useRole(context, {
-    role: 'tooltip'
-  });
-  // Merge all the interactions into prop getters
-  var _useInteractions = useInteractions([hover, focus, dismiss, role]),
-    getReferenceProps = _useInteractions.getReferenceProps,
-    getFloatingProps = _useInteractions.getFloatingProps;
-  var typedChildren = children;
-  var childrenRef = typedChildren.ref;
-  var ref = React__default.useMemo(function () {
-    return o([reference, childrenRef, propRef]);
-  }, [reference, childrenRef, propRef]);
-  var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
-    ref: ref
-  }, typedChildren.props)));
-  var side = placement.split('-')[0];
-  var _top$right$bottom$lef = {
-      top: 'bottom',
-      right: 'left',
-      bottom: 'top',
-      left: 'right'
-    },
-    staticSide = _top$right$bottom$lef[side];
-  return jsxs(Fragment, {
-    children: [clonedChildren, jsx(Popper, {
-      open: open && content != null,
-      backdrop: false,
-      wrapperId: 'tooltip',
-      children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
-        ref: floating,
-        className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
-        style: {
-          position: strategy,
-          top: y !== null && y !== void 0 ? y : 0,
-          left: x !== null && x !== void 0 ? x : 0,
-          zIndex: 100
-        }
-      })), {}, {
-        initial: {
-          opacity: 0,
-          scale: 0
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        children: [showPointer && jsx("div", {
-          className: modules_e4619b04.arrow,
-          ref: arrowEl,
-          style: _defineProperty({
-            left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
-            top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
-            right: '',
-            bottom: ''
-          }, staticSide, '-0.3rem')
-        }), content]
-      }))
-    })]
-  });
-});
-
-var css$F = ".Dropdownv2_module_root__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n  stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n  display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n  margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 2.5rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
+var css$E = ".Dropdownv2_module_root__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n  position: relative;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n  font-size: 0.75rem;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n  max-width: 100%;\n  border-radius: 0.25rem;\n  position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n  background-color: var(--background-color5);\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  outline: 1px solid var(--secondary-color2);\n  transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n  border: 1px solid var(--primary-color1);\n  border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 25rem;\n  max-width: 100%;\n  gap: 0.5rem;\n  outline: none;\n  border-radius: 0.3125rem;\n  padding: 0.75rem 0.75rem 0.75rem 1rem;\n  background: var(--light-color3);\n  cursor: pointer;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: transparent !important;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n  stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n  stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n  width: 1.5rem;\n  height: 1.5rem;\n  transition: transform 0.5s;\n  fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n  border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n  border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n  background: var(--grey10);\n  cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n  display: none;\n  position: absolute;\n  top: calc(100% + 0.5rem);\n  background: var(--light-color3);\n  width: auto;\n  border-radius: 0.3125rem;\n  padding: 1.25rem 0rem 1.25rem 0rem;\n  overflow-y: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  min-height: 4rem;\n  max-height: 25rem !important;\n  outline: none;\n  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n  display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n  padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: var(--light-color3);\n  padding-inline: 1.25rem;\n  padding-block: 0.25rem;\n  list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n  width: auto;\n  padding: 0% !important;\n  background-color: transparent;\n  color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n  margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  gap: 2.5rem;\n  position: sticky;\n  background-color: var(--light-color3);\n  padding: 0rem 1rem 1rem;\n  bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n  background-color: var(--light-color2);\n  color: var(--mono-color1);\n  flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n  background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}";
 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$F,{});
+n(css$E,{});
 
 var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
   var _selectedOptions$map;
@@ -20149,9 +20657,9 @@ Dropdown.propTypes = {
   hideIcon: propTypesExports.bool
 };
 
-var css$E = ".DropdownItemv2_module_root__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.625rem 0.75rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  margin-inline: 1.25rem;\n  color: var(--grey);\n  outline: none;\n  margin-bottom: 1.25rem;\n}\n.DropdownItemv2_module_root__6ca0311e:nth-last-child(1) {\n  margin-bottom: 0rem;\n}\n.DropdownItemv2_module_root__6ca0311e > .DropdownItemv2_module_input__6ca0311e {\n  cursor: pointer;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e {\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e:hover {\n  cursor: not-allowed;\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e path {\n  stroke: var(--primary-color1);\n}\n.DropdownItemv2_module_root__6ca0311e:hover {\n  background: var(--background-color4);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e {\n  filter: opacity(0.25);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e:hover {\n  cursor: not-allowed;\n}";
+var css$D = ".DropdownItemv2_module_root__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.625rem 0.75rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  margin-inline: 1.25rem;\n  color: var(--grey);\n  outline: none;\n  margin-bottom: 1.25rem;\n}\n.DropdownItemv2_module_root__6ca0311e:nth-last-child(1) {\n  margin-bottom: 0rem;\n}\n.DropdownItemv2_module_root__6ca0311e > .DropdownItemv2_module_input__6ca0311e {\n  cursor: pointer;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e {\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e:hover {\n  cursor: not-allowed;\n  background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e path {\n  stroke: var(--primary-color1);\n}\n.DropdownItemv2_module_root__6ca0311e:hover {\n  background: var(--background-color4);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e {\n  filter: opacity(0.25);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e:hover {\n  cursor: not-allowed;\n}";
 var 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$E,{});
+n(css$D,{});
 
 var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
   // eslint-disable-next-line object-curly-newline
@@ -20238,9 +20746,9 @@ DropdownItem.defaultProps = {
   customComponent: null
 };
 
-var css$D = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
+var css$C = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
 var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
-n(css$D,{});
+n(css$C,{});
 
 var footerAnimations = {
   initial: {
@@ -20453,9 +20961,9 @@ BaseModal.propTypes = {
   animationProperties: propTypesExports.object
 };
 
-var css$C = ".Dialog_module_root__afbc0e34 {\n  padding: 0.25rem 0px;\n  height: -moz-fit-content;\n  height: fit-content;\n  max-height: 30rem;\n  background: var(--light-color3);\n  border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n  width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n  width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n  font-size: 1rem;\n  height: -moz-fit-content;\n  height: fit-content;\n  color: var(--text-color);\n}";
+var css$B = ".Dialog_module_root__afbc0e34 {\n  padding: 0.25rem 0px;\n  height: -moz-fit-content;\n  height: fit-content;\n  max-height: 30rem;\n  background: var(--light-color3);\n  border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n  width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n  width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n  font-size: 1rem;\n  height: -moz-fit-content;\n  height: fit-content;\n  color: var(--text-color);\n}";
 var 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$C,{});
+n(css$B,{});
 
 var Header$1 = function Header(_ref) {
   var title = _ref.title;
@@ -20618,256 +21126,6 @@ DialogBox.defaultProps = {
   size: 'md'
 };
 
-var css$B = ".TextFieldv2_module_root__d006d40c {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 0.75rem;\n  letter-spacing: 0.02rem;\n  color: var(--text-color);\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_required__d006d40c::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.625rem;\n  padding: 0.75rem;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 0.25rem;\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c:focus-within {\n  outline: 1px solid var(--secondary-color2);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c .TextFieldv2_module_icon__d006d40c {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] {\n  flex: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  -moz-appearance: textfield;\n  flex: 1;\n  background-color: var(--light-color3) !important;\n  border: none;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-outer-spin-button, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:focus {\n  outline: none;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:disabled {\n  background: var(--grey9);\n  color: var(--grey3);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_error__d006d40c {\n  color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_sm__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  letter-spacing: 0.01rem;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:active {\n  box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button].TextFieldv2_module_error__d006d40c > [data-elem=component1] .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c {\n  width: 1rem;\n  height: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n  stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c {\n  padding: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n  resize: vertical;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n  padding: 0.313rem 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n  padding: 0.5rem 1rem;\n  font-size: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_feedbackError__d006d40c {\n  box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderDefault__d006d40c {\n  border-width: 0.063rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderBottom__d006d40c {\n  border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderNone__d006d40c {\n  border-width: 0rem;\n}";
-var modules_6d3d1b60 = {"root":"TextFieldv2_module_root__d006d40c","required":"TextFieldv2_module_required__d006d40c","input-wrapper":"TextFieldv2_module_inputWrapper__d006d40c","icon":"TextFieldv2_module_icon__d006d40c","error":"TextFieldv2_module_error__d006d40c","input":"TextFieldv2_module_input__d006d40c","sm":"TextFieldv2_module_sm__d006d40c","md":"TextFieldv2_module_md__d006d40c","lg":"TextFieldv2_module_lg__d006d40c","button":"TextFieldv2_module_button__d006d40c","span":"TextFieldv2_module_span__d006d40c","type-textarea":"TextFieldv2_module_typeTextarea__d006d40c","feedback-error":"TextFieldv2_module_feedbackError__d006d40c","border-default":"TextFieldv2_module_borderDefault__d006d40c","border-bottom":"TextFieldv2_module_borderBottom__d006d40c","border-none":"TextFieldv2_module_borderNone__d006d40c"};
-n(css$B,{});
-
-var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
-  var id = props.id,
-    name = props.name,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'text' : _props$type,
-    value = props.value,
-    required = props.required,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
-    _onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    _props$onChange = props.onChange,
-    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'md' : _props$size,
-    _props$border = props.border,
-    border = _props$border === void 0 ? 'default' : _props$border,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme,
-    LeftComponent = props.LeftComponent,
-    RightComponent = props.RightComponent,
-    className = props.className,
-    disabled = props.disabled,
-    _props$inputProps = props.inputProps,
-    inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
-    feedback = props.feedback,
-    maxLength = props.maxLength,
-    _props$onKeyDown = props.onKeyDown,
-    onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
-    autocomplete = props.autocomplete,
-    _props$autocompleteOp = props.autocompleteOptions,
-    autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
-    custom = props.custom;
-  var _useRef = useRef(value !== undefined),
-    isControlled = _useRef.current;
-
-  // for uncontrolled input
-  var _useState = useState(defaultValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    uncontrolledValue = _useState2[0],
-    setUncontrolledValue = _useState2[1];
-  var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputType = _useState4[0],
-    setInputType = _useState4[1];
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    anchorEl = _useState6[0],
-    setAnchorEl = _useState6[1];
-  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
-    if (autocomplete) {
-      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
-      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
-    }
-  };
-  var handleChange = function handleChange(event) {
-    var _inputHelper = inputHelper(event),
-      fieldValue = _inputHelper.fieldValue;
-    checkAndOpenAutocomplete(fieldValue);
-    if (isControlled) {
-      onChange(event, fieldValue);
-    } else {
-      setUncontrolledValue(fieldValue);
-    }
-  };
-  var getLeftComponent = function getLeftComponent() {
-    if (type === 'email') {
-      return /*#__PURE__*/jsx(Email, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    if (type === 'password' && inputType === 'password') {
-      return /*#__PURE__*/jsx(Password, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    if (type === 'password' && inputType === 'text') {
-      return /*#__PURE__*/jsx(UnlockPassword, {
-        className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-      });
-    }
-    return /*#__PURE__*/jsx(LeftComponent, {
-      className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
-    });
-  };
-  var getRightComponent = function getRightComponent() {
-    if (type === 'password') {
-      var _ref, _feedback$info;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Button, {
-          className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-          title: "",
-          variant: "contained",
-          type: "button",
-          leftComponent: function leftComponent() {
-            return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-              position: "left"
-            }) : /*#__PURE__*/jsx(ViewPasswordIcon, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-              position: "left"
-            });
-          },
-          onClick: function onClick() {
-            if (inputType === 'password') {
-              setInputType('text');
-              return;
-            }
-            setInputType('password');
-          }
-        }), feedback && /*#__PURE__*/jsx(Tooltip, {
-          content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
-          position: "right",
-          className: modules_6d3d1b60.tooltip,
-          variant: "light",
-          children: /*#__PURE__*/jsx("span", {
-            className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-            children: /*#__PURE__*/jsx(Info, {
-              className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-            })
-          })
-        })]
-      });
-    }
-    if (feedback) {
-      var _ref2, _feedback$info2;
-      return /*#__PURE__*/jsx(Tooltip, {
-        content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
-        position: "right",
-        className: modules_6d3d1b60.tooltip,
-        variant: "light",
-        children: /*#__PURE__*/jsx("span", {
-          className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
-          children: /*#__PURE__*/jsx(Info, {
-            className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-          })
-        })
-      });
-    }
-    return /*#__PURE__*/jsx(RightComponent, {});
-  };
-  var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
-  var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
-    id: id,
-    name: name,
-    disabled: disabled,
-    type: inputType,
-    defaultValue: defaultValue,
-    placeholder: placeholder
-  }, maxLength !== null && maxLength), {}, {
-    onFocus: function onFocus() {
-      checkAndOpenAutocomplete(inputValue);
-      _onFocus === null || _onFocus === void 0 || _onFocus();
-    },
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    required: required,
-    'data-elem': 'input',
-    ref: o([inputRef]),
-    value: inputValue,
-    onChange: handleChange,
-    className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
-  }, inputProps));
-  var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
-  return /*#__PURE__*/jsx(ErrorBoundary, {
-    FallbackComponent: function FallbackComponent(args) {
-      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
-        className: modules_6d3d1b60['error-boundary'],
-        custom: custom
-      }));
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes(modules_6d3d1b60.root, className),
-      children: [/*#__PURE__*/jsxs("label", {
-        children: [label && /*#__PURE__*/jsx("span", {
-          className: required ? modules_6d3d1b60.required : '',
-          children: label
-        }), /*#__PURE__*/jsx(BaseCell, {
-          ref: setAnchorEl,
-          className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
-          component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
-          component2: Input,
-          component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
-        })]
-      }), autocomplete && /*#__PURE__*/jsx(Popover, {
-        anchorEl: anchorEl,
-        open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
-        setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
-        theme: theme,
-        placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
-        middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
-        children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
-          name: name,
-          value: value
-        })
-      })]
-    })
-  });
-});
-TextField$1.propTypes = {
-  id: propTypesExports.string,
-  name: propTypesExports.string,
-  disabled: propTypesExports.bool,
-  label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
-  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  defaultValue: propTypesExports.string,
-  onChange: propTypesExports.func,
-  size: propTypesExports.oneOf(['sm', 'md', 'lg']),
-  border: propTypesExports.oneOf(['default', 'bottom', 'none']),
-  LeftComponent: propTypesExports.node,
-  RightComponent: propTypesExports.node,
-  // eslint-disable-next-line react/forbid-prop-types
-  inputProps: propTypesExports.object,
-  count: propTypesExports.shape({
-    limit: propTypesExports.number
-  }),
-  feedback: propTypesExports.shape({
-    text: propTypesExports.node,
-    type: propTypesExports.oneOf(['error', 'success', 'default'])
-  }),
-  feedbackAndCount: propTypesExports.bool,
-  maxLength: propTypesExports.number,
-  onKeyDown: propTypesExports.func,
-  autocomplete: propTypesExports.bool,
-  autocompleteOptions: propTypesExports.shape({
-    open: propTypesExports.bool,
-    setOpen: propTypesExports.func,
-    render: propTypesExports.func,
-    predicate: propTypesExports.func,
-    placement: propTypesExports.string,
-    middlewareOptions: propTypesExports.shape({
-      offset: propTypesExports.object,
-      shift: propTypesExports.object,
-      flip: propTypesExports.object
-    })
-  }),
-  theme: propTypesExports.oneOf(['light', 'dark']),
-  required: propTypesExports.bool
-};
-
 var css$A = ".RichEditor_module_root__035ff1b7 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 1rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.625rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7 {\n  width: 2.5rem;\n  height: 2.5rem;\n  background-color: transparent !important;\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n  z-index: 2;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_bold__035ff1b7 [data-elem=title] {\n  font-size: 1.3rem;\n  font-weight: 700;\n  line-height: 2.0194rem;\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_italic__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  font-style: italic;\n  font-weight: 300;\n  color: var(--mono-color1);\n  padding-inline: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_strike__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  text-decoration: line-through;\n  font-weight: 400;\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_underline__035ff1b7 [data-elem=title] {\n  font-size: 1.5rem;\n  line-height: 2.0194rem;\n  font-weight: 400;\n  color: var(--mono-color1);\n  text-decoration: underline;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 {\n  cursor: pointer;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label {\n  height: 100%;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label [data-elem=base-cell] {\n  box-shadow: none;\n  padding: 0.5rem;\n  height: 100%;\n  position: relative;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] {\n  position: absolute;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] [data-elem=input] {\n  opacity: 0;\n  width: 2.5rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_link__035ff1b7 [data-elem=component2], .RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_align__035ff1b7 [data-elem=component2] {\n  min-width: unset;\n  display: inline-block;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 {\n  background-color: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 [data-elem=title] {\n  color: var(--white);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 {\n  height: 2.5rem;\n  width: 10rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] {\n  height: 100%;\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] {\n  padding: 0 !important;\n  padding-inline: 1rem 0.75rem !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] [data-elem=value] {\n  color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] svg {\n  fill: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 {\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.2509803922);\n  width: 100%;\n  height: 16rem;\n  border-radius: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div {\n  border-radius: 0.25rem;\n  height: 100%;\n  padding: 0.75rem 1rem;\n  overflow-y: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div::-webkit-scrollbar {\n  display: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div > p:nth-child(1)::before {\n  color: var(--mono-color2);\n  content: attr(data-placeholder);\n  float: left;\n  height: 0;\n  pointer-events: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div:focus-within {\n  outline: var(--secondary-color2) 1px solid;\n}\n\n.RichEditor_module_popper__035ff1b7 {\n  min-width: 15rem !important;\n}";
 var modules_64f0815c = {"root":"RichEditor_module_root__035ff1b7","menu":"RichEditor_module_menu__035ff1b7","item":"RichEditor_module_item__035ff1b7","bold":"RichEditor_module_bold__035ff1b7","italic":"RichEditor_module_italic__035ff1b7","strike":"RichEditor_module_strike__035ff1b7","underline":"RichEditor_module_underline__035ff1b7","color":"RichEditor_module_color__035ff1b7","link":"RichEditor_module_link__035ff1b7","align":"RichEditor_module_align__035ff1b7","active":"RichEditor_module_active__035ff1b7","dropdown":"RichEditor_module_dropdown__035ff1b7","editor":"RichEditor_module_editor__035ff1b7","popper":"RichEditor_module_popper__035ff1b7"};
 n(css$A,{});
@@ -26928,5 +27186,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
   });
 });
 
-export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseBarChart as BaseBarChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart$1 as CapsuleChart, CapsuleChartIcon, CapsuleChart as CapsuleChartV2, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
+export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseBarChart as BaseBarChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart$1 as CapsuleChart, CapsuleChartIcon, CapsuleChart as CapsuleChartV2, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
 //# sourceMappingURL=index.js.map