@banyan_cloud/roots 2.0.41 → 2.0.43

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useAnimate } from 'framer-motion';
 import * as React from 'react';
-import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useId as useId$1, useImperativeHandle, useCallback, cloneElement, useMemo, useReducer, Children } from 'react';
+import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useId as useId$1, useImperativeHandle, useCallback, cloneElement, startTransition, useMemo, useReducer, Children } from 'react';
 import * as ReactDOM from 'react-dom';
 import { createPortal } from 'react-dom';
 import EChartsReactCore from 'echarts-for-react/lib/core';
@@ -4156,7 +4156,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
         if (blurOnClick) {
           event.currentTarget.blur();
         }
-        _onClick === null || _onClick === void 0 || _onClick(event);
+        void (_onClick === null || _onClick === void 0 ? void 0 : _onClick(event));
       }
     },
     RootDOM: 'button'
@@ -4382,21 +4382,18 @@ var Calender$1 = function Calender(props) {
     width = props.width,
     height = props.height,
     color = props.color;
-  return /*#__PURE__*/jsx("svg", {
+  return jsx("svg", {
     className: className,
     width: width !== null && width !== void 0 ? width : '1.5rem',
     height: height !== null && height !== void 0 ? height : '1.5rem',
     fill: color !== null && color !== void 0 ? color : '#333333',
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M19 4H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3V4H9V3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V12H20V19ZM20 10H4V7C4 6.73478 4.10536 6.48043 4.29289 6.29289C4.48043 6.10536 4.73478 6 5 6H7V7C7 7.26522 7.10536 7.51957 7.29289 7.70711C7.48043 7.89464 7.73478 8 8 8C8.26522 8 8.51957 7.89464 8.70711 7.70711C8.89464 7.51957 9 7.26522 9 7V6H15V7C15 7.26522 15.1054 7.51957 15.2929 7.70711C15.4804 7.89464 15.7348 8 16 8C16.2652 8 16.5196 7.89464 16.7071 7.70711C16.8946 7.51957 17 7.26522 17 7V6H19C19.2652 6 19.5196 6.10536 19.7071 6.29289C19.8946 6.48043 20 6.73478 20 7V10Z"
+    viewBox: '0 0 24 24',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsx("path", {
+      d: 'M19 4H17V3C17 2.73478 16.8946 2.48043 16.7071 2.29289C16.5196 2.10536 16.2652 2 16 2C15.7348 2 15.4804 2.10536 15.2929 2.29289C15.1054 2.48043 15 2.73478 15 3V4H9V3C9 2.73478 8.89464 2.48043 8.70711 2.29289C8.51957 2.10536 8.26522 2 8 2C7.73478 2 7.48043 2.10536 7.29289 2.29289C7.10536 2.48043 7 2.73478 7 3V4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V12H20V19ZM20 10H4V7C4 6.73478 4.10536 6.48043 4.29289 6.29289C4.48043 6.10536 4.73478 6 5 6H7V7C7 7.26522 7.10536 7.51957 7.29289 7.70711C7.48043 7.89464 7.73478 8 8 8C8.26522 8 8.51957 7.89464 8.70711 7.70711C8.89464 7.51957 9 7.26522 9 7V6H15V7C15 7.26522 15.1054 7.51957 15.2929 7.70711C15.4804 7.89464 15.7348 8 16 8C16.2652 8 16.5196 7.89464 16.7071 7.70711C16.8946 7.51957 17 7.26522 17 7V6H19C19.2652 6 19.5196 6.10536 19.7071 6.29289C19.8946 6.48043 20 6.73478 20 7V10Z'
     })
   });
 };
-Calender$1.defaultProps = {
-  className: ''
-};
 
 var Caret = function Caret(props) {
   var _props$className = props.className,
@@ -5235,34 +5232,38 @@ var Chevron = function Chevron(props) {
 };
 
 var Clock = function Clock(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/jsxs("svg", {
+  var className = _ref.className,
+    width = _ref.width,
+    height = _ref.height;
+  return jsxs("svg", {
     className: className,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsxs("g", {
-      clipPath: "url(#clip0_5056_4832)",
-      children: [/*#__PURE__*/jsx("path", {
-        d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z",
-        stroke: "#333333",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M12 7V12L15 15",
-        stroke: "#333333",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+    width: width,
+    height: height,
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxs("g", {
+      clipPath: 'url(#clip0_5056_4832)',
+      children: [jsx("path", {
+        d: 'M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z',
+        stroke: '#333333',
+        strokeWidth: '2',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M12 7V12L15 15',
+        stroke: '#333333',
+        strokeWidth: '2',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       })]
-    }), /*#__PURE__*/jsx("defs", {
-      children: /*#__PURE__*/jsx("clipPath", {
-        id: "clip0_5056_4832",
-        children: /*#__PURE__*/jsx("rect", {
-          width: "24",
-          height: "24",
-          fill: "white"
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: 'clip0_5056_4832',
+        children: jsx("rect", {
+          width: '24',
+          height: '24',
+          fill: 'white'
         })
       })
     })]
@@ -5271,183 +5272,117 @@ var Clock = function Clock(_ref) {
 
 var Close = function Close(_ref) {
   var className = _ref.className;
-  return /*#__PURE__*/jsx("svg", {
+  return jsx("svg", {
     className: className,
-    width: "1.5rem",
-    height: "1.5rem",
-    viewBox: "0 0 14 15",
-    fill: "#333333",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M11.0834 3.74416L10.2609 2.92166L7.00002 6.18249L3.73919 2.92166L2.91669 3.74416L6.17752 7.00499L2.91669 10.2658L3.73919 11.0883L7.00002 7.82749L10.2609 11.0883L11.0834 10.2658L7.82252 7.00499L11.0834 3.74416Z"
+    width: '1.5rem',
+    height: '1.5rem',
+    viewBox: '0 0 14 15',
+    fill: '#333333',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsx("path", {
+      d: 'M11.0834 3.74416L10.2609 2.92166L7.00002 6.18249L3.73919 2.92166L2.91669 3.74416L6.17752 7.00499L2.91669 10.2658L3.73919 11.0883L7.00002 7.82749L10.2609 11.0883L11.0834 10.2658L7.82252 7.00499L11.0834 3.74416Z'
     })
   });
 };
 
 var ColumnFilter = function ColumnFilter(props) {
   var className = props.className,
-    v2 = props.v2,
     active = props.active;
   if (active) {
-    return /*#__PURE__*/jsxs("svg", {
-      width: "1.5rem",
-      height: "1.5rem",
+    return jsxs("svg", {
+      width: '1.5rem',
+      height: '1.5rem',
       className: className,
-      viewBox: "0 0 24 25",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [/*#__PURE__*/jsxs("g", {
-        clipPath: "url(#clip0_2242_8740)",
-        children: [/*#__PURE__*/jsx("path", {
-          d: "M3.271 6H19.271",
-          stroke: "#0F62FE",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }), /*#__PURE__*/jsx("path", {
-          d: "M3.271 12H7.271",
-          stroke: "#0F62FE",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }), /*#__PURE__*/jsx("path", {
-          d: "M3.271 18H7.271",
-          stroke: "#0F62FE",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }), /*#__PURE__*/jsx("path", {
-          d: "M9.84447 9H20.9873C21.1108 9.04329 21.2227 9.11427 21.3144 9.20748C21.4062 9.3007 21.4754 9.41369 21.5168 9.53779C21.5582 9.66189 21.5706 9.79382 21.5531 9.92346C21.5356 10.0531 21.4887 10.177 21.4159 10.2857L17.1302 15V21L13.7016 18.4286V15L9.4159 10.2857C9.34312 10.177 9.29619 10.0531 9.27869 9.92346C9.2612 9.79382 9.27361 9.66189 9.31498 9.53779C9.35635 9.41369 9.42557 9.3007 9.51735 9.20748C9.60913 9.11427 9.72103 9.04329 9.84447 9Z",
-          stroke: "#0F62FE",
-          strokeWidth: "1",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+      viewBox: '0 0 24 25',
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      children: [jsxs("g", {
+        clipPath: 'url(#clip0_2242_8740)',
+        children: [jsx("path", {
+          d: 'M3.271 6H19.271',
+          stroke: '#0F62FE',
+          strokeWidth: '1',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        }), jsx("path", {
+          d: 'M3.271 12H7.271',
+          stroke: '#0F62FE',
+          strokeWidth: '1',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        }), jsx("path", {
+          d: 'M3.271 18H7.271',
+          stroke: '#0F62FE',
+          strokeWidth: '1',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        }), jsx("path", {
+          d: 'M9.84447 9H20.9873C21.1108 9.04329 21.2227 9.11427 21.3144 9.20748C21.4062 9.3007 21.4754 9.41369 21.5168 9.53779C21.5582 9.66189 21.5706 9.79382 21.5531 9.92346C21.5356 10.0531 21.4887 10.177 21.4159 10.2857L17.1302 15V21L13.7016 18.4286V15L9.4159 10.2857C9.34312 10.177 9.29619 10.0531 9.27869 9.92346C9.2612 9.79382 9.27361 9.66189 9.31498 9.53779C9.35635 9.41369 9.42557 9.3007 9.51735 9.20748C9.60913 9.11427 9.72103 9.04329 9.84447 9Z',
+          stroke: '#0F62FE',
+          strokeWidth: '1',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
         })]
-      }), /*#__PURE__*/jsx("defs", {
-        children: /*#__PURE__*/jsx("clipPath", {
-          id: "clip0_2242_8740",
-          children: /*#__PURE__*/jsx("rect", {
-            width: "24",
-            height: "24",
-            fill: "white",
-            transform: "translate(0 0.5)"
+      }), jsx("defs", {
+        children: jsx("clipPath", {
+          id: 'clip0_2242_8740',
+          children: jsx("rect", {
+            width: '24',
+            height: '24',
+            fill: 'white',
+            transform: 'translate(0 0.5)'
           })
         })
       })]
     });
   }
-  return v2 ? /*#__PURE__*/jsxs("svg", {
-    width: "1.5rem",
-    height: "1.5rem",
-    className: className,
-    viewBox: "0 0 24 25",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsxs("g", {
-      clipPath: "url(#clip0_2242_8740)",
-      children: [/*#__PURE__*/jsx("path", {
-        d: "M3.271 6H19.271",
-        stroke: "#141920",
-        strokeWidth: "1",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M3.271 12H7.271",
-        stroke: "#141920",
-        strokeWidth: "1",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M3.271 18H7.271",
-        stroke: "#141920",
-        strokeWidth: "1",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M9.84447 9H20.9873C21.1108 9.04329 21.2227 9.11427 21.3144 9.20748C21.4062 9.3007 21.4754 9.41369 21.5168 9.53779C21.5582 9.66189 21.5706 9.79382 21.5531 9.92346C21.5356 10.0531 21.4887 10.177 21.4159 10.2857L17.1302 15V21L13.7016 18.4286V15L9.4159 10.2857C9.34312 10.177 9.29619 10.0531 9.27869 9.92346C9.2612 9.79382 9.27361 9.66189 9.31498 9.53779C9.35635 9.41369 9.42557 9.3007 9.51735 9.20748C9.60913 9.11427 9.72103 9.04329 9.84447 9Z",
-        stroke: "#141920",
-        strokeWidth: "1",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })]
-    }), /*#__PURE__*/jsx("defs", {
-      children: /*#__PURE__*/jsx("clipPath", {
-        id: "clip0_2242_8740",
-        children: /*#__PURE__*/jsx("rect", {
-          width: "24",
-          height: "24",
-          fill: "white",
-          transform: "translate(0 0.5)"
-        })
-      })
-    })]
-  }) : /*#__PURE__*/jsxs("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
+  return jsxs("svg", {
+    width: '1.5rem',
+    height: '1.5rem',
     className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsxs("g", {
-      clipPath: "url(#clip0_693_739)",
-      children: [/*#__PURE__*/jsx("path", {
-        d: "M4 6H20",
-        stroke: "#575F6E",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M4 12H8",
-        stroke: "#575F6E",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M4 18H8",
-        stroke: "#575F6E",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M10.5735 9H21.7163C21.8398 9.04329 21.9517 9.11427 22.0434 9.20748C22.1352 9.3007 22.2045 9.41369 22.2458 9.53779C22.2872 9.66189 22.2996 9.79382 22.2821 9.92346C22.2646 10.0531 22.2177 10.177 22.1449 10.2857L17.8592 15V21L14.4306 18.4286V15L10.1449 10.2857C10.0721 10.177 10.0252 10.0531 10.0077 9.92346C9.99021 9.79382 10.0026 9.66189 10.044 9.53779C10.0854 9.41369 10.1546 9.3007 10.2464 9.20748C10.3381 9.11427 10.45 9.04329 10.5735 9Z",
-        stroke: "#0F62FE",
-        strokeWidth: "1.71429",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+    viewBox: '0 0 24 25',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxs("g", {
+      clipPath: 'url(#clip0_2242_8740)',
+      children: [jsx("path", {
+        d: 'M3.271 6H19.271',
+        stroke: '#141920',
+        strokeWidth: '1',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M3.271 12H7.271',
+        stroke: '#141920',
+        strokeWidth: '1',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M3.271 18H7.271',
+        stroke: '#141920',
+        strokeWidth: '1',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M9.84447 9H20.9873C21.1108 9.04329 21.2227 9.11427 21.3144 9.20748C21.4062 9.3007 21.4754 9.41369 21.5168 9.53779C21.5582 9.66189 21.5706 9.79382 21.5531 9.92346C21.5356 10.0531 21.4887 10.177 21.4159 10.2857L17.1302 15V21L13.7016 18.4286V15L9.4159 10.2857C9.34312 10.177 9.29619 10.0531 9.27869 9.92346C9.2612 9.79382 9.27361 9.66189 9.31498 9.53779C9.35635 9.41369 9.42557 9.3007 9.51735 9.20748C9.60913 9.11427 9.72103 9.04329 9.84447 9Z',
+        stroke: '#141920',
+        strokeWidth: '1',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       })]
-    }), /*#__PURE__*/jsx("defs", {
-      children: /*#__PURE__*/jsx("clipPath", {
-        id: "clip0_693_739",
-        children: /*#__PURE__*/jsx("rect", {
-          width: "24",
-          height: "24",
-          fill: "white"
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: 'clip0_2242_8740',
+        children: jsx("rect", {
+          width: '24',
+          height: '24',
+          fill: 'white',
+          transform: 'translate(0 0.5)'
         })
       })
     })]
   });
 };
-ColumnFilter.defaultProps = {
-  className: ''
-};
-
-var Columns = function Columns(props) {
-  var className = props.className;
-  return /*#__PURE__*/jsx("svg", {
-    className: className,
-    width: "14",
-    height: "15",
-    viewBox: "0 0 14 15",
-    fill: "#2A2A2A",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M12.25 1.17167H1.75002C1.59531 1.17167 1.44694 1.23313 1.33754 1.34252C1.22815 1.45192 1.16669 1.60029 1.16669 1.755V12.255C1.16669 12.4097 1.22815 12.5581 1.33754 12.6675C1.44694 12.7769 1.59531 12.8383 1.75002 12.8383H12.25C12.4047 12.8383 12.5531 12.7769 12.6625 12.6675C12.7719 12.5581 12.8334 12.4097 12.8334 12.255V1.755C12.8334 1.60029 12.7719 1.45192 12.6625 1.34252C12.5531 1.23313 12.4047 1.17167 12.25 1.17167ZM6.41669 11.6717H2.33335V2.33833H6.41669V11.6717ZM11.6667 11.6717H7.58335V2.33833H11.6667V11.6717Z"
-    })
-  });
-};
-Columns.defaultProps = {
-  className: ''
-};
 
 var Copy = function Copy(props) {
   var className = props.className,
@@ -5484,79 +5419,73 @@ var Cross = function Cross(props) {
 
 var Delete = function Delete(props) {
   var className = props.className;
-  return /*#__PURE__*/jsx("svg", {
+  return jsx("svg", {
     className: className,
-    viewBox: "0 0 18 20",
-    fill: "#CD0000",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M7.16667 15.5C7.40978 15.5 7.64294 15.4034 7.81485 15.2315C7.98676 15.0596 8.08333 14.8264 8.08333 14.5833V9.08333C8.08333 8.84021 7.98676 8.60706 7.81485 8.43515C7.64294 8.26324 7.40978 8.16666 7.16667 8.16666C6.92355 8.16666 6.69039 8.26324 6.51849 8.43515C6.34658 8.60706 6.25 8.84021 6.25 9.08333V14.5833C6.25 14.8264 6.34658 15.0596 6.51849 15.2315C6.69039 15.4034 6.92355 15.5 7.16667 15.5ZM16.3333 4.49999H12.6667V3.58333C12.6667 2.85398 12.3769 2.15451 11.8612 1.63878C11.3455 1.12306 10.646 0.833328 9.91667 0.833328H8.08333C7.35399 0.833328 6.65451 1.12306 6.13879 1.63878C5.62306 2.15451 5.33333 2.85398 5.33333 3.58333V4.49999H1.66667C1.42355 4.49999 1.19039 4.59657 1.01849 4.76848C0.846577 4.94039 0.75 5.17355 0.75 5.41666C0.75 5.65978 0.846577 5.89293 1.01849 6.06484C1.19039 6.23675 1.42355 6.33333 1.66667 6.33333H2.58333V16.4167C2.58333 17.146 2.87306 17.8455 3.38879 18.3612C3.90451 18.8769 4.60399 19.1667 5.33333 19.1667H12.6667C13.396 19.1667 14.0955 18.8769 14.6112 18.3612C15.1269 17.8455 15.4167 17.146 15.4167 16.4167V6.33333H16.3333C16.5764 6.33333 16.8096 6.23675 16.9815 6.06484C17.1534 5.89293 17.25 5.65978 17.25 5.41666C17.25 5.17355 17.1534 4.94039 16.9815 4.76848C16.8096 4.59657 16.5764 4.49999 16.3333 4.49999ZM7.16667 3.58333C7.16667 3.34021 7.26324 3.10706 7.43515 2.93515C7.60706 2.76324 7.84022 2.66666 8.08333 2.66666H9.91667C10.1598 2.66666 10.3929 2.76324 10.5648 2.93515C10.7368 3.10706 10.8333 3.34021 10.8333 3.58333V4.49999H7.16667V3.58333ZM13.5833 16.4167C13.5833 16.6598 13.4868 16.8929 13.3148 17.0648C13.1429 17.2368 12.9098 17.3333 12.6667 17.3333H5.33333C5.09022 17.3333 4.85706 17.2368 4.68515 17.0648C4.51324 16.8929 4.41667 16.6598 4.41667 16.4167V6.33333H13.5833V16.4167ZM10.8333 15.5C11.0764 15.5 11.3096 15.4034 11.4815 15.2315C11.6534 15.0596 11.75 14.8264 11.75 14.5833V9.08333C11.75 8.84021 11.6534 8.60706 11.4815 8.43515C11.3096 8.26324 11.0764 8.16666 10.8333 8.16666C10.5902 8.16666 10.3571 8.26324 10.1852 8.43515C10.0132 8.60706 9.91667 8.84021 9.91667 9.08333V14.5833C9.91667 14.8264 10.0132 15.0596 10.1852 15.2315C10.3571 15.4034 10.5902 15.5 10.8333 15.5Z"
+    viewBox: '0 0 18 20',
+    fill: '#CD0000',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsx("path", {
+      d: 'M7.16667 15.5C7.40978 15.5 7.64294 15.4034 7.81485 15.2315C7.98676 15.0596 8.08333 14.8264 8.08333 14.5833V9.08333C8.08333 8.84021 7.98676 8.60706 7.81485 8.43515C7.64294 8.26324 7.40978 8.16666 7.16667 8.16666C6.92355 8.16666 6.69039 8.26324 6.51849 8.43515C6.34658 8.60706 6.25 8.84021 6.25 9.08333V14.5833C6.25 14.8264 6.34658 15.0596 6.51849 15.2315C6.69039 15.4034 6.92355 15.5 7.16667 15.5ZM16.3333 4.49999H12.6667V3.58333C12.6667 2.85398 12.3769 2.15451 11.8612 1.63878C11.3455 1.12306 10.646 0.833328 9.91667 0.833328H8.08333C7.35399 0.833328 6.65451 1.12306 6.13879 1.63878C5.62306 2.15451 5.33333 2.85398 5.33333 3.58333V4.49999H1.66667C1.42355 4.49999 1.19039 4.59657 1.01849 4.76848C0.846577 4.94039 0.75 5.17355 0.75 5.41666C0.75 5.65978 0.846577 5.89293 1.01849 6.06484C1.19039 6.23675 1.42355 6.33333 1.66667 6.33333H2.58333V16.4167C2.58333 17.146 2.87306 17.8455 3.38879 18.3612C3.90451 18.8769 4.60399 19.1667 5.33333 19.1667H12.6667C13.396 19.1667 14.0955 18.8769 14.6112 18.3612C15.1269 17.8455 15.4167 17.146 15.4167 16.4167V6.33333H16.3333C16.5764 6.33333 16.8096 6.23675 16.9815 6.06484C17.1534 5.89293 17.25 5.65978 17.25 5.41666C17.25 5.17355 17.1534 4.94039 16.9815 4.76848C16.8096 4.59657 16.5764 4.49999 16.3333 4.49999ZM7.16667 3.58333C7.16667 3.34021 7.26324 3.10706 7.43515 2.93515C7.60706 2.76324 7.84022 2.66666 8.08333 2.66666H9.91667C10.1598 2.66666 10.3929 2.76324 10.5648 2.93515C10.7368 3.10706 10.8333 3.34021 10.8333 3.58333V4.49999H7.16667V3.58333ZM13.5833 16.4167C13.5833 16.6598 13.4868 16.8929 13.3148 17.0648C13.1429 17.2368 12.9098 17.3333 12.6667 17.3333H5.33333C5.09022 17.3333 4.85706 17.2368 4.68515 17.0648C4.51324 16.8929 4.41667 16.6598 4.41667 16.4167V6.33333H13.5833V16.4167ZM10.8333 15.5C11.0764 15.5 11.3096 15.4034 11.4815 15.2315C11.6534 15.0596 11.75 14.8264 11.75 14.5833V9.08333C11.75 8.84021 11.6534 8.60706 11.4815 8.43515C11.3096 8.26324 11.0764 8.16666 10.8333 8.16666C10.5902 8.16666 10.3571 8.26324 10.1852 8.43515C10.0132 8.60706 9.91667 8.84021 9.91667 9.08333V14.5833C9.91667 14.8264 10.0132 15.0596 10.1852 15.2315C10.3571 15.4034 10.5902 15.5 10.8333 15.5Z'
     })
   });
 };
-Delete.defaultProps = {
-  className: ''
-};
 
 var Edit = function Edit(props) {
   var className = props.className;
-  return /*#__PURE__*/jsxs("svg", {
+  return jsxs("svg", {
     className: className,
-    viewBox: "0 0 16 17",
-    fill: "none",
-    stroke: "#101010",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsxs("g", {
-      clipPath: "url(#clip0_7396_6511)",
-      children: [/*#__PURE__*/jsx("path", {
-        d: "M3.33341 11.4333L2.66675 14.0999L5.33341 13.4333L13.0001 5.7666C13.5524 5.21432 13.5524 4.31889 13.0001 3.7666C12.4478 3.21432 11.5524 3.21432 11.0001 3.7666L3.33341 11.4333Z",
-        strokeWidth: "1.33333",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M10 4.7666L12 6.7666",
-        strokeWidth: "1.33333",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }), /*#__PURE__*/jsx("path", {
-        d: "M8.66675 14.0999H14.0001",
-        strokeWidth: "1.33333",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+    viewBox: '0 0 16 17',
+    fill: 'none',
+    stroke: '#101010',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsxs("g", {
+      clipPath: 'url(#clip0_7396_6511)',
+      children: [jsx("path", {
+        d: 'M3.33341 11.4333L2.66675 14.0999L5.33341 13.4333L13.0001 5.7666C13.5524 5.21432 13.5524 4.31889 13.0001 3.7666C12.4478 3.21432 11.5524 3.21432 11.0001 3.7666L3.33341 11.4333Z',
+        strokeWidth: '1.33333',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M10 4.7666L12 6.7666',
+        strokeWidth: '1.33333',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
+      }), jsx("path", {
+        d: 'M8.66675 14.0999H14.0001',
+        strokeWidth: '1.33333',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       })]
-    }), /*#__PURE__*/jsx("defs", {
-      children: /*#__PURE__*/jsx("clipPath", {
-        id: "clip0_7396_6511",
-        children: /*#__PURE__*/jsx("rect", {
-          width: "16",
-          height: "16",
-          fill: "white",
-          transform: "translate(0 0.766602)"
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: 'clip0_7396_6511',
+        children: jsx("rect", {
+          width: '16',
+          height: '16',
+          fill: 'white',
+          transform: 'translate(0 0.766602)'
         })
       })
     })]
   });
 };
-Edit.defaultProps = {
-  className: ''
-};
 
 var Email = function Email(props) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/jsx("svg", {
+  return jsx("svg", {
     className: className,
-    width: "1rem",
-    height: "1rem",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6M22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6M22 6L12 13L2 6",
-      stroke: "#71839B",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    width: '1rem',
+    height: '1rem',
+    viewBox: '0 0 24 24',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsx("path", {
+      d: 'M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6M22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6M22 6L12 13L2 6',
+      stroke: '#71839B',
+      strokeWidth: '1.5',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round'
     })
   });
 };
@@ -5770,32 +5699,17 @@ MagnifyingGlass.defaultProps = {
 };
 
 var Maximize = function Maximize(props) {
-  var className = props.className,
-    v2 = props.v2;
-  return v2 ? /*#__PURE__*/jsx("svg", {
-    width: "1.5rem",
-    height: "1.5rem",
+  var className = props.className;
+  return jsx("svg", {
+    width: '1.5rem',
+    height: '1.5rem',
     className: className,
-    viewBox: "0 0 14 15",
-    fill: "#FFFFFF",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/jsx("path", {
-      d: "M13.95 1.66683C13.95 1.44582 13.8622 1.23385 13.706 1.07757C13.5497 0.921294 13.3377 0.833496 13.1167 0.833496H8.95003C8.72902 0.833496 8.51706 0.921294 8.36078 1.07757C8.2045 1.23385 8.1167 1.44582 8.1167 1.66683C8.1167 1.88784 8.2045 2.0998 8.36078 2.25608C8.51706 2.41237 8.72902 2.50016 8.95003 2.50016H11.0917L8.35837 5.24183C8.28026 5.3193 8.21826 5.41147 8.17596 5.51302C8.13365 5.61456 8.11187 5.72349 8.11187 5.8335C8.11187 5.94351 8.13365 6.05243 8.17596 6.15398C8.21826 6.25553 8.28026 6.34769 8.35837 6.42516C8.43583 6.50327 8.528 6.56526 8.62955 6.60757C8.7311 6.64988 8.84002 6.67166 8.95003 6.67166C9.06004 6.67166 9.16896 6.64988 9.27051 6.60757C9.37206 6.56526 9.46423 6.50327 9.5417 6.42516L12.2834 3.6835V5.8335C12.2834 6.05451 12.3712 6.26647 12.5274 6.42275C12.6837 6.57903 12.8957 6.66683 13.1167 6.66683C13.3377 6.66683 13.5497 6.57903 13.706 6.42275C13.8622 6.26647 13.95 6.05451 13.95 5.8335V1.66683ZM6.20837 8.57516C6.1309 8.49706 6.03873 8.43506 5.93718 8.39275C5.83563 8.35045 5.72671 8.32866 5.6167 8.32866C5.50669 8.32866 5.39777 8.35045 5.29622 8.39275C5.19467 8.43506 5.1025 8.49706 5.02503 8.57516L2.28337 11.3085V9.16683C2.28337 8.94582 2.19557 8.73385 2.03929 8.57757C1.88301 8.42129 1.67105 8.3335 1.45003 8.3335C1.22902 8.3335 1.01706 8.42129 0.860777 8.57757C0.704497 8.73385 0.616699 8.94582 0.616699 9.16683V13.3335C0.616699 13.5545 0.704497 13.7665 0.860777 13.9228C1.01706 14.079 1.22902 14.1668 1.45003 14.1668H5.6167C5.83771 14.1668 6.04967 14.079 6.20595 13.9228C6.36224 13.7665 6.45003 13.5545 6.45003 13.3335C6.45003 13.1125 6.36224 12.9005 6.20595 12.7442C6.04967 12.588 5.83771 12.5002 5.6167 12.5002H3.4667L6.20837 9.7585C6.28647 9.68103 6.34847 9.58886 6.39078 9.48731C6.43308 9.38576 6.45486 9.27684 6.45486 9.16683C6.45486 9.05682 6.43308 8.9479 6.39078 8.84635C6.34847 8.7448 6.28647 8.65263 6.20837 8.57516Z"
+    viewBox: '0 0 14 15',
+    fill: '#FFFFFF',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: jsx("path", {
+      d: 'M13.95 1.66683C13.95 1.44582 13.8622 1.23385 13.706 1.07757C13.5497 0.921294 13.3377 0.833496 13.1167 0.833496H8.95003C8.72902 0.833496 8.51706 0.921294 8.36078 1.07757C8.2045 1.23385 8.1167 1.44582 8.1167 1.66683C8.1167 1.88784 8.2045 2.0998 8.36078 2.25608C8.51706 2.41237 8.72902 2.50016 8.95003 2.50016H11.0917L8.35837 5.24183C8.28026 5.3193 8.21826 5.41147 8.17596 5.51302C8.13365 5.61456 8.11187 5.72349 8.11187 5.8335C8.11187 5.94351 8.13365 6.05243 8.17596 6.15398C8.21826 6.25553 8.28026 6.34769 8.35837 6.42516C8.43583 6.50327 8.528 6.56526 8.62955 6.60757C8.7311 6.64988 8.84002 6.67166 8.95003 6.67166C9.06004 6.67166 9.16896 6.64988 9.27051 6.60757C9.37206 6.56526 9.46423 6.50327 9.5417 6.42516L12.2834 3.6835V5.8335C12.2834 6.05451 12.3712 6.26647 12.5274 6.42275C12.6837 6.57903 12.8957 6.66683 13.1167 6.66683C13.3377 6.66683 13.5497 6.57903 13.706 6.42275C13.8622 6.26647 13.95 6.05451 13.95 5.8335V1.66683ZM6.20837 8.57516C6.1309 8.49706 6.03873 8.43506 5.93718 8.39275C5.83563 8.35045 5.72671 8.32866 5.6167 8.32866C5.50669 8.32866 5.39777 8.35045 5.29622 8.39275C5.19467 8.43506 5.1025 8.49706 5.02503 8.57516L2.28337 11.3085V9.16683C2.28337 8.94582 2.19557 8.73385 2.03929 8.57757C1.88301 8.42129 1.67105 8.3335 1.45003 8.3335C1.22902 8.3335 1.01706 8.42129 0.860777 8.57757C0.704497 8.73385 0.616699 8.94582 0.616699 9.16683V13.3335C0.616699 13.5545 0.704497 13.7665 0.860777 13.9228C1.01706 14.079 1.22902 14.1668 1.45003 14.1668H5.6167C5.83771 14.1668 6.04967 14.079 6.20595 13.9228C6.36224 13.7665 6.45003 13.5545 6.45003 13.3335C6.45003 13.1125 6.36224 12.9005 6.20595 12.7442C6.04967 12.588 5.83771 12.5002 5.6167 12.5002H3.4667L6.20837 9.7585C6.28647 9.68103 6.34847 9.58886 6.39078 9.48731C6.43308 9.38576 6.45486 9.27684 6.45486 9.16683C6.45486 9.05682 6.43308 8.9479 6.39078 8.84635C6.34847 8.7448 6.28647 8.65263 6.20837 8.57516Z'
     })
-  }) : /*#__PURE__*/jsxs("svg", {
-    className: className,
-    width: "1.5rem",
-    height: "1.5rem",
-    viewBox: "0 0 20 20",
-    fill: "#FFFFFF",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsx("path", {
-      d: "M5.00011 15.625C4.84178 15.625 4.68345 15.5667 4.55845 15.4417C4.31678 15.2 4.31678 14.8 4.55845 14.5583L14.5584 4.55833C14.8001 4.31666 15.2001 4.31666 15.4418 4.55833C15.6834 4.79999 15.6834 5.19999 15.4418 5.44166L5.44178 15.4417C5.31678 15.5667 5.15845 15.625 5.00011 15.625Z"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M15.0001 8.95833C14.6584 8.95833 14.3751 8.675 14.3751 8.33333V5.625H11.6667C11.3251 5.625 11.0417 5.34167 11.0417 5C11.0417 4.65833 11.3251 4.375 11.6667 4.375H15.0001C15.3417 4.375 15.6251 4.65833 15.6251 5V8.33333C15.6251 8.675 15.3417 8.95833 15.0001 8.95833Z"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M8.33333 15.625H5C4.65833 15.625 4.375 15.3416 4.375 15V11.6666C4.375 11.325 4.65833 11.0416 5 11.0416C5.34167 11.0416 5.625 11.325 5.625 11.6666V14.375H8.33333C8.675 14.375 8.95833 14.6583 8.95833 15C8.95833 15.3416 8.675 15.625 8.33333 15.625Z"
-    })]
   });
 };
 
@@ -6047,7 +5961,7 @@ var Tick = function Tick(props) {
   return jsxs("svg", {
     className: className,
     viewBox: '0 0 13 12',
-    fill: '#0F62FE',
+    fill: 'green',
     xmlns: 'http://www.w3.org/2000/svg',
     children: [jsx("g", {
       clipPath: 'url(#clip0_638_154)',
@@ -10450,7 +10364,10 @@ var Popper = function Popper(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$transparent = _ref.transparent,
-    transparent = _ref$transparent === void 0 ? true : _ref$transparent;
+    transparent = _ref$transparent === void 0 ? true : _ref$transparent,
+    lockScroll = _ref.lockScroll,
+    _ref$withOverlay = _ref.withOverlay,
+    withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay;
   var id = useId$1();
   var portalId = "".concat(wrapperId).concat(id);
   useEffect(function () {
@@ -10461,14 +10378,18 @@ var Popper = function Popper(_ref) {
       }
     };
   }, [portalId]);
+  var resolvedLock = lockScroll !== null && lockScroll !== void 0 ? lockScroll : withOverlay;
   return jsx(FloatingPortal, {
     id: portalId,
     children: jsx(AnimatePresence, {
-      children: open && jsx(FloatingOverlay, {
-        lockScroll: true,
+      children: open && (withOverlay ? jsx(FloatingOverlay, {
+        lockScroll: resolvedLock,
         className: classes(modules_fe46b225.backdrop, transparent ? modules_fe46b225.transparent : '', backdrop ? '' : modules_fe46b225['hide-backdrop'], className),
         children: children
-      })
+      }) : jsx("div", {
+        className: className,
+        children: children
+      }))
     })
   });
 };
@@ -10553,8 +10474,7 @@ var Alert = function Alert(_ref, ref) {
     switch (type) {
       case 'info':
         Icon = jsx(AlertIcon.Info, {
-          className: modules_3a764ea3.icon,
-          v2: true
+          className: modules_3a764ea3.icon
         });
         break;
       case 'error':
@@ -10564,20 +10484,17 @@ var Alert = function Alert(_ref, ref) {
         break;
       case 'warning':
         Icon = jsx(AlertIcon.Warning, {
-          className: modules_3a764ea3.icon,
-          v2: true
+          className: modules_3a764ea3.icon
         });
         break;
       case 'success':
         Icon = jsx(AlertIcon.Success, {
-          className: modules_3a764ea3.icon,
-          v2: true
+          className: modules_3a764ea3.icon
         });
         break;
       case 'danger':
         Icon = jsx(AlertIcon.Danger, {
-          className: modules_3a764ea3.icon,
-          v2: true
+          className: modules_3a764ea3.icon
         });
         break;
       default:
@@ -10639,7 +10556,8 @@ var Alert = function Alert(_ref, ref) {
   return jsx(Popper, {
     open: open,
     className: modules_3a764ea3.popper,
-    id: 'alert-popper',
+    wrapperId: 'alert-popper',
+    lockScroll: false,
     children: jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
       ref: floating,
       className: classes(modules_3a764ea3.root, modules_3a764ea3[type], shadow ? modules_3a764ea3.shadow : '', modules_3a764ea3["position-".concat(position)], className)
@@ -10697,7 +10615,6 @@ var resolveOffset = function resolveOffset(user) {
   }, user);
 };
 var Popover = function Popover(_ref) {
-  var _middlewareOptions$fl;
   var children = _ref.children,
     anchorEl = _ref.anchorEl,
     open = _ref.open,
@@ -10705,20 +10622,24 @@ var Popover = function Popover(_ref) {
     className = _ref.className,
     _ref$transparent = _ref.transparent,
     transparent = _ref$transparent === void 0 ? true : _ref$transparent,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    onClose = _ref.onClose,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-    middlewareOptions = _ref.middlewareOptions;
+    middlewareOptions = _ref.middlewareOptions,
+    lockScroll = _ref.lockScroll,
+    _ref$withOverlay = _ref.withOverlay,
+    withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay;
   var offsetArg = resolveOffset(middlewareOptions === null || middlewareOptions === void 0 ? void 0 : middlewareOptions.offset);
   var flipArg = _objectSpread2({
     padding: 8
-  }, (_middlewareOptions$fl = middlewareOptions === null || middlewareOptions === void 0 ? void 0 : middlewareOptions.flip) !== null && _middlewareOptions$fl !== void 0 ? _middlewareOptions$fl : {});
-  var _useFloating = useFloating({
-      open: open,
-      onOpenChange: setOpen,
+  }, middlewareOptions !== null && middlewareOptions !== void 0 && middlewareOptions.flip && _typeof$1(middlewareOptions.flip) === 'object' ? _objectSpread2({}, middlewareOptions.flip) : {});
+  var _useFloating = useFloating(_objectSpread2(_objectSpread2(_objectSpread2({}, open && {
+      open: open
+    }), setOpen && {
+      onOpenChange: setOpen
+    }), {}, {
       placement: placement,
       whileElementsMounted: autoUpdate,
       middleware: [offset(offsetArg), shift(middlewareOptions === null || middlewareOptions === void 0 ? void 0 : middlewareOptions.shift), flip(flipArg), size({
@@ -10727,14 +10648,14 @@ var Popover = function Popover(_ref) {
             availableHeight = _ref2.availableHeight,
             elements = _ref2.elements;
           Object.assign(elements.floating.style, {
-            width: "".concat(rects.reference.width, "px"),
+            width: "".concat(rects.reference.width.toString(), "px"),
             minWidth: 'fit-content',
-            maxHeight: "".concat(availableHeight, "px")
+            maxHeight: "".concat(availableHeight.toString(), "px")
           });
         },
         padding: 8
       })]
-    }),
+    })),
     x = _useFloating.x,
     y = _useFloating.y,
     reference = _useFloating.reference,
@@ -10744,7 +10665,7 @@ var Popover = function Popover(_ref) {
   var _useInteractions = useInteractions([useDismiss(context)]),
     getFloatingProps = _useInteractions.getFloatingProps;
   useEffect(function () {
-    if (!open) onClose();
+    if (!open) onClose === null || onClose === void 0 || onClose();
   }, [open, onClose]);
   useLayoutEffect(function () {
     reference(anchorEl);
@@ -10753,6 +10674,8 @@ var Popover = function Popover(_ref) {
     open: open,
     wrapperId: 'popover',
     transparent: transparent,
+    lockScroll: lockScroll,
+    withOverlay: withOverlay,
     children: jsx("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
       ref: floating,
       style: {
@@ -10885,32 +10808,27 @@ var Callout = /*#__PURE__*/forwardRef(function (props, ref) {
     switch (type) {
       case 'info':
         Icon = jsx(AlertIcon.Info, {
-          className: modules_b6de2704.icon,
-          v2: true
+          className: modules_b6de2704.icon
         });
         break;
       case 'error':
         Icon = jsx(AlertIcon.Error, {
-          className: modules_b6de2704.icon,
-          v2: true
+          className: modules_b6de2704.icon
         });
         break;
       case 'warning':
         Icon = jsx(AlertIcon.Warning, {
-          className: modules_b6de2704.icon,
-          v2: true
+          className: modules_b6de2704.icon
         });
         break;
       case 'success':
         Icon = jsx(AlertIcon.Success, {
-          className: modules_b6de2704.icon,
-          v2: true
+          className: modules_b6de2704.icon
         });
         break;
       case 'danger':
         Icon = jsx(AlertIcon.Danger, {
-          className: modules_b6de2704.icon,
-          v2: true
+          className: modules_b6de2704.icon
         });
         break;
       default:
@@ -15763,105 +15681,109 @@ var BasePieChart = function BasePieChart(props) {
     })]
   });
 };
-
-var css$O = ".CodeSnippet_module_root__898176fc {\n  padding: 0.5rem, 1rem;\n  position: relative;\n}\n.CodeSnippet_module_root__898176fc .CodeSnippet_module_code__898176fc {\n  font-family: monospace;\n  font-size: 1rem;\n}\n.CodeSnippet_module_root__898176fc .CodeSnippet_module_copy__898176fc {\n  visibility: hidden;\n  position: absolute;\n}\n.CodeSnippet_module_root__898176fc:hover .CodeSnippet_module_copy__898176fc {\n  visibility: visible;\n  position: absolute;\n  right: 1rem;\n  top: 0.5rem;\n  cursor: pointer;\n}\n.CodeSnippet_module_root__898176fc:hover .CodeSnippet_module_copy__898176fc .CodeSnippet_module_icon__898176fc {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
-var modules_c548043f = {"root":"CodeSnippet_module_root__898176fc","code":"CodeSnippet_module_code__898176fc","copy":"CodeSnippet_module_copy__898176fc","icon":"CodeSnippet_module_icon__898176fc"};
-n(css$O,{});
-
+
+var css$O = ".CodeSnippet_module_root__292230a0 {\n  padding: 0.5rem, 1rem;\n  position: relative;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_code__292230a0 {\n  font-family: monospace;\n  font-size: 1rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 {\n  visibility: hidden;\n  position: absolute;\n  padding: 0 !important;\n  width: 2.25rem;\n  height: 2.25rem;\n  right: 1rem;\n  top: 1rem;\n  background-color: transparent !important;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] {\n  box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.35);\n  border-radius: 0.25rem;\n  padding: 0.35rem;\n}\n.CodeSnippet_module_root__292230a0 .CodeSnippet_module_copy__292230a0 [data-elem=title] > span {\n  display: inline-flex;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 {\n  visibility: visible;\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n}\n.CodeSnippet_module_root__292230a0:hover .CodeSnippet_module_copy__292230a0 .CodeSnippet_module_icon__292230a0 {\n  width: 1.25rem;\n  height: 1.25rem;\n  fill: rgba(0, 0, 0, 0.75);\n}\n\n.CodeSnippet_module_tick__292230a0 {\n  width: 1.25rem;\n  height: 1.25rem;\n}";
+var modules_c548043f = {"root":"CodeSnippet_module_root__292230a0","code":"CodeSnippet_module_code__292230a0","copy":"CodeSnippet_module_copy__292230a0","icon":"CodeSnippet_module_icon__292230a0","tick":"CodeSnippet_module_tick__292230a0"};
+n(css$O,{});
+
+var MotionSpan = motion.span;
+var copyIconProps = {
+  initial: {
+    opacity: 0,
+    y: 5
+  },
+  animate: {
+    opacity: 1,
+    y: 0
+  },
+  exit: {
+    opacity: 0,
+    y: -5
+  },
+  transition: {
+    duration: 0.2
+  }
+};
+var tickIconProps = {
+  initial: {
+    scale: 0,
+    opacity: 0
+  },
+  animate: {
+    scale: 1.2,
+    opacity: 1
+  },
+  exit: {
+    scale: 0,
+    opacity: 0
+  },
+  transition: {
+    type: 'spring',
+    stiffness: 400,
+    damping: 15
+  }
+};
+var CopyButton = function CopyButton(_ref) {
+  var code = _ref.code;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    copied = _useState2[0],
+    setCopied = _useState2[1];
+  var onCopy = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            setCopied(true);
+            _context.n = 1;
+            return navigator.clipboard.writeText(code);
+          case 1:
+            setTimeout(function () {
+              setCopied(false);
+            }, 1000);
+          case 2:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function onCopy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return jsx(Button, {
+    title: jsx(AnimatePresence, {
+      mode: 'popLayout',
+      initial: false,
+      children: !copied ? jsx(MotionSpan, _objectSpread2(_objectSpread2({
+        title: 'Copy'
+      }, copyIconProps), {}, {
+        children: jsx(Copy, {
+          className: modules_c548043f.icon
+        })
+      }), 'copy') : jsx(MotionSpan, _objectSpread2(_objectSpread2({}, tickIconProps), {}, {
+        className: 'flex items-center',
+        children: jsx(Tick, {
+          className: modules_c548043f.tick
+        })
+      }), 'tick')
+    }),
+    className: modules_c548043f.copy,
+    onClick: onCopy
+  });
+};
 var CodeSnippet = function CodeSnippet(props) {
-  var copy = props.copy,
+  var _props$copy = props.copy,
+    copy = _props$copy === void 0 ? false : _props$copy,
     _props$code = props.code,
     code = _props$code === void 0 ? '{}' : _props$code,
     _props$language = props.language,
     language = _props$language === void 0 ? 'json' : _props$language,
-    showLineNumbers = props.showLineNumbers,
+    _props$showLineNumber = props.showLineNumbers,
+    showLineNumbers = _props$showLineNumber === void 0 ? false : _props$showLineNumber,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'light' : _props$theme,
     _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$onClick = props.onClick,
-    _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
-    parentKeyToSelect = props.parentKeyToSelect;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    parentNode = _useState2[0],
-    setParentNode = _useState2[1];
-  var alertRef = useRef(Alert$1);
-  var onCopy = function onCopy() {
-    var _alertRef$current;
-    navigator.clipboard.writeText(code);
-    (_alertRef$current = alertRef.current) === null || _alertRef$current === void 0 || _alertRef$current.alert({
-      title: "".concat(language === null || language === void 0 ? void 0 : language.toUpperCase()),
-      description: 'The code has been copied to the clipboard',
-      type: 'info',
-      icon: function icon(args) {
-        return /*#__PURE__*/jsx(Copy, _objectSpread2({}, args));
-      }
-    });
-  };
-  function findKeyPath(obj, targetKey) {
-    var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-    var keys = Object.keys(obj);
-    // eslint-disable-next-line no-restricted-syntax
-    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
-      var key = _keys[_i];
-      var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
-      if (key === targetKey) {
-        // Display the full path of the key from the object
-        return newPath;
-      }
-      if (parentKeyToSelect && !currentPath) {
-        var nestedPath = findKeyPath(obj[parentKeyToSelect], targetKey, parentKeyToSelect);
-        if (nestedPath) {
-          return nestedPath;
-        }
-      }
-      if (obj[key] && _typeof$1(obj[key]) === 'object') {
-        // Recursively search nested keys
-        var _nestedPath = findKeyPath(obj[key], targetKey, newPath);
-        if (_nestedPath) {
-          return _nestedPath;
-        }
-      }
-    }
-    return '';
-  }
-  var handleCodeClick = function handleCodeClick(event) {
-    var _event$target$childre;
-    var hasNoChildren = ((_event$target$childre = event.target.children) === null || _event$target$childre === void 0 ? void 0 : _event$target$childre.length) === 0;
-    if (language === 'json' && hasNoChildren) {
-      try {
-        var parsedCode = JSON.parse(code);
-        var clickedKey = event.target.textContent.replace(/"/g, '').trim();
-
-        // Check for a direct match in top-level keys
-        var matchingKey = Object.keys(parsedCode).find(function (key) {
-          return String(parsedCode[key]) === clickedKey;
-        });
-        if (matchingKey) {
-          return matchingKey;
-        }
-        // Check for nested keys
-        var keyPath = findKeyPath(parsedCode, clickedKey);
-        if (keyPath) {
-          event.target.parentNode.style.backgroundColor = theme === 'light' ? '#333' : 'white';
-          if (parentNode) {
-            parentNode.style.backgroundColor = '';
-            if (event.target.parentNode === parentNode) {
-              setParentNode(null);
-              return null;
-            }
-          }
-          setParentNode(event.target.parentNode);
-          return keyPath;
-        }
-        return clickedKey;
-      } catch (error) {
-        return error;
-      }
-    }
-    return null;
-  };
+    className = _props$className === void 0 ? '' : _props$className;
   var syntaxHighlighterProps = {
     showLineNumbers: showLineNumbers,
     language: language,
@@ -15870,38 +15792,17 @@ var CodeSnippet = function CodeSnippet(props) {
     codeTagProps: {
       className: classes(modules_c548043f.code, className)
     },
-    style: theme === 'light' ? coldarkCold : coldarkDark,
-    onClick: function onClick(event) {
-      return _onClick(event, handleCodeClick);
-    }
+    style: theme === 'light' ? coldarkCold : coldarkDark
   };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: modules_c548043f.root,
-      children: [/*#__PURE__*/jsx(Prism, _objectSpread2(_objectSpread2({}, syntaxHighlighterProps), {}, {
-        children: code
-      })), copy && /*#__PURE__*/jsx("div", {
-        className: modules_c548043f.copy,
-        onClick: onCopy,
-        children: /*#__PURE__*/jsx(Copy, {
-          className: classes(modules_c548043f.icon)
-        })
-      })]
-    }), /*#__PURE__*/jsx(Alert$1, {
-      ref: alertRef
+  return jsxs("div", {
+    className: modules_c548043f.root,
+    children: [jsx(Prism, _objectSpread2(_objectSpread2({}, syntaxHighlighterProps), {}, {
+      children: code
+    })), copy && jsx(CopyButton, {
+      code: code
     })]
   });
 };
-CodeSnippet.propTypes = {
-  copy: propTypesExports.bool,
-  code: propTypesExports.string,
-  language: propTypesExports.string,
-  showLineNumbers: propTypesExports.bool,
-  theme: propTypesExports.string,
-  className: propTypesExports.string,
-  onClick: propTypesExports.func,
-  parentKeyToSelect: propTypesExports.string
-};
 
 var useOutsideClickListener = function useOutsideClickListener(callback, ref) {
   useEffect(function () {
@@ -16165,6 +16066,7 @@ var css$M = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direct
 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$M,{});
 
+var MotionFooter = motion.footer;
 var footerAnimations = {
   initial: {
     opacity: 0,
@@ -16181,32 +16083,31 @@ var footerAnimations = {
 var ModalHeader = function ModalHeader(_ref) {
   var title = _ref.title,
     description = _ref.description;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Text, {
-      component: "h2",
-      variant: "h2",
+  return jsxs(Fragment, {
+    children: [jsx(Text, {
+      component: 'h2',
+      variant: 'h2',
       weight: 600,
       children: title
-    }), /*#__PURE__*/jsx(Text, {
-      component: "span",
-      variant: "b1",
+    }), jsx(Text, {
+      component: 'span',
+      variant: 'b1',
       weight: 400,
       children: description
     })]
   });
 };
 var ModalFooter = function ModalFooter(props) {
-  var _ref2 = props !== null && props !== void 0 ? props : {},
-    _ref2$actionTitle = _ref2.actionTitle,
-    actionTitle = _ref2$actionTitle === void 0 ? 'Save' : _ref2$actionTitle,
-    _ref2$disabled = _ref2.disabled,
-    disabled = _ref2$disabled === void 0 ? {} : _ref2$disabled,
-    _ref2$cancelTitle = _ref2.cancelTitle,
-    cancelTitle = _ref2$cancelTitle === void 0 ? 'Cancel' : _ref2$cancelTitle,
-    onAction = _ref2.onAction,
-    onDismiss = _ref2.onDismiss,
-    toggle = _ref2.toggle,
-    loading = _ref2.loading;
+  var _props$actionTitle = props.actionTitle,
+    actionTitle = _props$actionTitle === void 0 ? 'Save' : _props$actionTitle,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? {} : _props$disabled,
+    _props$cancelTitle = props.cancelTitle,
+    cancelTitle = _props$cancelTitle === void 0 ? 'Cancel' : _props$cancelTitle,
+    onAction = props.onAction,
+    onDismiss = props.onDismiss,
+    toggle = props.toggle,
+    loading = props.loading;
   var handleAction = function handleAction() {
     if (loading) {
       return;
@@ -16217,13 +16118,13 @@ var ModalFooter = function ModalFooter(props) {
     onDismiss === null || onDismiss === void 0 || onDismiss();
     toggle === null || toggle === void 0 || toggle();
   };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Button, {
+  return jsxs(Fragment, {
+    children: [jsx(Button, {
       className: modules_f23ae002.dismiss,
       title: cancelTitle,
       onClick: handleDismiss,
       disabled: disabled.cancel
-    }), /*#__PURE__*/jsx(Button, {
+    }), jsx(Button, {
       className: modules_f23ae002.action,
       title: actionTitle,
       onClick: handleAction,
@@ -16252,23 +16153,12 @@ var DEFAULT_ANIMATION_PROPS = {
     duration: 0.15
   }
 };
-
 /**
  * Renders a modal dialog with customizable header, body, and footer content.
  * Manages the modal's open state and provides a toggle function.
  * Handles dismiss interactions, such as clicking outside the modal or pressing the Escape key.
- *
- * @param {string} className - The CSS class name for the modal container.
- * @param {string} popperClassName - The CSS class name for the popper container.
- * @param {ReactElement|Function} renderHeader - The content to render in the modal header.
- * @param {ReactElement} children - The content to render in the modal body.
- * @param {ReactElement|Function} renderFooter - The content to render in the modal footer.
- * @param {Function} toggle - A function to toggle the modal's open state.
- * @param {boolean} open - The open state of the modal.
- * @param {boolean} noDismiss - If true, the modal cannot be dismissed by clicking outside or pressing the Escape key.
- * @param {boolean} hideCrossDismiss - If true, it will hide the cross close button from the top right of the modal.
- * @returns {ReactElement} The rendered modal dialog.
  */
+// eslint-disable-next-line react/function-component-definition
 var BaseModal = function BaseModal(props) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
@@ -16279,8 +16169,7 @@ var BaseModal = function BaseModal(props) {
     renderHeader = props.renderHeader,
     children = props.children,
     renderFooter = props.renderFooter,
-    _props$toggle = props.toggle,
-    toggle = _props$toggle === void 0 ? function () {} : _props$toggle,
+    toggle = props.toggle,
     open = props.open,
     noDismiss = props.noDismiss,
     hideCrossDismiss = props.hideCrossDismiss,
@@ -16289,92 +16178,75 @@ var BaseModal = function BaseModal(props) {
     animation = _props$animation === void 0 ? true : _props$animation,
     _props$animationPrope = props.animationProperties,
     animationProperties = _props$animationPrope === void 0 ? DEFAULT_ANIMATION_PROPS : _props$animationPrope;
-  var _useFloating = useFloating({
-      open: open,
+  var _useFloating = useFloating(_objectSpread2({
+      open: open
+    }, toggle && {
       onOpenChange: toggle
-    }),
+    })),
     floating = _useFloating.floating,
     context = _useFloating.context;
   var _useInteractions = useInteractions([useDismiss(context, {
       enabled: !noDismiss
     })]),
     getFloatingProps = _useInteractions.getFloatingProps;
-  var _ref3 = children !== null && children !== void 0 ? children : {},
-    bodyProps = _ref3.props;
-  return /*#__PURE__*/jsx(AnimatePresence, {
-    children: /*#__PURE__*/jsx(Popper, {
+  var bodyProps = function () {
+    if (children && _typeof$1(children) === 'object' && 'props' in children) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+      return children.props;
+    }
+    return undefined;
+  }();
+  return jsx(AnimatePresence, {
+    children: jsx(Popper, {
       open: open,
       className: popperClassName,
       transparent: false,
-      wrapperId: "base-modal-popper",
-      children: open && /*#__PURE__*/jsx(FloatingFocusManager, {
+      wrapperId: 'base-modal-popper',
+      children: open && jsx(FloatingFocusManager, {
         context: context,
-        children: /*#__PURE__*/jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps(_objectSpread2({
+        children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps(_objectSpread2({
           className: classes(modules_f23ae002.root, className),
           ref: floating
         }, animation && _objectSpread2({}, animationProperties)))), {}, {
-          children: [renderHeader ? /*#__PURE__*/jsx("header", {
-            "data-elem": "header",
+          children: [renderHeader ? jsx("header", {
+            "data-elem": 'header',
             className: modules_f23ae002.header,
-            children: function () {
-              if (typeof renderHeader !== 'function') {
-                return renderHeader;
-              }
-              return renderHeader(_objectSpread2({}, bodyProps));
-            }()
-          }) : /*#__PURE__*/jsx("header", {
-            "data-elem": "header",
+            children: typeof renderHeader !== 'function' ? renderHeader : renderHeader(_objectSpread2({}, bodyProps))
+          }) : jsx("header", {
+            "data-elem": 'header',
             className: modules_f23ae002.header,
-            children: /*#__PURE__*/jsx(ModalHeader, {
+            children: jsx(ModalHeader, {
               title: title,
               description: description
             })
-          }), /*#__PURE__*/jsx("div", {
-            "data-elem": "body",
+          }), jsx("div", {
+            "data-elem": 'body',
             className: modules_f23ae002.body,
             children: children
-          }), renderFooter ? /*#__PURE__*/jsx(motion.footer, _objectSpread2(_objectSpread2({}, animation && _objectSpread2({}, footerAnimations)), {}, {
-            "data-elem": "footer",
+          }), renderFooter ? jsx(MotionFooter, _objectSpread2(_objectSpread2({}, animation && _objectSpread2({}, footerAnimations)), {}, {
+            "data-elem": 'footer',
             className: modules_f23ae002.footer,
-            children: function () {
-              if (typeof renderFooter !== 'function') {
-                return renderFooter;
-              }
-              return renderFooter(_objectSpread2({}, bodyProps));
-            }()
-          })) : footerProps ? /*#__PURE__*/jsx(motion.footer, _objectSpread2(_objectSpread2({}, animation && _objectSpread2({}, footerAnimations)), {}, {
-            "data-elem": "footer",
+            children: typeof renderFooter !== 'function' ? renderFooter : renderFooter(_objectSpread2({}, bodyProps))
+          })) : footerProps && jsx(MotionFooter, _objectSpread2(_objectSpread2({}, animation && _objectSpread2({}, footerAnimations)), {}, {
+            "data-elem": 'footer',
             className: modules_f23ae002.footer,
-            children: /*#__PURE__*/jsx(ModalFooter, _objectSpread2({}, footerProps))
-          })) : null, !hideCrossDismiss && /*#__PURE__*/jsx(Button, {
-            size: "auto",
-            variant: "text",
+            children: jsx(ModalFooter, _objectSpread2({}, footerProps))
+          })), !hideCrossDismiss && jsx(Button, {
+            size: 'auto',
+            variant: 'text',
             className: modules_f23ae002.close,
             onClick: function onClick() {
-              toggle(false);
+              toggle === null || toggle === void 0 || toggle(false);
             },
-            rightComponent: function rightComponent() {
-              return /*#__PURE__*/jsx(Cross, {
-                className: modules_f23ae002.icon
-              });
-            }
+            title: jsx(Cross, {
+              className: modules_f23ae002.icon
+            })
           })]
         }))
       })
     })
   });
 };
-BaseModal.propTypes = {
-  className: propTypesExports.string,
-  popperClassName: propTypesExports.string,
-  renderHeader: propTypesExports.element,
-  renderFooter: propTypesExports.element,
-  toggle: propTypesExports.func,
-  noDismiss: propTypesExports.bool,
-  hideCrossDismiss: propTypesExports.bool,
-  animation: propTypesExports.bool,
-  animationProperties: propTypesExports.object
-};
 
 var css$L = ".ErrorBoundaryWrapper_module_root__ac28c8d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_message__ac28c8d4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  width: 80%;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_message__ac28c8d4 > h1 {\n  text-wrap: nowrap;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 0.625rem;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4 {\n  gap: 1rem;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4:nth-child(1) {\n  background-color: var(--mono-color1);\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4 > [data-elem=component1] .ErrorBoundaryWrapper_module_icon__ac28c8d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--white);\n}";
 var modules_2dbfc50c = {"root":"ErrorBoundaryWrapper_module_root__ac28c8d4","message":"ErrorBoundaryWrapper_module_message__ac28c8d4","actions":"ErrorBoundaryWrapper_module_actions__ac28c8d4","action":"ErrorBoundaryWrapper_module_action__ac28c8d4","icon":"ErrorBoundaryWrapper_module_icon__ac28c8d4"};
@@ -18331,6 +18203,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
     children: [clonedChildren, jsx(Popper, {
       open: open && content != null,
       backdrop: false,
+      lockScroll: false,
       wrapperId: 'tooltip',
       children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
         ref: floating,
@@ -18397,7 +18270,6 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     feedback = props.feedback,
     maxLength = props.maxLength,
     onKeyDown = props.onKeyDown,
-    autocomplete = props.autocomplete,
     autocompleteOptions = props.autocompleteOptions;
   var _useRef = useRef(value !== undefined),
     isControlled = _useRef.current;
@@ -18409,21 +18281,17 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     _useState4 = _slicedToArray(_useState3, 2),
     inputType = _useState4[0],
     setInputType = _useState4[1];
-  var _useState5 = useState(null),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    anchorEl = _useState6[0],
-    setAnchorEl = _useState6[1];
-  var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
-    if (autocomplete) {
-      var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
-      var shouldOpen = (_autocompleteOptions$ = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$2 = autocompleteOptions.predicate) === null || _autocompleteOptions$2 === void 0 ? void 0 : _autocompleteOptions$2.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$ !== void 0 ? _autocompleteOptions$ : inputString.length > 0;
-      autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.setOpen) === null || _autocompleteOptions$3 === void 0 || _autocompleteOptions$3.call(autocompleteOptions, !!shouldOpen);
-    }
-  };
+    showAutocompleteOptions = _useState6[0],
+    setShowAutocompleteOptions = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    anchorEl = _useState8[0],
+    setAnchorEl = _useState8[1];
   var handleChange = function handleChange(event) {
     var _inputHelper = inputHelper(event),
       fieldValue = _inputHelper.fieldValue;
-    checkAndOpenAutocomplete(fieldValue);
     if (isControlled) {
       onChange === null || onChange === void 0 || onChange(event, fieldValue);
     } else {
@@ -18464,11 +18332,9 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
           type: 'button',
           leftComponent: function leftComponent() {
             return inputType === 'password' ? jsx(HidePassword, {
-              className: classes(modules_c1d23762.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : ''),
-              position: 'left'
+              className: classes(modules_c1d23762.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
             }) : jsx(ViewPasswordIcon, {
-              className: classes(modules_c1d23762.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : ''),
-              position: 'left'
+              className: classes(modules_c1d23762.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
             });
           },
           onClick: function onClick() {
@@ -18507,6 +18373,10 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     }
     return RightComponent ? jsx(RightComponent, {}) : null;
   };
+  var handleOnBlur = function handleOnBlur() {
+    onBlur === null || onBlur === void 0 || onBlur();
+    setShowAutocompleteOptions(false);
+  };
   var inputValue = isControlled ? String(value !== null && value !== void 0 ? value : '') : uncontrolledValue;
   var commonProps = _objectSpread2({
     id: id,
@@ -18514,10 +18384,10 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     disabled: disabled,
     placeholder: placeholder,
     onFocus: function onFocus() {
-      checkAndOpenAutocomplete(inputValue);
       _onFocus === null || _onFocus === void 0 || _onFocus();
+      setShowAutocompleteOptions(true);
     },
-    onBlur: onBlur,
+    onBlur: handleOnBlur,
     onKeyDown: onKeyDown,
     required: required,
     'data-elem': 'input',
@@ -18549,12 +18419,13 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
       }, (RightComponent !== null && RightComponent !== void 0 ? RightComponent : type === 'password' || feedback) && {
         component3: getRightComponent()
       }))]
-    }), autocomplete && jsx(Popover, {
+    }), autocompleteOptions && jsx(Popover, {
       anchorEl: anchorEl,
-      open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
-      setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
-      placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
-      middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
+      open: showAutocompleteOptions,
+      placement: autocompleteOptions.placement,
+      middlewareOptions: autocompleteOptions.middlewareOptions,
+      withOverlay: false,
+      lockScroll: false,
       children: AutocompletePopover && jsx(AutocompletePopover, {
         name: name,
         value: value
@@ -18563,8 +18434,8 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
   });
 });
 
-var css$t = ".HierarchyItem_module_root__1d4319b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  position: relative;\n  min-width: 300px;\n}\n.HierarchyItem_module_root__1d4319b9 span[data-elem=component2] label > div[data-elem=base-cell] > span[data-elem=component1] {\n  margin-top: 0 !important;\n  margin-left: 0.525rem !important;\n}\n.HierarchyItem_module_root__1d4319b9 span[data-elem=component3] button {\n  max-height: 10px;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_searching__1d4319b9 > .HierarchyItem_module_header__1d4319b9:hover {\n  background: none;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_searching__1d4319b9 > .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_icon__1d4319b9,\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_searching__1d4319b9 > .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_title__1d4319b9,\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_searching__1d4319b9 > .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_title__1d4319b9 svg {\n  color: inherit;\n  fill: inherit;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_searching__1d4319b9 > .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_searchWrapper__1d4319b9 {\n  display: none !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_headerNoCount__1d4319b9 {\n  margin-left: 7px;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  min-width: 220px;\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: 0rem 0rem !important;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component1], .HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component1] .HierarchyItem_module_expand__1d4319b9, .HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component3] .HierarchyItem_module_expand__1d4319b9 {\n  padding: 0;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component1] .HierarchyItem_module_expand__1d4319b9 .HierarchyItem_module_icon__1d4319b9, .HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component3] .HierarchyItem_module_expand__1d4319b9 .HierarchyItem_module_icon__1d4319b9 {\n  width: 1rem;\n  margin-left: 0.4rem;\n  height: 1.49rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] {\n  padding-left: 0.5rem;\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_title__1d4319b9 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 2rem;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  margin-bottom: 2px;\n  margin-top: 1px;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_titleNoList__1d4319b9 {\n  padding-left: 0.5rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 {\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: 2rem;\n  margin-left: -28px;\n  margin-bottom: 2px;\n  margin-top: 1px;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchButton__1d4319b9 {\n  width: 1.25rem;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 {\n  width: 100%;\n  padding-left: 12px;\n  height: 100%;\n  gap: 0.25rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 [data-elem=base-cell] {\n  box-shadow: none !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 [data-elem=base-cell]:focus-within {\n  outline: none !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 [data-elem=base-cell] > [data-elem=component3] > button {\n  margin-top: 1px;\n  padding: 0;\n  height: auto;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 [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__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 [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__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 label {\n  display: contents;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__1d4319b9 .HierarchyItem_module_searchInput__1d4319b9 input {\n  outline: none;\n  font-size: 0.875rem;\n  height: 100%;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_searchWrapper__1d4319b9 {\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__1d4319b9 .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_searchWrapper__1d4319b9 [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_searchWrapper__1d4319b9 .HierarchyItem_module_searchButton__1d4319b9 {\n  width: 1.25rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9:hover {\n  background: var(--background-color4);\n  border-radius: 4px;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_icon__1d4319b9,\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_title__1d4319b9,\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_title__1d4319b9 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_header__1d4319b9:hover .HierarchyItem_module_searchWrapper__1d4319b9 {\n  height: 2.5rem;\n  display: block;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_expandContainer__1d4319b9 {\n  margin-left: 4px;\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__1d4319b9 .HierarchyItem_module_expandContainer__1d4319b9 .HierarchyItem_module_collapsedTail__1d4319b9 {\n  position: absolute;\n  top: 128%;\n  left: 0.45rem;\n  width: 1px;\n  height: 1rem;\n  background: var(--grey1);\n  z-index: 1;\n  pointer-events: none;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_expandContainer__1d4319b9 .HierarchyItem_module_dashedConnectorForButton__1d4319b9 {\n  height: 1.3rem;\n  border-left: 0.0313rem dashed #cccccc;\n  transform: translateX(0.45rem);\n  margin-top: 30px;\n  margin-left: 2.18rem;\n  z-index: 9;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_expandContainer__1d4319b9 .HierarchyItem_module_hiddenConnector__1d4319b9 {\n  border-left: none !important;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_collapsedTailSpacer__1d4319b9 {\n  height: 0.3rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.5rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component1] .HierarchyItem_module_tail__1d4319b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n  margin-left: -0.2rem;\n  z-index: -99;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component1] .HierarchyItem_module_tail__1d4319b9::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.325rem;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n  margin-bottom: -0.55rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component1] .HierarchyItem_module_highlightTail__1d4319b9 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n  margin-left: -0.2rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component1] .HierarchyItem_module_highlightTail__1d4319b9::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.325rem;\n  width: 1px;\n  flex: 1;\n  background: #0f62fe;\n  margin-bottom: -0.55rem;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__1d4319b9 .HierarchyItem_module_body__1d4319b9 > [data-elem=component2] .HierarchyItem_module_children__1d4319b9 {\n  flex: 1 0 auto;\n  width: 100%;\n  height: auto;\n  max-height: 200px;\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_open__1d4319b9 > .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_expand__1d4319b9 .HierarchyItem_module_icon__1d4319b9 {\n  transform: none;\n  height: 0.8rem;\n  width: 0rem;\n  margin-left: 1.8rem;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_open__1d4319b9 > .HierarchyItem_module_body__1d4319b9 {\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__1d4319b9.HierarchyItem_module_open__1d4319b9 > .HierarchyItem_module_collapsedTail__1d4319b9 {\n  display: none;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_active__1d4319b9 > .HierarchyItem_module_header__1d4319b9 {\n  background: var(--background-color4);\n  border-radius: 0.25rem;\n}\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_active__1d4319b9 > .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_icon__1d4319b9,\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_active__1d4319b9 > .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_title__1d4319b9,\n.HierarchyItem_module_root__1d4319b9.HierarchyItem_module_active__1d4319b9 > .HierarchyItem_module_header__1d4319b9 .HierarchyItem_module_title__1d4319b9 svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
-var modules_6d03d164 = {"root":"HierarchyItem_module_root__1d4319b9","searching":"HierarchyItem_module_searching__1d4319b9","header":"HierarchyItem_module_header__1d4319b9","icon":"HierarchyItem_module_icon__1d4319b9","title":"HierarchyItem_module_title__1d4319b9","searchWrapper":"HierarchyItem_module_searchWrapper__1d4319b9","headerNoCount":"HierarchyItem_module_headerNoCount__1d4319b9","expand":"HierarchyItem_module_expand__1d4319b9","titleNoList":"HierarchyItem_module_titleNoList__1d4319b9","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__1d4319b9","searchButton":"HierarchyItem_module_searchButton__1d4319b9","searchInput":"HierarchyItem_module_searchInput__1d4319b9","expand-container":"HierarchyItem_module_expandContainer__1d4319b9","collapsed-tail":"HierarchyItem_module_collapsedTail__1d4319b9","dashed-connector-for-button":"HierarchyItem_module_dashedConnectorForButton__1d4319b9","hidden-connector":"HierarchyItem_module_hiddenConnector__1d4319b9","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__1d4319b9","body":"HierarchyItem_module_body__1d4319b9","tail":"HierarchyItem_module_tail__1d4319b9","highlight-tail":"HierarchyItem_module_highlightTail__1d4319b9","children":"HierarchyItem_module_children__1d4319b9","open":"HierarchyItem_module_open__1d4319b9","active":"HierarchyItem_module_active__1d4319b9"};
+var css$t = ".HierarchyItem_module_root__16e12b8d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  position: relative;\n  min-width: 300px;\n}\n.HierarchyItem_module_root__16e12b8d span[data-elem=component2] label > div[data-elem=base-cell] > span[data-elem=component1] {\n  margin-top: 0 !important;\n  margin-left: 0.525rem !important;\n}\n.HierarchyItem_module_root__16e12b8d span[data-elem=component3] button {\n  max-height: 10px;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_searching__16e12b8d > .HierarchyItem_module_header__16e12b8d:hover {\n  background: none;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_searching__16e12b8d > .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_icon__16e12b8d,\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_searching__16e12b8d > .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_title__16e12b8d,\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_searching__16e12b8d > .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_title__16e12b8d svg {\n  color: inherit;\n  fill: inherit;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_searching__16e12b8d > .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_searchWrapper__16e12b8d {\n  display: none !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_headerNoCount__16e12b8d {\n  margin-left: 7px;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  min-width: 220px;\n  height: auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: 0rem 0rem !important;\n  cursor: pointer;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component1], .HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component1] .HierarchyItem_module_expand__16e12b8d, .HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component3] .HierarchyItem_module_expand__16e12b8d {\n  padding: 0;\n  width: 1rem;\n  height: 1rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component1] .HierarchyItem_module_expand__16e12b8d .HierarchyItem_module_icon__16e12b8d, .HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component3] .HierarchyItem_module_expand__16e12b8d .HierarchyItem_module_icon__16e12b8d {\n  width: 1rem;\n  margin-left: 0.4rem;\n  height: 1.49rem;\n  fill: var(--text-color);\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] {\n  padding-left: 0.5rem;\n  flex: 1 1 auto;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_title__16e12b8d {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 2rem;\n  padding: 0.25rem 0rem;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  margin-bottom: 2px;\n  margin-top: 1px;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_titleNoList__16e12b8d {\n  padding-left: 0.5rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d {\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: 2rem;\n  margin-left: -28px;\n  margin-bottom: 2px;\n  margin-top: 1px;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchButton__16e12b8d {\n  width: 1.25rem;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d {\n  width: 100%;\n  padding-left: 12px;\n  height: 100%;\n  gap: 0.25rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d [data-elem=base-cell] {\n  box-shadow: none !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d [data-elem=base-cell]:focus-within {\n  outline: none !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d [data-elem=base-cell] > [data-elem=component3] > button {\n  margin-top: 1px;\n  padding: 0;\n  height: auto;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d [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__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d [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__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d label {\n  display: contents;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__16e12b8d .HierarchyItem_module_searchInput__16e12b8d input {\n  outline: none;\n  font-size: 0.875rem;\n  height: 100%;\n  width: 120px;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_searchWrapper__16e12b8d {\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__16e12b8d .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_searchWrapper__16e12b8d [data-elem=title] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_searchWrapper__16e12b8d .HierarchyItem_module_searchButton__16e12b8d {\n  width: 1.25rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d:hover {\n  background: var(--background-color4);\n  border-radius: 4px;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_icon__16e12b8d,\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_title__16e12b8d,\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_title__16e12b8d svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_header__16e12b8d:hover .HierarchyItem_module_searchWrapper__16e12b8d {\n  height: 2.5rem;\n  display: block;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_expandContainer__16e12b8d {\n  margin-left: 4px;\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__16e12b8d .HierarchyItem_module_expandContainer__16e12b8d .HierarchyItem_module_collapsedTail__16e12b8d {\n  position: absolute;\n  top: 128%;\n  left: 0.45rem;\n  width: 1px;\n  height: 1rem;\n  background: var(--grey1);\n  z-index: 1;\n  pointer-events: none;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_expandContainer__16e12b8d .HierarchyItem_module_dashedConnectorForButton__16e12b8d {\n  height: 1.3rem;\n  border-left: 0.0313rem dashed #cccccc;\n  transform: translateX(0.45rem);\n  margin-top: 30px;\n  margin-left: 2.18rem;\n  z-index: 9;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_expandContainer__16e12b8d .HierarchyItem_module_hiddenConnector__16e12b8d {\n  border-left: none !important;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_collapsedTailSpacer__16e12b8d {\n  height: 0.3rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d {\n  display: none;\n  flex: 1 0 auto;\n  padding: 0px 0rem 0px 0.5rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component1] {\n  flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component1] .HierarchyItem_module_tail__16e12b8d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n  margin-left: -0.2rem;\n  z-index: -99;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component1] .HierarchyItem_module_tail__16e12b8d::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.325rem;\n  width: 1px;\n  flex: 1;\n  background: var(--grey1);\n  margin-bottom: -0.55rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component1] .HierarchyItem_module_highlightTail__16e12b8d {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 1rem;\n  height: 100%;\n  margin-left: -0.2rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component1] .HierarchyItem_module_highlightTail__16e12b8d::after {\n  content: \"\";\n  display: block;\n  margin: auto;\n  margin-top: -0.325rem;\n  width: 1px;\n  flex: 1;\n  background: #0f62fe;\n  margin-bottom: -0.55rem;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component2] {\n  flex: 1 0 auto;\n}\n.HierarchyItem_module_root__16e12b8d .HierarchyItem_module_body__16e12b8d > [data-elem=component2] .HierarchyItem_module_children__16e12b8d {\n  flex: 1 0 auto;\n  width: 100%;\n  height: auto;\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_open__16e12b8d > .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_expand__16e12b8d .HierarchyItem_module_icon__16e12b8d {\n  transform: none;\n  height: 0.8rem;\n  width: 0rem;\n  margin-left: 1.8rem;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_open__16e12b8d > .HierarchyItem_module_body__16e12b8d {\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__16e12b8d.HierarchyItem_module_open__16e12b8d > .HierarchyItem_module_collapsedTail__16e12b8d {\n  display: none;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_active__16e12b8d > .HierarchyItem_module_header__16e12b8d {\n  background: var(--background-color4);\n  border-radius: 0.25rem;\n}\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_active__16e12b8d > .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_icon__16e12b8d,\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_active__16e12b8d > .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_title__16e12b8d,\n.HierarchyItem_module_root__16e12b8d.HierarchyItem_module_active__16e12b8d > .HierarchyItem_module_header__16e12b8d .HierarchyItem_module_title__16e12b8d svg {\n  color: var(--primary-color4);\n  fill: var(--primary-color4);\n}";
+var modules_6d03d164 = {"root":"HierarchyItem_module_root__16e12b8d","searching":"HierarchyItem_module_searching__16e12b8d","header":"HierarchyItem_module_header__16e12b8d","icon":"HierarchyItem_module_icon__16e12b8d","title":"HierarchyItem_module_title__16e12b8d","searchWrapper":"HierarchyItem_module_searchWrapper__16e12b8d","headerNoCount":"HierarchyItem_module_headerNoCount__16e12b8d","expand":"HierarchyItem_module_expand__16e12b8d","titleNoList":"HierarchyItem_module_titleNoList__16e12b8d","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__16e12b8d","searchButton":"HierarchyItem_module_searchButton__16e12b8d","searchInput":"HierarchyItem_module_searchInput__16e12b8d","expand-container":"HierarchyItem_module_expandContainer__16e12b8d","collapsed-tail":"HierarchyItem_module_collapsedTail__16e12b8d","dashed-connector-for-button":"HierarchyItem_module_dashedConnectorForButton__16e12b8d","hidden-connector":"HierarchyItem_module_hiddenConnector__16e12b8d","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__16e12b8d","body":"HierarchyItem_module_body__16e12b8d","tail":"HierarchyItem_module_tail__16e12b8d","highlight-tail":"HierarchyItem_module_highlightTail__16e12b8d","children":"HierarchyItem_module_children__16e12b8d","open":"HierarchyItem_module_open__16e12b8d","active":"HierarchyItem_module_active__16e12b8d"};
 n(css$t,{});
 
 var ChildrenContainer = function ChildrenContainer(_ref) {
@@ -18622,6 +18493,7 @@ var ChildrenContainer = function ChildrenContainer(_ref) {
         });
       });
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return jsx(BaseCell, {
     size: 'auto',
@@ -18659,8 +18531,10 @@ var HierarchyItem = /*#__PURE__*/forwardRef(function (props, ref) {
     lastActive = props.lastActive,
     isSearching = props.isSearching,
     onSearchStart = props.onSearchStart,
+    searchedText = props.searchedText,
     callbackOnScroll = props.callbackOnScroll,
-    list = props.list;
+    list = props.list,
+    controlledOpen = props.controlledOpen;
   var _useState = useState(defaultOpen),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -18672,6 +18546,9 @@ var HierarchyItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleSearchSubmit = function handleSearchSubmit() {
     onSearchSubmit === null || onSearchSubmit === void 0 || onSearchSubmit(searchText, pathString);
   };
+  useEffect(function () {
+    if (typeof controlledOpen === 'boolean') setOpen(controlledOpen);
+  }, [controlledOpen]);
   var icon = jsxs("div", {
     className: modules_6d03d164['expand-container'],
     children: [jsx(Button, {
@@ -18726,7 +18603,7 @@ var HierarchyItem = /*#__PURE__*/forwardRef(function (props, ref) {
           },
           RightComponent: function RightComponent() {
             return jsx(Button, {
-              title: jsx(MagnifyingGlass, {
+              title: jsx(SearchIcon, {
                 className: modules_6d03d164.searchButton
               }),
               onClick: handleSearchSubmit,
@@ -18762,7 +18639,9 @@ var HierarchyItem = /*#__PURE__*/forwardRef(function (props, ref) {
         onClick: function onClick() {
           return onSearchStart === null || onSearchStart === void 0 ? void 0 : onSearchStart();
         },
-        title: jsx(MagnifyingGlass, {
+        title: searchedText ? jsx(Edit, {
+          className: modules_6d03d164.searchButton
+        }) : jsx(SearchIcon, {
           className: modules_6d03d164.searchButton
         })
       }) : undefined
@@ -18782,21 +18661,28 @@ var HierarchyItem = /*#__PURE__*/forwardRef(function (props, ref) {
   });
 });
 
-var css$s = ".HierarchyBrowser_module_root__3357a158 {\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__3357a158 .HierarchyBrowser_module_header__3357a158 {\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__3357a158 .HierarchyBrowser_module_body__3357a158 {\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__3357a158 .HierarchyBrowser_module_item__3357a158 {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  width: 100%;\n}\n.HierarchyBrowser_module_root__3357a158 .HierarchyBrowser_module_item__3357a158 .HierarchyBrowser_module_itemIcon__3357a158 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.HierarchyBrowser_module_root__3357a158 .HierarchyBrowser_module_item__3357a158 .HierarchyBrowser_module_itemTitle__3357a158 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #1e1e1e;\n}\n.HierarchyBrowser_module_root__3357a158 .HierarchyBrowser_module_item__3357a158 .HierarchyBrowser_module_itemCount__3357a158 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__3357a158 .HierarchyBrowser_module_item__3357a158 .HierarchyBrowser_module_itemCount__3357a158 .HierarchyBrowser_module_countBg__3357a158 {\n  background-color: #b7cadb;\n  padding: 0.3125rem;\n  border-radius: 0.125rem;\n  min-width: 1.125rem;\n  height: 1.125rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__3357a158 .HierarchyBrowser_module_item__3357a158 .HierarchyBrowser_module_itemCount__3357a158 .HierarchyBrowser_module_countText__3357a158 {\n  color: #ffffff;\n  font-weight: 500;\n  font-size: 0.8rem;\n  line-height: 1;\n}\n.HierarchyBrowser_module_root__3357a158.HierarchyBrowser_module_resizable__3357a158:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
-var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__3357a158","header":"HierarchyBrowser_module_header__3357a158","body":"HierarchyBrowser_module_body__3357a158","item":"HierarchyBrowser_module_item__3357a158","item-icon":"HierarchyBrowser_module_itemIcon__3357a158","item-title":"HierarchyBrowser_module_itemTitle__3357a158","item-count":"HierarchyBrowser_module_itemCount__3357a158","count-bg":"HierarchyBrowser_module_countBg__3357a158","count-text":"HierarchyBrowser_module_countText__3357a158","resizable":"HierarchyBrowser_module_resizable__3357a158"};
+var css$s = ".HierarchyBrowser_module_root__8f3a34a5 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  min-width: 20rem;\n  position: relative;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_header__8f3a34a5 {\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__8f3a34a5 .HierarchyBrowser_module_body__8f3a34a5 {\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__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 {\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n  width: 100%;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemIcon__8f3a34a5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  height: 1.25rem;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemTitle__8f3a34a5 {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: black;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemTitle__8f3a34a5.HierarchyBrowser_module_highlight__8f3a34a5 {\n  color: #0f62fe;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemCount__8f3a34a5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemCount__8f3a34a5 .HierarchyBrowser_module_countBg__8f3a34a5 {\n  background-color: #b7cadb;\n  padding: 0.3125rem;\n  border-radius: 0.125rem;\n  min-width: 1.125rem;\n  height: 1.125rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.HierarchyBrowser_module_root__8f3a34a5 .HierarchyBrowser_module_item__8f3a34a5 .HierarchyBrowser_module_itemCount__8f3a34a5 .HierarchyBrowser_module_countText__8f3a34a5 {\n  color: #ffffff;\n  font-weight: 500;\n  font-size: 0.8rem;\n  line-height: 1;\n}\n.HierarchyBrowser_module_root__8f3a34a5.HierarchyBrowser_module_resizable__8f3a34a5:hover::after {\n  width: 3px;\n  cursor: col-resize;\n}";
+var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__8f3a34a5","header":"HierarchyBrowser_module_header__8f3a34a5","body":"HierarchyBrowser_module_body__8f3a34a5","item":"HierarchyBrowser_module_item__8f3a34a5","item-icon":"HierarchyBrowser_module_itemIcon__8f3a34a5","item-title":"HierarchyBrowser_module_itemTitle__8f3a34a5","highlight":"HierarchyBrowser_module_highlight__8f3a34a5","item-count":"HierarchyBrowser_module_itemCount__8f3a34a5","count-bg":"HierarchyBrowser_module_countBg__8f3a34a5","count-text":"HierarchyBrowser_module_countText__8f3a34a5","resizable":"HierarchyBrowser_module_resizable__8f3a34a5"};
 n(css$s,{});
 
+var hasRIC = typeof globalThis.requestIdleCallback === 'function';
+var scheduleIdle = function scheduleIdle(fn) {
+  if (hasRIC) globalThis.requestIdleCallback(fn, {
+    timeout: 50
+  });else setTimeout(fn, 0);
+};
 var Title = function Title(_ref) {
   var leftComponent = _ref.leftComponent,
     title = _ref.title,
-    rightComponent = _ref.rightComponent;
+    rightComponent = _ref.rightComponent,
+    highlight = _ref.highlight;
   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'],
+      className: classes(modules_5e29d515['item-title'], highlight && modules_5e29d515.highlight),
       children: title
     }), rightComponent !== undefined && Number(rightComponent) !== 0 && jsx("span", {
       className: modules_5e29d515['item-count'],
@@ -18810,19 +18696,46 @@ var Title = function Title(_ref) {
     })]
   });
 };
+/** Collect all paths (with array children) up to the given depth. Depth 1 = root level. */
+function collectOpenPaths(meta, maxDepth) {
+  var out = [];
+  if (maxDepth <= 0) return out;
+  var _walk = function walk(node, path, depth) {
+    if (depth >= maxDepth) return;
+    if (Array.isArray(node.list)) {
+      var total = node.list.length;
+      out.push({
+        path: path,
+        total: total
+      });
+      // continue to next level
+      node.list.forEach(function (child, i) {
+        _walk(child, "".concat(path, ".list[").concat(i.toString(), "]"), depth + 1);
+      });
+    }
+  };
+  meta.forEach(function (n, i) {
+    _walk(n, "metadata[".concat(i.toString(), "]"), 0);
+  });
+  return out;
+}
+// put near other refs/utilities
+var pathIsDescendant = function pathIsDescendant(p, ancestor) {
+  return p === ancestor || p.startsWith("".concat(ancestor, "."));
+};
+var removePendingUnder = function removePendingUnder(prefix, pending) {
+  for (var _i = 0, _Array$from = Array.from(pending); _i < _Array$from.length; _i++) {
+    var p = _Array$from[_i];
+    if (pathIsDescendant(p, prefix)) pending["delete"](p);
+  }
+};
 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 () {
-      //  left blank
-    } : _ref2$onItemClick,
-    _ref2$onItemDoubleCli = _ref2.onItemDoubleClick,
-    onItemDoubleClick = _ref2$onItemDoubleCli === void 0 ? function () {
-      //  left blank
-    } : _ref2$onItemDoubleCli,
+    onItemClick = _ref2.onItemClick,
+    onItemDoubleClick = _ref2.onItemDoubleClick,
     callbackOnScroll = _ref2.callbackOnScroll,
     _ref2$minWidth = _ref2.minWidth,
     minWidth = _ref2$minWidth === void 0 ? 220 : _ref2$minWidth,
@@ -18832,8 +18745,19 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     _ref2$setItemProps = _ref2.setItemProps,
     setItemProps = _ref2$setItemProps === void 0 ? function () {
       return {};
-    } : _ref2$setItemProps;
+    } : _ref2$setItemProps,
+    _ref2$progressiveRend = _ref2.progressiveRender,
+    progressiveRender = _ref2$progressiveRend === void 0 ? true : _ref2$progressiveRend,
+    _ref2$initialChunkSiz = _ref2.initialChunkSize,
+    initialChunkSize = _ref2$initialChunkSiz === void 0 ? 200 : _ref2$initialChunkSiz,
+    _ref2$subsequentChunk = _ref2.subsequentChunkSize,
+    subsequentChunkSize = _ref2$subsequentChunk === void 0 ? 200 : _ref2$subsequentChunk,
+    _ref2$chunkSearchResu = _ref2.chunkSearchResults,
+    chunkSearchResults = _ref2$chunkSearchResu === void 0 ? true : _ref2$chunkSearchResu,
+    _ref2$defaultOpenLeve = _ref2.defaultOpenLevel,
+    defaultOpenLevel = _ref2$defaultOpenLeve === void 0 ? 0 : _ref2$defaultOpenLeve;
   var browserRef = useRef(null);
+  // --- your existing state (preserved) ---
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     searchResults = _useState2[0],
@@ -18842,6 +18766,26 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     _useState4 = _slicedToArray(_useState3, 2),
     activePath = _useState4[0],
     setActivePath = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    lastOpenedPath = _useState6[0],
+    setLastOpenedPath = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    searchingPath = _useState8[0],
+    setSearchingPath = _useState8[1];
+  // --- new state for progressive mounting ---
+  var _useState9 = useState(new Set()),
+    _useState0 = _slicedToArray(_useState9, 2),
+    openPaths = _useState0[0],
+    setOpenPaths = _useState0[1];
+  var _useState1 = useState(new Map()),
+    _useState10 = _slicedToArray(_useState1, 2),
+    visibleCounts = _useState10[0],
+    setVisibleCounts = _useState10[1];
+  var totalCountsRef = useRef(new Map());
+  var pendingPathsRef = useRef(new Set());
+  var scheduledRef = useRef(false);
   useResize({
     ref: browserRef,
     styles: {
@@ -18851,122 +18795,258 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
     },
     enabled: resizable !== null && resizable !== void 0 ? resizable : true
   });
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    lastOpenedPath = _useState6[0],
-    setLastOpenedPath = _useState6[1];
-  var _useState7 = useState(new Set()),
-    _useState8 = _slicedToArray(_useState7, 2),
-    setOpenPaths = _useState8[1];
-  var _useState9 = useState(null),
-    _useState0 = _slicedToArray(_useState9, 2),
-    searchingPath = _useState0[0],
-    setSearchingPath = _useState0[1];
+  var didInitDefaultOpen = useRef(false);
+  var kickScheduler = useCallback(function () {
+    if (scheduledRef.current) return;
+    scheduledRef.current = true;
+    scheduleIdle(function () {
+      scheduledRef.current = false;
+      var changed = false;
+      startTransition(function () {
+        setVisibleCounts(function (prev) {
+          var next = new Map(prev);
+          for (var _i2 = 0, _Array$from2 = Array.from(pendingPathsRef.current); _i2 < _Array$from2.length; _i2++) {
+            var _totalCountsRef$curre, _next$get;
+            var path = _Array$from2[_i2];
+            if (!openPaths.has(path)) {
+              pendingPathsRef.current["delete"](path);
+            }
+            var total = (_totalCountsRef$curre = totalCountsRef.current.get(path)) !== null && _totalCountsRef$curre !== void 0 ? _totalCountsRef$curre : 0;
+            var current = (_next$get = next.get(path)) !== null && _next$get !== void 0 ? _next$get : Math.min(initialChunkSize, total);
+            if (current < total) {
+              next.set(path, Math.min(current + subsequentChunkSize, total));
+              changed = true;
+            } else {
+              pendingPathsRef.current["delete"](path);
+            }
+          }
+          return changed ? next : prev;
+        });
+      });
+      if (pendingPathsRef.current.size) kickScheduler();
+    });
+  }, [openPaths, initialChunkSize, subsequentChunkSize]);
+  useEffect(function () {
+    if (didInitDefaultOpen.current) return;
+    if (defaultOpenLevel <= 0) return;
+    if (metadata.length === 0) return;
+    var targets = collectOpenPaths(metadata, defaultOpenLevel);
+    if (!targets.length) return;
+    setOpenPaths(function (prev) {
+      var next = new Set(prev);
+      var _iterator = _createForOfIteratorHelper(targets),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var path = _step.value.path;
+          next.add(path);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return next;
+    });
+    startTransition(function () {
+      setVisibleCounts(function (prev) {
+        var next = new Map(prev);
+        var _iterator2 = _createForOfIteratorHelper(targets),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _step2.value,
+              path = _step2$value.path,
+              total = _step2$value.total;
+            totalCountsRef.current.set(path, total);
+            if (!next.has(path)) next.set(path, Math.min(initialChunkSize, total || initialChunkSize));
+            pendingPathsRef.current.add(path);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        return next;
+      });
+    });
+    kickScheduler();
+    didInitDefaultOpen.current = true; // <-- move here (after we actually initialized)
+  }, [metadata, defaultOpenLevel, initialChunkSize, kickScheduler]);
   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);
+  var trackOpenState = function trackOpenState(pathString, open) {
+    setOpenPaths(function (prev) {
+      var next = new Set(prev);
       if (open) {
-        newPaths.add(pathString);
+        next.add(pathString);
         setLastOpenedPath(pathString);
+        startTransition(function () {
+          setVisibleCounts(function (prevVC) {
+            var _totalCountsRef$curre2;
+            var out = new Map(prevVC);
+            var total = (_totalCountsRef$curre2 = totalCountsRef.current.get(pathString)) !== null && _totalCountsRef$curre2 !== void 0 ? _totalCountsRef$curre2 : 0;
+            if (!out.has(pathString)) {
+              out.set(pathString, Math.min(initialChunkSize, total || initialChunkSize));
+            }
+            return out;
+          });
+        });
+        pendingPathsRef.current.add(pathString);
+        kickScheduler();
       } else {
-        Array.from(newPaths).forEach(function (p) {
-          if (p === pathString || p.startsWith("".concat(pathString, "."))) {
-            newPaths["delete"](p);
-          }
+        // ❗ Close ONLY this node; keep descendant open states intact so they "remember" expansion.
+        next["delete"](pathString);
+        // Stop progressive appends for this subtree while hidden, but DO NOT erase saved slices.
+        removePendingUnder(pathString, pendingPathsRef.current);
+        // Keep visibleCounts and totalCounts as-is (cached), so re-open resumes where it left off.
+        // Pick a sensible lastOpenedPath that is still visible (parent if open, else null).
+        var parent = getParentPath(pathString);
+        if (parent && next.has(parent)) setLastOpenedPath(parent);else setLastOpenedPath(null);
+        // Preserve your search behavior (clear search for this path on close) — optional
+        setSearchResults(function (previous) {
+          return Object.fromEntries(Object.entries(previous).filter(function (_ref3) {
+            var _ref4 = _slicedToArray(_ref3, 1),
+              k = _ref4[0];
+            return k !== pathString;
+          }));
         });
-        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);
-            }
-          }
-        }
+        if (searchingPath === pathString) setSearchingPath(null);
       }
-      return newPaths;
+      return next;
     });
   };
+  // Keep search UX as-is
   var handleItemClick = function handleItemClick(item, pathString) {
     return function (open) {
-      onItemClick(item, pathString, open);
+      onItemClick === null || onItemClick === void 0 || onItemClick(item, pathString, open);
       setActivePath(pathString);
-      if (!open) {
-        setSearchResults(function (prev) {
-          return Object.fromEntries(Object.entries(prev).filter(function (_ref3) {
-            var _ref4 = _slicedToArray(_ref3, 1),
-              key = _ref4[0];
-            return key !== pathString;
-          }));
-        });
-      }
     };
   };
   var handleItemDoubleClick = function handleItemDoubleClick(item, pathString) {
     return function (open) {
-      onItemDoubleClick(item, pathString, open);
+      onItemDoubleClick === null || onItemDoubleClick === void 0 || onItemDoubleClick(item, pathString, open);
     };
   };
-  var handleSearchSubmit = function handleSearchSubmit(searchText, pathString) {
+  var handleSearchSubmit = function handleSearchSubmit(text, pathString) {
     setSearchResults(function (prev) {
-      return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, (searchText !== null && searchText !== void 0 ? searchText : '').toLowerCase()));
+      return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, (text !== null && text !== void 0 ? text : '').toLowerCase()));
     });
+    setSearchingPath(null);
+    // Optional: reset visible slice for this path so new results start at initialChunkSize
+    if (chunkSearchResults) {
+      startTransition(function () {
+        setVisibleCounts(function (prev) {
+          var _totalCountsRef$curre3;
+          var out = new Map(prev);
+          var total = (_totalCountsRef$curre3 = totalCountsRef.current.get(pathString)) !== null && _totalCountsRef$curre3 !== void 0 ? _totalCountsRef$curre3 : 0;
+          out.set(pathString, Math.min(initialChunkSize, total || initialChunkSize));
+          return out;
+        });
+      });
+      pendingPathsRef.current.add(pathString);
+      kickScheduler();
+    }
   };
-  var shouldDisplayItem = function shouldDisplayItem(item, searchText) {
+  var shouldDisplayItem = function shouldDisplayItem(item, s) {
     var _item$title$toLowerCa, _item$title;
-    if (!searchText) return true;
-    return (_item$title$toLowerCa = (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(searchText)) !== null && _item$title$toLowerCa !== void 0 ? _item$title$toLowerCa : false;
+    return !s ? true : (_item$title$toLowerCa = (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(s)) !== null && _item$title$toLowerCa !== void 0 ? _item$title$toLowerCa : false;
   };
+  // If filtering reduces totals, clamp visibleCounts
+  useEffect(function () {
+    startTransition(function () {
+      setVisibleCounts(function (prev) {
+        var changed = false;
+        var out = new Map(prev);
+        var _iterator3 = _createForOfIteratorHelper(out),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var _step3$value = _slicedToArray(_step3.value, 2),
+              path = _step3$value[0],
+              count = _step3$value[1];
+            var total = totalCountsRef.current.get(path);
+            if (typeof total === 'number' && count > total) {
+              out.set(path, total);
+              changed = true;
+            }
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        return changed ? out : prev;
+      });
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchResults]);
   var _renderTree = function renderTree(data) {
     var _searchResults$curren, _data$list;
     var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-    var children = Array.isArray(data.list) ? data.list : [];
+    var isLast = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var allChildren = Array.isArray(data.list) ? data.list : [];
     var currentPath = pathString || 'metadata';
     var searchText = (_searchResults$curren = searchResults[currentPath]) !== null && _searchResults$curren !== void 0 ? _searchResults$curren : '';
-    var filteredChildren = searchText ? children.filter(function (child) {
-      return shouldDisplayItem(child, searchText);
-    }) : children;
+    var filteredChildren = searchText ? allChildren.filter(function (ch) {
+      return shouldDisplayItem(ch, searchText);
+    }) : allChildren;
     var _setItemProps = setItemProps(data, currentPath),
       leftComponent = _setItemProps.leftComponent,
       rightComponent = _setItemProps.rightComponent,
       title = _setItemProps.title,
       count = _setItemProps.count,
       ref = _setItemProps.ref;
-    return jsx(HierarchyItem
-    // key={currentPath}
-    , {
-      // key={currentPath}
+    var isOpenHere = openPaths.has(currentPath);
+    if (isOpenHere) {
+      // record totals (after filtering) for scheduler targets
+      totalCountsRef.current.set(currentPath, filteredChildren.length);
+      if (progressiveRender && !visibleCounts.has(currentPath)) {
+        pendingPathsRef.current.add(currentPath);
+      }
+    }
+    var childrenToRender = [];
+    if (isOpenHere) {
+      if (!progressiveRender) {
+        childrenToRender = filteredChildren;
+      } else {
+        var shouldChunk = chunkSearchResults || !searchText;
+        if (!shouldChunk) {
+          childrenToRender = filteredChildren;
+        } else {
+          var _visibleCounts$get;
+          var visible = (_visibleCounts$get = visibleCounts.get(currentPath)) !== null && _visibleCounts$get !== void 0 ? _visibleCounts$get : Math.min(initialChunkSize, filteredChildren.length);
+          childrenToRender = filteredChildren.slice(0, visible);
+          if (visible < filteredChildren.length) pendingPathsRef.current.add(currentPath);
+        }
+      }
+    }
+    return jsx(HierarchyItem, {
       callbackOnScroll: callbackOnScroll,
       ref: ref,
       pathString: currentPath,
-      title: jsx(Title, {
+      title: searchText ? jsx(Title, {
+        title: searchText,
+        highlight: true
+      }) : jsx(Title, {
         leftComponent: leftComponent,
         title: title,
         rightComponent: rightComponent
       }),
-      iconPlacement: children.length ? 'left' : 'none',
+      iconPlacement: allChildren.length ? 'left' : 'none',
       onClick: function onClick(open) {
         handleItemClick(data, currentPath)(open);
-        trackOpenState(data, currentPath, open);
+        trackOpenState(currentPath, open);
       },
       onDoubleClick: function onDoubleClick(open) {
         handleItemDoubleClick(data, currentPath)(open);
-        trackOpenState(data, currentPath, open);
+        trackOpenState(currentPath, open);
       },
+      controlledOpen: isOpenHere,
       active: activePath === currentPath,
       lastActive: lastOpenedPath === currentPath,
       isLastItem: isLast,
@@ -18978,17 +19058,20 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
       onSearchStart: function onSearchStart() {
         setSearchingPath(currentPath);
       },
+      searchedText: searchText,
       onSearchSubmit: function onSearchSubmit(text) {
         handleSearchSubmit(text, currentPath);
-        setSearchingPath(null);
       },
-      children: filteredChildren.map(function (child, idx) {
-        var isLastChild = idx === filteredChildren.length - 1;
+      children: childrenToRender.map(function (child, idx) {
+        var isLastChild = idx === childrenToRender.length - 1;
         var nextPath = "".concat(currentPath, ".list[").concat(String(idx), "]");
-        return _renderTree(child, nextPath, idx === 0, isLastChild);
+        return _renderTree(child, nextPath, isLastChild);
       })
-    });
+    }, currentPath);
   };
+  useEffect(function () {
+    if (pendingPathsRef.current.size) kickScheduler();
+  }, [openPaths, searchResults, kickScheduler]);
   return jsx("div", {
     ref: browserRef,
     className: classes(modules_5e29d515.root, resizable ? modules_5e29d515.resizable : '', className),
@@ -18997,7 +19080,7 @@ var HierarchyBrowser = function HierarchyBrowser(_ref2) {
       "data-elem": 'body',
       children: metadata.map(function (item, index) {
         var isLastItem = index === metadata.length - 1;
-        return _renderTree(item, "metadata[".concat(String(index), "]"), index === 0, isLastItem);
+        return _renderTree(item, "metadata[".concat(String(index), "]"), isLastItem);
       })
     })
   });
@@ -19698,11 +19781,14 @@ var css$n = ".Dialog_module_root__afbc0e34 {\n  padding: 0.25rem 0px;\n  height:
 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$n,{});
 
+/* -------------------------------------------------------------------------- */
+/*                              Helper components                              */
+/* -------------------------------------------------------------------------- */
 var Header$1 = function Header(_ref) {
   var title = _ref.title;
-  return /*#__PURE__*/jsx(Text, {
-    component: "h2",
-    variant: "b1",
+  return jsx(Text, {
+    component: 'h2',
+    variant: 'b1',
     weight: 600,
     children: title
   });
@@ -19710,35 +19796,45 @@ var Header$1 = function Header(_ref) {
 var Footer$1 = function Footer(_ref2) {
   var action = _ref2.action,
     cancel = _ref2.cancel,
-    onAction = _ref2.onAction,
-    onCancel = _ref2.onCancel,
-    hideCancel = _ref2.hideCancel,
     variant = _ref2.variant,
+    CustomAction = _ref2.customAction,
     setOpen = _ref2.setOpen,
-    CustomAction = _ref2.customAction;
-  return /*#__PURE__*/jsxs("div", {
+    hideCancel = _ref2.hideCancel,
+    onAction = _ref2.onAction,
+    onCancel = _ref2.onCancel;
+  return jsxs("div", {
     className: modules_ca1540aa.footer,
-    children: [!hideCancel && /*#__PURE__*/jsx(Button, {
-      color: "default",
-      variant: "outlined",
+    children: [!hideCancel && jsx(Button, {
+      variant: 'outlined',
       className: modules_ca1540aa.cancel,
       onClick: onCancel,
       title: cancel
-    }), CustomAction && /*#__PURE__*/jsx(CustomAction, {
+    }), CustomAction && jsx(CustomAction, {
       dismiss: function dismiss() {
         setOpen(false);
       }
-    }), onAction && /*#__PURE__*/jsx(Button, {
-      onClick: onAction,
+    }), onAction && jsx(Button, {
+      onClick: function onClick() {
+        return onAction({
+          dismiss: function dismiss() {
+            return setOpen(false);
+          }
+        });
+      },
       className: modules_ca1540aa.save,
       title: action,
       color: variant
     })]
   });
 };
-var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
-  var defaultSize = props.size,
-    className = props.className;
+/* -------------------------------------------------------------------------- */
+/*                             Main Dialog component                           */
+/* -------------------------------------------------------------------------- */
+var DialogBox = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? '' : _ref3$className,
+    _ref3$size = _ref3.size,
+    defaultSize = _ref3$size === void 0 ? 'md' : _ref3$size;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -19759,13 +19855,16 @@ var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
     dialogProps = _useState4[0],
     setDialogProps = _useState4[1];
   var description = dialogProps.description,
-    actionText = dialogProps.actionText,
-    cancelText = dialogProps.cancelText,
-    variant = dialogProps.variant,
+    _dialogProps$actionTe = dialogProps.actionText,
+    actionText = _dialogProps$actionTe === void 0 ? 'Done' : _dialogProps$actionTe,
+    _dialogProps$cancelTe = dialogProps.cancelText,
+    cancelText = _dialogProps$cancelTe === void 0 ? 'Dismiss' : _dialogProps$cancelTe,
+    _dialogProps$variant = dialogProps.variant,
+    variant = _dialogProps$variant === void 0 ? 'primary' : _dialogProps$variant,
     title = dialogProps.title,
-    _onAction = dialogProps.onAction,
+    onAction = dialogProps.onAction,
     onCancel = dialogProps.onCancel,
-    _customAction = dialogProps.customAction,
+    customAction = dialogProps.customAction,
     _dialogProps$hideCanc = dialogProps.hideCancel,
     hideCancel = _dialogProps$hideCanc === void 0 ? false : _dialogProps$hideCanc,
     _dialogProps$noDismis = dialogProps.noDismiss,
@@ -19778,51 +19877,21 @@ var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
     onCancel === null || onCancel === void 0 || onCancel();
     setOpen(false);
   };
-  var headerProps = {
-    title: title
-  };
-  var footerProps = function footerProps(_ref3) {
-    var setNoDismissEnabled = _ref3.setNoDismissEnabled;
-    return _objectSpread2(_objectSpread2(_objectSpread2({
-      action: actionText,
-      cancel: cancelText,
-      hideCancel: hideCancel,
-      variant: variant,
-      setOpen: setOpen
-    }, _customAction && {
-      customAction: function customAction() {
-        return _customAction({
-          setNoDismissEnabled: setNoDismissEnabled,
-          dismiss: function dismiss() {
-            setOpen(false);
-          }
-        });
-      }
-    }), _onAction && {
-      onAction: function onAction() {
-        _onAction({
-          dismiss: function dismiss() {
-            setOpen(false);
-          }
-        });
-      }
-    }), !hideCancel && {
-      onCancel: toggle
-    });
-  };
+  // function exposed through ref
   var dialog = function dialog(appliedDialogProps) {
-    setDialogProps(_objectSpread2(_objectSpread2({}, dialogProps), appliedDialogProps));
+    setDialogProps(function (prev) {
+      return _objectSpread2(_objectSpread2({}, prev), appliedDialogProps);
+    });
   };
   useImperativeHandle(ref, function () {
     return {
       dialog: dialog
     };
   });
+  // open modal when dialogProps are populated
   useEffect(function () {
     if (dialogProps.title && (dialogProps.description || dialogProps.body)) {
-      setOpen(function (prev) {
-        return !prev;
-      });
+      setOpen(true);
     }
   }, [dialogProps]);
   var _useState5 = useState(false),
@@ -19830,37 +19899,39 @@ var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
     dismissEnabled = _useState6[0],
     setNoDismissEnabled = _useState6[1];
   useEffect(function () {
-    setNoDismissEnabled(noDismiss);
+    setNoDismissEnabled(noDismiss !== null && noDismiss !== void 0 ? noDismiss : false);
   }, [noDismiss]);
-  return /*#__PURE__*/jsxs(BaseModal, {
+  return jsxs(BaseModal, {
     open: open,
     toggle: toggle,
     hideCrossDismiss: hideCrossDismiss,
     noDismiss: dismissEnabled,
     className: classes(modules_ca1540aa.root, modules_ca1540aa[size], className),
-    renderHeader: title && /*#__PURE__*/jsx(Header$1, _objectSpread2({}, headerProps)),
-    renderFooter: /*#__PURE__*/jsx(Footer$1, _objectSpread2({}, footerProps({
-      setNoDismissEnabled: setNoDismissEnabled
-    }))),
-    children: [Body && /*#__PURE__*/jsx(Body, {
+    renderHeader: title ? jsx(Header$1, {
+      title: title
+    }) : undefined,
+    renderFooter: jsx(Footer$1, {
+      action: actionText,
+      cancel: cancelText,
+      variant: variant,
+      setOpen: setOpen,
+      hideCancel: hideCancel,
+      customAction: customAction,
+      onAction: onAction !== null && onAction !== void 0 ? onAction : undefined,
+      onCancel: !hideCancel ? toggle : undefined
+    }),
+    children: [Body && jsx(Body, {
       dismiss: function dismiss() {
-        setOpen(false);
+        return setOpen(false);
       },
       setNoDismissEnabled: setNoDismissEnabled
-    }), /*#__PURE__*/jsx("div", {
+    }), description && jsx("div", {
       className: modules_ca1540aa.description,
       children: description
     })]
   });
 });
-DialogBox.propTypes = {
-  className: propTypesExports.string,
-  size: propTypesExports.oneOf(['sm', 'md'])
-};
-DialogBox.defaultProps = {
-  className: '',
-  size: 'md'
-};
+DialogBox.displayName = 'DialogBox';
 
 var css$m = ".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"};
@@ -21502,7 +21573,7 @@ var TableCell = /*#__PURE__*/forwardRef(function (props, ref) {
   var isCentered = (style === null || style === void 0 ? void 0 : style.justifyContent) === 'center';
   return jsx(BaseCell, {
     ref: ref,
-    className: classes(modules_7ba8d001.root, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(String(sticky))], sort && modules_7ba8d001.sortable, isCentered && modules_7ba8d001.centered, className),
+    className: classes(modules_7ba8d001.root, modules_7ba8d001["".concat(type, "-cell")], modules_7ba8d001["sticky-".concat(String(sticky))], type === 'header' && sort && modules_7ba8d001.sortable, isCentered && modules_7ba8d001.centered, className),
     attrs: _objectSpread2({
       style: style
     }, attrs),
@@ -21581,9 +21652,14 @@ var TableRow = /*#__PURE__*/forwardRef(function (props, ref) {
     var cellContent = null;
     if (type === 'header') {
       cellContent = item.title;
-    } else {
-      var _datum$item$id;
-      cellContent = (_datum$item$id = datum[item.id]) !== null && _datum$item$id !== void 0 ? _datum$item$id : item.fallbackValue;
+    }
+    if (type === 'body') {
+      if (item.formatter) {
+        cellContent = item.formatter(datum[item.id], _index, datum);
+      } else {
+        var _datum$item$id;
+        cellContent = (_datum$item$id = datum[item.id]) !== null && _datum$item$id !== void 0 ? _datum$item$id : item.fallbackValue;
+      }
     }
     var cellProps = _objectSpread2(_objectSpread2({}, props), item);
     var getCustomCell = customCells === null || customCells === void 0 ? void 0 : customCells[type];
@@ -22131,14 +22207,12 @@ var TableFilters = function TableFilters(props) {
           Active: function Active() {
             return jsx(ColumnFilter, {
               className: modules_a0fe63f9.icon,
-              v2: true,
               active: true
             });
           },
           InActive: function InActive() {
             return jsx(ColumnFilter, {
-              className: modules_a0fe63f9.icon,
-              v2: true
+              className: modules_a0fe63f9.icon
             });
           }
         },
@@ -23113,5 +23187,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
   });
 });
 
-export { Accordion, Alert$1 as Alert, AlertIcon, 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 as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs, 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, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
+export { Accordion, Alert$1 as Alert, AlertIcon, 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 as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs, 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, Copy as CopyIcon, Cross as CrossIcon, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, ExpandCollapseIcon, Filter as FilterIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Pagination, PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, RichEditor as RichTextEditor, SearchButton, SearchIcon, Server as ServerIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, TableCell as TableCellV2, Table as TableV2, Tabs, Text, TextField as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, UnlockPassword as UnlockPasswordIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, getUniquePrimitives, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
 //# sourceMappingURL=index.js.map